/* GLOBAL Barlow Font Import for ALL BRANDS */
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap");

@charset "UTF-8";
/************************************************************************************************************************************************
*																																				*
*																																				*
*		Project:	TTF White Label Boilerplate (SASS/CSS)																						*
*		Platform:	Audience View 6.8.2																											*
*		Date:		August 2014 																												*
*		Author:		Wilko & Chris																												*
*		Copyright:	©TheTicketFactory.com, 2014																									*
*																																				*
*																																				*
************************************************************************************************************************************************/
/*  Truly GLOBAL Additional Files For All Brands (Pulled From Pulls Global Folder)
************************************************************************************************************************************************/
/************************************************************************************************************************************************
*																																				                                                                        
*																																				                                                                        
*		Project:	TTF White Label Boilerplate																		                                            	
*		File:		globalFontAwesome.scss																								                                                          	
*		Platform:	Audience View 6.8.2																										                                                          	
*		Date:		May 2015 																												                                                                
*		Author:		TTF IT																												                                                              
*		Copyright:	TheTicketFactory.com, 2015																									                                                    
*																																				                                                                       
*																																				                                                                        
************************************************************************************************************************************************/
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url("https://d36kigkh74flet.cloudfront.net/fonts/font-awesome/4.5.0/fontawesome-webfont.eot?v=4.5.0");
  src: url("https://d36kigkh74flet.cloudfront.net/fonts/font-awesome/4.5.0/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("https://d36kigkh74flet.cloudfront.net/fonts/font-awesome/4.5.0/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("https://d36kigkh74flet.cloudfront.net/fonts/font-awesome/4.5.0/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("https//d36kigkh74flet.cloudfront.net/fonts/font-awesome/4.5.0/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("https://d36kigkh74flet.cloudfront.net/fonts/font-awesome/4.5.0/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571429em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before, .fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before, .fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before, .fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-feed:before, .fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before, .fa-users:before {
  content: "\f0c0"; }

.fa-chain:before, .fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd"; }

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before, .fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before, .fa-usd:before {
  content: "\f155"; }

.fa-rupee:before, .fa-inr:before {
  content: "\f156"; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158"; }

.fa-won:before, .fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-slack:before {
  content: "\f198"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\f19c"; }

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\f19d"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-pied-piper:before {
  content: "\f1a7"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-spoon:before {
  content: "\f1b1"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-automobile:before, .fa-car:before {
  content: "\f1b9"; }

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-file-pdf-o:before {
  content: "\f1c1"; }

.fa-file-word-o:before {
  content: "\f1c2"; }

.fa-file-excel-o:before {
  content: "\f1c3"; }

.fa-file-powerpoint-o:before {
  content: "\f1c4"; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\f1c5"; }

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\f1c6"; }

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\f1c7"; }

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8"; }

.fa-file-code-o:before {
  content: "\f1c9"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\f1cd"; }

.fa-circle-o-notch:before {
  content: "\f1ce"; }

.fa-ra:before, .fa-rebel:before {
  content: "\f1d0"; }

.fa-ge:before, .fa-empire:before {
  content: "\f1d1"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "\f1d4"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7"; }

.fa-send:before, .fa-paper-plane:before {
  content: "\f1d8"; }

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\f1d9"; }

.fa-history:before {
  content: "\f1da"; }

.fa-circle-thin:before {
  content: "\f1db"; }

.fa-header:before {
  content: "\f1dc"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-sliders:before {
  content: "\f1de"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\f1e3"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-newspaper-o:before {
  content: "\f1ea"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bell-slash-o:before {
  content: "\f1f7"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-eyedropper:before {
  content: "\f1fb"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-area-chart:before {
  content: "\f1fe"; }

.fa-pie-chart:before {
  content: "\f200"; }

.fa-line-chart:before {
  content: "\f201"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-bus:before {
  content: "\f207"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-cc:before {
  content: "\f20a"; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\f20b"; }

.fa-meanpath:before {
  content: "\f20c"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-diamond:before {
  content: "\f219"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-venus:before {
  content: "\f221"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-intersex:before, .fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-facebook-official:before {
  content: "\f230"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-server:before {
  content: "\f233"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-hotel:before, .fa-bed:before {
  content: "\f236"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-train:before {
  content: "\f238"; }

.fa-subway:before {
  content: "\f239"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-yc:before, .fa-y-combinator:before {
  content: "\f23b"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-battery-4:before, .fa-battery-full:before {
  content: "\f240"; }

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242"; }

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-sticky-note-o:before {
  content: "\f24a"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-hourglass-o:before {
  content: "\f250"; }

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251"; }

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255"; }

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "\f256"; }

.fa-hand-scissors-o:before {
  content: "\f257"; }

.fa-hand-lizard-o:before {
  content: "\f258"; }

.fa-hand-spock-o:before {
  content: "\f259"; }

.fa-hand-pointer-o:before {
  content: "\f25a"; }

.fa-hand-peace-o:before {
  content: "\f25b"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-safari:before {
  content: "\f267"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-tv:before, .fa-television:before {
  content: "\f26c"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-500px:before {
  content: "\f26e"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-calendar-plus-o:before {
  content: "\f271"; }

.fa-calendar-minus-o:before {
  content: "\f272"; }

.fa-calendar-times-o:before {
  content: "\f273"; }

.fa-calendar-check-o:before {
  content: "\f274"; }

.fa-industry:before {
  content: "\f275"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-map-o:before {
  content: "\f278"; }

.fa-map:before {
  content: "\f279"; }

.fa-commenting:before {
  content: "\f27a"; }

.fa-commenting-o:before {
  content: "\f27b"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-vimeo:before {
  content: "\f27d"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-edge:before {
  content: "\f282"; }

.fa-credit-card-alt:before {
  content: "\f283"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-modx:before {
  content: "\f285"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-usb:before {
  content: "\f287"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-pause-circle-o:before {
  content: "\f28c"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stop-circle-o:before {
  content: "\f28e"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-percent:before {
  content: "\f295"; }

/************************************************************************************************************************************************
*																																				                                                                        
*																																				                                                                        
*		Project:	TTF White Label Boilerplate																		                                            	
*		File:		globalJQueryFancybox.scss																								                                                          	
*		Platform:	Audience View 6.8.2																										                                                          	
*		Date:		May 2015 																												                                                                
*		Author:		TTF IT																												                                                              
*		Copyright:	TheTicketFactory.com, 2015																									                                                    
*																																				                                                                       
*																																				                                                                        
************************************************************************************************************************************************/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px 'Barlow',sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
  background-image: none; }

.fancybox-close:before {
  font-family: 'FontAwesome';
  content: "\f00d";
  background: black;
  width: 36px;
  height: 36px;
  padding: 0;
  display: block;
  color: white;
  text-align: center;
  border-radius: 50%;
  font-size: 22px;
  border: 2px solid #404040;
  box-shadow: 0px 0px 1px 2px rgba(255, 255, 255, 0.4); }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("fancybox_overlay.png"); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px 'Barlow',sans-serif;
  font-weight: 400;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div {
    background-image: url("fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }

/************************************************************************************************************************************************
*																																				                                                                        
*																																				                                                                        
*		Project:	TTF White Label Boilerplate																		                                            	
*		File:		globalRevolutionSlider.scss																								                                                          	
*		Platform:	Audience View 6.8.2																										                                                          	
*		Date:		December 2015 																												                                                                
*		Author:		TTF IT																												                                                              
*		Copyright:	TheTicketFactory.com, 2015																									                                                    
*																																				                                                                       
*																																				                                                                        
************************************************************************************************************************************************/
/*-----------------------------------------------------------------------------

	-	Revolution Slider 4.1 Captions -

		Screen Stylesheet

version:   	1.4.5
date:      	27/11/13
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/
/*************************
	-	CAPTIONS	-
**************************/
.tp-static-layers {
  position: absolute;
  z-index: 505;
  top: 0px;
  left: 0px; }

.tp-hide-revslider, .tp-caption.tp-hidden-caption {
  visibility: hidden !important;
  display: none !important; }

.tp-caption {
  z-index: 1;
  white-space: nowrap; }

.tp-caption-demo .tp-caption {
  position: relative !important;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 20px !important; }

.tp-caption.whitedivider3px {
  color: #000000;
  text-shadow: none;
  background-color: white;
  background-color: white;
  text-decoration: none;
  min-width: 408px;
  min-height: 3px;
  background-position: initial initial;
  background-repeat: initial initial;
  border-width: 0px;
  border-color: #000000;
  border-style: none; }

.tp-caption.finewide_large_white {
  color: #ffffff;
  text-shadow: none;
  font-size: 60px;
  line-height: 60px;
  font-weight: 300;
  font-family: 'Barlow', sans-serif;
  background-color: transparent;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 8px;
  border-width: 0px;
  border-color: black;
  border-style: none; }

.tp-caption.whitedivider3px {
  color: #000000;
  text-shadow: none;
  background-color: white;
  background-color: white;
  text-decoration: none;
  font-size: 0px;
  line-height: 0;
  min-width: 468px;
  min-height: 3px;
  border-width: 0px;
  border-color: black;
  border-style: none; }

.tp-caption.finewide_medium_white {
  color: #ffffff;
  text-shadow: none;
  font-size: 37px;
  line-height: 37px;
  font-weight: 300;
  font-family: 'Barlow', sans-serif;
  background-color: transparent;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 5px;
  border-width: 0px;
  border-color: black;
  border-style: none; }

.tp-caption.boldwide_small_white {
  font-size: 25px;
  line-height: 25px;
  font-weight: 800;
  font-family: 'Barlow', sans-serif;
  color: white;
  text-decoration: none;
  background-color: transparent;
  text-shadow: none;
  text-transform: uppercase;
  letter-spacing: 5px;
  border-width: 0px;
  border-color: black;
  border-style: none; }

.tp-caption.whitedivider3px_vertical {
  color: #000000;
  text-shadow: none;
  background-color: white;
  background-color: white;
  text-decoration: none;
  font-size: 0px;
  line-height: 0;
  min-width: 3px;
  min-height: 130px;
  border-width: 0px;
  border-color: black;
  border-style: none; }

.tp-caption.finewide_small_white {
  color: #ffffff;
  text-shadow: none;
  font-size: 25px;
  line-height: 25px;
  font-weight: 300;
  font-family: 'Barlow', sans-serif;
  background-color: transparent;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 5px;
  border-width: 0px;
  border-color: black;
  border-style: none; }

.tp-caption.finewide_verysmall_white_mw {
  font-size: 13px;
  line-height: 25px;
  font-weight: 400;
  font-family: 'Barlow', sans-serif;
  color: #ffffff;
  text-decoration: none;
  background-color: transparent;
  text-shadow: none;
  text-transform: uppercase;
  letter-spacing: 5px;
  max-width: 470px;
  white-space: normal !important;
  border-width: 0px;
  border-color: black;
  border-style: none; }

.tp-caption.lightgrey_divider {
  text-decoration: none;
  background-color: #ebebeb;
  background-color: #ebebeb;
  width: 370px;
  height: 3px;
  background-position: initial initial;
  background-repeat: initial initial;
  border-width: 0px;
  border-color: #222222;
  border-style: none; }

.tp-caption.finewide_large_white {
  color: #FFF;
  text-shadow: none;
  font-size: 60px;
  line-height: 60px;
  font-weight: 300;
  font-family: 'Barlow', sans-serif;
  background-color: rgba(0, 0, 0, 0);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 8px;
  border-width: 0px;
  border-color: #000;
  border-style: none; }

.tp-caption.finewide_medium_white {
  color: #FFF;
  text-shadow: none;
  font-size: 34px;
  line-height: 34px;
  font-weight: 300;
  font-family: 'Barlow', sans-serif;
  background-color: rgba(0, 0, 0, 0);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 5px;
  border-width: 0px;
  border-color: #000;
  border-style: none; }

.tp-caption.huge_red {
  position: absolute;
  color: #df4b6b;
  font-weight: 400;
  font-size: 150px;
  line-height: 130px;
  font-family: 'Oswald', sans-serif;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
  background-color: #2d3136;
  padding: 0px; }

.tp-caption.middle_yellow {
  position: absolute;
  color: #fbd572;
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  font-family: 'Barlow', sans-serif;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap; }

.tp-caption.huge_thin_yellow {
  position: absolute;
  color: #fbd572;
  font-weight: 300;
  font-size: 90px;
  line-height: 90px;
  font-family: 'Barlow', sans-serif;
  margin: 0px;
  letter-spacing: 20px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap; }

.tp-caption.big_dark {
  position: absolute;
  color: #333;
  font-weight: 700;
  font-size: 70px;
  line-height: 70px;
  font-family: 'Barlow';
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap; }

.tp-caption.medium_dark {
  position: absolute;
  color: #333;
  font-weight: 300;
  font-size: 40px;
  line-height: 40px;
  font-family: 'Barlow';
  margin: 0px;
  letter-spacing: 5px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap; }

.tp-caption.medium_grey {
  position: absolute;
  color: #fff;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  font-family: Arial;
  padding: 2px 4px;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  background-color: #888;
  white-space: nowrap; }

.tp-caption.small_text {
  position: absolute;
  color: #fff;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  font-family: Arial;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap; }

.tp-caption.medium_text {
  position: absolute;
  color: #fff;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  font-family: Arial;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap; }

.tp-caption.large_bold_white_25 {
  font-size: 55px;
  line-height: 65px;
  font-weight: 700;
  font-family: 'Barlow';
  color: #fff;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
  text-shadow: #000 0px 5px 10px;
  border-width: 0px;
  border-color: white;
  border-style: none; }

.tp-caption.medium_text_shadow {
  font-size: 25px;
  line-height: 25px;
  font-weight: 600;
  font-family: 'Barlow';
  color: #fff;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
  text-shadow: #000 0px 5px 10px;
  border-width: 0px;
  border-color: white;
  border-style: none; }

.tp-caption.large_text {
  position: absolute;
  color: #fff;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  font-family: Arial;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap; }

.tp-caption.medium_bold_grey {
  font-size: 30px;
  line-height: 30px;
  font-weight: 800;
  font-family: 'Barlow';
  color: #666666;
  text-decoration: none;
  background-color: transparent;
  text-shadow: none;
  margin: 0px;
  padding: 1px 4px 0px;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.very_large_text {
  position: absolute;
  color: #fff;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  font-weight: 700;
  font-size: 60px;
  line-height: 60px;
  font-family: Arial;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
  letter-spacing: -2px; }

.tp-caption.very_big_white {
  position: absolute;
  color: #fff;
  text-shadow: none;
  font-weight: 800;
  font-size: 60px;
  line-height: 60px;
  font-family: Arial;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
  padding: 0px 4px;
  padding-top: 1px;
  background-color: #000; }

.tp-caption.very_big_black {
  position: absolute;
  color: #000;
  text-shadow: none;
  font-weight: 700;
  font-size: 60px;
  line-height: 60px;
  font-family: Arial;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
  padding: 0px 4px;
  padding-top: 1px;
  background-color: #fff; }

.tp-caption.modern_medium_fat {
  position: absolute;
  color: #000;
  text-shadow: none;
  font-weight: 800;
  font-size: 24px;
  line-height: 20px;
  font-family: 'Barlow', sans-serif;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap; }

.tp-caption.modern_medium_fat_white {
  position: absolute;
  color: #fff;
  text-shadow: none;
  font-weight: 800;
  font-size: 24px;
  line-height: 20px;
  font-family: 'Barlow', sans-serif;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap; }

.tp-caption.modern_medium_light {
  position: absolute;
  color: #000;
  text-shadow: none;
  font-weight: 300;
  font-size: 24px;
  line-height: 20px;
  font-family: 'Barlow', sans-serif;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap; }

.tp-caption.modern_big_bluebg {
  position: absolute;
  color: #fff;
  text-shadow: none;
  font-weight: 800;
  font-size: 30px;
  line-height: 36px;
  font-family: 'Barlow', sans-serif;
  padding: 3px 10px;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  background-color: #4e5b6c;
  letter-spacing: 0; }

.tp-caption.modern_big_redbg {
  position: absolute;
  color: #fff;
  text-shadow: none;
  font-weight: 300;
  font-size: 30px;
  line-height: 36px;
  font-family: 'Barlow', sans-serif;
  padding: 3px 10px;
  padding-top: 1px;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  background-color: #de543e;
  letter-spacing: 0; }

.tp-caption.modern_small_text_dark {
  position: absolute;
  color: #555;
  text-shadow: none;
  font-size: 14px;
  line-height: 22px;
  font-family: Arial;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap; }

.tp-caption.boxshadow {
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); }

.tp-caption.black {
  color: #000;
  text-shadow: none; }

.tp-caption.noshadow {
  text-shadow: none; }

.tp-caption a {
  color: #ff7302;
  text-shadow: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out; }

.tp-caption a:hover {
  color: #ffa902; }

.tp-caption.thinheadline_dark {
  position: absolute;
  color: rgba(0, 0, 0, 0.85);
  text-shadow: none;
  font-weight: 300;
  font-size: 30px;
  line-height: 30px;
  font-family: 'Barlow';
  background-color: transparent; }

.tp-caption.thintext_dark {
  position: absolute;
  color: rgba(0, 0, 0, 0.85);
  text-shadow: none;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  font-family: 'Barlow';
  background-color: transparent; }

.tp-caption.medium_bg_red a {
  color: #fff;
  text-decoration: none; }

.tp-caption.medium_bg_red a:hover {
  color: #fff;
  text-decoration: underline; }

.tp-caption.smoothcircle {
  font-size: 30px;
  line-height: 75px;
  font-weight: 800;
  font-family: 'Barlow';
  color: white;
  text-decoration: none;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.498039);
  padding: 50px 25px;
  text-align: center;
  border-radius: 500px 500px 500px 500px;
  border-width: 0px;
  border-color: black;
  border-style: none; }

.tp-caption.largeblackbg {
  font-size: 50px;
  line-height: 70px;
  font-weight: 300;
  font-family: 'Barlow';
  color: white;
  text-decoration: none;
  background-color: black;
  padding: 0px 20px 5px;
  text-shadow: none;
  border-width: 0px;
  border-color: white;
  border-style: none; }

.tp-caption.largepinkbg {
  position: absolute;
  color: #fff;
  text-shadow: none;
  font-weight: 300;
  font-size: 50px;
  line-height: 70px;
  font-family: 'Barlow';
  background-color: #db4360;
  padding: 0px 20px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

.tp-caption.largewhitebg {
  position: absolute;
  color: #000;
  text-shadow: none;
  font-weight: 300;
  font-size: 50px;
  line-height: 70px;
  font-family: 'Barlow';
  background-color: #fff;
  padding: 0px 20px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

.tp-caption.largegreenbg {
  position: absolute;
  color: #fff;
  text-shadow: none;
  font-weight: 300;
  font-size: 50px;
  line-height: 70px;
  font-family: 'Barlow';
  background-color: #67ae73;
  padding: 0px 20px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

.tp-caption.excerpt {
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  font-family: Arial;
  color: #ffffff;
  text-decoration: none;
  background-color: black;
  text-shadow: none;
  margin: 0px;
  letter-spacing: -1.5px;
  padding: 1px 4px 0px 4px;
  width: 150px;
  white-space: normal !important;
  height: auto;
  border-width: 0px;
  border-color: white;
  border-style: none; }

.tp-caption.large_bold_grey {
  font-size: 60px;
  line-height: 60px;
  font-weight: 800;
  font-family: 'Barlow';
  color: #666666;
  text-decoration: none;
  background-color: transparent;
  text-shadow: none;
  margin: 0px;
  padding: 1px 4px 0px;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.medium_thin_grey {
  font-size: 34px;
  line-height: 30px;
  font-weight: 300;
  font-family: 'Barlow';
  color: #666666;
  text-decoration: none;
  background-color: transparent;
  padding: 1px 4px 0px;
  text-shadow: none;
  margin: 0px;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.small_thin_grey {
  font-size: 18px;
  line-height: 26px;
  font-weight: 300;
  font-family: 'Barlow';
  color: #757575;
  text-decoration: none;
  background-color: transparent;
  padding: 1px 4px 0px;
  text-shadow: none;
  margin: 0px;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.lightgrey_divider {
  text-decoration: none;
  background-color: #ebebeb;
  width: 370px;
  height: 3px;
  background-position: initial initial;
  background-repeat: initial initial;
  border-width: 0px;
  border-color: #222222;
  border-style: none; }

.tp-caption.large_bold_darkblue {
  font-size: 58px;
  line-height: 60px;
  font-weight: 800;
  font-family: 'Barlow';
  color: #34495e;
  text-decoration: none;
  background-color: transparent;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.medium_bg_darkblue {
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  font-family: 'Barlow';
  color: white;
  text-decoration: none;
  background-color: #34495e;
  padding: 10px;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.medium_bold_red {
  font-size: 24px;
  line-height: 30px;
  font-weight: 800;
  font-family: 'Barlow';
  color: #e33a0c;
  text-decoration: none;
  background-color: transparent;
  padding: 0px;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.medium_light_red {
  font-size: 21px;
  line-height: 26px;
  font-weight: 300;
  font-family: 'Barlow';
  color: #e33a0c;
  text-decoration: none;
  background-color: transparent;
  padding: 0px;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.medium_bg_red {
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  font-family: 'Barlow';
  color: white;
  text-decoration: none;
  background-color: #e33a0c;
  padding: 10px;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.medium_bold_orange {
  font-size: 24px;
  line-height: 30px;
  font-weight: 800;
  font-family: 'Barlow';
  color: #f39c12;
  text-decoration: none;
  background-color: transparent;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.medium_bg_orange {
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  font-family: 'Barlow';
  color: white;
  text-decoration: none;
  background-color: #f39c12;
  padding: 10px;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.grassfloor {
  text-decoration: none;
  background-color: #a0b397;
  width: 4000px;
  height: 150px;
  border-width: 0px;
  border-color: #222222;
  border-style: none; }

.tp-caption.large_bold_white {
  font-size: 58px;
  line-height: 60px;
  font-weight: 800;
  font-family: 'Barlow';
  color: white;
  text-decoration: none;
  background-color: transparent;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.medium_light_white {
  font-size: 30px;
  line-height: 36px;
  font-weight: 300;
  font-family: 'Barlow';
  color: white;
  text-decoration: none;
  background-color: transparent;
  padding: 0px;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.mediumlarge_light_white {
  font-size: 34px;
  line-height: 40px;
  font-weight: 300;
  font-family: 'Barlow';
  color: white;
  text-decoration: none;
  background-color: transparent;
  padding: 0px;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.mediumlarge_light_white_center {
  font-size: 34px;
  line-height: 40px;
  font-weight: 300;
  font-family: 'Barlow';
  color: #ffffff;
  text-decoration: none;
  background-color: transparent;
  padding: 0px 0px 0px 0px;
  text-align: center;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.medium_bg_asbestos {
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  font-family: 'Barlow';
  color: white;
  text-decoration: none;
  background-color: #7f8c8d;
  padding: 10px;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.medium_light_black {
  font-size: 30px;
  line-height: 36px;
  font-weight: 300;
  font-family: 'Barlow';
  color: black;
  text-decoration: none;
  background-color: transparent;
  padding: 0px;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.large_bold_black {
  font-size: 58px;
  line-height: 60px;
  font-weight: 800;
  font-family: 'Barlow';
  color: black;
  text-decoration: none;
  background-color: transparent;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.mediumlarge_light_darkblue {
  font-size: 34px;
  line-height: 40px;
  font-weight: 300;
  font-family: 'Barlow';
  color: #34495e;
  text-decoration: none;
  background-color: transparent;
  padding: 0px;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.small_light_white {
  font-size: 17px;
  line-height: 28px;
  font-weight: 300;
  font-family: 'Barlow';
  color: white;
  text-decoration: none;
  background-color: transparent;
  padding: 0px;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.roundedimage {
  border-width: 0px;
  border-color: #222222;
  border-style: none; }

.tp-caption.large_bg_black {
  font-size: 40px;
  line-height: 40px;
  font-weight: 800;
  font-family: 'Barlow';
  color: white;
  text-decoration: none;
  background-color: black;
  padding: 10px 20px 15px;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.mediumwhitebg {
  font-size: 30px;
  line-height: 30px;
  font-weight: 300;
  font-family: 'Barlow';
  color: black;
  text-decoration: none;
  background-color: white;
  padding: 5px 15px 10px;
  text-shadow: none;
  border-width: 0px;
  border-color: black;
  border-style: none; }

.tp-caption.medium_bg_orange_new1 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  font-family: 'Barlow';
  color: white;
  text-decoration: none;
  background-color: #f39c12;
  padding: 10px;
  border-width: 0px;
  border-color: #ffd658;
  border-style: none; }

.tp-caption.boxshadow {
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); }

.tp-caption.black {
  color: #000;
  text-shadow: none;
  font-weight: 300;
  font-size: 19px;
  line-height: 19px;
  font-family: 'Barlow', sans-serif; }

.tp-caption.noshadow {
  text-shadow: none; }

.tp_inner_padding {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-height: none !important; }

/*.tp-caption			{	transform:none !important}*/
/*********************************
	-	SPECIAL TP CAPTIONS -
**********************************/
.tp-caption .frontcorner {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 0px solid transparent;
  border-top: 40px solid #00A8FF;
  position: absolute;
  left: -40px;
  top: 0px; }

.tp-caption .backcorner {
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid #00A8FF;
  position: absolute;
  right: 0px;
  top: 0px; }

.tp-caption .frontcornertop {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 40px solid #00A8FF;
  position: absolute;
  left: -40px;
  top: 0px; }

.tp-caption .backcornertop {
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid #00A8FF;
  position: absolute;
  right: 0px;
  top: 0px; }

/***********************************************
	-	SPECIAL ALTERNATIVE IMAGE SETTINGS	-
***********************************************/
img.tp-slider-alternative-image {
  width: 100%;
  height: auto; }

/******************************
	-	BUTTONS	-
*******************************/
.tp-simpleresponsive .button {
  padding: 6px 13px 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 30px;
  cursor: pointer;
  color: #fff !important;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important;
  font-size: 15px;
  line-height: 45px !important;
  background: url(../images/gradient/g30.png) repeat-x top;
  font-family: arial, sans-serif;
  font-weight: bold;
  letter-spacing: -1px; }

.tp-simpleresponsive .button.big {
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
  font-weight: bold;
  padding: 9px 20px;
  font-size: 19px;
  line-height: 57px !important;
  background: url(../images/gradient/g40.png) repeat-x top; }

.tp-simpleresponsive .purchase:hover,
.tp-simpleresponsive .button:hover,
.tp-simpleresponsive .button.big:hover {
  background-position: bottom, 15px 11px; }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .tp-simpleresponsive .button {
    padding: 4px 8px 3px;
    line-height: 25px !important;
    font-size: 11px !important;
    font-weight: normal; }
  .tp-simpleresponsive a.button {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none; } }

@media only screen and (min-width: 0px) and (max-width: 479px) {
  .tp-simpleresponsive .button {
    padding: 2px 5px 2px;
    line-height: 20px !important;
    font-size: 10px !important; }
  .tp-simpleresponsive a.button {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none; } }

/*	BUTTON COLORS	*/
.tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green,
.tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green {
  background-color: #21a117;
  -webkit-box-shadow: 0px 3px 0px 0px #104d0b;
  -moz-box-shadow: 0px 3px 0px 0px #104d0b;
  box-shadow: 0px 3px 0px 0px #104d0b; }

.tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue,
.tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue {
  background-color: #1d78cb;
  -webkit-box-shadow: 0px 3px 0px 0px #0f3e68;
  -moz-box-shadow: 0px 3px 0px 0px #0f3e68;
  box-shadow: 0px 3px 0px 0px #0f3e68; }

.tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red,
.tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red {
  background-color: #cb1d1d;
  -webkit-box-shadow: 0px 3px 0px 0px #7c1212;
  -moz-box-shadow: 0px 3px 0px 0px #7c1212;
  box-shadow: 0px 3px 0px 0px #7c1212; }

.tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange,
.tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange {
  background-color: #ff7700;
  -webkit-box-shadow: 0px 3px 0px 0px #a34c00;
  -moz-box-shadow: 0px 3px 0px 0px #a34c00;
  box-shadow: 0px 3px 0px 0px #a34c00; }

.tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey,
.tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey,
.tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey {
  background-color: #555;
  -webkit-box-shadow: 0px 3px 0px 0px #222;
  -moz-box-shadow: 0px 3px 0px 0px #222;
  box-shadow: 0px 3px 0px 0px #222; }

.tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey,
.tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey {
  background-color: #888;
  -webkit-box-shadow: 0px 3px 0px 0px #555;
  -moz-box-shadow: 0px 3px 0px 0px #555;
  box-shadow: 0px 3px 0px 0px #555; }

/****************************************************************

	-	SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID   -

******************************************************************/
/*.tp-simpleresponsive				{	-webkit-perspective: 1500px;
										-moz-perspective: 1500px;
										-o-perspective: 1500px;
										-ms-perspective: 1500px;
										perspective: 1500px;
									}*/
/**********************************************
	-	FULLSCREEN AND FULLWIDHT CONTAINERS	-
**********************************************/
.fullscreen-container {
  width: 100%;
  position: relative;
  padding: 0; }

.fullwidthbanner-container {
  width: 100%;
  position: relative;
  padding: 0;
  overflow: hidden; }

.fullwidthbanner-container .fullwidthbanner {
  width: 100%;
  position: relative; }

/************************************************
	  - SOME CAPTION MODIFICATION AT START  -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
  /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";		-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0; */
  position: absolute;
  visibility: hidden;
  -webkit-font-smoothing: antialiased !important; }

.tp-simpleresponsive img {
  max-width: none; }

/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
  filter: none !important; }

/******************************
	-	SHADOWS		-
******************************/
.tp-bannershadow {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none; }

.tp-bannershadow.tp-shadow1 {
  background: url(../assets/shadow1.png) no-repeat;
  background-size: 100% 100%;
  width: 890px;
  height: 60px;
  bottom: -60px; }

.tp-bannershadow.tp-shadow2 {
  background: url(../assets/shadow2.png) no-repeat;
  background-size: 100% 100%;
  width: 890px;
  height: 60px;
  bottom: -60px; }

.tp-bannershadow.tp-shadow3 {
  background: url(../assets/shadow3.png) no-repeat;
  background-size: 100% 100%;
  width: 890px;
  height: 60px;
  bottom: -60px; }

/********************************
	-	FULLSCREEN VIDEO	-
*********************************/
.caption.fullscreenvideo {
  left: 0px;
  top: 0px;
  position: absolute;
  width: 100%;
  height: 100%; }

.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video {
  width: 100% !important;
  height: 100% !important;
  display: none; }

.tp-caption.fullscreenvideo {
  left: 0px;
  top: 0px;
  position: absolute;
  width: 100%;
  height: 100%; }

.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video {
  width: 100% !important;
  height: 100% !important;
  display: none; }

.fullcoveredvideo video,
.fullscreenvideo video {
  background: #000; }

.fullcoveredvideo .tp-poster {
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px; }

.html5vid.videoisplaying .tp-poster {
  display: none; }

.tp-video-play-button {
  background: #000;
  background: rgba(0, 0, 0, 0.3);
  padding: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 40px;
  color: #FFF;
  z-index: 3;
  margin-top: -27px;
  margin-left: -28px;
  text-align: center;
  cursor: pointer; }

.html5vid .tp-revstop {
  width: 15px;
  height: 20px;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  position: relative;
  margin: 10px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.html5vid .tp-revstop {
  display: none; }

.html5vid.videoisplaying .revicon-right-dir {
  display: none; }

.html5vid.videoisplaying .tp-revstop {
  display: block; }

.html5vid.videoisplaying .tp-video-play-button {
  display: none; }

.html5vid:hover .tp-video-play-button {
  display: block; }

.fullcoveredvideo .tp-video-play-button {
  display: none !important; }

.tp-video-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -o-transition: opacity .3s;
  -ms-transition: opacity .3s;
  transition: opacity .3s;
  background-image: linear-gradient(bottom, black 13%, #323232 100%);
  background-image: -o-linear-gradient(bottom, black 13%, #323232 100%);
  background-image: -moz-linear-gradient(bottom, black 13%, #323232 100%);
  background-image: -webkit-linear-gradient(bottom, black 13%, #323232 100%);
  background-image: -ms-linear-gradient(bottom, black 13%, #323232 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, black), color-stop(1, #323232));
  display: table;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.tp-caption:hover .tp-video-controls {
  opacity: .9; }

.tp-video-button {
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  color: #EEE;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  line-height: 12px;
  font-size: 12px;
  color: #fff;
  padding: 0px;
  margin: 0px;
  outline: none; }

.tp-video-button:hover {
  cursor: pointer; }

.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap {
  padding: 0px 5px;
  display: table-cell; }

.tp-video-seek-bar-wrap {
  width: 80%; }

.tp-video-vol-bar-wrap {
  width: 20%; }

.tp-volume-bar,
.tp-seek-bar {
  width: 100%;
  cursor: pointer;
  outline: none;
  line-height: 12px;
  margin: 0;
  padding: 0; }

/********************************
	-	FULLSCREEN VIDEO ENDS	-
*********************************/
/********************************
	-	DOTTED OVERLAYS	-
*********************************/
.tp-dottedoverlay {
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 4; }

.tp-dottedoverlay.twoxtwo {
  background: url(../assets/gridtile.png); }

.tp-dottedoverlay.twoxtwowhite {
  background: url(../assets/gridtile_white.png); }

.tp-dottedoverlay.threexthree {
  background: url(../assets/gridtile_3x3.png); }

.tp-dottedoverlay.threexthreewhite {
  background: url(../assets/gridtile_3x3_white.png); }

/********************************
	-	DOTTED OVERLAYS ENDS	-
*********************************/
/************************
	-	NAVIGATION	-
*************************/
/** BULLETS **/
.tpclear {
  clear: both; }

.tp-bullets {
  z-index: 1000;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  -webkit-transform: translateZ(5px); }

.tp-bullets.hidebullets {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; }

.tp-bullets.simplebullets.navbar {
  border: 1px solid #666;
  border-bottom: 1px solid #444;
  background: url(../assets/boxed_bgtile.png);
  height: 40px;
  padding: 0px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.tp-bullets.simplebullets.navbar-old {
  background: url(../assets/navigdots_bgtile.png);
  height: 35px;
  padding: 0px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.tp-bullets.simplebullets.round .bullet {
  cursor: pointer;
  position: relative;
  background: url(../assets/bullet.png) no-Repeat top left;
  width: 20px;
  height: 20px;
  margin-right: 0px;
  float: left;
  margin-top: 0px;
  margin-left: 3px; }

.tp-bullets.simplebullets.round .bullet.last {
  margin-right: 3px; }

.tp-bullets.simplebullets.round-old .bullet {
  cursor: pointer;
  position: relative;
  background: url(../assets/bullets.png) no-Repeat bottom left;
  width: 23px;
  height: 23px;
  margin-right: 0px;
  float: left;
  margin-top: 0px; }

.tp-bullets.simplebullets.round-old .bullet.last {
  margin-right: 0px; }

/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet {
  cursor: pointer;
  position: relative;
  background: url(../assets/bullets2.png) no-Repeat bottom left;
  width: 19px;
  height: 19px;
  margin-right: 0px;
  float: left;
  margin-top: 0px; }

.tp-bullets.simplebullets.square .bullet.last {
  margin-right: 0px; }

/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet {
  cursor: pointer;
  position: relative;
  background: url(../assets/bullets2.png) no-Repeat bottom left;
  width: 19px;
  height: 19px;
  margin-right: 0px;
  float: left;
  margin-top: 0px; }

.tp-bullets.simplebullets.square-old .bullet.last {
  margin-right: 0px; }

/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet {
  cursor: pointer;
  position: relative;
  background: url(../assets/bullet_boxed.png) no-Repeat top left;
  width: 18px;
  height: 19px;
  margin-right: 5px;
  float: left;
  margin-top: 0px; }

.tp-bullets.simplebullets.navbar .bullet.first {
  margin-left: 0px !important; }

.tp-bullets.simplebullets.navbar .bullet.last {
  margin-right: 0px !important; }

/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet {
  cursor: pointer;
  position: relative;
  background: url(../assets/navigdots.png) no-Repeat bottom left;
  width: 15px;
  height: 15px;
  margin-left: 5px !important;
  margin-right: 5px !important;
  float: left;
  margin-top: 10px; }

.tp-bullets.simplebullets.navbar-old .bullet.first {
  margin-left: 0px !important; }

.tp-bullets.simplebullets.navbar-old .bullet.last {
  margin-right: 0px !important; }

.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected {
  background-position: top left; }

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
  background-position: bottom left; }

/*************************************
	-	TP ARROWS 	-
**************************************/
.tparrows {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  -webkit-transform: translateZ(5000px);
  -webkit-transform-style: flat;
  -webkit-backface-visibility: hidden;
  z-index: 600;
  position: relative; }

.tparrows.hidearrows {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; }

.tp-leftarrow {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../assets/large_left.png) no-Repeat top left;
  width: 40px;
  height: 40px; }

.tp-rightarrow {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../assets/large_right.png) no-Repeat top left;
  width: 40px;
  height: 40px; }

.tp-leftarrow.round {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../assets/small_left.png) no-Repeat top left;
  width: 19px;
  height: 14px;
  margin-right: 0px;
  float: left;
  margin-top: 0px; }

.tp-rightarrow.round {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../assets/small_right.png) no-Repeat top left;
  width: 19px;
  height: 14px;
  margin-right: 0px;
  float: left;
  margin-top: 0px; }

.tp-leftarrow.round-old {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../assets/arrow_left.png) no-Repeat top left;
  width: 26px;
  height: 26px;
  margin-right: 0px;
  float: left;
  margin-top: 0px; }

.tp-rightarrow.round-old {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../assets/arrow_right.png) no-Repeat top left;
  width: 26px;
  height: 26px;
  margin-right: 0px;
  float: left;
  margin-top: 0px; }

.tp-leftarrow.navbar {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../assets/small_left_boxed.png) no-Repeat top left;
  width: 20px;
  height: 15px;
  float: left;
  margin-right: 6px;
  margin-top: 12px; }

.tp-rightarrow.navbar {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../assets/small_right_boxed.png) no-Repeat top left;
  width: 20px;
  height: 15px;
  float: left;
  margin-left: 6px;
  margin-top: 12px; }

.tp-leftarrow.navbar-old {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../assets/arrowleft.png) no-Repeat top left;
  width: 9px;
  height: 16px;
  float: left;
  margin-right: 6px;
  margin-top: 10px; }

.tp-rightarrow.navbar-old {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../assets/arrowright.png) no-Repeat top left;
  width: 9px;
  height: 16px;
  float: left;
  margin-left: 6px;
  margin-top: 10px; }

.tp-leftarrow.navbar-old.thumbswitharrow {
  margin-right: 10px; }

.tp-rightarrow.navbar-old.thumbswitharrow {
  margin-left: 0px; }

.tp-leftarrow.square {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../assets/arrow_left2.png) no-Repeat top left;
  width: 12px;
  height: 17px;
  float: left;
  margin-right: 0px;
  margin-top: 0px; }

.tp-rightarrow.square {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../assets/arrow_right2.png) no-Repeat top left;
  width: 12px;
  height: 17px;
  float: left;
  margin-left: 0px;
  margin-top: 0px; }

.tp-leftarrow.square-old {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../assets/arrow_left2.png) no-Repeat top left;
  width: 12px;
  height: 17px;
  float: left;
  margin-right: 0px;
  margin-top: 0px; }

.tp-rightarrow.square-old {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../assets/arrow_right2.png) no-Repeat top left;
  width: 12px;
  height: 17px;
  float: left;
  margin-left: 0px;
  margin-top: 0px; }

.tp-leftarrow.default {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../assets/large_left.png) no-Repeat 0 0;
  width: 40px;
  height: 40px; }

.tp-rightarrow.default {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../assets/large_right.png) no-Repeat 0 0;
  width: 40px;
  height: 40px; }

.tp-leftarrow:hover,
.tp-rightarrow:hover {
  background-position: bottom left; }

/****************************************************************************************************
	-	TP THUMBS 	-
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/
.tp-bullets.tp-thumbs {
  z-index: 1000;
  position: absolute;
  padding: 3px;
  background-color: #fff;
  width: 500px;
  height: 50px;
  /* THE DIMENSIONS OF THE THUMB CONTAINER */
  margin-top: -50px; }

.fullwidthbanner-container .tp-thumbs {
  padding: 3px; }

.tp-bullets.tp-thumbs .tp-mask {
  width: 500px;
  height: 50px;
  /* THE DIMENSIONS OF THE THUMB CONTAINER */
  overflow: hidden;
  position: relative; }

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
  width: 5000px;
  position: absolute; }

.tp-bullets.tp-thumbs .bullet {
  width: 100px;
  height: 50px;
  /* THE DIMENSION OF A SINGLE THUMB */
  cursor: pointer;
  overflow: hidden;
  background: none;
  margin: 0;
  float: left;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /*filter: alpha(opacity=50);	*/
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out; }

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }

.tp-thumbs img {
  width: 100%; }

/************************************
		-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer {
  width: 100%;
  height: 10px;
  background: url(../assets/timer.png);
  position: absolute;
  z-index: 200;
  top: 0px; }

.tp-bannertimer.tp-bottom {
  bottom: 0px;
  height: 5px;
  top: auto; }

/***************************************
	-	RESPONSIVE SETTINGS 	-
****************************************/
@media only screen and (min-width: 0px) and (max-width: 479px) {
  .responsive .tp-bullets {
    display: none; }
  .responsive .tparrows {
    display: none; } }

/*********************************************

	-	BASIC SETTINGS FOR THE BANNER	-

***********************************************/
.tp-simpleresponsive img {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none; }

.tp-simpleresponsive a {
  text-decoration: none; }

.tp-simpleresponsive ul,
.tp-simpleresponsive ul li,
.tp-simpleresponsive ul li:before {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  overflow-x: visible;
  overflow-y: visible;
  background-image: none; }

.tp-simpleresponsive > ul > li {
  list-style: none;
  position: absolute;
  visibility: hidden; }

/*  CAPTION SLIDELINK   **/
.caption.slidelink a div,
.tp-caption.slidelink a div {
  width: 3000px;
  height: 1500px;
  background: url(../assets/coloredbg.png) repeat; }

.tp-caption.slidelink a span {
  background: url(../assets/coloredbg.png) repeat; }

/*****************************************
	-	NAVIGATION FANCY EXAMPLES	-
*****************************************/
.tparrows .tp-arr-imgholder {
  display: none; }

.tparrows .tp-arr-titleholder {
  display: none; }

/*****************************************
	-	NAVIGATION FANCY EXAMPLES	-
*****************************************/
/* NAVIGATION PREVIEW 1 */
.tparrows.preview1 {
  width: 100px;
  height: 100px;
  -webkit-transform-style: preserve-3d;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  background: transparent; }

.tparrows.preview1:after {
  position: absolute;
  left: 0px;
  top: 0px;
  font-family: "revicons";
  color: #fff;
  font-size: 30px;
  width: 100px;
  height: 100px;
  text-align: center;
  background: #fff;
  background: rgba(0, 0, 0, 0.15);
  z-index: 2;
  line-height: 100px;
  -webkit-transition: background 0.3s, color 0.3s;
  -moz-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s; }

.tp-rightarrow.preview1:after {
  content: '\e825'; }

.tp-leftarrow.preview1:after {
  content: '\e824'; }

.tparrows.preview1:hover:after {
  background: white;
  color: #aaa; }

.tparrows.preview1 .tp-arr-imgholder {
  background-size: cover;
  background-position: center center;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.tparrows.preview1 .tp-arr-iwrapper {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0.0;
  -khtml-opacity: 0.0;
  opacity: 0.0; }

.tparrows.preview1:hover .tp-arr-iwrapper {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }

.tp-rightarrow.preview1 .tp-arr-imgholder {
  right: 100%;
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0.0;
  -khtml-opacity: 0.0;
  opacity: 0.0; }

.tp-leftarrow.preview1 .tp-arr-imgholder {
  left: 100%;
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0.0;
  -khtml-opacity: 0.0;
  opacity: 0.0; }

.tparrows.preview1:hover .tp-arr-imgholder {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .tparrows.preview1,
  .tparrows.preview1:after {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 24px; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .tparrows.preview1,
  .tparrows.preview1:after {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px; } }

@media only screen and (min-width: 0px) and (max-width: 479px) {
  .tparrows.preview1,
  .tparrows.preview1:after {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 12px; } }

/* PREVIEW 1 BULLETS */
.tp-bullets.preview1 {
  height: 21px; }

.tp-bullets.preview1 .bullet {
  cursor: pointer;
  position: relative !important;
  background: rgba(0, 0, 0, 0.15) !important;
  /*-webkit-border-radius: 10px;
											    border-radius: 10px;*/
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 5px !important;
  height: 5px !important;
  border: 8px solid rgba(0, 0, 0, 0) !important;
  display: inline-block;
  margin-right: 5px !important;
  margin-bottom: 0px !important;
  -webkit-transition: background-color 0.2s, border-color 0.2s;
  -moz-transition: background-color 0.2s, border-color 0.2s;
  -o-transition: background-color 0.2s, border-color 0.2s;
  -ms-transition: background-color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, border-color 0.2s;
  float: none !important;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

.tp-bullets.preview1 .bullet.last {
  margin-right: 0px; }

.tp-bullets.preview1 .bullet:hover,
.tp-bullets.preview1 .bullet.selected {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #aaa !important;
  width: 5px !important;
  height: 5px !important;
  border: 8px solid white !important; }

/* NAVIGATION PREVIEW 2 */
.tparrows.preview2 {
  min-width: 60px;
  min-height: 60px;
  background: #fff;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  overflow: hidden;
  -webkit-transition: -webkit-transform 1.3s;
  -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s;
  transition: width 0.3s, background-color 0.3s, opacity 0.3s;
  backface-visibility: hidden; }

.tparrows.preview2:after {
  position: absolute;
  top: 50%;
  font-family: "revicons";
  color: #aaa;
  font-size: 25px;
  margin-top: -12px;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s; }

.tp-rightarrow.preview2:after {
  content: '\e81e';
  right: 18px; }

.tp-leftarrow.preview2:after {
  content: '\e81f';
  left: 18px; }

.tparrows.preview2 .tp-arr-titleholder {
  background-size: cover;
  background-position: center center;
  display: block;
  visibility: hidden;
  position: relative;
  top: 0px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  white-space: nowrap;
  color: #000;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  line-height: 60px;
  padding: 0px 10px; }

.tp-rightarrow.preview2 .tp-arr-titleholder {
  right: 50px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.tp-leftarrow.preview2 .tp-arr-titleholder {
  left: 50px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }

.tparrows.preview2.hovered {
  width: 300px; }

.tparrows.preview2:hover {
  background: #fff; }

.tparrows.preview2:hover:after {
  color: #000; }

.tparrows.preview2:hover .tp-arr-titleholder {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  visibility: visible;
  position: absolute; }

/* PREVIEW 2 BULLETS */
.tp-bullets.preview2 {
  height: 17px; }

.tp-bullets.preview2 .bullet {
  cursor: pointer;
  position: relative !important;
  background: rgba(0, 0, 0, 0.5) !important;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 6px !important;
  height: 6px !important;
  border: 5px solid rgba(0, 0, 0, 0) !important;
  display: inline-block;
  margin-right: 2px !important;
  margin-bottom: 0px !important;
  -webkit-transition: background-color 0.2s, border-color 0.2s;
  -moz-transition: background-color 0.2s, border-color 0.2s;
  -o-transition: background-color 0.2s, border-color 0.2s;
  -ms-transition: background-color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, border-color 0.2s;
  float: none !important;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

.tp-bullets.preview2 .bullet.last {
  margin-right: 0px; }

.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: white !important;
  width: 6px !important;
  height: 6px !important;
  border: 5px solid black !important; }

.tp-arr-titleholder.alwayshidden {
  display: none !important; }

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .tparrows.preview2 {
    min-width: 40px;
    min-height: 40px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px; }
  .tparrows.preview2:after {
    position: absolute;
    top: 50%;
    font-family: "revicons";
    font-size: 20px;
    margin-top: -12px; }
  .tp-rightarrow.preview2:after {
    content: '\e81e';
    right: 11px; }
  .tp-leftarrow.preview2:after {
    content: '\e81f';
    left: 11px; }
  .tparrows.preview2 .tp-arr-titleholder {
    font-size: 12px;
    line-height: 40px;
    letter-spacing: 0px; }
  .tp-rightarrow.preview2 .tp-arr-titleholder {
    right: 35px; }
  .tp-leftarrow.preview2 .tp-arr-titleholder {
    left: 35px; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .tparrows.preview2 {
    min-width: 30px;
    min-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px; }
  .tparrows.preview2:after {
    position: absolute;
    top: 50%;
    font-family: "revicons";
    font-size: 14px;
    margin-top: -12px; }
  .tp-rightarrow.preview2:after {
    content: '\e81e';
    right: 8px; }
  .tp-leftarrow.preview2:after {
    content: '\e81f';
    left: 8px; }
  .tparrows.preview2 .tp-arr-titleholder {
    font-size: 10px;
    line-height: 30px;
    letter-spacing: 0px; }
  .tp-rightarrow.preview2 .tp-arr-titleholder {
    right: 25px; }
  .tp-leftarrow.preview2 .tp-arr-titleholder {
    left: 25px; }
  .tparrows.preview2 .tp-arr-titleholder {
    display: none;
    visibility: none; } }

@media only screen and (min-width: 0px) and (max-width: 479px) {
  .tparrows.preview2 {
    min-width: 30px;
    min-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px; }
  .tparrows.preview2:after {
    position: absolute;
    top: 50%;
    font-family: "revicons";
    font-size: 14px;
    margin-top: -12px; }
  .tp-rightarrow.preview2:after {
    content: '\e81e';
    right: 8px; }
  .tp-leftarrow.preview2:after {
    content: '\e81f';
    left: 8px; }
  .tparrows.preview2 .tp-arr-titleholder {
    display: none;
    visibility: none; }
  .tparrows.preview2:hover {
    width: 30px !important;
    height: 30px !important; } }

/* NAVIGATION PREVIEW 3 */
.tparrows.preview3 {
  width: 70px;
  height: 70px;
  background: #fff;
  background: white;
  -webkit-transform-style: flat; }

.tparrows.preview3:after {
  position: absolute;
  line-height: 70px;
  text-align: center;
  font-family: "revicons";
  color: #aaa;
  font-size: 30px;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 100;
  width: 70px;
  height: 70px;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s; }

.tparrows.preview3:hover:after {
  color: #000; }

.tp-rightarrow.preview3:after {
  content: '\e825'; }

.tp-leftarrow.preview3:after {
  content: '\e824'; }

.tparrows.preview3 .tp-arr-iwrapper {
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  z-index: 0;
  position: absolute;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  display: table;
  min-height: 90px;
  top: -10px; }

.tp-leftarrow.preview3 .tp-arr-iwrapper {
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%; }

.tparrows.preview3 .tp-arr-imgholder {
  display: block;
  background-size: cover;
  background-position: center center;
  display: table-cell;
  min-width: 90px;
  height: 90px;
  position: relative;
  top: 0px; }

.tp-rightarrow.preview3 .tp-arr-iwrapper {
  right: 0px;
  padding-right: 70px; }

.tp-leftarrow.preview3 .tp-arr-iwrapper {
  left: 0px;
  direction: rtl;
  padding-left: 70px; }

.tparrows.preview3 .tp-arr-titleholder {
  display: table-cell;
  padding: 30px;
  font-size: 16px;
  color: #fff;
  white-space: nowrap;
  position: relative;
  clear: right;
  vertical-align: middle; }

.tparrows.preview3:hover .tp-arr-iwrapper {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1); }

/* PREVIEW 3 BULLETS */
.tp-bullets.preview3 {
  height: 17px; }

.tp-bullets.preview3 .bullet {
  cursor: pointer;
  position: relative !important;
  background: rgba(0, 0, 0, 0.5) !important;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 6px !important;
  height: 6px !important;
  border: 5px solid rgba(0, 0, 0, 0) !important;
  display: inline-block;
  margin-right: 2px !important;
  margin-bottom: 0px !important;
  -webkit-transition: background-color 0.2s, border-color 0.2s;
  -moz-transition: background-color 0.2s, border-color 0.2s;
  -o-transition: background-color 0.2s, border-color 0.2s;
  -ms-transition: background-color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, border-color 0.2s;
  float: none !important;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

.tp-bullets.preview3 .bullet.last {
  margin-right: 0px; }

.tp-bullets.preview3 .bullet:hover,
.tp-bullets.preview3 .bullet.selected {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: white !important;
  width: 6px !important;
  height: 6px !important;
  border: 5px solid black !important; }

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .tparrows.preview3:after,
  .tparrows.preview3 {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px; }
  .tparrows.preview3 .tp-arr-iwrapper {
    min-height: 70px; }
  .tparrows.preview3 .tp-arr-imgholder {
    min-width: 70px;
    height: 70px; }
  .tp-rightarrow.preview3 .tp-arr-iwrapper {
    padding-right: 50px; }
  .tp-leftarrow.preview3 .tp-arr-iwrapper {
    padding-left: 50px; }
  .tparrows.preview3 .tp-arr-titleholder {
    padding: 10px;
    font-size: 16px; } }

@media only screen and (max-width: 767px) {
  .tparrows.preview3:after,
  .tparrows.preview3 {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px; }
  .tparrows.preview3 .tp-arr-iwrapper {
    min-height: 70px; } }

/* NAVIGATION PREVIEW 4 */
.tparrows.preview4 {
  width: 30px;
  height: 110px;
  background: transparent;
  -webkit-transform-style: preserve-3d;
  -webkit-perspective: 1000;
  -moz-perspective: 1000; }

.tparrows.preview4:after {
  position: absolute;
  line-height: 110px;
  text-align: center;
  font-family: "revicons";
  color: #fff;
  font-size: 20px;
  top: 0px;
  left: 0px;
  z-index: 0;
  width: 30px;
  height: 110px;
  background: #000;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }

.tp-rightarrow.preview4:after {
  content: '\e825'; }

.tp-leftarrow.preview4:after {
  content: '\e824'; }

.tparrows.preview4 .tp-arr-allwrapper {
  visibility: hidden;
  width: 180px;
  position: absolute;
  z-index: 1;
  min-height: 120px;
  top: 0px;
  left: -150px;
  overflow: hidden;
  -webkit-perspective: 1000px;
  -webkit-transform-style: flat; }

.tp-leftarrow.preview4 .tp-arr-allwrapper {
  left: 0px; }

.tparrows.preview4 .tp-arr-iwrapper {
  position: relative; }

.tparrows.preview4 .tp-arr-imgholder {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 180px;
  height: 110px;
  position: relative;
  top: 0px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.tparrows.preview4 .tp-arr-imgholder2 {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 180px;
  height: 110px;
  position: absolute;
  top: 0px;
  left: 180px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.tp-leftarrow.preview4 .tp-arr-imgholder2 {
  left: -180px; }

.tparrows.preview4 .tp-arr-titleholder {
  display: block;
  font-size: 12px;
  line-height: 25px;
  padding: 0px 10px;
  text-align: left;
  color: #fff;
  position: relative;
  background: #000;
  color: #FFF;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 11px;
  line-height: 2.75;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0.0;
  -khtml-opacity: 0.0;
  opacity: 0.0; }

.tparrows.preview4:after {
  transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%; }

.tp-leftarrow.preview4:after {
  transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%; }

@media only screen and (min-width: 768px) {
  .tparrows.preview4:hover:after {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg); }
  .tp-leftarrow.preview4:hover:after {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg); }
  .tparrows.preview4:hover .tp-arr-titleholder {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

/* PREVIEW 4 BULLETS */
.tp-bullets.preview4 {
  height: 17px; }

.tp-bullets.preview4 .bullet {
  cursor: pointer;
  position: relative !important;
  background: rgba(0, 0, 0, 0.5) !important;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 6px !important;
  height: 6px !important;
  border: 5px solid rgba(0, 0, 0, 0) !important;
  display: inline-block;
  margin-right: 2px !important;
  margin-bottom: 0px !important;
  -webkit-transition: background-color 0.2s, border-color 0.2s;
  -moz-transition: background-color 0.2s, border-color 0.2s;
  -o-transition: background-color 0.2s, border-color 0.2s;
  -ms-transition: background-color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, border-color 0.2s;
  float: none !important;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

.tp-bullets.preview4 .bullet.last {
  margin-right: 0px; }

.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: white !important;
  width: 6px !important;
  height: 6px !important;
  border: 5px solid black !important; }

@media only screen and (max-width: 767px) {
  .tparrows.preview4 {
    width: 20px;
    height: 80px; }
  .tparrows.preview4:after {
    width: 20px;
    height: 80px;
    line-height: 80px;
    font-size: 14px; }
  .tparrows.preview1 .tp-arr-allwrapper,
  .tparrows.preview2 .tp-arr-allwrapper,
  .tparrows.preview3 .tp-arr-allwrapper,
  .tparrows.preview4 .tp-arr-allwrapper {
    display: none !important; } }

/******************************
	-	LOADER FORMS	-
********************************/
.tp-loader {
  top: 50%;
  left: 50%;
  z-index: 10000;
  position: absolute; }

.tp-loader.spinner0 {
  width: 40px;
  height: 40px;
  background: url(../assets/loader.gif) no-repeat center center;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  margin-top: -20px;
  margin-left: -20px;
  -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
  animation: tp-rotateplane 1.2s infinite ease-in-out;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.tp-loader.spinner1 {
  width: 40px;
  height: 40px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  margin-top: -20px;
  margin-left: -20px;
  -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
  animation: tp-rotateplane 1.2s infinite ease-in-out;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.tp-loader.spinner5 {
  background: url(../assets/loader.gif) no-repeat 10px 10px;
  background-color: #fff;
  margin: -22px -22px;
  width: 44px;
  height: 44px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

@-webkit-keyframes tp-rotateplane {
  0% {
    -webkit-transform: perspective(120px); }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } }

@keyframes tp-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

.tp-loader.spinner2 {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  background-color: #ff0000;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  border-radius: 100%;
  -webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
  animation: tp-scaleout 1.0s infinite ease-in-out; }

@-webkit-keyframes tp-scaleout {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }

@keyframes tp-scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0; } }

.tp-loader.spinner3 {
  margin: -9px 0px 0px -35px;
  width: 70px;
  text-align: center; }

.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
  width: 18px;
  height: 18px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
  animation: tp-bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.tp-loader.spinner3 .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.tp-loader.spinner3 .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

@-webkit-keyframes tp-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes tp-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

.tp-loader.spinner4 {
  margin: -20px 0px 0px -20px;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-animation: tp-rotate 2.0s infinite linear;
  animation: tp-rotate 2.0s infinite linear; }

.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: tp-bounce 2.0s infinite ease-in-out;
  animation: tp-bounce 2.0s infinite ease-in-out;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); }

.tp-loader.spinner4 .dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

@-webkit-keyframes tp-rotate {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes tp-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }

@-webkit-keyframes tp-bounce {
  0%, 100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }

@keyframes tp-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

.tp-transparentimg {
  content: "url(../assets/transparent.png)"; }

.tp-3d {
  -webkit-transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%; }

.tp-caption img {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
  zoom: 1; }

@font-face {
  font-family: 'revicons';
  src: url("../font/revicons.eot?5510888");
  src: url("../font/revicons.eot?5510888#iefix") format("embedded-opentype"), url("../font/revicons.woff?5510888") format("woff"), url("../font/revicons.ttf?5510888") format("truetype"), url("../font/revicons.svg?5510888#revicons") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'revicons';
    src: url('../font/revicons.svg?5510888#revicons') format('svg');
  }
}
*/
[class^="revicon-"]:before, [class*=" revicon-"]:before {
  font-family: "revicons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.revicon-search-1:before {
  content: '\e802'; }

/* '� �' */
.revicon-pencil-1:before {
  content: '\e831'; }

/* '� �' */
.revicon-picture-1:before {
  content: '\e803'; }

/* '� �' */
.revicon-cancel:before {
  content: '\e80a'; }

/* '� �' */
.revicon-info-circled:before {
  content: '\e80f'; }

/* '� �' */
.revicon-trash:before {
  content: '\e801'; }

/* '� �' */
.revicon-left-dir:before {
  content: '\e817'; }

/* '� �' */
.revicon-right-dir:before {
  content: '\e818'; }

/* '� �' */
.revicon-down-open:before {
  content: '\e83b'; }

/* '� �' */
.revicon-left-open:before {
  content: '\e819'; }

/* '� �' */
.revicon-right-open:before {
  content: '\e81a'; }

/* '� �' */
.revicon-angle-left:before {
  content: '\e820'; }

/* '�  ' */
.revicon-angle-right:before {
  content: '\e81d'; }

/* '� �' */
.revicon-left-big:before {
  content: '\e81f'; }

/* '� �' */
.revicon-right-big:before {
  content: '\e81e'; }

/* '� �' */
.revicon-magic:before {
  content: '\e807'; }

/* '� �' */
.revicon-picture:before {
  content: '\e800'; }

/* '� �' */
.revicon-export:before {
  content: '\e80b'; }

/* '� �' */
.revicon-cog:before {
  content: '\e832'; }

/* '� �' */
.revicon-login:before {
  content: '\e833'; }

/* '� �' */
.revicon-logout:before {
  content: '\e834'; }

/* '� �' */
.revicon-video:before {
  content: '\e805'; }

/* '� �' */
.revicon-arrow-combo:before {
  content: '\e827'; }

/* '� �' */
.revicon-left-open-1:before {
  content: '\e82a'; }

/* '� �' */
.revicon-right-open-1:before {
  content: '\e82b'; }

/* '� �' */
.revicon-left-open-mini:before {
  content: '\e822'; }

/* '� �' */
.revicon-right-open-mini:before {
  content: '\e823'; }

/* '� �' */
.revicon-left-open-big:before {
  content: '\e824'; }

/* '� �' */
.revicon-right-open-big:before {
  content: '\e825'; }

/* '� �' */
.revicon-left:before {
  content: '\e836'; }

/* '� �' */
.revicon-right:before {
  content: '\e826'; }

/* '� �' */
.revicon-ccw:before {
  content: '\e808'; }

/* '� �' */
.revicon-arrows-ccw:before {
  content: '\e806'; }

/* '� �' */
.revicon-palette:before {
  content: '\e829'; }

/* '� �' */
.revicon-list-add:before {
  content: '\e80c'; }

/* '� �' */
.revicon-doc:before {
  content: '\e809'; }

/* '� �' */
.revicon-left-open-outline:before {
  content: '\e82e'; }

/* '� �' */
.revicon-left-open-2:before {
  content: '\e82c'; }

/* '� �' */
.revicon-right-open-outline:before {
  content: '\e82f'; }

/* '� �' */
.revicon-right-open-2:before {
  content: '\e82d'; }

/* '� �' */
.revicon-equalizer:before {
  content: '\e83a'; }

/* '� �' */
.revicon-layers-alt:before {
  content: '\e804'; }

/* '� �' */
.revicon-popup:before {
  content: '\e828'; }

/* '� �' */
/************************************************************************************************************************************************
*																																				                                                                        
*																																				                                                                        
*		Project:	TTF White Label Boilerplate																		                                            	
*		File:		globalSweetAlert2.scss																								                                                          	
*		Platform:	Audience View 6.8.2																										                                                          	
*		Date:		December 2015 																												                                                                
*		Author:		TTF IT																												                                                              
*		Copyright:	TheTicketFactory.com, 2015																									                                                    
*																																				                                                                       
*																																				                                                                        
************************************************************************************************************************************************/
.sweet-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 1000; }

.sweet-alert {
  background-color: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -200px;
  max-height: 90%;
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
  z-index: 2000; }

.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 60px;
  text-transform: uppercase;
  display: block; }

.sweet-alert p {
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal; }

.sweet-alert hr {
  height: 10px;
  color: transparent;
  border: 0; }

.sweet-alert button {
  color: #fff;
  border: 0;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 0 5px;
  cursor: pointer; }

.sweet-alert button:focus {
  outline: none; }

.sweet-alert button.cancel[disabled] {
  opacity: .4; }

.sweet-alert button.confirm[disabled] {
  border: 4px solid transparent;
  border-color: transparent;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0 30px;
  vertical-align: middle;
  background-color: transparent !important;
  color: transparent;
  cursor: default;
  border-radius: 100%;
  -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
  animation: rotate-loading 1.5s linear 0s infinite normal; }

.sweet-alert button::-moz-focus-inner {
  border: 0; }

.sweet-alert[data-has-cancel-button=false] button {
  box-shadow: none !important; }

.sweet-alert .icon {
  width: 80px;
  height: 80px;
  border: 4px solid #808080;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box; }

.sweet-alert .icon.error {
  border-color: #f27474; }

.sweet-alert .icon.error .x-mark {
  position: relative;
  display: block; }

.sweet-alert .icon.error .line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #f27474;
  display: block;
  top: 37px;
  border-radius: 2px; }

.sweet-alert .icon.error .line.left {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px; }

.sweet-alert .icon.error .line.right {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px; }

.sweet-alert .icon.warning {
  border-color: #f8bb86; }

.sweet-alert .icon.warning .body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #f8bb86; }

.sweet-alert .icon.warning .dot {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #f8bb86; }

.sweet-alert .icon.info {
  border-color: #c9dae1; }

.sweet-alert .icon.info::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #c9dae1; }

.sweet-alert .icon.info::after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #c9dae1; }

.sweet-alert .icon.success {
  border-color: #a5dc86; }

.sweet-alert .icon.success::before, .sweet-alert .icon.success::after {
  content: '';
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .icon.success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  -ms-transform-origin: 60px 60px;
  transform-origin: 60px 60px; }

.sweet-alert .icon.success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 60px;
  -ms-transform-origin: 0 60px;
  transform-origin: 0 60px; }

.sweet-alert .icon.success .placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2; }

.sweet-alert .icon.success .fix {
  width: 5px;
  height: 90px;
  background-color: #fff;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sweet-alert .icon.success .line {
  height: 5px;
  background-color: #a5dc86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2; }

.sweet-alert .icon.success .line.tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .icon.success .line.long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sweet-alert .icon.custom {
  background-size: contain;
  border-radius: 0;
  border: 0;
  background-position: center center;
  background-repeat: no-repeat; }

@-webkit-keyframes showSweetAlert {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  45% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  80% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  45% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  80% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }

.show-sweet-alert {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.show-sweet-alert.no-animation {
  -webkit-animation: none;
  animation: none; }

.hide-sweet-alert {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hide-sweet-alert.no-animation {
  -webkit-animation: none;
  animation: none; }

@-webkit-keyframes animate-success-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animate-success-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animate-success-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animate-success-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  12% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg); }
  100% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  12% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg); }
  100% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg); } }

.animate-success-tip {
  -webkit-animation: animate-success-tip 0.75s;
  animation: animate-success-tip 0.75s; }

.animate-success-long {
  -webkit-animation: animate-success-long 0.75s;
  animation: animate-success-long 0.75s; }

.icon.success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animate-error-icon {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animate-error-icon {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1; } }

.animate-error-icon {
  -webkit-animation: animate-error-icon 0.5s;
  animation: animate-error-icon 0.5s; }

@-webkit-keyframes animate-x-mark {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    margin-top: -6px; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animate-x-mark {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    margin-top: -6px; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animate-x-mark {
  -webkit-animation: animate-x-mark 0.5s;
  animation: animate-x-mark 0.5s; }

@-webkit-keyframes pulse-warning {
  0% {
    border-color: #f8d486; }
  100% {
    border-color: #f8bb86; } }

@keyframes pulse-warning {
  0% {
    border-color: #f8d486; }
  100% {
    border-color: #f8bb86; } }

.pulse-warning {
  -webkit-animation: pulse-warning 0.75s infinite alternate;
  animation: pulse-warning 0.75s infinite alternate; }

@-webkit-keyframes pulse-warning-ins {
  0% {
    background-color: #f8d486; }
  100% {
    background-color: #f8bb86; } }

@keyframes pulse-warning-ins {
  0% {
    background-color: #f8d486; }
  100% {
    background-color: #f8bb86; } }

.pulse-warning-ins {
  -webkit-animation: pulse-warning-ins 0.75s infinite alternate;
  animation: pulse-warning-ins 0.75s infinite alternate; }

@-webkit-keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*  Base Config File (Stucture Pulls)
************************************************************************************************************************************************/
/************************************************************************************************************************************************
*																																				                                                                        
*																																				                                                                        
*		Project:	TTF White Label Boilerplate - (SASS Structure Pulls)																                                    
*		File:		partials/_baseBootstrap.scss																								                                                            
*		Platform:	Audience View 6.8.2																											                                                          
*		Date:		April 2015 																												                                                                
*		Author:		Wilko & Chris																												                                                              
*		Copyright:	©TheTicketFactory.com, 2014																									                                                    
*																																				                                                                       
*																																				                                                                       
************************************************************************************************************************************************/
/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important; }
  a, a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; }
  select {
    background: #fff !important; }
  .navbar {
    display: none; }
  .table td, .table th {
    background-color: #fff !important; }
  .btn > .caret, .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
  .table-bordered th, .table-bordered td {
    border: 1px solid #ddd !important; } }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff; }

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #428bca;
  text-decoration: none; }

a:hover, a:focus {
  color: #2a6496;
  text-decoration: underline; }

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #999999; }

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
  font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
  font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4; }

@media (min-width: 768px) {
  .lead {
    font-size: 21px; } }

small, .small {
  font-size: 85%; }

cite {
  font-style: normal; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-muted {
  color: #999999; }

.text-primary {
  color: #428bca; }

a.text-primary:hover {
  color: #3071a9; }

.text-success {
  color: #3c763d; }

a.text-success:hover {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover {
  color: #843534; }

.bg-primary {
  color: #fff;
  background-color: #428bca; }

a.bg-primary:hover {
  background-color: #3071a9; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul, ol {
  margin-top: 0;
  margin-bottom: 10px; }

ul ul, ol ul, ul ol, ol ol {
  margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt, dd {
  line-height: 1.42857143; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
  margin-bottom: 0; }

blockquote footer, blockquote small, blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #999999; }

blockquote footer:before, blockquote small:before, blockquote .small:before {
  content: '\2014 \00A0'; }

.blockquote-reverse, blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }

.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
  content: ''; }

.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
  content: '\00A0 \2014'; }

blockquote:before, blockquote:after {
  content: ""; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143; }

code, kbd, pre, samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px; }

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 768px) {
  .container {
    width: 750px; } }

@media (min-width: 992px) {
  .container {
    width: 970px; } }

@media (min-width: 1200px) {
  .container {
    width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.row {
  margin-left: -15px;
  margin-right: -15px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-0 {
  right: 0%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-0 {
  left: 0%; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-0 {
  margin-left: 0%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-0 {
    right: 0%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-0 {
    left: 0%; }
  .col-sm-offset-12 {
    margin-left: 100%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-0 {
    margin-left: 0%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-0 {
    right: 0%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-0 {
    left: 0%; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-0 {
    margin-left: 0%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-0 {
    right: 0%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-0 {
    left: 0%; }
  .col-lg-offset-12 {
    margin-left: 100%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-0 {
    margin-left: 0%; } }

table {
  max-width: 100%;
  background-color: transparent; }

th {
  text-align: left; }

.table {
  width: 100%;
  margin-bottom: 20px; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd; }

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd; }

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
  border-top: 0; }

.table > tbody + tbody {
  border-top: 2px solid #dddddd; }

.table .table {
  background-color: #ffffff; }

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #dddddd; }

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd; }

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"], table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch; }
  .table-responsive > .table {
    margin-bottom: 0; }
  .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap; }
  .table-responsive > .table-bordered {
    border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; } }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple], select[size] {
  height: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1; }

.form-control:-ms-input-placeholder {
  color: #999999; }

.form-control::-webkit-input-placeholder {
  color: #999999; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1; }

textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

input[type="date"] {
  line-height: 34px; }

.form-group {
  margin-bottom: 15px; }

.radio, .checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px; }

.radio label, .checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px; }

.radio + .radio, .checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline, .checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline {
  cursor: not-allowed; }

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, select[multiple].input-sm {
  height: auto; }

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px; }

select.input-lg {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, select[multiple].input-lg {
  height: auto; }

.has-feedback {
  position: relative; }

.has-feedback .form-control {
  padding-right: 42.5px; }

.has-feedback .form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center; }

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #a94442; }

.form-control-static {
  margin-bottom: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio, .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle; }
  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .radio, .form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }

.form-horizontal .form-control-static {
  padding-top: 7px; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right; } }

.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px; }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.btn:hover, .btn:focus {
  color: #333333;
  text-decoration: none; }

.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc; }

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad; }

.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
  background-image: none; }

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc; }

.btn-default .badge {
  color: #ffffff;
  background-color: #333333; }

.btn-primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd; }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e; }

.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  background-image: none; }

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd; }

.btn-primary .badge {
  color: #428bca;
  background-color: #ffffff; }

.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c; }

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439; }

.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
  background-image: none; }

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c; }

.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff; }

.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da; }

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc; }

.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
  background-image: none; }

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da; }

.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff; }

.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236; }

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512; }

.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
  background-image: none; }

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236; }

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff; }

.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a; }

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925; }

.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
  background-image: none; }

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a; }

.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff; }

.btn-link {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0; }

.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent; }

.btn-link:hover, .btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent; }

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

.fade.in {
  opacity: 1; }

.collapse {
  display: none; }

.collapse.in {
  display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease; }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("https://d36kigkh74flet.cloudfront.net/fonts/glyphicons-halflings-regular.eot");
  src: url("https://d36kigkh74flet.cloudfront.net/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("https://d36kigkh74flet.cloudfront.net/fonts/glyphicons-halflings-regular.woff") format("woff"), url("https://d36kigkh74flet.cloudfront.net/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("https://d36kigkh74flet.cloudfront.net/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\2a"; }

.glyphicon-plus:before {
  content: "\2b"; }

.glyphicon-euro:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }

.dropdown-menu.pull-right {
  right: 0;
  left: auto; }

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #999999; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #999999; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: ""; }

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.btn-group > .btn, .btn-group-vertical > .btn {
  position: relative;
  float: left; }

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
  z-index: 2; }

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
  outline: none; }

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }

.btn-toolbar .btn-group, .btn-toolbar .input-group {
  float: left; }

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
  margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }

.btn-group-justified > .btn, .btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%; }

.btn-group-justified > .btn-group .btn {
  width: 100%; }

[data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0; }

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0; }

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px; }

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px; }

textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto; }

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px; }

textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto; }

.input-group-addon, .input-group-btn, .input-group .form-control {
  display: table-cell; }

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0; }

.input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px; }

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px; }

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px; }

.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
  margin-top: 0; }

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }

.input-group-btn > .btn {
  position: relative; }

.input-group-btn > .btn + .btn {
  margin-left: -1px; }

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2; }

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
  margin-right: -1px; }

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
  margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }

.nav > li {
  position: relative;
  display: block; }

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px; }

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee; }

.nav > li.disabled > a {
  color: #999999; }

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #428bca; }

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.nav > li > a > img {
  max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #dddddd; }

.nav-tabs > li {
  float: left;
  margin-bottom: -1px; }

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0; }

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default; }

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0; }

.nav-tabs.nav-justified > li {
  float: none; }

.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px; }

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0; } }

.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd; }

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0; }
  .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff; } }

.nav-pills > li {
  float: left; }

.nav-pills > li > a {
  border-radius: 4px; }

.nav-pills > li + li {
  margin-left: 2px; }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #428bca; }

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

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0; }

.nav-justified {
  width: 100%; }

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

.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px; }

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }

@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%; }
  .nav-justified > li > a {
    margin-bottom: 0; } }

.nav-tabs-justified {
  border-bottom: 0; }

.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd; }

@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0; }
  .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px; } }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  max-height: 340px;
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }

.navbar-collapse.in {
  overflow-y: auto; }

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none; }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important; }
  .navbar-collapse.in {
    overflow-y: visible; }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0; } }

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }

@media (min-width: 768px) {
  .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0; } }

.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }

@media (min-width: 768px) {
  .navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0; } }

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

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

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px; }

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none; }

@media (min-width: 768px) {
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }

.navbar-toggle:focus {
  outline: none; }

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px; }

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px; }

@media (min-width: 768px) {
  .navbar-toggle {
    display: none; } }

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

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px; }

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none; }
  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px; }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none; } }

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0; }
  .navbar-nav > li {
    float: left; }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px; }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important; } }

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .navbar-form .input-group > .form-control {
    width: 100%; }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio, .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle; }
  .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0; }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0; } }

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px; } }

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .navbar-form.navbar-right:last-child {
    margin-right: -15px; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px; }

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px; }
  .navbar-text.navbar-right:last-child {
    margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }

.navbar-default .navbar-brand {
  color: #777777; }

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent; }

.navbar-default .navbar-text {
  color: #777777; }

.navbar-default .navbar-nav > li > a {
  color: #777777; }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7; }

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent; }

.navbar-default .navbar-toggle {
  border-color: #dddddd; }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #dddddd; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #e7e7e7; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555555; }

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent; } }

.navbar-default .navbar-link {
  color: #777777; }

.navbar-default .navbar-link:hover {
  color: #333333; }

.navbar-inverse {
  background-color: #222222;
  border-color: #080808; }

.navbar-inverse .navbar-brand {
  color: #999999; }

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent; }

.navbar-inverse .navbar-text {
  color: #999999; }

.navbar-inverse .navbar-nav > li > a {
  color: #999999; }

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent; }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808; }

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent; }

.navbar-inverse .navbar-toggle {
  border-color: #333333; }

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333333; }

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff; }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #101010; }

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #ffffff; }

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999999; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent; } }

.navbar-inverse .navbar-link {
  color: #999999; }

.navbar-inverse .navbar-link:hover {
  color: #ffffff; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }

.breadcrumb > li {
  display: inline-block; }

.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc; }

.breadcrumb > .active {
  color: #999999; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }

.pagination > li {
  display: inline; }

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #428bca;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px; }

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px; }

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px; }

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #2a6496;
  background-color: #eeeeee;
  border-color: #dddddd; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
  cursor: default; }

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  color: #999999;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed; }

.pagination-lg > li > a, .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px; }

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a, .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px; }

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center; }

.pager li {
  display: inline; }

.pager li > a, .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px; }

.pager li > a:hover, .pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee; }

.pager .next > a, .pager .next > span {
  float: right; }

.pager .previous > a, .pager .previous > span {
  float: left; }

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
  color: #999999;
  background-color: #ffffff;
  cursor: not-allowed; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }

.label[href]:hover, .label[href]:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer; }

.label:empty {
  display: none; }

.btn .label {
  position: relative;
  top: -1px; }

.label-default {
  background-color: #999999; }

.label-default[href]:hover, .label-default[href]:focus {
  background-color: #808080; }

.label-primary {
  background-color: #428bca; }

.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #3071a9; }

.label-success {
  background-color: #5cb85c; }

.label-success[href]:hover, .label-success[href]:focus {
  background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }

.label-info[href]:hover, .label-info[href]:focus {
  background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }

.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }

.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999999;
  border-radius: 10px; }

.badge:empty {
  display: none; }

.btn .badge {
  position: relative;
  top: -1px; }

.btn-xs .badge {
  top: 0;
  padding: 1px 5px; }

a.badge:hover, a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer; }

a.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: #428bca;
  background-color: #ffffff; }

.nav-pills > li > a > .badge {
  margin-left: 3px; }

.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }

.jumbotron h1, .jumbotron .h1 {
  color: inherit; }

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200; }

.container .jumbotron {
  border-radius: 6px; }

.jumbotron .container {
  max-width: 100%; }

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px; }
  .container .jumbotron {
    padding-left: 60px;
    padding-right: 60px; }
  .jumbotron h1, .jumbotron .h1 {
    font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.thumbnail > img, .thumbnail a > img {
  margin-left: auto;
  margin-right: auto; }

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
  border-color: #428bca; }

.thumbnail .caption {
  padding: 9px;
  color: #333333; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

.alert h4 {
  margin-top: 0;
  color: inherit; }

.alert .alert-link {
  font-weight: bold; }

.alert > p, .alert > ul {
  margin-bottom: 0; }

.alert > p + p {
  margin-top: 5px; }

.alert-dismissable {
  padding-right: 35px; }

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }

.alert-success hr {
  border-top-color: #c9e2b3; }

.alert-success .alert-link {
  color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }

.alert-info hr {
  border-top-color: #a6e1ec; }

.alert-info .alert-link {
  color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }

.alert-warning hr {
  border-top-color: #f7e1b5; }

.alert-warning .alert-link {
  color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }

.alert-danger hr {
  border-top-color: #e4b9c0; }

.alert-danger .alert-link {
  color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media, .media-body {
  overflow: hidden;
  zoom: 1; }

.media, .media .media {
  margin-top: 15px; }

.media:first-child {
  margin-top: 0; }

.media-object {
  display: block; }

.media-heading {
  margin: 0 0 5px; }

.media > .pull-left {
  margin-right: 10px; }

.media > .pull-right {
  margin-left: 10px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd; }

.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px; }

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.list-group-item > .badge {
  float: right; }

.list-group-item > .badge + .badge {
  margin-right: 5px; }

a.list-group-item {
  color: #555555; }

a.list-group-item .list-group-item-heading {
  color: #333333; }

a.list-group-item:hover, a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5; }

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca; }

a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading {
  color: inherit; }

a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success {
  color: #3c763d; }

a.list-group-item-success .list-group-item-heading {
  color: inherit; }

a.list-group-item-success:hover, a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6; }

a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info {
  color: #31708f; }

a.list-group-item-info .list-group-item-heading {
  color: inherit; }

a.list-group-item-info:hover, a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3; }

a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning {
  color: #8a6d3b; }

a.list-group-item-warning .list-group-item-heading {
  color: inherit; }

a.list-group-item-warning:hover, a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc; }

a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger {
  color: #a94442; }

a.list-group-item-danger .list-group-item-heading {
  color: inherit; }

a.list-group-item-danger:hover, a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc; }

a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }

.panel-title > a {
  color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

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

.panel > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0; }

.panel > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.panel > .table, .panel > .table-responsive > .table {
  margin-bottom: 0; }

.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px; }

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px; }

.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px; }

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive {
  border-top: 1px solid #dddddd; }

.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
  border: 0; }

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0; }

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0; }

.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0; }

.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 20px; }

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
  overflow: hidden; }

.panel-group .panel + .panel {
  margin-top: 5px; }

.panel-group .panel-heading {
  border-bottom: 0; }

.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #dddddd; }

.panel-group .panel-footer {
  border-top: 0; }

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd; }

.panel-default {
  border-color: #dddddd; }

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd; }

.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd; }

.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd; }

.panel-primary {
  border-color: #428bca; }

.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca; }

.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca; }

.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca; }

.panel-success {
  border-color: #d6e9c6; }

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6; }

.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }

.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1; }

.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }

.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc; }

.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1; }

.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20); }

.close:hover, .close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; }

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000; }

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0); }

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857px; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857143; }

.modal-body {
  position: relative;
  padding: 20px; }

.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0); }

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90); }

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0; }

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px; }

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0; }

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal; }

.popover.top {
  margin-top: -10px; }

.popover.right {
  margin-left: 10px; }

.popover.bottom {
  margin-top: 10px; }

.popover.left {
  margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }

.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }

.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }

.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }

.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }

.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left; }

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
  line-height: 1; }

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
  display: block; }

.carousel-inner > .active {
  left: 0; }

.carousel-inner > .next, .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%; }

.carousel-inner > .next {
  left: 100%; }

.carousel-inner > .prev {
  left: -100%; }

.carousel-inner > .next.left, .carousel-inner > .prev.right {
  left: 0; }

.carousel-inner > .active.left {
  left: -100%; }

.carousel-inner > .active.right {
  left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }

.carousel-control:hover, .carousel-control:focus {
  outline: none;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90); }

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block; }

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
  left: 50%; }

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
  right: 50%; }

.carousel-control .icon-prev, .carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif; }

.carousel-control .icon-prev:before {
  content: '\2039'; }

.carousel-control .icon-next:before {
  content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: transparent; }

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

.carousel-caption .btn {
  text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
  content: " ";
  display: table; }

.clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
  clear: both; }

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

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.affix {
  position: fixed; }

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

.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs, td.visible-xs {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm, td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md, td.visible-md {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg, td.visible-lg {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print, td.visible-print {
    display: table-cell !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/************************************************************************************************************************************************
*																																				                                                                        
*																																				                                                                        
*		Project:	TTF White Label Boilerplate - (SASS Structure Pulls)																                                    
*		File:		partials/_baseGlobal.scss																								                                                            
*		Platform:	Audience View 6.8.2																											                                                          
*		Date:		April 2015 																												                                                                
*		Author:		Wilko & Chris																												                                                              
*		Copyright:	©TheTicketFactory.com, 2014																									                                                    
*																																				                                                                       
*																																				                                                                       
************************************************************************************************************************************************/
/* =ADA 
-------------------------------------------------------------- */
a.linkNone:link, a.linkNone:visited, a.linkNone:hover, a.linkNone:active {
  text-decoration: none; }

/* =Reset some bootstrap Styles
-------------------------------------------------------------- */
.form-control {
  display: inline-block;
  max-width: 90%;
  width: 100%; }

.table th, .table td {
  border-top: 1px dotted #ddd !important; }

.btn {
  white-space: normal; }

h5, .h5 {
  font-size: 16px; }

/* =Basic HTML Styles
-------------------------------------------------------------- */
html {
  height: 100%; }

body {
  color: #3f3f3f; }

img {
  max-width: 100%;
  height: auto; }

a, .handCursor {
  cursor: pointer;
  outline: 0px solid transparent; }

.dropDown {
  display: inline-block;
  position: relative;
  width: 75px;
  height: 34px; }

.dropDown input {
  margin: 0;
  padding-right: 25px;
  text-align: right;
  width: 100%; }

.dropDown select {
  background: #dfdfdf;
  clip: rect(auto, auto, auto, 46px);
  margin: 0;
  padding: 6px 4px;
  text-align: right;
  width: 100%; }

.dropDown-label {
  display: inline-block;
  margin: 0 2px 4px 0;
  position: relative;
  height: 32px; }

.comboBoxWrapper {
  display: inline-block;
  height: 34px !important;
  margin: 0;
  position: relative; }

.comboBoxWrapper input {
  height: 34px !important;
  width: 140px !important;
  margin: 0;
  padding-right: 20px; }

.comboBoxWrapper select {
  background: #dfdfdf;
  border: 1px solid #CCC;
  border-radius: 4px;
  clip: rect(0 140px 34px 120px) !important;
  margin: 0;
  padding: 6px 4px;
  height: 34px !important;
  width: 140px !important; }

label {
  font-weight: normal; }

nobr {
  white-space: normal; }

.required {
  color: #de0400; }

.optional {
  color: #AfAfAf; }

.fine-print {
  font-style: italic;
  font-size: 13px; }

/* =Page Regions
-------------------------------------------------------------- */
#header {
  background: #F0F0F0;
  position: relative;
  padding: 0 0 10px; }

.header-content {
  min-height: 125px;
  padding: 0 75px; }

.header-content img {
  max-width: 100%; }

.bodyDetails {
  display: inline-block;
  width: 100%;
  min-height: 280px;
  padding: 0 5px; }

.av-left, .av-center, .av-right {
  display: inline-block; }

.articles, .article-body-container {
  display: inline-block;
  width: 100%; }

.articles .article-container {
  display: inline-block;
  width: 100%;
  margin: 0 0 10px; }

#footer {
  clear: both; }

.footer-content {
  padding: 20px; }

/*= Menus (main nav and utility - off canvas navs for mobile)
-------------------------------------------------------------- */
.content-wrapper {
  overflow: hidden;
  width: 100%; }

.menu-toggle {
  display: inline-block; }

#menu, #content, .customer-options {
  width: 100%;
  display: block;
  position: relative;
  transition: .2s all ease; }

#menu {
  background: none transparent;
  margin: 0 0 0 -100%;
  float: left;
  width: 80%; }

#content {
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  margin-left: 0;
  padding: 20px 0;
  float: left;
  overflow: hidden; }

.customer-options {
  margin-right: -200%;
  float: right;
  width: 80%;
  top: auto;
  text-align: left; }

.active-nav #menu {
  margin-left: 0;
  width: 80%; }

.active-nav #content {
  margin-right: -100%; }

.active-nav .customer-options {
  margin-right: -100%;
  float: right; }

.active-sidebar .customer-options {
  margin-right: 0;
  width: 80%; }

.active-sidebar #content {
  margin-left: -80%; }

.active-sidebar #menu {
  margin-left: -200%; }

.menuContainer .nav li a {
  border-bottom: 1px solid #ddd; }

/* reset utility nav menu styles for small touch screens */
.menuContainer.utility-nav {
  display: block;
  width: auto; }

.menuContainer.utility-nav ul li {
  float: none; }

.menuContainer.utility-nav ul li a {
  display: block;
  padding: 10px; }

/* reset main nav menu styles for small touch screens */
.menuContainer.main-nav {
  width: auto;
  margin: 0;
  padding: 0;
  text-align: left; }

.menuContainer.main-nav .nav {
  display: block;
  margin: 0; }

.menuContainer.main-nav .nav .menuTopItem {
  float: none;
  text-align: left;
  margin: 0; }

.menuContainer.main-nav .nav li .menu_item {
  border-radius: 0;
  display: block;
  float: none;
  padding: 10px; }

.menuContainer.main-nav .nav li .dropdown-toggle, .menuContainer.main-nav .nav .menuTopItem .menu_item .glyphicon {
  display: none; }

.menuContainer.main-nav .nav li .dropdown-menu {
  background: none;
  background-color: rgba(0, 0, 0, 0.05);
  border: none;
  border-radius: 0;
  box-shadow: none;
  display: block;
  float: none;
  top: auto;
  left: auto;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1; }

.menuContainer.main-nav .nav li .dropdown-menu li a {
  white-space: normal;
  border-bottom: 1px solid #ddd;
  padding: 10px 10px 10px 20px; }

/* reset order info box styles for small touch screens */
#orderInfo {
  background: none transparent;
  border: 0;
  border-radius: 0;
  padding: 20px 10px 20px;
  position: relative;
  top: auto;
  left: auto;
  margin: 0;
  width: auto; }

.active-promotions {
  border-bottom: 1px dotted #ccc;
  margin: 0 0 10px;
  padding: 0 0 10px; }

.active-promotions ul {
  margin: 0; }

.activePromocodeText {
  font-size: 18px;
  margin: 0 0 5px; }

.promoCodeListItem {
  display: inline-block;
  margin: 0 5px 0 0; }

.customer-greeting {
  font-size: 18px; }

.customer-greeting, .customer-order, .customer-buttons, .order-message {
  display: inline-block;
  margin: 0 0 10px;
  width: 100%; }

.shopping-cart-link {
  width: 100%;
  font-size: 20px;
  padding: 10px; }

/* = MENU toggle for mobile (show & hide menu and shopping cart)
-------------------------------------------------------------- */
.menu-toggle.btn-default {
  background-color: rgba(0, 0, 0, 0.25);
  border: 0;
  color: #fafafa;
  font-size: 25px;
  margin: -19px 0 0;
  position: absolute;
  padding: 10px;
  top: 50%;
  left: 10px; }

.menu-toggle.sidebar-button {
  right: 10px;
  left: auto; }

.menu-toggle span.mobile-cart-indicator {
  background: #428BCA;
  font-family: Times New Roman;
  position: absolute;
  top: -4px;
  left: -7px; }

/* =Search Box
-------------------------------------------------------------- */
.search-box {
  background: #efefef;
  border-radius: 4px;
  padding: 10px;
  margin: 0 0 20px; }

.search-box p {
  font-style: italic; }

.search-box label {
  width: 100%; }

.search-box form {
  margin: 0; }

.search-box form img, .search-box form input[type="submit"] {
  cursor: pointer; }

.search-box form ul {
  margin: 0; }

.search-box form ul li {
  margin: 0 0 10px 0;
  text-align: center; }

.search-box .form-control {
  width: 100%;
  max-width: 94%; }

.search-box .btn {
  width: 100%; }

/* = Search Results
-------------------------------------------------------------- */
.odd {
  background: #f0f0f0; }

.even {
  background: #fcfcfc; }

.pagination-box {
  display: inline-block;
  text-align: right;
  width: 100%; }

.pagination {
  margin: 0 0 20px; }

/* = Search Results widgets
-------------------------------------------------------------- */
.search-results-container {
  display: inline-block;
  width: 100%; }

.search-results-container h3 {
  margin: 10px 0; }

.search-results-container .results-box {
  margin: 0 0 10px; }

.search-results-container .item-description .item-name {
  font-size: 18px;
  display: block; }

.search-results-container .item-image .item-logo {
  border-radius: 4px;
  overflow: hidden;
  display: block; }

.search-results-container .item-image.no-logo .item-logo {
  background: #d7d9da; }

.search-results-container .item-start-date .start-date-label, .search-results-container .item-end-date .end-date-label {
  font-size: 11px;
  margin-right: 5px; }

.search-results-container .item-start-date, .search-results-container .item-end-date, .search-results-container .item-venue, .search-results-container .item-price-range, .search-results-container .item-teaser {
  color: #666;
  font-size: 12px;
  margin: 3px 0 0; }

.search-results-container .item-teaser {
  text-align: left; }

.availability-icon img {
  height: 20px;
  width: auto; }

/* = Search Results widget 1 & 2 (standard & grid)
-------------------------------------------------------------- */
.standard-search-results .result-box-item-details, .detailed-search-results .result-box-item-details {
  text-align: center; }

.standard-search-results .item-link .availability-icon, .detailed-search-results .item-link .availability-icon {
  padding: 6px 12px; }

.standard-search-results .item-link .btn, .detailed-search-results .item-link .btn {
  width: 100%; }

/* = Search Results widget 2 (details)
-------------------------------------------------------------- */
.detailed-search-results .item-image.result-box-item-details {
  padding: 0 0 10px 0; }

/* = Search Results widget 3 (grid)
-------------------------------------------------------------- */
.grid-result {
  float: left;
  margin: 0 1% 1%;
  padding: 10px;
  width: 48%;
  border: 1px solid #eee;
  border-radius: 4px; }

.grid-result.row-first-result-sm {
  clear: left; }

.grid-result .item-image {
  margin: 0 0 10px; }

.grid-result .item-image img {
  width: 100%;
  max-width: 100%; }

.grid-result .availability-icon {
  padding: 10px 0;
  text-align: center; }

.grid-result .item-link .btn {
  width: 100%; }

/* = Search Results Pagination
-------------------------------------------------------------- */
.pagination {
  margin: 10px 0 10px; }

.pagination a .glyphicon {
  line-height: 20px; }

/* = Search Results Availability legend
-------------------------------------------------------------- */
.availability-legend.result-box {
  background: #F0F0F0;
  margin: 10px 0; }

.availability-legend.result-box h4 {
  padding: 0 0 5px;
  margin: 0 0 5px;
  border-bottom: 1px dotted #ddd; }

.availability-legend .result-box-item-details {
  width: 50%;
  font-size: 11px; }

.availability-legend .result-box-item-details .availability-icon {
  margin: 0 10px 0 0; }

/* =item Information
-------------------------------------------------------------- */
.item-box, .result-box {
  display: inline-block;
  margin: 0 0 20px;
  width: 100%; }

.item-box h4, .result-box h3 {
  line-height: 1;
  margin: 0 0 15px; }

.item-box .field-label {
  color: #666;
  display: inline-block;
  font-size: 11px;
  margin: 0 5px; }

.item-box label br {
  display: none; }

.item-box .list-inline li {
  margin-right: 20px; }

.item-box .fine-print {
  margin: 10px 0 0; }

.item-box-item, .result-box-item {
  display: inline-block;
  padding: 10px;
  width: 100%; }

.item-box-item-details, .result-box-item-details {
  display: inline-block;
  margin: 0 0 5px;
  width: 100%; }

.item-box-detail-data, .result-box-detail-data {
  display: inline-block;
  margin-right: 10px; }

.item-box-item-details .default-selected-text {
  color: #7f7f7f;
  font-style: italic;
  margin-left: 5px; }

.item-box .navigation-box {
  margin: 10px 0 0; }

.item-box .attention {
  margin: 0; }

.item-information.item-box ul, .item-information.item-box ul li:first-child, .item-information.item-box ul li h3, .item-information.item-box ul li h4 {
  margin: 0; }

.item-information.item-box ul li {
  margin: 5px 0 0; }

.item-information.item-box .item-description-details {
  display: inline-block;
  width: 100%; }

.item-information.item-box .item-logo {
  padding: 5px;
  max-width: 50%;
  float: left; }

.item-information.item-box .item-logo img {
  border-radius: 4px;
  max-width: 100%;
  width: 100%; }

/* = Map & Best Available Seat Select
-------------------------------------------------------------- */
.seat-tabs-box {
  display: inline-block;
  width: 100%; }

.seat-tabs-box h1 {
  margin: 0 0 10px; }

.seat-tabs-box .seat-tabs {
  display: block; }

.seat-tabs-box .seat-tabs .seat-tab {
  background: #F9F9F9;
  display: inline-block;
  color: #7f7f7f;
  font-size: 14px;
  padding: 10px;
  width: 49%;
  text-align: center; }

.seat-tabs-box .seat-tabs .seat-tab:hover {
  background: #a5bfd6;
  color: #fff; }

.seat-tabs-box .seat-tabs .seat-tab.active {
  background-color: #428BCA;
  border-color: #357EBD;
  color: #fff; }

.fee-info.best-available-selected {
  margin: 0 0 10px; }

.item-box-item-details.price-zone-option {
  border-bottom: 1px dotted #ddd;
  margin: 0 0 5px;
  padding: 0 5px 5px; }

.item-box-item-details.price-zone-option .zone-label {
  display: inline-block;
  margin: 0; }

.item-box-item-details.price-zone-option.best-available-price-option {
  border: 0;
  padding-left: 35px;
  line-height: 1; }

.item-box-item-details.price-zone-option .price-zone-color {
  display: inline-block;
  float: left;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px; }

.item-box-item-details .price-zone-amount {
  display: inline-block;
  width: 100%; }

.item-box-item-details .price-zone-amount .price-zone-amount-amount {
  float: right; }

.alt-section-option {
  padding: 5px 10px; }

.navigation-box.item-select-navigation .btn {
  display: block;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 5px; }

.venue-image h4 {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 15px; }

.venue-image h4 .small-heading-text {
  display: block;
  margin: 5px 0 0; }

.venue-image.item-box img {
  max-width: 100%;
  height: auto; }

.select-tickets-column.no-venue-image {
  max-width: 100%; }

#seat-quantity .price-details, .charge-message-link {
  display: block;
  margin: 3px 0 0;
  clear: left; }

#seat-price-zone .charge-message-link {
  float: left;
  margin: 5px 0 0 5px; }

.navigation-box.item-select-navigation .btn-primary {
  float: none; }

/* =SVG map styles
-------------------------------------------------------------- */
.price-type-modal {
  display: none;
  top: 15%;
  left: 10%;
  position: absolute;
  z-index: 50;
  width: 80%; }

.map_legend_li div {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  border: solid 1px #000000;
  background-color: #CCFF99;
  display: inline-block;
  width: 10px;
  height: 10px; }

.screen-availability {
  display: inline-block;
  border: solid 1px #000000;
  background-color: #CCFF99;
  width: 10px;
  height: 10px; }

#screen_flip_section .item-box-item-details select {
  width: auto; }

.map_legend_li div#unavailable {
  opacity: 0.3; }

.seat-prices li .select-seat-price {
  width: 100%; }

.seat-prices li .select-seat-price .pricetype-label {
  margin-right: 5px; }

.tooltip-seat-info {
  font-weight: bold;
  font-size: 14px; }

.tooltip-avail-message {
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  margin: 5px 0 0;
  padding: 5px;
  text-align: center; }

.tooltip-avail-message.Available {
  background-color: #2cab00; }

.tooltip-avail-message.Unavailable {
  background-color: #f00; }

.caps-label {
  font-weight: bold;
  margin: 3px 0 0; }

.map-parent {
  position: relative; }

.map-parent + img {
  width: 100%; }

/* =Miscellaneous Items
-------------------------------------------------------------- */
.misc-item-image .modal-body img {
  width: 100%;
  width: 100%; }

.misc-item-option-description.item-box-item-details {
  margin-top: 3px; }

.misc-item-preview .misc-item-thumnails {
  display: inline-block;
  width: 100%; }

.misc-item-preview .misc-item-thumnails li {
  display: inline-block;
  float: left;
  margin: 1%;
  width: 31%; }

.misc-item-preview .misc-item-thumnails li img {
  width: 100%; }

.misc-item-navigation.navigation-box .btn-primary {
  float: none; }

/* =Promo Code Box
-------------------------------------------------------------- */
.promotional-code-input {
  display: inline-block;
  margin: 0 0 20px;
  width: 100%; }

.promotional-code-input ul {
  margin: 0;
  list-style: none; }

.promotional-code-input ul li {
  margin: 0 0 10px; }

.last-promotional-code-name {
  background: #fcfcfc;
  border: 1px solid #DDD;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-weight: bold;
  padding: 10px;
  text-align: center; }

.last-promotional-code-name span {
  background: url(../images/star.png) left center no-repeat;
  padding-left: 20px;
  margin-left: -20px; }

.last-promotional-code-name a {
  display: block;
  margin: 10px 0 0; }

.promotional-code-input .form-control {
  max-width: 100%; }

.active-promo-event, .active-promo-event td {
  background: #f6edbd; }

.active-promo-event .item-name {
  background: url(../images/star.png) 0 2px no-repeat;
  padding-left: 20px; }

/* =Shopping Cart
-------------------------------------------------------------- */
.order-items .last-column {
  text-align: right; }

.order-items .item-options .btn {
  margin: 5px 3px 0; }

/* =Shopping Cart - item listings
-------------------------------------------------------------- */
.item-box-item-details.seat-location {
  min-width: 300px; }

.admission-row.section-box-item .section-box-item-details {
  border-top: 1px dotted #ddd;
  padding: 5px 0; }

.admission-row.section-box-item .section-box-item-details:first-child {
  border: 0; }

.admission-row.section-box-item .section-box-item-details select {
  float: right; }

.admission-row.section-box-item .section-box-item-details.last-column {
  text-align: right; }

.order-bundles.section-box h4 {
  margin: 15px 10px 10px; }

.order-bundles h4:first-child {
  margin: 0 10px 10px; }

/* =Button and Navigation Boxes
-------------------------------------------------------------- */
.navigation-box {
  display: inline-block;
  margin: 20px 0 0;
  width: 100%; }

.navigation-box .btn-default {
  float: left; }

.navigation-box .btn-primary {
  float: right; }

/* =Attention and Warning Messages
-------------------------------------------------------------- */
.spotlight-message h3 {
  color: #2c77b8;
  border-bottom: 1px dotted #2c77b8;
  margin: 0 0 10px;
  padding-bottom: 10px; }

.spotlight-message-body {
  margin: 10px 0; }

.spotlight-message-body a {
  text-decoration: underline; }

.spotlight-message .btn-close {
  background: #B82C2C;
  border: 1px solid #B82C2C;
  color: #fff; }

.spotlight-controls {
  display: inline-block;
  width: 100%;
  text-align: right; }

/* =Login delivery
-------------------------------------------------------------- */
.order-contact .billing-info, .order-contact .shipping-info {
  min-height: 84px;
  margin: 0 0 10px; }

.order-contact .billing-info label, .order-contact .shipping-info label {
  display: block; }

.order-contact .billing-info select, .order-contact .billing-info .btn-group {
  display: inline-block;
  width: 100%;
  margin: 0 0 5px; }

.delivery-method-description {
  font-size: 85%;
  color: #666; }

/* =Order Contact
-------------------------------------------------------------- */
.order-contact-heading {
  margin: 0 0 20px; }

.order-contact-heading h1 {
  margin: 0; }

.order-contact-heading p {
  margin: 5px 0 0; }

.order-customer-details h3 {
  border-bottom: 1px dotted #ccc;
  margin: 0 0 10px;
  padding: 0 0 10px; }

.order-customer-contact, .order-customer-address, .order-customer-delivery {
  margin: 0 0 20px; }

.account-box.payment-input-box, .account-box.default-payment-method {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  padding: 20px; }

.payment-methods-list {
  display: inline-block;
  width: 100%; }

.payment-methods-list .payment-method-option {
  background: #fcfcfc;
  border-radius: 4px;
  display: inline-block;
  float: left;
  margin: 0 1% 1%;
  padding: 5px;
  text-align: center;
  width: 48%; }

.payment-methods-list .payment-method-option:hover {
  background: #f7f7f7;
  text-align: center; }

.payment-methods-list .payment-method-option .payment-method-label {
  display: block; }

.payment-methods-list .payment-method-option .payment-method-label img {
  display: block;
  margin: 3px auto; }

.payment-box .field-label {
  line-height: 32px; }

.payment-box .field-value {
  display: inline-block;
  margin: 0 0 5px;
  padding: 6px 12px; }

.default-payment-method .field-label {
  width: 200px; }

.order-customer-details .item-box-item, .order-totals .section-box-item {
  border-top: 1px dotted #ddd; }

.order-customer-details .item-box-item label {
  width: 100%; }

/* =Login/forgot password/logout
-------------------------------------------------------------- */
.login-box.account-box, .forgot-password-box.account-box {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  padding: 20px; }

.login-box .forgot-password a {
  display: inline-block;
  margin: 0 0 5px;
  padding: 10px 0; }

.logout-box.account-box .navigation-box {
  margin: 20px 0 0; }

/* = customer account (create and management)
-------------------------------------------------------------- */
.lookup-address .btn {
  margin: 10px 0 10px 0;
  width: 220px; }

.password-rules {
  display: inline-block;
  margin: 0 0 5px; }

.account-options-heading {
  display: block;
  margin: 0 0 5px; }

.account-options {
  display: inline-block;
  margin: 0 0 15px;
  width: 100%; }

.account-options.comm-prefs li:last-child, .account-options.mark-prefs li:last-child {
  height: 0; }

.account-options.keywords {
  margin: 0; }

.account-options.keywords li {
  float: left;
  width: 32%;
  margin: 1% 1% 0 0; }

.account-options.keywords li:last-child {
  height: 0;
  width: 0;
  margin: 0; }

/* = My Account - common elements
-------------------------------------------------------------- */
.my-account-section-heading {
  margin: 20px 0 0; }

.small-heading-text {
  font-size: 75%;
  display: block;
  margin: 10px 0 0 0; }

.section-link {
  font-size: 75%;
  margin: 0 0 0 10px; }

.account-box, .section-box {
  border-top: 1px dotted #ccc;
  display: inline-block;
  padding: 20px 0 0;
  margin: 20px 0 0;
  width: 100%; }

.section-box:first-child {
  border-top: 0;
  margin: 0; }

.account-box h1, .section-box h1, .account-box h2, .section-box h2, .account-box h3, .section-box h3, .account-box h4, .section-box h4 {
  line-height: 1;
  margin: 0 0 15px; }

.account-box .field-label, .section-box .field-label {
  color: #666;
  display: inline-block; }

.account-box label br, .section-box label br {
  display: none; }

.account-box .list-inline li, .section-box .list-inline li {
  margin-right: 20px; }

.account-box-item, .section-box-item {
  display: inline-block;
  padding: 10px;
  width: 100%; }

.account-box-item .navgiation-box, .section-box .navigation-box {
  margin: 10px 0 0; }

.account-box .attention, .section-box .attention {
  margin: 0; }

.section-box.page-heading, .account-box.page-heading {
  margin: 0 auto; }

.section-box.page-heading h1, .account-box.page-heading h1 {
  margin: 0; }

.section-box.page-heading p, .account-box.page-heading p {
  margin: 5px 0 0; }

.account-box {
  border-top: 0;
  display: block;
  padding: 10px 0;
  margin: 0 auto 20px;
  max-width: 600px; }

.account-box.section-box:first-child {
  padding: 10px 0;
  margin: 0 auto;
  max-width: 600px; }

.account-box li {
  margin: 0 0 5px; }

.account-box .field-label {
  width: 100%; }

.account-box .form-control {
  display: inline-block;
  width: 90%; }

.account-box .username-options {
  display: inline-block;
  width: auto; }

.account-box.navigation-box .btn-primary {
  float: right; }

/* = My Account - Navigation
-------------------------------------------------------------- */
.my-account-nav-heading {
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 18px;
  text-align: center;
  margin: 0 0 10px;
  padding: 10px; }

.my-account-nav-heading .nav-heading-toggle {
  border-left: 1px dotted #ccc;
  color: #3f3f3f;
  float: right;
  padding: 3px 5px 3px 10px; }

.my-account-nav-heading .nav-heading-toggle .glyphicon-chevron-down, .my-account-nav-heading .nav-heading-toggle.collapsed .glyphicon-chevron-up {
  display: none; }

.my-account-nav-heading .nav-heading-toggle.collapsed .glyphicon-chevron-down, .my-account-nav-heading .nav-heading-toggle .glyphicon-chevron-up {
  display: inline-block; }

.my-account-nav {
  height: 0;
  overflow: hidden;
  margin: 0 10px; }

.my-account-nav ul li {
  border-bottom: 1px dotted #ccc;
  display: inline-block;
  width: 100%; }

.my-account-nav ul li a {
  border-right: 5px solid transparent;
  color: #666;
  display: block;
  font-size: 13px;
  outline: 0;
  margin: 5px 0;
  padding: 5px 8px 5px 5px;
  text-align: center;
  text-decoration: none; }

.my-account-nav ul li.active, .my-account-nav ul li:hover {
  background: #f0f0f0; }

.my-account-nav ul li.active a, .my-account-nav ul li:hover a {
  color: #428BCA;
  border-right-color: #428BCA; }

.my-account-nav ul li a .badge {
  background-color: #428BCA;
  margin-left: 10px; }

/* = My Account - Order History
-------------------------------------------------------------- */
.order-number.section-box-item-details .section-box-detail-data {
  margin-right: 0; }

/* = My Account - My account Header
-------------------------------------------------------------- */
.account-header .customer-summary {
  font-size: 28px;
  display: inline-block;
  width: 100%; }

.account-header .customer-summary .account-header-text {
  color: #7F7F7F;
  font-size: 12px; }

.account-header .customer-summary .account-header-text .customer-number, .account-header .customer-summary .account-header-text .create-date {
  display: block;
  margin: 3px 0; }

.account-header .customer-value-section {
  background-color: #F0F0F0;
  margin: 5px 0 0; }

/* = My Account - Account Information
-------------------------------------------------------------- */
.account-box-item-details, .section-box-item-details {
  display: inline-block;
  margin: 0 0 5px;
  width: 100%; }

.account-box-detail-data, .section-box-detail-data {
  display: inline-block;
  margin: 0 10px 0 0; }

.account-box-item-details.last-column .account-box-detail-data, .section-box-item-details.last-column .section-box-detail-data {
  padding: 0 0 0 10px; }

.account-box-item-details .form-control, .section-box-item-details .form-control {
  width: auto;
  max-width: 125px; }

.account-box-item-details .default-selected-text, .section-box-item-details .default-selected-text {
  color: #7f7f7f;
  font-style: italic;
  margin-left: 5px; }

/* = My Account - Message Centre
-------------------------------------------------------------- */
.message-link.active, .message-link.active:hover {
  color: #7f7f7f;
  cursor: default;
  text-decoration: none; }

/* = My Account - offers
-------------------------------------------------------------- */
.section-box-item .offer-details h3 {
  margin: 0 0 10px; }

.offer-description {
  clear: both; }

.offer-controls {
  margin: 10px 0 0; }

.view-offer-admission-details {
  display: inline-block;
  width: 100%;
  padding: 0 0 5px; }

.view-offer-admission-details .view-offer-admissions-quantity {
  line-height: 28px;
  float: left; }

.offer-addmission-box, .offer-bundle-addmission-box {
  transition: all .2s ease-in; }

.offer-addmission-box.inactive-selection, .offer-bundle-addmission-box.inactive-selection {
  height: 0;
  opacity: 0;
  overflow: hidden; }

.offer-addmission-box.active-selection-selection, .offer-bundle-addmission-box.active-selection-selection {
  height: auto;
  opacity: 1; }

.view-offer-admission-details .view-offer-controls {
  float: right; }

.offer-toggle.inactive-selection {
  display: none; }

/* = My Account - linked accounts
-------------------------------------------------------------- */
.linked-account-name {
  font-size: 18px; }

/* = My Account - memberships
-------------------------------------------------------------- */
.section-box-item.Expired {
  opacity: 0.8; }

.Active .membership-status {
  color: #0faf0b; }

.Expired .membership-status {
  color: #DE0400; }

.membership-expiry {
  color: #666; }

.membership-detail {
  display: block;
  margin: 5px 0; }

.membership-detail span, .membership-expiry span {
  display: inline-block; }

/* = My Account - memberships
-------------------------------------------------------------- */
.saved-payment-nav .navDelete {
  display: block;
  margin: 10px 0 0;
  width: 220px; }

.ticket-details.section-box-item:hover {
  cursor: pointer;
  background-color: #b2d4f1;
  transition: background-color .2s ease-in; }

/* = My Account - reprint tickets
-------------------------------------------------------------- */
.reprint-ticket-item .section-box-item-details {
  width: auto; }

.reprint-ticket-item .section-box-item-details.last-column {
  float: right; }

/* = error page
-------------------------------------------------------------- */
.account-box.error-box .navigation-box {
  margin: 20px 0; }

/* =Human Check
-------------------------------------------------------------- */
.captcha-parent h1 {
  margin: 0; }

.captcha-parent .captcha-image {
  display: block;
  width: 100%;
  height: auto; }

.captcha-parent .fine-print {
  margin: 10px 0; }

.captcha-parent .captcha-link, .captcha-parent .captcha-link .glyphicon {
  margin: 0 5px;
  text-decoration: none; }

/* =Feature Scrolling
-------------------------------------------------------------- */
.primary-feature-wrapper {
  display: block;
  margin: 0 auto 20px; }

.primary-feature-wrapper .item.static {
  position: relative; }

/* = Common Popup Styles
-------------------------------------------------------------- */
#popupDiv {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000; }

.modal-body {
  -webkit-overflow-scrolling: touch;
  min-height: 50px; }

.info-content.modal-body, .info-content.modal-body iframe {
  height: 300px;
  overflow-x: hidden;
  padding: 0;
  width: 100%; }

#popupBody, .popupDetails {
  padding: 20px; }

#popupDiv_confirmDiv {
  background: url(confirm.gif) no-repeat 15px 15px;
  padding-left: 80px;
  min-height: 50px; }

.popupDiv_addDonation .modal-body {
  height: 200px; }

.popup-add-donation iframe {
  min-height: 192px; }

/* =Lightbox
-------------------------------------------------------------- */
.black_overlay {
  -moz-opacity: 0.6;
  background-color: #000;
  display: none;
  filter: alpha(opacity=60);
  opacity: .60;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 99; }

/* = System message blocks
-------------------------------------------------------------- */
.system-message-block {
  background: #fcfcfc;
  border: 0;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  margin: 0 20px 20px; }

.system-message-block .message-heading {
  font-weight: bold;
  margin: 0 0 5px; }

.system-message-block .message-body div {
  margin: 0 0 5px; }

.info-message {
  background-color: #e6f1fb; }

.error-message, .timeout-message {
  background-color: #fbebeb; }

/* =Date/time selection widget
-------------------------------------------------------------- */
.widget {
  background: #eaeaea;
  background: -moz-linear-gradient(top, #fff, #f3f3f3);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
  border: 1px outset #d3d3d3;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 0px;
  height: 0px; }

.widgetBody {
  background: #fff;
  padding: 0; }

.widgetBody .account-box {
  background: none transparent;
  border: 0;
  padding: 0; }

.drop {
  opacity: .5;
  background: #000;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  filter: alpha(opacity=50);
  left: 0px;
  position: absolute;
  top: 0px;
  width: 0px;
  height: 0px; }

/* =Multilingual Start Page
-------------------------------------------------------------- */
#chooseLanguage .account-box {
  margin: 20px auto;
  text-align: center; }

/* = waiting room
-------------------------------------------------------------- */
.waiting-room #header {
  padding: 10px 0 10px; }

/* =Calendar Widget
-------------------------------------------------------------- */
#calendar-widget-frame {
  display: block;
  background: #fff;
  width: 100%; }

#calendarWidget-body {
  background: #fff; }

#calendarWidget-body, #calendarWidget-body form, #calendarWidget-body .table {
  margin: 0;
  padding: 0; }

#calendarWidget-navigation {
  background: #2C76B7;
  color: #fff;
  width: 100%; }

#calendarWidget-navigation td {
  text-align: center; }

#calendarWidget-navigation td a {
  color: #fff;
  text-decoration: none; }

#calendarWidgetHeader {
  border: solid #ddd;
  border-width: 1px 1px 0 0;
  width: 100%; }

#calendarWidgetHeader td {
  background: #ececec;
  border: solid #ddd;
  border-width: 0 0 0 1px;
  font-size: 11px;
  padding: 0;
  color: #666666;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  width: 28px;
  height: 28px; }

#calendarWidgetTable {
  border: solid #ddd;
  border-width: 1px 1px 0 0;
  width: 100%; }

#calendarWidgetTable td {
  background: #fff;
  border: solid #ececec;
  border-width: 0 0 1px 1px;
  text-align: center;
  vertical-align: middle;
  width: 28px;
  height: 28px; }

#calendarWidgetTable .WidgetToday {
  background: #ececec; }

#calendarWidgetTable .WidgetEvent:hover, #calendarWidgetTable .WidgetEvent {
  background: #2C76B7;
  color: #fff;
  cursor: pointer; }

/* =video widget
-------------------------------------------------------------- */
.video-widget {
  max-width: 100%;
  height: auto; }

/* =av:formfields in articles (make them look the same as bootstrap formfields)
-------------------------------------------------------------- */
form[name="avArticleForm"] input[type="text"], form[name="avArticleForm"] input[type="password"], form[name="avArticleForm"] select, form[name="avArticleForm"] textarea {
  display: inline-block;
  width: 94%;
  height: 34px;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

form[name="avArticleForm"] textarea {
  height: auto; }

form[name="avArticleForm"] input[type="text"]:focus, form[name="avArticleForm"] input[type="password"]:focus, form[name="avArticleForm"] textarea:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

form[name="avArticleForm"] span[id^="colour::BOset"] {
  border-color: #ccc !important;
  display: inline-block;
  border-radius: 4px; }

form[name="avArticleForm"] span[id^="colour::BOset"] img {
  width: 34px !important;
  height: 34px !important; }

@media screen and (min-width: 515px) {
  /* = Search Box
    -------------------------------------------------------------- */
  .search-box {
    padding: 10px;
    margin: 0 0 20px; }
  .search-box form {
    display: inline-block;
    text-align: center;
    width: 100%; }
  .search-box form ul {
    display: inline-block;
    width: 100%; }
  .search-box form ul li {
    display: inline-block;
    margin: 0 5px; }
  .search-box form ul li .field-label {
    display: inline; }
  .search-box form ul li .form-control {
    display: inline-block;
    width: 94px; }
  /* = Search results
    -------------------------------------------------------------- */
  .result-box-item-details {
    float: left;
    padding: 0 5px 0;
    margin: 0;
    width: auto; }
  .result-box-item-details.last-column {
    float: right;
    margin: 0 0 0; }
  /* = Search Result Widget (standard)
    -------------------------------------------------------------- */
  .standard-search-results .result-box-item-details, .detailed-search-results .result-box-item-details {
    text-align: left; }
  .standard-search-results .result-box-item-details.last-column, .detailed-search-results .result-box-item-details.last-column {
    text-align: right; }
  .standard-search-results .result-box-item .item-link .btn, .standard-search-results .result-box-item .availability-icon, .detailed-search-results .result-box-item .item-link .btn, .detailed-search-results .result-box-item .availability-icon {
    display: inline-block;
    width: auto; }
  /* = Search Results widget 2 (Detailed)
    -------------------------------------------------------------- */
  .detailed-search-results .item-image.result-box-item-details {
    width: 20%;
    min-height: 32px;
    padding: 0 5px 0 0; }
  .detailed-search-results .item-image.no-logo .item-logo {
    height: 100px; }
  .detailed-search-results .item-description {
    width: 60%; }
  .detailed-search-results .item-link.result-box-item-details {
    width: 20%;
    text-align: right; }
  /* = Search Results Availability legend
    -------------------------------------------------------------- */
  .availability-legend .result-box-item-details {
    float: left;
    margin: 0 5px;
    padding: 5px;
    text-align: center;
    width: auto; }
  /* =Order Contact
    -------------------------------------------------------------- */
  .order-contact .billing-info select {
    border-radius: 4px 0 0 4px;
    float: left;
    width: 60%; }
  .order-contact .billing-info .btn-group {
    width: 40%; }
  .order-contact .billing-info .btn-group .btn:first-child {
    border-radius: 0;
    border-left: 0; }
  .delivery-method-description {
    display: inline; }
  .payment-methods-list .payment-method-option {
    width: 31%; }
  /* = My Account - common elements
    -------------------------------------------------------------- */
  .section-box .no-label-indent, .account-box .no-label-indent {
    padding-left: 200px; }
  .account-box .field-label {
    display: inline-block;
    float: left;
    width: 200px; }
  .account-box .form-control {
    display: inline-block;
    width: 220px; }
  .account-box .address-verification .field-label {
    width: 220px; }
  /* = My Account - Account Information
    -------------------------------------------------------------- */
  .account-options.keywords li {
    width: 19%; }
  /* = My Account - Friends
    -------------------------------------------------------------- */
  .linked-account-detail {
    display: inline-block;
    width: 48%; }
  /* = My Account - Saved Payments
    -------------------------------------------------------------- */
  .my-account-navigation-box {
    padding-left: 200px; }
  .my-account-navigation-box .navUpdate, .my-account-navigation-box .navCancel {
    min-width: 94px;
    float: none; }
  .section-box .change-password-action .btn, .my-account-navigation-box .navDelete {
    display: block;
    margin: 10px 0 0;
    width: 220px;
    float: none; } }

@media screen and (min-width: 768px) {
  .search-box form ul li .form-control {
    width: 110px; }
  /* = Search Results widget 3 (Grid)
    -------------------------------------------------------------- */
  .grid-result {
    width: 31%;
    margin: 0 1% 1%;
    position: relative;
    min-height: 360px; }
  .grid-result .item-image.no-logo .item-logo {
    height: 185px; }
  .grid-result.row-first-result-sm {
    clear: none; }
  .grid-result.row-first-result-md {
    clear: left; }
  .grid-result.odd .item-description {
    background: #F0F0F0;
    background: rgba(240, 240, 240, 0.9); }
  .grid-result.even .item-description {
    background: #FCFCFC;
    background: rgba(252, 252, 252, 0.9); }
  .grid-result .item-description {
    position: absolute;
    min-height: 94px;
    bottom: 60px;
    left: 10px;
    right: 10px; }
  .grid-result .item-link {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px; }
  .grid-result .item-description .item-teaser, .grid-result .item-description .item-end-date, .grid-result .item-description .item-venue {
    cursor: default;
    overflow: hidden;
    opacity: 0;
    height: 0;
    max-height: 0;
    transition: all .4s ease-in; }
  .grid-result:hover .item-description .item-teaser, .grid-result:hover .item-description .item-end-date, .grid-result:hover .item-description .item-venue {
    height: auto;
    opacity: 1;
    max-height: 500px; }
  /* = Item information/search results
    -------------------------------------------------------------- */
  .item-box-item-details {
    float: left;
    margin: 0 5px 0;
    width: auto; }
  .item-box-item-details.last-column {
    float: right;
    margin: 0 0 0; }
  .item-information.item-box .item-description-details {
    float: left; }
  .item-information.item-box.has-logo1 .item-description-details, .item-information.item-box.has-logo2 .item-description-details {
    width: 75%;
    padding: 5px; }
  .item-information.item-box.has-logo1.has-logo2 .item-description-details {
    width: 50%;
    padding: 5px; }
  .item-information.item-box .item-logo {
    padding: 5px;
    width: 25%;
    float: left; }
  /* = Map & Best Available Seat Select
    -------------------------------------------------------------- */
  .item-box-item-details.price-zone-option, .zone_row .item-box-detail-data {
    line-height: 42px;
    border: 0;
    margin: 0;
    padding: 0 5px; }
  .item-box-item-details.price-zone-option .price-zone-color {
    height: 42px; }
  .item-box-item-details .price-zone-amount {
    float: left;
    padding: 0 5px;
    min-width: 80px;
    max-width: 100px;
    width: auto;
    text-align: center; }
  .item-box-item-details .price-zone-amount .price-zone-amount-amount {
    float: none; }
  .item-box-item-details .price-zone-amount .price-type-label {
    display: block;
    margin: 0 0 5px;
    font-size: 12px; }
  /* =Order items
    -------------------------------------------------------------- */
  .order-items .section-box-item .section-box-item-details .field-label, .order-item-details .section-box-item .section-box-item-details .field-label, .seat-location-information .section-box-item .section-box-item-details .field-label, .bundle-result-admission.section-box-item .section-box-item-details .field-label {
    font-size: 11px;
    line-height: 1;
    margin: 0 5px; }
  .admission-row.section-box-item .section-box-item-details {
    border: 0;
    padding: 0 10px 0 0; }
  .admission-row.section-box-item .section-box-item-details select {
    float: none; }
  .section-box-item.item-total .item-total-value {
    float: none; }
  .payment-methods-list .payment-method-option {
    width: 23%; }
  /* = My Account
    -------------------------------------------------------------- */
  .small-heading-text {
    display: inline-block;
    margin: 0 0 0 10px; }
  .last-column, .last-column .form-control {
    text-align: right; }
  .account-header .customer-summary .customer-name {
    float: left; }
  .account-header .customer-summary .account-header-text {
    float: right;
    line-height: 40px; }
  .account-header .customer-summary .account-header-text .customer-number, .account-header .customer-summary .account-header-text .create-date {
    display: inline-block;
    margin: 0 0 0 10px; }
  .account-header .customer-summary .account-header-text .account-header-label {
    margin: 0 5px; }
  .account-header .customer-value-section .account-header-item-details {
    float: left;
    line-height: 1;
    text-align: center;
    width: 33%; }
  .account-header .customer-value-section .account-header-item-details .customer-value {
    display: block;
    font-size: 16px;
    margin: 5px 0 0; }
  .section-box-item-details select {
    width: auto; }
  .section-box-item-details {
    float: left;
    line-height: 30px;
    margin: 0;
    padding: 0 10px 0 0;
    width: auto; }
  .section-box-item-details.last-column {
    float: right; }
  .order-number.section-box-item-details, .order-date.section-box-item-details {
    margin-right: 30px; }
  .saved-payment-details, .membership-detail {
    width: 33%;
    float: left; }
  .ticket-usage-details.section-box-item-details {
    text-align: center;
    float: left;
    width: 25%; }
  .popup-ticket-forward .modal-dialog {
    width: 750px; } }

@media screen and (min-width: 992px) {
  #header {
    padding: 45px 0 10px; }
  .header-content {
    padding: 0 15px; }
  #content, .active-nav #content, .active-sidebar #content {
    float: none;
    margin: 0 auto;
    overflow: visible;
    width: 970px; }
  .av-left, .av-center, .av-right {
    display: inline-block;
    float: left; }
  .articles .article-container.main-article-body, .articles .article-container.secondary-linked-features, .articles .article-container.tertiary-linked-features {
    display: inline-block; }
  .articles .article-container.main-article-body {
    width: 100%; }
  .articles.has-secondary-features .article-container.main-article-body {
    width: 75%;
    float: right;
    padding: 0 0 0 10px; }
  .articles.has-tertiary-features .article-container.main-article-body {
    width: 75%;
    float: left;
    padding: 0 10px 0 0; }
  .articles.has-secondary-features.has-tertiary-features .article-container.main-article-body, .articles.has-secondary-features.has-tertiary-features .article-container.main-article-body {
    width: 50%;
    padding: 0 10px;
    float: none; }
  .articles .article-container.secondary-linked-features {
    width: 25%;
    float: left;
    padding: 0 10px 0 0; }
  .articles .article-container.tertiary-linked-features {
    width: 24%;
    float: right;
    padding: 0 0 0 10px; }
  /*= off-canvas navigation 
    **********************************************/
  .menu-toggle {
    display: none; }
  .nav > li > a:hover, .nav > li > a:focus {
    color: #0088cc;
    background: none; }
  /* MAIN MENU POSITION FOR STANDARD SCREEN */
  #menu, .active-nav #menu, .active-sidebar #menu {
    background: #E0E0E0;
    padding: 10px 0;
    margin: 0;
    float: none;
    width: auto;
    text-align: center; }
  .menuContainer.main-nav {
    display: inline-block; }
  .menuContainer.main-nav .nav .menuTopItem {
    display: inline-block;
    position: relative;
    margin: 0 5px; }
  .menuContainer.main-nav .nav .menuTopItem .menu_item, .menuContainer.main-nav .nav .open .menuTopItem .menu_item {
    background-color: transparent;
    color: #3F3F3F;
    border: 0;
    display: inline-block;
    margin: 0;
    padding: 5px 10px;
    float: left; }
  .menuContainer.main-nav .nav .menuTopItem .menu_item span {
    display: inline; }
  .menuContainer.main-nav .nav .menuTopItem .menu_item .glyphicon {
    display: inline;
    height: 20px;
    line-height: 20px;
    margin: 0 0 0 5px;
    top: 2px; }
  .menuContainer.main-nav .nav .menuTopItem .dropdown-toggle {
    border-left: 1px dotted #3F3F3F; }
  .menuContainer.main-nav .nav .menuTopItem .dropdown-toggle .glyphicon {
    top: 0;
    margin: 0; }
  .menuContainer.main-nav .nav .menuTopItem .dropdown-menu {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.175);
    display: none;
    margin: 14px 0 0;
    padding: 10px 0;
    position: absolute;
    width: 300px;
    top: 100%;
    z-index: 90; }
  .menuContainer.main-nav .nav .menuTopItem.open .dropdown-menu {
    display: block; }
  .menuContainer.main-nav .nav .menuTopItem.open [data-toggle="dropdown"] {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .menuContainer.main-nav .nav li .dropdown-menu li a {
    border: 0;
    padding: 5px 10px; }
  /* =Order Box
    -------------------------------------------------------------- */
  .customer-options, .active-nav .customer-options, .active-sidebar .customer-options {
    background: #000;
    background: rgba(0, 0, 0, 0.85);
    display: inline-block;
    float: none;
    margin-right: 0;
    padding: 8px 0;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 50;
    opacity: .85; }
  .customer-options:hover {
    opacity: 1; }
  #orderInfo, .active-nav #orderInfo, .active-sidebar #orderInfo {
    background: none transparent;
    border: 0;
    color: #fff;
    margin: 0 auto;
    padding: 0 20px;
    width: 960px;
    text-align: right; }
  .customer-greeting, .customer-order, .customer-buttons, .order-message {
    font-size: 14px;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto; }
  .order-message {
    font-style: italic;
    margin: 0 0 0 10px; }
  #orderTimeout {
    color: #de0400; }
  .shopping-cart-link, .shopping-cart-link:hover {
    background: #333;
    border-color: #888;
    color: #fff;
    font-size: 11px;
    margin: 0 0 0 10px;
    padding: 6px 12px;
    width: auto; }
  .paypal-express {
    float: right; }
  .navExpCheckoutSeparator {
    margin: 5px 10px 0;
    display: inline-block;
    float: left; }
  .checkout-button {
    display: inline-block;
    float: left; }
  .checkout-info-button {
    display: block;
    margin: 0 20px 0 0;
    clear: both; }
  /* =search box
    -------------------------------------------------------------- */
  .search-box form ul li .form-control {
    width: 190px; }
  /* =Current Active Promotions
    -------------------------------------------------------------- */
  .active-promotions {
    background-color: transparent;
    border-right: 1px dotted #cfcfcf;
    border-bottom: 0;
    display: inline-block;
    margin: 0 10px 0 0;
    color: #cfcfcf;
    overflow: visible;
    padding: 0 10px 0 0; }
  .activePromocodeText {
    font-size: 14px; }
  .active-promotions ul {
    display: inline; }
  .active-promotions ul li {
    display: inline;
    margin: 0 3px 0 0; }
  /* = Map & Best Available Seat Select
    -------------------------------------------------------------- */
  .venue-image-column, .select-tickets-column, .misc-item-image-column, .select-misc-item-column {
    display: inline-block;
    max-width: 50%; }
  .venue-image-column .venue-image.item-box {
    padding: 20px;
    margin: 0 10px; }
  .map-select-tickets-column {
    width: 345px;
    display: inline-block;
    float: left; }
  .map-parent {
    display: inline-block;
    float: left;
    width: 585px; }
  .seat-tabs-box .seat-tabs {
    display: inline-block;
    float: right; }
  .seat-tabs-box h1 {
    display: inline-block;
    float: left;
    margin: 0; }
  .seat-tabs-box .seat-tabs .seat-tab {
    width: auto; }
  .misc-item-preview {
    margin-left: 20px; }
  .popup-ticket-forward .modal-dialog {
    width: 950px; }
  /* =Promo Code Box
    -------------------------------------------------------------- */
  .promotional-code-input {
    max-width: 300px; }
  /* =Shopping Cart
    -------------------------------------------------------------- */
  .order-items .item-options {
    width: 50px;
    padding: 0; }
  /* = My Account - Navigation
    -------------------------------------------------------------- */
  .my-account-nav-heading {
    border: 0;
    border-radius: 0;
    font-size: 18px;
    margin-top: 20px;
    text-align: right;
    padding: 10px; }
  .my-account-nav-heading .nav-heading-toggle {
    display: none; }
  .my-account-nav {
    height: auto;
    overflow: visible; }
  .my-account-nav ul li {
    border: 0;
    margin: 0 0 5px; }
  .my-account-nav ul li a {
    border-right: 2px solid transparent;
    color: #666;
    display: block;
    font-size: 13px;
    outline: 0;
    margin: 0;
    padding: 8px 8px 8px 5px;
    text-align: right;
    text-decoration: none; } }

@media screen and (min-width: 1200px) {
  #content, .active-nav #content, .active-sidebar #content, #orderInfo, .active-nav #orderInfo, .active-sidebar #orderInfo {
    width: 1170px; }
  .map-select-tickets-column {
    width: 415px; }
  .map-parent {
    width: 715px;
    padding-left: 20px; }
  .info-content.modal-body, .info-content.modal-body iframe {
    height: 500px; } }

/************************************************************************************************************************************************
*																																				                                                                        
*																																				                                                                        
*		Project:	TTF White Label Boilerplate - (SASS Structure Pulls)																                                    
*		File:		partials/_baseGlobalTTF.scss																								                                                            
*		Platform:	Audience View 6.8.2																											                                                          
*		Date:		April 2015 																												                                                                
*		Author:		Wilko & Chris																												                                                              
*		Copyright:	©TheTicketFactory.com, 2014																									                                                    
*																																				                                                                       
*																																				                                                                       
************************************************************************************************************************************************/
/* =Reset Styles
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

body {
  line-height: 1;
  -webkit-font-smoothing: subpixel-antialiased;
  text-rendering: optimizeLegibility; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/*  Base Config File (Functions & Mixins)
************************************************************************************************************************************************/
/************************************************************************************************************************************************
*																																				                                                                        
*																																				                                                                        
*		Project:	TTF White Label Boilerplate - (SASS Helper Functions & Mixins)																                                    
*		File:		partials/_baseConfig.scss																								                                                            
*		Platform:	Audience View 6.8.2																											                                                          
*		Date:		August 2014 																												                                                                
*		Author:		Wilko & Chris																												                                                              
*		Copyright:	©TheTicketFactory.com, 2014																									                                                    
*																																				                                                                       
*																																				                                                                       
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Flexbox SASS mixins
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
  AWS URLs
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Default Cloudfront Path */
/* ----------------------------------------------------------------------------------------------------------------------------------------------
  REM Font Sizing With Pixel Fallback
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
  CSS3 Gradients (Including Vendor Prefixes)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Usage Example:  @include gradient(#ff00ff, #ff00cc, vertical); */
/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Calculation Functions
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Usage Function 'height: parent-child-calculation-function(10px, 5px);' */
/* ----------------------------------------------------------------------------------------------------------------------------------------------
  KeyFrame Mixins
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Usage Example '@include fadeIn(0.2s);' */
@-webkit-keyframes fadeStart {
  from {
    opacity: 0;
    display: none; }
  to {
    opacity: 1;
    display: block; } }

@-moz-keyframes fadeStart {
  from {
    opacity: 0;
    display: none; }
  to {
    opacity: 1;
    display: block; } }

@-o-keyframes fadeStart {
  from {
    opacity: 0;
    display: none; }
  to {
    opacity: 1;
    display: block; } }

@keyframes fadeStart {
  from {
    opacity: 0;
    display: none; }
  to {
    opacity: 1;
    display: block; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Alpha Transparency Functions
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Black RGBA - Usage Example: black(0.4) */
/* White RGBA - Usage Example: white(0.4); */
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Recyclable Mixins
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Cross Browser Compatible Opacity - Usage Example: .faded-text { @include opacity(0.8); } */
/* Border Radius - Usage Example: { @include border-radius(10px); } */
/* CSS3 Transition - Usage Example: 
	a {
		color: $link-color;
		@include transition(all .3s ease-in-out);
	&:hover {
		color: $link-color-hover;
	}
} */
/* Center Align a Block Level Element (Requires WIDTH or MAX-WIDTH to be set) - Usage Example: .footer-wrap { width: 40%; @include center-block; } */
/* Box Shadow, Emboss Effect - Usage Example: .box { @include box-emboss (0.8, 0.05); } */
/* Text Shadow, Letterpress Effect - Usage Example: .text { @include letterpressWhite (0.4); } */
/* Hide Text for BG Elements (Logos, etc) - Usage Example: add @include hide-text; into your CSS to invoke the below lines */
/* Box Shadowing for Header, Content & Menu - Usage Example: add @include framework-boxshadow; */
/* Alert Box Mixin; You can recycle this across multiple classes, where required - Usage Example: @include alert-box; PLEASE SET YOUR MARGIN MANUALLY */
/* Info Box Mixin; You can recycle this across multiple classes, where required - Usage Example: @include info-box; PLEASE SET YOUR MARGIN MANUALLY */
/* Alert Info Box Mixin; You can recycle this across multiple classes, where required - Usage Example: @include alert-info; */
/* Field Label Mixin - Usage Example: @include field-label; */
/* Cancellation Button for Desktop */
/* Confirmation Button for Desktop */
/* None Event Article Position / Width 100% - Usage Example: @include image-width-one; */
/* None Event Article Position / Width 50% - Usage Example: @include image-width-two;  */
/* None Event Article Position / Width 33.3% - Usage Example: @include image-width-three;  */
/* None Event Article Position / Width 25% - Usage Example: @include image-width-four;  */
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Global Accessibility Extenders
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Tap-In Clearfix - Usage Example: .container-with-floated-children { @extend %clearfix; } */
/* Visually Hide Element Whilst Retaining Screen-Reader Readability - Usage Example: .visually-hidden-element { @extend %visuallyhidden; } */
/*  Global Break Points (Media Queries)
************************************************************************************************************************************************/
/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (SASS Variables for Break Points)																
*		File:		config/_mediaQueries.scss																									
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Global Media Query Variables
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* 350px - Usage Example: @media (max-width:350px) {} */
/* 490px - Usage Example: @media (max-width:490px) {} */
/* <= 768px - Usage Example: @media (max-width:768px) {} */
/* 400px - Usage Example: @media (min-width:400px) {} */
/* 490px - Usage Example: @media (min-width:490px) {} */
/* 515px - Usage Example: @media (max-width:515px) {} */
/* 516px - Usage Example: @media (min-width:516px) {} */
/* 400px to 489px - Usage Example: @media (min-width:400px) and (max-width:489px) {} */
/* 490px to 767px - Usage Example: @media (min-width:490px) and (max-width:767px) {} */
/* 768px to 991px - Usage Example: @media (min-width:768px) and (max-width:991px) {} */
/* 992px to 1200px - Usage Example: @media (min-width:992px) and (max-width:1200px) {} */
/* =>768px - Usage Example: @media (min-width:$break-tablet) {} */
/* <=991px - Usage Example: @media (min-width:$break-tablet-max) {} */
/* =>992px - Usage Example: @media (min-width:$break-laptop) {} */
/* =>1200px - Usage Example: @media (min-width:$break-desktop) {} */
/* =>1400px - Usage Example: @media (min-width:$break-medium-desktop) {} */
/* =>1600px - Usage Example: @media (min-width:$break-large-desktop) {} */
/* =>1800px - Usage Example: @media (min-width:$break-very-large-desktop) {} */
/*  Brand Config Files (SASS Variables)
************************************************************************************************************************************************/
/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (SASS Brand Color Variables)																	
*		File:		config/_brandColors.scss																									
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Brand Specific Color Variables
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Green Day */
/* Green Day: 			#00b6ad */
/* Green Day Dust: 		#69c8c7 */
/* Al Green */
/* Al Green: 			#74c694 */
/* Al Green Dust: 		#c5de89 */
/* John Lemon */
/* John Lemon: 			#ffde00 */
/* John Lemon Dust: 	#ffe05e */
/* Jason Orange */
/* Jason Orange: 		#f36f21 */
/* Jason Orange Dust: 	#fcaf17 */
/* Blue */
/* Blue: 				#212e84 */
/* Blue Dust: 			#2d5699 */
/* Deep Purple */
/* Deep Purple: 		#410155 */
/* Deep Purple Dust: 	#663674 */
/* Purple Haze */
/* Purple Haze: 		#711e7e */
/* Purple Haze Dust: 	#ab499b */
/* Maroon 5 */
/* Maroon Five: 		#9e005d */
/* Maroon Five Dust: 	#d16396 */
/* TTF Grey Tones */
/* Jack White: 			#f1f2f0 */
/* White Snake: 		#c6cac8 */
/* David Grey: 			#58585a */
/* Black Sabbath: 		#322f31 */
/* Nenah Cherry:	#92298d */
/* TTF Pink:		#cd1a6e */
/* Pink Floyd:		#ea088c */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* Category Home */
/* Category Music */
/* Category Theatre */
/* Category Family */
/* Category Sports */
/* Category Exhibitions */
/* Category Comedy */
/* Category Festivals */
/* Category Home */
/* Category Music */
/* Category Theatre */
/* Category Family */
/* Category Sports */
/* Category Exhibitions */
/* Category Comedy */
/* Category Festivals */
/* Birmighma Updates Brand Color */
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Global Color Variables (Edit these if you need to override basic grey colours on text, HTML5 elements or forms)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Transparent: 	transparent */
/* Absolute White: 	#FFFFFF */
/* E Grey: 			#EEEEEE */
/* Smoke Grey:         #E1E1E1 */
/* E Five Grey:        #E5E5E5 */
/* Lightershade Grey: 	#F3F3F3 */
/* E Six Grey: 		#E6E6E6 */
/* Lightmshade Grey: 	#FCFCFC */
/* F Two Grey: 		#F2F2F2 */
/* F Six Grey: 		#F6F6F6 */
/* Lightshade Grey: 	#F9F9F9 */
/* Login Delivery Grey #F0F0F0 */
/*	Construct Grey: 	#CCCCCC */
/* One C Grey: 		#1C1C1C */
/* Charcoal Grey: 		#262626 */
/* Deep Purple			#292566 */
/* Basket Grey: 		#2B2E33 */
/* Three Grey: 		#302A2A */
/* David Grey: 		#313131 */
/* TTF Dark Grey: 		#323232 */
/* Robert Grey: 		#3F3F3F */
/* Fourty Grey: 		#404040 */
/* Four Five Grey: 	#454545 */
/* Nav Split Grey: 	#515151 */
/* Devils Grey: 		#666666 */
/* Hello Grey: 		#888888 */
/* Eight C Grey: 		#8C8C8C */
/* Nine Six Grey: 		#969696 */
/* Nine Nine Grey: 	#999999 */
/* B Seven Grey:		#B7B7B7 */
/* C Grey: 			#CCCCCC */
/* Dee Three Grey: 	#D3D3D3 */
/* Dee Six Grey: 		#D6D6D6 */
/* Dee Seven Grey: 	#D7D7D7 */
/* Dee Nine Grey: 		#D9D9D9 */
/* Dee E Grey: 		#DEDEDE */
/* Dee Eff Grey: 		#DFDFDF */
/* Six Ey Grey: 		#6A6A6A */
/* Eff Zero Light Grey #F0F0F0 */
/* Eff Five Light Grey #F5F5F5 */
/* Cee E Grey: 		#CECECE */
/* Absolute Black: 	#000000 */
/* Logout Red: 		#C83F3F */
/* Catching Yellow: 	#FDDC00 */
/* Cream Blue: 		#E3E4E8 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	TTF Gradients
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Default Item (Inc. Home & Groups) */
/* Concert Item */
/* Theatre Item */
/* Family Item */
/* Sport Item */
/* Exhibitions Item */
/* Comedy Item */
/* Festivals Item */
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Twickets Brand Colors
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Color Defined Variables
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Background Color or Image - Please add image URL, relevant repeats and positioning in */
/* Body Text Color */
/* H1 Text Color */
/* H2 Text Color */
/* H3 Text Color */
/* H4 Text Color */
/* H5 Text Color */
/* Link Text Color */
/* Link Hover Text Color */
/* HTML5 Placeholder Color */
/* ECommerce Background Color */
/* Notification Timeout Flash */
/* Notification Timeout Flash - Peak Flash (NOTE: THIS SHOULD BE A SLIGHTLY BRIGHTER COLOUR THAN YOUR NOTIFICATION FLASH COLOUR) */
/* Button Text: Cancel, Back or Continue Shopping Button (Left Side) */
/* Button BG: Cancel, Back or Continue Shopping Button (Left Side) */
/* Button Hover BG: Cancel, Back or Continue Shopping Button (Left Side) */
/* Button Text: Add To Basket, Continue or Pay Now Button (Right Side) */
/* Button BG: Add To Basket, Continue or Pay Now Button (Right Side) */
/* Button BG Hover: Add To Basket, Continue or Pay Now Button (Right Side) */
/* Button BG Override: Login Page Buttons, Log In & New Customer */
/* Button BG Hover Override: Login Page Buttons, Log In & New Customer */
/* Tabs Active: Seat & Map Select */
/* Tabs Hover: Seat & Map Select */
/* Basket Bar Logout Button */
/* Basket Bar Basket Button */
/* Basket Bar Timeout Text Color */
/* Header Background Color */
/* Content Background Color */
/* System Message Background Color */
/* Mobile Navigation Background Color */
/* Mobile My Basket Background Color */
/* Navigation Background Color */
/* Seat & Map Select Alert Box Background Color */
/* Seat & Map Select Alert Box Border Color */
/* Seat & Map Select Alert Box Text Color */
/* Alert Box Background Color */
/* Alert Box Border Color */
/* Alert Box Text Color*/
/* Dropdown Select Box Backgrounds */
/* Item Box Border Color */
/* Item Box Text Color */
/* Item Box h4 Border Color */
/* Order Contact Item Box Background Color */
/* Color Band Background First*/
/* Color Band Background Second */
/* Color Band Background Third */
/* Color Band Background Forth */
/* Color Band Background Fifth */
/* Color Band Background Sixth */
/* Color Band Background Seventh */
/* Color Band Background Eighth*/
/* Color Band Background Ninth */
/* Color Band Background Tenth */
/* Navigation Box Background */
/* Mobile Navigation Box Background */
/* Navigation Border */
/* Mobile Navigation Border */
/* Art Price Text Color */
/* Footer Background Color */
/* Footer Link Text Color */
/* Footer Link Text Color */
/* Login Delivery Text Color */
/* Login Delivery Odd Row Color */
/* Login Delivery Even Row Color */
/* None Event Article Page Background Color*/
/* My Account Navigation Item */
/* My Account Navigation Bottom Border */
/* My Account Navigation Item Hover */
/* My Account Header */
/* My Account Header - Bottom Border */
/* My Account Body Text */
/* My Account Text Highlight (Darken) */
/* My Account Form Section Background */
/* My Account Content Background */
/* My Account Area Background */
/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (SASS Font Variables)																			
*		File:		partials/_brandFonts.scss																									
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Web Font Pulls
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Icon Font - DO NOT REMOVE THIS */
@font-face {
  font-family: "iconIse";
  src: url("https://d36kigkh74flet.cloudfront.net/branding/default/fonts/foundation-icons.eot");
  src: url("https://d36kigkh74flet.cloudfront.net/branding/default/fonts/foundation-icons.eot?#iefix") format("embedded-opentype"), url("https://d36kigkh74flet.cloudfront.net/branding/default/fonts/foundation-icons.woff") format("woff"), url("https://d36kigkh74flet.cloudfront.net/branding/default/fonts/foundation-icons.ttf") format("truetype"), url("https://d36kigkh74flet.cloudfront.net/branding/default/fonts/foundation-icons.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'barclaycard_coregular';
  src: url("https://d36kigkh74flet.cloudfront.net/branding/default/fonts/barclaycardco_rg-webfont.eot");
  src: url("https://d36kigkh74flet.cloudfront.net/branding/default/fonts/barclaycardco_rg-webfont.eot?#iefix") format("embedded-opentype"), url("https://d36kigkh74flet.cloudfront.net/branding/default/fonts/barclaycardco_rg-webfont.woff2") format("woff2"), url("https://d36kigkh74flet.cloudfront.net/branding/default/fonts/barclaycardco_rg-webfont.woff") format("woff"), url("https://d36kigkh74flet.cloudfront.net/branding/default/fonts/barclaycardco_rg-webfont.ttf") format("truetype"), url("https://d36kigkh74flet.cloudfront.net/branding/default/fonts/barclaycardco_rg-webfont.svg#barclaycard_coregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'barclaycard_co_bdregular';
  src: url("https://d36kigkh74flet.cloudfront.net/branding/default/fonts/barclaycardco-webfont.eot");
  src: url("https://d36kigkh74flet.cloudfront.net/branding/default/fonts/barclaycardco-webfont.eot?#iefix") format("embedded-opentype"), url("https://d36kigkh74flet.cloudfront.net/branding/default/fonts/barclaycardco-webfont.woff2") format("woff2"), url("https://d36kigkh74flet.cloudfront.net/branding/default/fonts/barclaycardco-webfont.woff") format("woff"), url("https://d36kigkh74flet.cloudfront.net/branding/default/fonts/barclaycardco-webfont.ttf") format("truetype"), url("https://d36kigkh74flet.cloudfront.net/branding/default/fonts/barclaycardco-webfont.svg#barclaycard_co_bdregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Web & Global Font Stack Variables
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Primary Font Stack */
/* Secondary Font Stack */
/* Tertiary Font Stack */
/* Quaternary Font Stack */
/* Quinary Font Stack */
/* Basket Font Stack */
/* Icon Font Stack */
/* Barclaycard Regular Stack */
/* Barclaycard Bold Stack */
/* Thirsty Script Rough Regular */
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Web & Global Font Stack Sizes
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* H1 Size */
/* H2 Size */
/* H3 Size */
/* H4 Size */
/* H5 Size */
/* Left Side Page Navigation Button, Light Color */
/* Right Side Page Navigation Button, Brand Specific Color */
/* Seat & Map Select Tabs */
/* Event Titles on Seat, Map & Results Pages */
/* Default Helvetica Nueue Bold Condensed Letter Spacing */
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Web & Global Font Stack Weights
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Light (300) */
/* Normal (500) */
/* Bold (700) */
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Visa Checkout 
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Global Additional Files (Pulled From Global Folder)
************************************************************************************************************************************************/
/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Global Online Seat Map CSS)																	
*		File:		sass/_globalOnlineSeatMap.scss																										
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Online Seat Map CSS
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#svg_online_map {
  overflow: hidden;
  /*height: auto!important;*/ }

#svg_map_section {
  display: block;
  position: relative; }

#screen_flip_section {
  margin: 0 0 10px;
  padding: 0 0 10px; }

#screen_flip_section select {
  margin: 0; }

.map-zoom-options {
  text-align: right; }

.available_price_types {
  float: left;
  margin: 0;
  width: 70%; }

#price_type_section_title {
  margin: 0; }

#seat_pic {
  margin: 0 2.5%;
  border-radius: 3px;
  overflow: hidden;
  max-height: 150px;
  width: 25%;
  float: left; }

#seat_message {
  margin: 10px 0 0;
  font-style: italic; }

.seat-prices li {
  margin: 0 0 5px; }

span#closing_span {
  color: black;
  float: right; }

span#closing_span:hover, span.cancel_seat:hover {
  cursor: pointer; }

div.cancel_seat {
  cursor: pointer;
  float: right; }

#selected_seats_ul {
  padding: 0;
  margin: 0; }

#selected_seats_ul li {
  border-bottom: 1px solid #ddd;
  margin: 0 0 5px;
  padding: 0 0 5px;
  display: inline-block;
  width: 100%; }

#selected_seats_ul div.selected_seat_info {
  float: left; }

div#add_to_order_section {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 10px; }

div.zone_box {
  border: 1px solid black;
  width: 13px;
  height: 13px; }

.clear_both {
  clear: both; }

.warning_red {
  color: Red; }

.seat-tooltip {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px;
  text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
  display: none;
  position: absolute;
  padding: 10px;
  z-index: 99; }

div#tooltip_wrapper {
  position: relative; }

/* Zoom and Pan controller
---------------------------------------------------------------- */
.pan-controller {
  fill: #fafafa;
  stroke: #ccc;
  stroke-width: 1px; }

.pan-button {
  fill: #aaa;
  cursor: pointer; }

.pan-button:hover {
  fill: #666; }

.zoom-button {
  fill: #fafafa;
  stroke: #666;
  stroke-width: 0.5px;
  cursor: pointer; }

.zoom-text {
  font-size: 18px;
  fill: #666; }

.zoom-button:hover {
  stroke: #000; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* Targeting for max Tablet Screen Res. (BREAK POINT) - <= 991px */
@media (max-width: 991px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Global Online Seat Mao SVG CSS)																	
*		File:		sass/_globalOnlineSeatMapSVG.scss																										
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Online Seat Map SVG CSS
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*= svg map css : 
 *            only applicable for svg rendering; 
 *            not applicable for general style (html)
 *****************/
text {
  pointer-events: none;
  font-family: sans-serif;
  font-size: 9pt;
  stroke: none;
  text-anchor: middle; }

.order {
  color: #000000;
  fill: red;
  font-size: 15px; }

.offer {
  fill: #FF0000;
  color: #FF0000; }

.territory:hover {
  fill: #22aa44; }

.stroke_ {
  stroke: none; }

.text {
  font-family: sans-serif;
  font-size: 8pt;
  pointer-events: none;
  stroke: none; }

.smalltext {
  font-family: sans-serif;
  font-size: 6pt;
  pointer-events: none;
  stroke: none; }

.largetext {
  font-family: sans-serif;
  font-size: 14pt;
  pointer-events: none;
  stroke: none; }

.mapsymbol {
  font-family: sans-serif;
  font-size: 14pt;
  pointer-events: none;
  stroke: none; }

.picker {
  fill: green;
  fill-opacity: 0;
  /*stroke: black;
    stroke-width: 1;*/ }

.shadow {
  fill: green;
  fill-opacity: 0.2;
  stroke: black;
  stroke-width: 1; }

.highlightpicker {
  fill: green;
  fill-opacity: 0.3;
  stroke: black;
  stroke-width: 1; }

.filledpicker {
  fill: red;
  fill-opacity: 0.3;
  stroke: black;
  stroke-width: 1; }

.fullpicker {
  fill: green;
  fill-opacity: 0;
  stroke: black;
  stroke-width: 1; }

.fullfilledpicker {
  fill: red;
  fill-opacity: 0;
  stroke: black;
  stroke-width: 1; }

.white {
  fill: white; }

.black {
  fill: black; }

.green {
  fill: green; }

.bundle {
  fill: green; }

.red {
  fill: red; }

circle {
  /*stroke-width: 2px;*/ }

.checked_seat {
  fill: black;
  font-size: 15px; }

.seat_info {
  fill: black;
  font-size: 12px;
  text-anchor: start; }

.seatA {
  cursor: pointer;
  opacity: 1; }

.seatH {
  opacity: 1;
  /* based on John's comments held seats are changed */ }

.seatM {
  stroke: black; }

.seatU {
  opacity: 0.3; }

.seatR {
  opacity: 0.3; }

.seatS {
  opacity: 0.3; }

.seatO {
  opacity: 0.3; }

.seata {
  opacity: 1; }

.seath {
  opacity: 1; }

.seatm {
  stroke: black; }

.seatu {
  opacity: 0.3; }

.seatr {
  opacity: 0.3; }

.seats {
  opacity: 0.3; }

.seato {
  opacity: 0.3; }

.legend-ul {
  display: inline-block;
  list-style: none; }

.legend-li {
  float: left;
  margin-right: 10px;
  position: relative; }

.unavailable-indicator {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 12px;
  width: 12px;
  height: 12px;
  font-weight: bold; }

.legend-div {
  text-align: center; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* Targeting for max Tablet Screen Res. (BREAK POINT) - <= 991px */
@media (max-width: 991px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/*  Brand CSS Files (Editable)
************************************************************************************************************************************************/
/************************************************************************************************************************************************
*																																				                                                                        
*																																				                                                                        
*		Project:	TTF White Label Boilerplate - (Brand Header CSS)																			                                            
*		File:		frontend/_brandHeader.scss																									                                                        
*		Platform:	Audience View 6.8.2																											                                                          
*		Date:		August 2014 																												                                                                
*		Author:		Wilko & Chris																												                                                              
*		Copyright:	©TheTicketFactory.com, 2014																									                                                    
*																																				                                                                        
*																																				                                                                        
************************************************************************************************************************************************/
/* SASS */
/* ----------------------------------------------------------------------------------------------------------------------------------------------
    Header
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Header Div */
#header {
  background: #FFFFFF;
  position: relative;
  padding: 0; }

#header .headerBar .logoTTF {
  float: left;
  width: 30%; }

#header .headerBar .centerSearch {
  float: left;
  width: 40%; }

#header .headerBar .logoBarclaycard {
  float: right;
  width: 41%; }

.logoTTF {
  width: 100%;
  height: auto;
  float: left; }

.NEC_header_image {
  background-image: url("https://d36kigkh74flet.cloudfront.net/branding/default/ttfLogo.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: contain;
  overflow: hidden;
  text-indent: -9000px;
  display: block;
  width: 100%;
  height: 100px;
  float: left;
  margin: 20px 0;
  text-align: center; }

.svg .NEC_header_image {
  background-image: url("https://d36kigkh74flet.cloudfront.net/branding/default/ttfLogo.svg"); }

.logoBarclaycard {
  width: 100%;
  height: auto;
  float: right; }

.NEC_barclaycard_image {
  background-image: url("https://d36kigkh74flet.cloudfront.net/branding/default/BC_OFFCL_official_payment_partner_CMYK.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100% auto;
  background-size: contain;
  overflow: hidden;
  text-indent: -9000px;
  display: block;
  width: 100%;
  height: 34px;
  float: right;
  margin: 18px 10px 14px 0; }

.svg .NEC_barclaycard_image {
  background-image: url("https://d36kigkh74flet.cloudfront.net/branding/default/BC_OFFCL_official_payment_partner_CMYK.svg"); }

.smallHeader, .largeHeader {
  display: none; }

.smallHeader {
  display: none;
  padding: 0; }

#header .centerSearch {
  text-align: center;
  margin-top: 45px; }

.mobileHeader .centerSearch input.searchInput {
  width: 97%;
  margin: 0 1.5%;
  height: 35px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: inset 5px 5px 11px -4px #e1e1e1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 0 15px 0 15px;
  color: #292566;
  font-size: 16px;
  text-indent: 0;
  text-align: left;
  text-transform: lowercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

#header .centerSearch input.searchButton {
  background: url("magnifyingglass.png");
  background-repeat: no-repeat;
  background-position: center;
  margin: 5px;
  width: 26px;
  height: 26px;
  color: transparent;
  border-color: transparent; }

#searchBox.search-box {
  display: none;
  background-color: transparent; }

.search-box form ul li .field-label {
  display: none; }

#searchBox.search-box .item-search-start-date, #searchBox.search-box .item-search-end-date {
  display: none; }

.mobileHeader .row.clearfix {
  margin-left: 0;
  margin-right: 0; }

.mobileSearch {
  margin-top: 0px;
  padding-left: 0;
  padding-right: 0;
  background: #322f31;
  padding: 8px 0; }

#header .mobileSearch .centerSearch {
  margin-top: 0; }

.mobileHeader .mobileSearch .centerSearch button {
  position: absolute;
  top: 5px;
  right: 1px;
  background: none;
  color: #292566;
  font-size: 26px;
  width: auto;
  height: auto;
  border: none;
  -webkit-appearance: none; }

/* Content Div */
#content {
  background: #FFFFFF; }

/* Search & Select Date Boxes - You will need to re-enable this and add classes if you wish to add Search functionality back in */
#searchBox {
  display: none; }

/* Header Content */
.header-content {
  min-height: 145px;
  /* Please update this if your mobile brand header is of a larger height */
  box-shadow: 10px 0px 65px -22px rgba(0, 0, 0, 0.1), -10px 0px 65px -22px rgba(0, 0, 0, 0.1);
  padding: 0;
  background-color: #FFFFFF; }

/* Margin Removals for Mobile Header */
.header-content .row.clearfix, .footer-content .row.clearfix {
  margin-left: 0;
  margin-right: 0; }

/* Notification Boxes, E.g. Tickets in your basket have expired or something not being selected */
.system-message-block {
  background: rgba(0, 0, 0, 0.075);
  border: 1px solid rgba(0, 0, 0, 0.02);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  margin: 0 0 10px 0; }

/* Notification Boxes, E.g. Tickets in your basket have expired or something not being selected */
.system-message-block div.message-context {
  padding: 6px 0;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.4;
  word-break: break-word; }

/* Line Height Addition to Close Button */
/* Mobile Navigation Toggle Buttons */
.menu-toggle.btn-default {
  top: 37%;
  background: transparent;
  color: #212e84;
  margin: -14px 0 0; }
  .menu-toggle.btn-default:hover {
    border: none !important;
    border-radius: 0 !important; }

.glyphicon-align-justify:before {
  content: "\f0c9";
  font-family: 'FontAwesome';
  color: #322f31;
  font-size: 30px; }

.glyphicon-shopping-cart:before {
  content: "\f291";
  font-family: 'FontAwesome';
  color: #322f31;
  font-size: 30px; }

.mobileHeader + br {
  display: none; }

.menu-toggle.sidebar-button {
  left: 10px;
  right: auto; }

a.menu-toggle.sidebar-button.btn.btn-default {
  top: 86%; }

a.register:before {
  font-family: 'FontAwesome';
  content: '\f234';
  color: #00b6ad;
  font-size: 30px;
  position: absolute;
  top: 127px;
  right: 12px;
  visibility: visible; }

a.signin:before {
  font-family: 'FontAwesome';
  content: '\f090';
  color: #00b6ad;
  font-size: 30px;
  position: absolute;
  top: 75px;
  right: 20px;
  visibility: visible; }

a#notificationOffers:before {
  font-family: 'FontAwesome';
  content: '\f007';
  color: #1a166a;
  font-size: 30px;
  position: absolute;
  top: 114px;
  right: 18px;
  visibility: visible; }

.customer-logout a:before {
  font-family: 'FontAwesome';
  content: '\f023';
  color: #1a166a;
  font-size: 30px;
  position: absolute;
  top: 80px;
  right: 20px;
  visibility: visible; }

span.greeting-name:before {
  font-family: 'FontAwesome';
  content: '\f007';
  color: #1a166a;
  font-size: 30px;
  position: absolute;
  top: 114px;
  right: 19px;
  visibility: visible; }

.menu-toggle span.mobile-cart-indicator {
  display: none; }

.paymentBar {
  float: left;
  width: 100%;
  padding: 0;
  min-height: 62px;
  border-bottom: 2px solid #dfdfdf;
  background: #dfdfdf;
  background: -moz-linear-gradient(left, #dfdfdf 0%, #dfdfdf 35%, #efefef 55%, #efefef 55%, #fcfcfc 75%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dfdfdf), color-stop(35%, #dfdfdf), color-stop(55%, #efefef), color-stop(55%, #efefef), color-stop(75%, #fcfcfc), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(left, #dfdfdf 0%, #dfdfdf 35%, #efefef 55%, #efefef 55%, #fcfcfc 75%, #ffffff 100%);
  background: -o-linear-gradient(left, #dfdfdf 0%, #dfdfdf 35%, #efefef 55%, #efefef 55%, #fcfcfc 75%, #ffffff 100%);
  background: -ms-linear-gradient(left, #dfdfdf 0%, #dfdfdf 35%, #efefef 55%, #efefef 55%, #fcfcfc 75%, #ffffff 100%);
  background: linear-gradient(to right, #dfdfdf 0%, #dfdfdf 35%, #efefef 55%, #efefef 55%, #fcfcfc 75%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ffffff',GradientType=1 ); }

#orderInfo,
#menu, #content, .customer-options {
  position: initial !important; }

.customer-order.shopping-cart-details.order-message {
  position: absolute;
  top: 264px;
  left: 58px;
  font-size: 16px;
  width: auto; }

.fi-magnifying-glass:before {
  content: "\f002" !important;
  font-family: 'FontAwesome' !important; }

.mobileHeadPush #header {
  padding: 0 !important; }

.mobileHeadPush .menu-toggle.btn-default {
  top: 21.5%; }

.mobileHeadPush a.register:before,
.mobileHeadPush span.greeting-name:before {
  top: 70px; }

.mobileHeadPush a.signin:before,
.mobileHeadPush .customer-logout a:before {
  top: 20px; }

.mobileHeadPush a.menu-toggle.sidebar-button.btn.btn-default {
  top: 83%; }

.mobileHeadPush .customer-order.shopping-cart-details.order-message {
  top: 213px; }

/* Page Specific Overrides For Searchbar Removal - 07/06/2018 */
.mobileHeadPush a.menu-toggle.menu-button.btn.btn-default.mobile-search-removed {
  top: 27%; }

.mobileHeadPush a.menu-toggle.sidebar-button.btn.btn-default.mobile-search-removed {
  top: 80%; }

.mobileHeadPush .customer-order.shopping-cart-details.order-message.mobile-search-removed {
  top: 162px; }

a.menu-toggle.menu-button.btn.btn-default.mobile-search-removed {
  top: 42%; }

a.menu-toggle.sidebar-button.btn.btn-default.mobile-search-removed {
  top: 85%; }

.customer-order.shopping-cart-details.order-message.mobile-search-removed {
  top: 213px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
    Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */
  .mobileHeader .centerSearch input.searchInput {
    width: 99%;
    margin: 0 0.5%; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
    Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  .mobileHeadPush #header {
    padding: 52px 0 0 !important; }
  .mobileHeader {
    display: none; }
  #orderInfo,
  #menu, #content {
    position: relative !important; }
  .customer-options {
    position: fixed !important; }
  .header-content {
    padding: 0;
    min-height: 105px; }
  .largeHeader {
    display: block; }
  #header {
    background: transparent;
    padding: 52px 0 0 0; }
  .header-content {
    background: #FFFFFF;
    box-shadow: 10px 0px 65px -22px rgba(0, 0, 0, 0.1), -10px 0px 65px -22px rgba(0, 0, 0, 0.1);
    min-height: 105px; }
  /*.header-content .row.clearfix, .footer-content .row.clearfix {
        margin-left: -15px;
        margin-right: -15px;
    }*/
  #header .centerSearch {
    text-align: center;
    margin-top: 42px;
    float: left;
    width: 100%; }
  #header .centerSearch input.searchInput {
    width: 87%;
    height: 56px;
    font-size: 18px;
    -ms-line-height: 56px;
    padding: 0 10px;
    letter-spacing: -0.03em;
    float: left;
    border: 1px solid #ededed;
    border-bottom: 2px solid #9c9c9c;
    text-align: center;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px; }
  #header .centerSearch button.searchButton {
    float: left;
    font-size: 24px;
    background-color: transparent;
    background: url("https://d36kigkh74flet.cloudfront.net/branding/default/searchSubmitBG.jpg");
    background-size: 100% auto;
    background-size: cover;
    background-position: right bottom;
    color: #9c9c9c;
    border: none;
    width: 10%;
    max-width: 57px;
    line-height: initial;
    text-align: center;
    padding: 5px 0px 9px 7px;
    height: 56px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  #header .centerSearch button.searchButton:hover {
    box-shadow: inset 12px 12px 25px 18px rgba(255, 255, 255, 0.35);
    color: #322f31; }
  .fi-magnifying-glass:before, .timerMessage:before, .customer-buttons span:before {
    font-family: "FontAwesome"; }
  .fi-magnifying-glass:before {
    content: "\f002"; }
  .NEC_header_image {
    background-position: top left; }
  .NEC_barclaycard_image {
    background-position: top right;
    height: 39px;
    margin: 54px 0 0; }
  .search-box form ul li .form-control {
    width: 350px; }
  /* Please update this if your desktop header is of a larger height */
  .header-content {
    background: white;
    min-height: 105px; }
  /* Margin Add-Ins for Header */
  /*.header-content .row.clearfix, .footer-content .row.clearfix {
        margin-left: -15px;
        margin-right: -15px;
    }*/
  a#notificationOffers:before,
  .customer-logout a:before,
  .customer-register-link a:before,
  .customer-login-link a:before,
  span.greeting-name:before {
    position: relative;
    color: white;
    top: 0;
    right: 0; }
  .customer-order.shopping-cart-details.order-message {
    position: relative;
    left: 0; }
  .mobileHeadPush .menu-toggle.btn-default {
    top: 0; }
  .mobileHeadPush a.register:before,
  .mobileHeadPush span.greeting-name:before {
    top: 0; }
  .mobileHeadPush a.signin:before,
  .mobileHeadPush .customer-logout a:before {
    top: 0; }
  .mobileHeadPush a.menu-toggle.sidebar-button.btn.btn-default {
    top: 0; }
  .mobileHeadPush .customer-order.shopping-cart-details.order-message {
    top: 0; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  #header .centerSearch input.searchInput {
    width: 90%; }
  #header .centerSearch button.searchButton {
    padding: 5px 0px 9px 7px;
    width: 10%; } }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand Footer CSS)																			
*		File:		frontend/_brandFooter.scss																									
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Footer
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#footer {
  clear: both;
  text-align: center;
  background: #322f31;
  margin: 40px 0 0;
  padding: 40px 0 120px;
  color: #FFFFFF;
  letter-spacing: -0.02em; }

#footerFirstSection {
  padding: 15px; }

.footer-content {
  padding: 0px; }

#footerColumns {
  display: block;
  width: 100%;
  padding: 15px; }

.fourthColumn {
  width: 13% !important; }

.firstColumn li, .secondColumn li, .thirdColumn li, .fourthColumn li {
  text-align: center;
  line-height: 20px; }

.firstColumn li a, .secondColumn li a, .thirdColumn li a, .fourthColumn li a {
  color: #c6cac8;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s; }

.firstColumn li a:hover, .secondColumn li a:hover, .thirdColumn li a:hover, .fourthColumn li a:hover {
  color: #FFFFFF;
  text-decoration: none; }

.firstColumn li:first-child, .secondColumn li:first-child, .thirdColumn li:first-child, .fourthColumn li:first-child {
  margin-top: 4px; }

.footer_TelephoneNumber {
  font-size: 40px;
  font-size: 2.5rem;
  text-align: left; }

.footer_TelephoneCharges {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: left;
  color: #c6cac8; }

.footer_JoinNewsletter,
.footer_StayConnected,
.footer_DownloadApp {
  font-size: 18px;
  font-size: 1.125rem;
  color: #FFFFFF;
  margin: 10px 0 4px;
  text-align: center;
  text-transform: uppercase; }

.footer_JoinNewsletter {
  margin: 0 0 4px; }

.footerApp {
  margin: 20px 0 46px; }

.footerApp a {
  display: inline-block;
  padding: 0 0 6px 0; }

.footer_NewsletterForm {
  width: 100%;
  display: block;
  margin: 12px 0; }

.footer_SocialStack {
  text-align: center;
  display: block;
  width: 100%;
  margin: 22px 0 40px; }

.footer_SocialStack a {
  padding: 6px;
  font-size: 26px;
  width: 44px;
  height: 44px;
  text-align: center;
  display: inline-block;
  background: #c6cac8;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-right: 10px; }
  .footer_SocialStack a:hover {
    background: #FFFFFF; }

.footer_SocialStack a:last-child {
  margin-right: 0; }

.footer_SocialStack a::before {
  font-family: 'FontAwesome';
  color: #322f31;
  padding: 0 0 0 4px; }

.footer_SocialStack a.fb_Foot::before {
  content: '\f09a'; }

.footer_SocialStack a.tw_Foot::before {
  content: '\f099'; }

.footer_SocialStack a.gp_Foot::before {
  content: '\f0d5'; }

.footer_SocialStack a.sp_Foot::before {
  content: '\f1bc'; }

.footer_SocialStack a.pi_Foot::before {
  content: '\f231'; }

.starFeature {
  background: #c6cac8;
  margin-top: 46px;
  margin-bottom: 46px;
  padding-top: 20px;
  padding-bottom: 20px; }

.starFeatureInner {
  width: 100%;
  display: block;
  margin: 0 auto;
  max-width: 1170px; }

.proudMembersText {
  font-family: "Helvetica Neue LT W04_57 Cond", Arial, sans-serif;
  text-transform: uppercase;
  color: #322f31;
  padding: 20px 0;
  display: block;
  font-size: 24px;
  font-size: 1.5rem;
  text-align: center; }

.columnTitle {
  font-size: 22px;
  font-size: 1.375rem;
  text-align: center;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  line-height: 33px;
  width: 100%;
  height: auto;
  color: #FFFFFF;
  text-transform: uppercase; }

.secondColumn {
  margin-top: 20px; }

.companyDetails {
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  color: #5e5e5e;
  font-size: 14px;
  font-size: 0.875rem;
  padding-bottom: 18px; }

.cd_FirstLine {
  margin: 0 0 20px;
  display: block;
  font-size: 16px;
  font-size: 1rem;
  clear: both; }

.companyDetails a {
  color: #5e5e5e;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .companyDetails a:hover {
    color: #c6cac8; }

.starLogo {
  padding-top: 15px;
  padding-bottom: 8px; }

.svg .starLogo a {
  background-image: url("starLogo.svg"); }

.starLogo a {
  background-image: url("starLogo.png");
  background-color: transparent;
  background-size: auto;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  height: 65px;
  display: block;
  overflow: hidden;
  text-indent: -9000px;
  display: block;
  margin: 0 0 10px; }

.starCodeOfConduct a, .starDisputeResolution a {
  border: 1px solid #322f31;
  width: 100%;
  float: left;
  padding: 0 10px 0 0;
  white-space: nowrap;
  margin: 4px 0;
  color: #322f31;
  text-indent: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  .starCodeOfConduct a:hover, .starDisputeResolution a:hover {
    text-indent: -6px;
    background: black;
    border: 1px solid black;
    color: #FFFFFF; }

.starCodeOfConduct a:hover::before, .starDisputeResolution a:hover::before {
  text-indent: 4px; }

.starCodeOfConduct a:before, .starDisputeResolution a:before {
  font-size: 26px;
  color: #FFFFFF;
  border-right-color: #322f31;
  border-right-width: 1px;
  border-right-style: solid;
  padding: 4px 8px;
  float: left;
  background: black;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.starCodeOfConduct a:hover::before,
.starDisputeResolution a:hover::before {
  border-right-color: black; }

.starCodeOfConduct a:before, .starDisputeResolution a:before,
.starCodeOfConduct span:before, .starDisputeResolution span:before {
  font-family: 'FontAwesome'; }

.starCodeOfConduct a:before {
  content: "\f1c1"; }

.starDisputeResolution a:before {
  content: "\f0c1"; }

.starCodeOfConduct span, .starDisputeResolution span {
  line-height: 42px; }

.starCodeOfConduct span:before, .starDisputeResolution span:before {
  content: "\f005";
  padding: 0 8px 0 8px;
  color: #dc0005; }

.starDisputeResolution a {
  margin: 14px 0 34px; }

#inlineSignup,
#footerInlineSignup {
  margin-top: 15px;
  text-align: left; }

.inlineSignupTitle {
  display: block; }

.inlineSignupTitle .newsletter {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 1.6em;
  letter-spacing: -0.05em; }

.inlineSignupTitle span.newsletterStyle {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 1.3em;
  color: #cd1b6d;
  letter-spacing: -0.05em; }

.inlineSignupTitle .emailInvalid,
.inlineSignupTitle .emailInvalidInline {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 1.3em;
  color: #FE3803;
  padding-left: 10px;
  display: none; }

.inlineSignupTitle .emailInvalidInline,
.inlineSignupTitle .footerEmailInvalidInline {
  float: left;
  width: 100%;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 1.3em;
  color: #FE3803;
  display: none; }

.inlineSignupTitle ul {
  padding-left: 0px; }

.inlineSignupTitle ul li {
  display: inline-block; }

[placeholder]:focus::-webkit-input-placeholder {
  color: transparent; }

#emailSignup,
#footerEmailSignup {
  display: inline-block; }

#emailSignup input,
#footerEmailSignup input {
  width: 240px;
  height: auto;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 1.4em;
  letter-spacing: -0.02em;
  border: white;
  text-indent: 6px;
  padding: 8px 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  box-shadow: inset 5px 5px 11px -4px #E1E1E1; }

#emailSignupSubmit,
#footerEmailSignupSubmit {
  display: inline-block; }

#emailSignupSubmit button.inlineSignupSubmit,
#footerEmailSignupSubmit button.footerInlineSignupSubmit {
  background: #cd1b6d;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-weight: 700;
  color: white;
  text-decoration: none;
  font-size: 1.4em;
  letter-spacing: -0.02em;
  padding: 8px;
  margin-top: 5px;
  border: none;
  cursor: pointer;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: background 500ms;
  -moz-transition: background 500ms;
  -ms-transition: background 500ms;
  -o-transition: background 500ms;
  transition: background 500ms; }

#emailSignupSubmit button.inlineSignupSubmit:hover,
#footerEmailSignupSubmit button.footerInlineSignupSubmit:hover {
  background: #ef228f; }

#emailSignupThanks,
#footerEmailSignupThanks,
#standAloneEmailSignupThanks {
  width: 100%;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 29px;
  font-size: 1.8125rem;
  letter-spacing: -0.02em;
  margin-top: 18px;
  display: none;
  text-align: left;
  text-transform: uppercase; }

#emailSignupThanks span.whatYouLike,
#footerEmailSignupThanks span.whatYouLike,
#standAloneEmailSignupThanks span.whatYouLike {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  color: white;
  letter-spacing: -0.02em;
  clear: both;
  display: block;
  margin: 0 0 10px;
  text-transform: none; }

#emailSignupThanks a.emailPreferencesSubmit,
#footerEmailSignupThanks a.emailPreferencesSubmit,
#standAloneEmailSignupThanks a.emailPreferencesSubmit {
  background: #9e005d;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  color: white;
  text-decoration: none;
  border: none;
  font-size: 22px;
  font-size: 1.375rem;
  padding: 9px;
  width: 100%;
  max-width: 190px;
  text-align: center;
  margin-bottom: 30px;
  cursor: pointer;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background 500ms;
  -moz-transition: background 500ms;
  -ms-transition: background 500ms;
  -o-transition: background 500ms;
  transition: background 500ms; }

#emailSignupThanks a.emailPreferencesSubmit:hover,
#footerEmailSignupThanks a.emailPreferencesSubmit:hover,
#standAloneEmailSignupThanks a.emailPreferencesSubmit:hover {
  background: #d16396; }

#footerEmailSignup,
#footerEmailSignupSubmit {
  margin-right: 0px;
  width: 100%;
  max-width: 333px;
  margin-top: 0px; }

#footerEmailSignup input {
  width: 100%;
  max-width: 333px;
  height: auto;
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: -0.02em;
  text-indent: 0px;
  padding: 9px 0 8px;
  border: 1px solid #989898;
  background: #322f31;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#footerEmailSignup input:focus {
  border: 1px solid #c6cac8; }

#footerEmailSignupSubmit button.footerInlineSignupSubmit {
  background: #989898;
  font-weight: 500;
  color: #322f31;
  padding: 8px 12px;
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
  margin-top: 10px;
  width: 100%;
  max-width: 100px; }
  #footerEmailSignupSubmit button.footerInlineSignupSubmit:hover {
    background: #c6cac8; }

.inlineSignupTitle .emailInvalidInline,
.inlineSignupTitle .footerEmailInvalidInline {
  float: none;
  width: auto; }

.desktopFullSite {
  padding: 0 10px 40px 10px !important; }

.desktopFullSite a {
  display: block;
  padding: 10px 20px;
  width: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  font-size: 22px;
  font-size: 1.375rem;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  text-transform: uppercase;
  border: 1px solid #a3a3a3;
  color: #c6cac8; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */
  .starCodeOfConduct a {
    margin: 14px 0 34px; } }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */
  #footerEmailSignupThanks a.emailPreferencesSubmit {
    margin-bottom: 0px; }
  #footerEmailSignup input {
    text-indent: 12px;
    text-align: left; } }

/* Targeting for max Tablet Screen Res. (BREAK POINT) - <= 991px */
@media (max-width: 991px) {
  #inlineSignup,
  #footerInlineSignup {
    text-align: center; }
  #emailSignupThanks,
  #footerEmailSignupThanks,
  #standAloneEmailSignupThanks {
    text-align: center; }
  .telNum {
    text-align: center;
    margin: 15px 0 0 0; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */
  .starCodeOfConduct span, .starDisputeResolution span {
    line-height: 17px;
    padding: 4px 0 0;
    display: block; } }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  #footer {
    padding: 40px 0; }
  #footerEmailSignup {
    margin-right: 10px; }
  .desktopFullSite {
    display: none; }
  .starCodeOfConduct a, .starDisputeResolution a {
    margin: 14px 0;
    white-space: inherit; }
  .starDisputeResolution a {
    margin: 14px 0 14px; }
  #footerEmailSignupSubmit button.footerInlineSignupSubmit {
    margin-top: 0;
    width: auto; }
  #footerEmailSignupSubmit {
    margin-right: 0px;
    width: auto;
    max-width: inherit;
    margin-top: 0; }
  .starLogo a {
    margin: 0; }
  .proudMembersText,
  .firstColumn li, .secondColumn li, .thirdColumn li, .fourthColumn li,
  .footer_SocialStack,
  .columnTitle {
    text-align: left; }
  .secondColumn {
    margin-top: 0px; }
  .footer_JoinNewsletter,
  .footer_StayConnected,
  .footer_DownloadApp {
    font-size: 18px;
    font-size: 1.125rem;
    color: #FFFFFF;
    margin: 46px 0 4px;
    text-align: left;
    text-transform: uppercase; }
  .footer_JoinNewsletter {
    margin: 0; }
  .footerApp {
    margin: 20px 0 0;
    text-align: left; }
  .footerApp a {
    display: inline-block;
    padding: 0 10px 0 0; }
  .footer-content {
    padding: 0 !important; }
  .inlineSignupTitle {
    display: inline-block; }
  #footerEmailSignup,
  #footerEmailSignupSubmit,
  .inlineSignupTitle ul li {
    float: left; }
  .mobileConnect {
    display: none; }
  /* Star Logo */
  .svg .starLogo a {
    -ms-background-position-x: -17px; }
  .footer-content .row.clearfix {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .proudMembersText {
    white-space: nowrap; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* Star Logo */
  .svg .starLogo a {
    -ms-background-position-x: -30px; } }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand Navigation CSS)																		
*		File:		frontend/_brandNavigation.scss																								
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* SASS */
/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Navigation
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#menu,
#content {
  width: 100%;
  padding: 0; }

#menu {
  border-top: 2px solid black;
  border-bottom: 2px solid black; }

.menuContainer.main-nav .nav .menuTopItem {
  margin: 0;
  padding-top: 0; }

.menuContainer.main-nav {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  display: block;
  overflow: hidden;
  border-top: none;
  border-bottom: none; }

.menuContainer.main-nav .nav {
  width: 100%;
  height: auto;
  border-top: none;
  border-bottom: none;
  background: #322f31; }

.menuContainer.main-nav .nav li.menuTopItem {
  width: 100%;
  height: 60px;
  float: left; }

.menuContainer.main-nav .nav .menuTopItem a {
  position: relative;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  width: 100%;
  height: 56px;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible;
  text-align: center;
  border-bottom: 0 !important;
  color: #FFFFFF !important;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 60px;
  white-space: nowrap;
  text-decoration: none; }

.menuContainer.main-nav .nav .menuTopItem a span {
  z-index: 2;
  position: relative; }

.menuContainer.main-nav .nav li a::before,
.menuContainer.main-nav .nav li a::after {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  content: ' ';
  z-index: 1;
  background: #58585a;
  background: -moz-linear-gradient(left, #58585a 0%, #c6cac8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #58585a), color-stop(100%, #c6cac8));
  background: -webkit-linear-gradient(left, #58585a 0%, #c6cac8 100%);
  background: -o-linear-gradient(left, #58585a 0%, #c6cac8 100%);
  background: -ms-linear-gradient(left, #58585a 0%, #c6cac8 100%);
  background: linear-gradient(to right, #58585a 0%, #c6cac8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.menuContainer.main-nav .nav li a:hover::before,
.menuContainer.main-nav .nav li a:hover::after {
  height: 2px; }

.menuContainer.main-nav .nav #menuTopItem0 a:hover::before,
.menuContainer.main-nav .nav #menuTopItem0 a:hover::after,
.menuContainer.main-nav .nav #menuTopItem8 a:hover::before,
.menuContainer.main-nav .nav #menuTopItem8 a:hover::after {
  height: 2px; }

.menuContainer.main-nav .nav li a::before {
  top: -4px; }

.menuContainer.main-nav .nav li a::after {
  bottom: -4px; }

.menuContainer.main-nav .nav #menuTopItem0 a::before,
.menuContainer.main-nav .nav #menuTopItem0 a::after {
  background: #58585a;
  background: -moz-linear-gradient(left, #58585a 0%, #c6cac8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #58585a), color-stop(100%, #c6cac8));
  background: -webkit-linear-gradient(left, #58585a 0%, #c6cac8 100%);
  background: -o-linear-gradient(left, #58585a 0%, #c6cac8 100%);
  background: -ms-linear-gradient(left, #58585a 0%, #c6cac8 100%);
  background: linear-gradient(to right, #58585a 0%, #c6cac8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.menuContainer.main-nav .nav #menuTopItem1 a::before,
.menuContainer.main-nav .nav #menuTopItem1 a::after,
.menuContainer.main-nav .nav #menuTopItem1 a:hover {
  background: #9e005d;
  background: -moz-linear-gradient(left, #9e005d 0%, #d16396 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9e005d), color-stop(100%, #d16396));
  background: -webkit-linear-gradient(left, #9e005d 0%, #d16396 100%);
  background: -o-linear-gradient(left, #9e005d 0%, #d16396 100%);
  background: -ms-linear-gradient(left, #9e005d 0%, #d16396 100%);
  background: linear-gradient(to right, #9e005d 0%, #d16396 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.menuContainer.main-nav .nav #menuTopItem2 a::before,
.menuContainer.main-nav .nav #menuTopItem2 a::after,
.menuContainer.main-nav .nav #menuTopItem2 a:hover {
  background: #711e7e;
  background: -moz-linear-gradient(left, #711e7e 0%, #ab499b 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #711e7e), color-stop(100%, #ab499b));
  background: -webkit-linear-gradient(left, #711e7e 0%, #ab499b 100%);
  background: -o-linear-gradient(left, #711e7e 0%, #ab499b 100%);
  background: -ms-linear-gradient(left, #711e7e 0%, #ab499b 100%);
  background: linear-gradient(to right, #711e7e 0%, #ab499b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.menuContainer.main-nav .nav #menuTopItem3 a::before,
.menuContainer.main-nav .nav #menuTopItem3 a::after,
.menuContainer.main-nav .nav #menuTopItem3 a:hover {
  background: #212e84;
  background: -moz-linear-gradient(left, #212e84 0%, #2d5699 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #212e84), color-stop(100%, #2d5699));
  background: -webkit-linear-gradient(left, #212e84 0%, #2d5699 100%);
  background: -o-linear-gradient(left, #212e84 0%, #2d5699 100%);
  background: -ms-linear-gradient(left, #212e84 0%, #2d5699 100%);
  background: linear-gradient(to right, #212e84 0%, #2d5699 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.menuContainer.main-nav .nav #menuTopItem4 a::before,
.menuContainer.main-nav .nav #menuTopItem4 a::after,
.menuContainer.main-nav .nav #menuTopItem4 a:hover {
  background: #f36f21;
  background: -moz-linear-gradient(left, #f36f21 0%, #fcaf17 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f36f21), color-stop(100%, #fcaf17));
  background: -webkit-linear-gradient(left, #f36f21 0%, #fcaf17 100%);
  background: -o-linear-gradient(left, #f36f21 0%, #fcaf17 100%);
  background: -ms-linear-gradient(left, #f36f21 0%, #fcaf17 100%);
  background: linear-gradient(to right, #f36f21 0%, #fcaf17 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.menuContainer.main-nav .nav #menuTopItem5 a::before,
.menuContainer.main-nav .nav #menuTopItem5 a::after,
.menuContainer.main-nav .nav #menuTopItem5 a:hover {
  background: #410155;
  background: -moz-linear-gradient(left, #410155 0%, #663674 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #410155), color-stop(100%, #663674));
  background: -webkit-linear-gradient(left, #410155 0%, #663674 100%);
  background: -o-linear-gradient(left, #410155 0%, #663674 100%);
  background: -ms-linear-gradient(left, #410155 0%, #663674 100%);
  background: linear-gradient(to right, #410155 0%, #663674 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.menuContainer.main-nav .nav #menuTopItem6 a::before,
.menuContainer.main-nav .nav #menuTopItem6 a::after,
.menuContainer.main-nav .nav #menuTopItem6 a:hover {
  background: #00b6ad;
  background: -moz-linear-gradient(left, #00b6ad 0%, #69c8c7 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00b6ad), color-stop(100%, #69c8c7));
  background: -webkit-linear-gradient(left, #00b6ad 0%, #69c8c7 100%);
  background: -o-linear-gradient(left, #00b6ad 0%, #69c8c7 100%);
  background: -ms-linear-gradient(left, #00b6ad 0%, #69c8c7 100%);
  background: linear-gradient(to right, #00b6ad 0%, #69c8c7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.menuContainer.main-nav .nav #menuTopItem7 a::before,
.menuContainer.main-nav .nav #menuTopItem7 a::after,
.menuContainer.main-nav .nav #menuTopItem7 a:hover {
  background: #74c694;
  background: -moz-linear-gradient(left, #74c694 0%, #c5de89 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #74c694), color-stop(100%, #c5de89));
  background: -webkit-linear-gradient(left, #74c694 0%, #c5de89 100%);
  background: -o-linear-gradient(left, #74c694 0%, #c5de89 100%);
  background: -ms-linear-gradient(left, #74c694 0%, #c5de89 100%);
  background: linear-gradient(to right, #74c694 0%, #c5de89 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.menuContainer.main-nav .nav #menuTopItem8 a::before,
.menuContainer.main-nav .nav #menuTopItem8 a::after {
  background: #58585a;
  background: -moz-linear-gradient(left, #58585a 0%, #c6cac8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #58585a), color-stop(100%, #c6cac8));
  background: -webkit-linear-gradient(left, #58585a 0%, #c6cac8 100%);
  background: -o-linear-gradient(left, #58585a 0%, #c6cac8 100%);
  background: -ms-linear-gradient(left, #58585a 0%, #c6cac8 100%);
  background: linear-gradient(to right, #58585a 0%, #c6cac8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

#menu, .active-nav #menu, .active-sidebar #menu {
  background: transparent;
  border-top: none;
  border-bottom: none; }

li#menuTopItem-start-over {
  display: none; }

.menuContainer.main-nav .nav a {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }

li#menuTopItem0 a:hover span::after,
li#menuTopItem8 a:hover span {
  color: #CCCCCC; }

.active-nav #menu {
  width: 100%;
  position: absolute !important;
  z-index: 9999; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  .container {
    width: 100%; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  .container {
    width: 970px; }
  #menu {
    border-top: 2px solid black;
    border-bottom: 2px solid black; }
  #menu, .active-nav #menu,
  .active-sidebar #menu {
    padding: 0; }
  #menu, #content {
    width: 970px;
    margin: 0 auto; }
  .menuContainer.main-nav .nav .menuTopItem {
    margin: 0;
    padding-top: 0;
    position: inherit; }
  .header-content {
    padding: 0; }
  .menuContainer.main-nav {
    width: 100%;
    height: 60px;
    padding: 0;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 22px;
    font-size: 1.375rem;
    background: #322f31;
    border-top: 2px solid white;
    border-bottom: 2px solid white; }
  .menuContainer.main-nav {
    overflow: visible; }
  .menuContainer.main-nav .nav {
    width: 100%;
    height: 56px;
    overflow: visible; }
  .menuContainer.main-nav .nav #menuTopItem0 a {
    height: 56px;
    background: none; }
  .menuContainer.main-nav .nav a span {
    border-right: 1px solid #515151;
    line-height: 15px;
    margin: 21px 0;
    display: block !important; }
  .menuContainer.main-nav .nav #menuTopItem0 a:hover span,
  .menuContainer.main-nav .nav #menuTopItem0 a:hover span {
    border-right: 1px solid #c6cac8; }
  .menuContainer.main-nav .nav #menuTopItem1 a:hover span,
  .menuContainer.main-nav .nav #menuTopItem1 a:hover span {
    border-right: 1px solid #d16396; }
  .menuContainer.main-nav .nav #menuTopItem2 a:hover span,
  .menuContainer.main-nav .nav #menuTopItem2 a:hover span {
    border-right: 1px solid #ab499b; }
  .menuContainer.main-nav .nav #menuTopItem3 a:hover span,
  .menuContainer.main-nav .nav #menuTopItem3 a:hover span {
    border-right: 1px solid #2d5699; }
  .menuContainer.main-nav .nav #menuTopItem4 a:hover span,
  .menuContainer.main-nav .nav #menuTopItem4 a:hover span {
    border-right: 1px solid #fcaf17; }
  .menuContainer.main-nav .nav #menuTopItem5 a:hover span,
  .menuContainer.main-nav .nav #menuTopItem5 a:hover span {
    border-right: 1px solid #663674; }
  .menuContainer.main-nav .nav #menuTopItem6 a:hover span,
  .menuContainer.main-nav .nav #menuTopItem6 a:hover span {
    border-right: 1px solid #69c8c7; }
  .menuContainer.main-nav .nav #menuTopItem7 a:hover span,
  .menuContainer.main-nav .nav #menuTopItem7 a:hover span {
    border-right: 1px solid #c5de89; }
  .menuContainer.main-nav .nav #menuTopItem8 a:hover span,
  .menuContainer.main-nav .nav #menuTopItem8 a:hover span {
    border-right: 1px solid #c6cac8; }
  .menuContainer.main-nav .nav li.menuTopItem {
    height: 56px;
    float: left; }
  .menuContainer.main-nav .nav li.menuTopItem#menuTopItem0 {
    width: 5%; }
  .menuContainer.main-nav .nav li.menuTopItem#menuTopItem1,
  .menuContainer.main-nav .nav li.menuTopItem#menuTopItem2,
  .menuContainer.main-nav .nav li.menuTopItem#menuTopItem3,
  .menuContainer.main-nav .nav li.menuTopItem#menuTopItem4,
  .menuContainer.main-nav .nav li.menuTopItem#menuTopItem5,
  .menuContainer.main-nav .nav li.menuTopItem#menuTopItem6,
  .menuContainer.main-nav .nav li.menuTopItem#menuTopItem7,
  .menuContainer.main-nav .nav li.menuTopItem#menuTopItem8 {
    width: 11.875%; }
  .menuContainer.main-nav .nav li.menuTopItem#menuTopItem8 span {
    border-right: none; }
  .menuContainer.main-nav .nav li:nth-child(n+10) {
    display: none; }
  .menuContainer.main-nav .nav li.menuTopItem#menuTopItem0 span {
    text-indent: -9999px;
    border-right: none;
    margin: 0; }
  li#menuTopItem0 a span::after {
    font-family: FontAwesome;
    content: "\f015";
    font-size: 26px;
    font-size: 1.625rem;
    text-indent: 0;
    padding: 0;
    border-right: 1px solid #515151;
    display: block;
    line-height: 14px;
    margin: 7px 0; }
  #menuTopItem17 {
    display: none; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  .container {
    width: 1170px; }
  .menuContainer.main-nav {
    width: 1170px; }
  #menu,
  #content {
    width: 1170px;
    margin: 0 auto; } }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF $absolute-white Label Boilerplate - (Brand Homepage CSS)																			
*		File:		frontend/_brandHomepage.scss																								
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Homepage
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.HomeMidFeatureContainer {
  background: #E6E6E6; }

.HomeMidFeatureContainer h1,
.articles .article-container-ttf.secondary-linked-features-ttf h1,
.articles .article-container-ttf.tertiary-linked-features-ttf h1 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 500;
  padding: 0.6em;
  margin-bottom: 0;
  color: #404040;
  letter-spacing: -0.02em;
  border-bottom: 1px solid white;
  background: #D6D6D6;
  text-transform: uppercase;
  text-align: center; }

.miniPerformanceItem {
  float: left;
  width: 100%;
  border-bottom: 1px solid white;
  font-size: 16px;
  font-size: 1rem;
  background: #E6E6E6; }

.performanceItem {
  float: left;
  width: 100%;
  border-bottom: 1px solid white;
  font-size: 16px;
  font-size: 1rem;
  background: #E6E6E6; }

.performanceImage {
  float: left;
  display: inline-block;
  width: 13%; }

.performanceItem img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  margin: 0em 1em 1.8em 0;
  padding: 0 0 0 0;
  box-shadow: 1px 1px 12px 2px #CECECE;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.performanceItem a:hover img {
  box-shadow: 1px 1px 12px 4px rgba(255, 255, 255, 0.2); }

.performanceItem img {
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  -moz-animation-name: slidein;
  -webkit-animation-name: slidein; }

@-moz-keyframes slidein {
  from {
    -webkit-transform: rotate(4deg); }
  to {
    -webkit-transform: rotate(0deg); } }

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

.performanceDescription {
  float: left;
  display: inline-block;
  width: 74%; }

.performanceCTA {
  float: left;
  display: inline-block;
  width: 13%;
  padding-top: 1.3em; }

.performanceCTABTB {
  float: left;
  display: inline-block;
  width: 23%;
  padding-top: 1.3em; }

.performanceCTA a {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #9e005d;
  padding: 0.2em;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  color: white;
  text-decoration: none;
  display: block;
  width: 1.1em;
  height: 1.1em;
  text-align: center;
  text-indent: 0.1em;
  margin-left: 0.5em;
  -webkit-transition: background 200ms;
  -moz-transition: background 200ms;
  -ms-transition: background 200ms;
  -o-transition: background 200ms;
  transition: background 200ms; }

.performanceItem a,
.miniPerformanceItem a {
  padding: 20px;
  width: 100%;
  float: left;
  text-decoration: none;
  color: #353535;
  background: #E6E6E6;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.performanceItem a:hover,
.miniPerformanceItem a:hover {
  background: #D6D6D6;
  box-shadow: inset -2px 2px 9px 6px #CCCCCC;
  color: black;
  float: left; }

.miniPerformanceItem a {
  padding: 30px;
  text-align: center; }

.performanceItem .buyTickets,
.miniPerformanceItem .buyTickets {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: -0.02em;
  background: #212e84;
  background: -moz-linear-gradient(left, #212e84 0%, #2d5699 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #212e84), color-stop(100%, #2d5699));
  background: -webkit-linear-gradient(left, #212e84 0%, #2d5699 100%);
  background: -o-linear-gradient(left, #212e84 0%, #2d5699 100%);
  background: -ms-linear-gradient(left, #212e84 0%, #2d5699 100%);
  background: linear-gradient(to right, #212e84 0%, #2d5699 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 );
  color: white;
  padding: 0.5em 0.8em 0.5em 0.8em;
  margin: 20px 0 30px;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  float: none;
  cursor: pointer;
  white-space: nowrap;
  text-transform: uppercase;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease; }

.performanceItem .buyTickets {
  float: right; }

.miniPerformanceItem .buyTickets {
  margin: 0.4em auto 0 !important;
  padding: 0.5em 0.8em 0.5em 0.8em;
  float: none;
  display: block;
  width: 100%;
  max-width: 120px; }

.performanceItem .buyTickets:hover,
.miniPerformanceItem .buyTickets:hover,
.performanceItem a:hover .buyTickets,
.miniPerformanceItem a:hover .buyTickets {
  background: #9e005d;
  background: -moz-linear-gradient(left, #9e005d 0%, #d16396 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9e005d), color-stop(100%, #d16396));
  background: -webkit-linear-gradient(left, #9e005d 0%, #d16396 100%);
  background: -o-linear-gradient(left, #9e005d 0%, #d16396 100%);
  background: -ms-linear-gradient(left, #9e005d 0%, #d16396 100%);
  background: linear-gradient(to right, #9e005d 0%, #d16396 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.SmallFeatureImg {
  float: left; }

span.MedFeatureTitle {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  color: #212e84;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  -webkit-transition: color 200ms;
  -moz-transition: color 200ms;
  -ms-transition: color 200ms;
  -o-transition: color 200ms;
  transition: color 200ms;
  display: block; }

.performanceItem a:hover span.MedFeatureTitle,
.miniPerformanceItem a:hover span.MedFeatureTitle {
  color: #9e005d; }

span.MedFeature,
span.MedFeatureDesc {
  margin: 0.2em 0 0 0;
  display: block; }

span.MedFeature {
  font-family: "Helvetica Neue LT W04_57 Cond", Arial, sans-serif;
  font-size: 17px;
  font-size: 1.0625rem;
  text-transform: uppercase; }

.miniPerformanceItem span.MedFeature + span.MedFeature {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: none;
  float: none; }

span.MedFeatureDesc {
  margin: 0.8em 0 0 0;
  font-size: 15px;
  font-size: 0.9375rem; }

.MiniFeature {
  padding: 0;
  margin: 0;
  margin-bottom: 0.6em; }

.buyTickets {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%; }

@keyframes stretchRight {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }

@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

.articles .article-container.secondary-linked-features {
  width: 49%;
  float: right;
  padding: 0;
  margin-right: 1%; }

.articles .article-container.tertiary-linked-features {
  width: 49%;
  float: right;
  padding: 0;
  margin-left: 1%; }

.articles .article-container-ttf.secondary-linked-features-ttf,
.articles .article-container-ttf.tertiary-linked-features-ttf {
  float: left;
  margin: 0;
  width: 100%; }

span.MedFeatureDesc {
  display: none; }

span.MedFeatureTitle, span.MedFeature {
  float: left;
  clear: both;
  width: 100%; }

.performanceItem img {
  margin: 0 1em 0 0; }

.newsletterHPBanner {
  float: left;
  width: 100%;
  background: white;
  border: 1px solid #CCCCCC;
  padding: 14px 29px;
  text-align: center;
  min-height: 100px;
  vertical-align: middle; }

.newsletterHPBanner_1st {
  font-family: "Helvetica Neue LT W04_57 Cond", Arial, sans-serif;
  font-size: 34px;
  font-size: 2.125rem;
  color: #410155;
  display: block;
  clear: both;
  line-height: 28px;
  letter-spacing: -0.02em;
  padding: 8px 0 0; }

.newsletterHPBanner_2nd {
  font-family: "Helvetica Neue LT W04_57 Cond", Arial, sans-serif;
  font-size: 34px;
  font-size: 2.125rem;
  color: #9e005d;
  display: block;
  clear: both;
  line-height: 28px;
  letter-spacing: -0.02em; }

.hs-HPBanners {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  min-height: 100px;
  vertical-align: middle; }

.hs-HPBanners img {
  margin: 0 auto;
  display: block; }

.article-container-ttf.main-article-body-ttf.col-md-6.col-md-push-3.column,
.article-container-ttf.secondary-linked-features-ttf.col-md-3.col-md-pull-6.column,
.article-container-ttf.tertiary-linked-features-ttf.col-md-3.column,
.article-container-ttf.main-article-body-ttf.col-md-6.col-md-push-3.column .container {
  padding-left: 0;
  padding-right: 0; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Custom Media Query - max 399px */
@media (max-width: 490px) {
  .miniPerformanceItem .buyTickets {
    float: none; } }

/* Custom Media Query - min 400px */
@media (min-width: 400px) {
  span.MedFeatureTitle, span.MedFeature {
    float: none;
    clear: none; } }

/* Custom Media Query - min 490px */
@media (min-width: 490px) {
  span.MedFeatureDesc {
    display: block; } }

/* Custom Media Query - max 515px */
@media (max-width: 515px) {
  .miniPerformanceItem a {
    padding: 20px; } }

/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 767px */
@media (min-width: 490px) and (max-width: 767px) {
  .articles .article-container-ttf.secondary-linked-features-ttf,
  .articles .article-container-ttf.tertiary-linked-features-ttf {
    width: 50%;
    margin: 0; } }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  .articles .article-container-ttf.secondary-linked-features-ttf,
  .articles .article-container-ttf.tertiary-linked-features-ttf {
    margin: 0;
    width: 50%; } }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */
  .performanceItem img {
    width: 110px;
    height: 110px; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  .HomeMidFeatureContainer {
    margin: 0; }
  .articles.has-secondary-features.has-tertiary-features .article-container.main-article-body,
  .articles.has-secondary-features.has-tertiary-features .article-container.main-article-body {
    width: 50%;
    padding: 0;
    float: left; }
  .articles .article-container.secondary-linked-features {
    width: 24%;
    float: left;
    padding: 0;
    margin-right: 1%; }
  .articles .article-container.tertiary-linked-features {
    width: 24%;
    float: left;
    padding: 0;
    margin-left: 1%; }
  .articles .article-container-ttf.secondary-linked-features-ttf,
  .articles .article-container-ttf.tertiary-linked-features-ttf {
    margin: 0;
    width: 25%; }
  .articles .article-container-ttf.secondary-linked-features-ttf h1,
  .articles .article-container-ttf.tertiary-linked-features-ttf h1 {
    width: 100%;
    margin: 0; }
  .performanceItem img {
    margin: 0 1em 1.8em 0; }
  .article-container-ttf.tertiary-linked-features-ttf.col-md-3.column {
    padding-left: 15px; }
  .article-container-ttf.secondary-linked-features-ttf.col-md-3.col-md-pull-6.column {
    padding-right: 15px; }
  .performanceItem .buyTickets,
  .miniPerformanceItem .buyTickets {
    float: right;
    margin: 0 auto; }
  .miniPerformanceItem .buyTickets {
    float: none; }
  .performanceItem .buyTickets,
  .miniPerformanceItem .buyTickets {
    margin: 2em 0em 2em 1em; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

kbd
#content.articleContent,
#content.articleContent .container,
#content.articleContent #default.bodyDetails.article {
  padding-top: 0; }

#content.articleContent #accessibility,
#content.articleContent #accountEvents,
#content.articleContent #accountInformation,
#content.articleContent #accountMarketing,
#content.articleContent #accountMembership
#content.articleContent #changePassword,
#content.articleContent #listOrders,
#content.articleContent #maintainAccount,
#content.articleContent #maintainAddresses,
#content.articleContent #maintainContacts,
.bodyDetails#accountInformation,
.bodyDetails#messageCenter,
.bodyDetails#customerOffers,
.bodyDetails#accountMemberships,
.bodyDetails#changePassword,
.bodyDetails#accountMemberships,
.bodyDetails#accountSavedPayment,
.bodyDetails#listOrders,
.bodyDetails#ticketUsage {
  padding-top: 20px !important;
  padding-bottom: 0 !important; }

#content.articleContent #viewOrder,
#content.articleContent #shoppingCart,
#content.articleContent #mapSelect,
#content.articleContent #orderContact,
#content.articleContent #seatResults,
#content.articleContent #seatSelect,
#content.articleContent #bundleResult,
#content.articleContent #bundleSelect,
#content.articleContent #login,
#content.articleContent #loginDelivery,
#content.articleContent #showSeats {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  padding-left: 20px !important;
  padding-right: 20px !important; }

.bodyDetails.homepage .article-body-container {
  padding: 0 15px 20px; }

/* Add Padding to Container for Article Content */
#content.articleContent #default.bodyDetails.article .article-container-ttf.main-article-body {
  padding: 0 20px; }

/* Manual Padding for Back-End Pages */
#content.articleContent #accessibility,
#content.articleContent #accountEvents,
#content.articleContent #accountInformation,
#content.articleContent #accountMarketing,
#content.articleContent #accountMembership,
#content.articleContent #bundleResult,
#content.articleContent #bundleSelect,
#content.articleContent #changePassword,
#content.articleContent #listOrders,
#content.articleContent #login,
#content.articleContent #loginDelivery,
#content.articleContent #maintainAccount,
#content.articleContent #maintainAddresses,
#content.articleContent #maintainContacts,
#content.articleContent #mapSelect,
#content.articleContent #miscItemDetail,
#content.articleContent #orderContact,
#content.articleContent #seatResults,
#content.articleContent #seatSelect,
#content.articleContent #shoppingCart,
#content.articleContent #viewOrder,
#content #giftCertificateDetails,
#content.articleContent #disabledAccess,
#content #loginDelivery,
#content #orderContact,
#content #viewOrder,
#content #showSeats {
  padding: 20px;
  max-width: 1170px;
  margin: 0 auto;
  display: block; }

#trackOrder.bodyDetails {
  padding: 20px 30px 30px;
  max-width: 1170px;
  margin: 0 auto;
  display: block; }

.bodyDetails#logout {
  padding: 20px;
  max-width: 1170px;
  margin: 0 auto;
  display: block; }

.bodyDetails.article .articles.has-secondary-features .article-container.main-article-body {
  width: 100%; }

.bodyDetails.article .articles .article-container.main-article-body h3 {
  color: #292566;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.05em;
  padding: 10px 0 0;
  margin: 0;
  line-height: 16px;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif; }

.bodyDetails.article .articles .article-container.main-article-body p.ARTVenue br {
  display: none; }

#socialShareButtons {
  position: relative;
  width: 100%;
  height: auto;
  padding: 5px 10px 5px 10px;
  margin-top: 0px;
  margin-bottom: 4px;
  text-align: right;
  background: white;
  border-top: 1px solid #d7d7d7;
  background: #f3f3f3; }

#ARTRightTTFUnwind {
  clear: none;
  float: right;
  /*margin-top: 15px;*/
  padding-right: 0px;
  /*width: 225px;*/
  padding-left: 1%;
  max-width: 49%; }

#ARTRightBarclaycardUnwind {
  display: none;
  clear: right;
  float: right;
  margin-top: 15px;
  width: 100%; }

.bodyDetails.article .article-container-ttf.main-article-body h1 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 26px;
  padding: 15px 0;
  margin: 0 0 2px 0;
  letter-spacing: -0.05em;
  clear: both; }

.bodyDetails.article .article-container-ttf.main-article-body h1 + br {
  display: none; }

.bodyDetails.article .article-container-ttf.main-article-body p strong {
  font-size: 16px;
  letter-spacing: -0.05em; }

.bodyDetails.article .article-container-ttf.main-article-body p {
  font-size: 14px; }

p.ARTVenue {
  font-size: 16px !important;
  margin: 0;
  padding: 10px 2px 0;
  color: #292566;
  letter-spacing: -0.03em;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif; }

p.ARTVenue br {
  display: none; }

#socialShareButtons {
  text-align: center; }

.bodyDetails.article h3 {
  color: #292566;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.03em;
  padding: 10px 0 10px;
  margin: 0;
  line-height: 16px;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  width: auto;
  clear: none; }

.bodyDetails.article .browseCategory_Music, .bodyDetails.article .browseCategory_Theatre, .bodyDetails.article .browseCategory_Family, .bodyDetails.article .browseCategory_Sports, .bodyDetails.article .browseCategory_Exhibition {
  display: none; }

.bodyDetails.article hr {
  clear: none; }

.fi-info {
  display: none; }

#ARTPrice {
  line-height: 22px;
  text-align: left;
  font-size: 14px;
  padding: 20px;
  color: #FFFFFF;
  background: #292566;
  margin: 0 0 20px 0; }

#ARTPrice strong {
  font-size: 22px;
  line-height: 32px; }

.bodyDetails.article td.performance-description {
  font-weight: 700;
  font-size: 18px; }

.bodyDetails.article p + table {
  width: 100% !important; }

.article-container-ttf.main-article-body .container > div.ARTRight {
  position: relative;
  padding-left: 0;
  width: 100%; }

.article-container-ttf.main-article-body .container > div.ARTRight ~ .ARTRight {
  width: 49%;
  padding-right: 1%;
  float: left;
  position: relative;
  margin: 0 0 30px 0; }

.amplifyPackage {
  display: none; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Recommendations
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.recommendationWrapping {
  color: #262626;
  text-align: center; }

.recommendationHead h1 {
  border: none !important; }

.recommendationBody,
.recommendationItem {
  padding-left: 0;
  padding-right: 0; }

.recommendationItem {
  background: rgba(0, 0, 0, 0.06);
  padding: 20px 0;
  margin: 0 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  width: 100%; }

.recommendationItem-Img img {
  width: auto;
  height: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 4px solid rgba(0, 0, 0, 0.08); }

.recommendationItem-Info {
  padding: 10px 0; }

.recommendationItem-Info p {
  font-size: 16px !important;
  padding: 0 5px; }

.recommendationItem-Info p.recommendationItem-Info-Title {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 22px !important;
  text-transform: uppercase; }

.recommendationItem-Button a,
.recommendationItem-Button button {
  margin-top: 15px;
  padding: 8px 12px;
  width: 100%;
  font-size: 1.25rem;
  background: white;
  color: #262626;
  text-transform: uppercase; }
  .recommendationItem-Button a:hover,
  .recommendationItem-Button button:hover {
    background: #ebebeb;
    border: 1px solid rgba(0, 0, 0, 0.26); }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Footer Article Styles
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.faqQuestion {
  background-color: #F6F6F6;
  border: 1px solid #E1E1E1;
  border-radius: 6px 6px 6px 6px;
  margin: 0 0 20px;
  padding: 15px 15px 5px; }

.faqQuestion h3 {
  padding: 10px 0 !important;
  line-height: inherit !important; }

#wwuContainer {
  width: 100%;
  height: auto;
  display: block;
  background: white;
  float: left; }

#wwuContainer h1 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-style: italic;
  font-size: 52px;
  font-weight: normal;
  letter-spacing: -0.05em;
  line-height: 44px;
  color: #353535;
  padding: 22px 33px 16px 33px;
  margin: 0; }

#wwuContainer h2 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-style: italic;
  font-size: 52px;
  font-weight: normal;
  letter-spacing: -0.05em;
  line-height: 40px;
  color: #353535;
  padding: 18px 34px 27px 34px;
  margin: 0;
  text-align: right; }

#wwuContainer .wwuContentCharacterContainer h2 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-style: italic;
  font-size: 44px;
  font-weight: normal;
  letter-spacing: -0.05em;
  line-height: 40px;
  color: #353535;
  padding: 56px 0px 0px 0px;
  margin: 0;
  text-align: right; }

#wwuContainer h3 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 44px;
  font-weight: normal;
  letter-spacing: -0.05em;
  line-height: 40px;
  color: #be0058;
  padding: 34px 34px 20px 34px;
  margin: 0; }

#wwuCarousel, #wwuDoubleTitleSplit {
  width: 100%;
  height: auto; }

.fourtynineperc {
  float: left;
  width: 49%; }

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

.left1perc {
  padding: 0 0 0 1%; }

#wwuCarousel img {
  width: 100%;
  height: auto; }

.wwuBlack2px {
  width: 100%;
  height: 2px;
  background: black;
  overflow: hidden; }

.wwuPurple4px {
  width: 100%;
  height: 4px;
  background: #401955;
  overflow: hidden; }

.wwuContentContainer {
  width: 92%;
  margin: 0 4% 20px 4%;
  padding: 28px 0 10px 0;
  color: #5c5c5c;
  border-top: 1px solid #d7d7d7;
  float: left; }

.wwuContentCharacterContainer {
  width: 92%;
  margin: 50px 4% 20px 4%;
  padding: 0px 0 10px 0;
  color: #5c5c5c;
  border-top: 1px solid #d7d7d7;
  float: left; }

.wwuContentContainer h4 {
  font-weight: 700;
  font-style: normal;
  margin: 14px 0 0 0; }

.wwuContentContainer p {
  margin: 10px 0; }

.wwuFormContainer.wwuConfirm p {
  font-size: 20px; }

.wwuContentCharacterContainer > h2 + div.wwuCharacter {
  padding: 0 4% 0 0; }

.wwuCharacter {
  float: left;
  width: 13.5%;
  padding: 0 4%;
  padding: 0 3% \9;
  height: auto;
  text-align: center;
  letter-spacing: -0.05em;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 27px; }

.wwuCharacter:last-child {
  padding: 0 0 0 5%; }

.wwuCharacter img {
  width: 100%;
  height: auto; }

.wwuCharacter a {
  text-decoration: none;
  color: black; }

.wwuCharacter a:hover .teamName {
  color: #4875b4; }

span.teamName {
  line-height: 34px;
  vertical-align: bottom;
  transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out; }

.fi-social-linkedin:before {
  font-family: "iconIse";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
  font-size: 38px;
  color: #4875b4;
  vertical-align: middle; }

.fi-social-linkedin:before {
  content: "\f1d0"; }

#wwuFormNavigationContainer {
  float: left;
  width: 100%;
  height: 50px;
  overflow: hidden; }

.wwuFormContainer {
  float: left;
  width: 100%;
  margin: 10px 0 0 0; }

.wwuFormContainer label {
  width: 100%;
  float: left;
  font-weight: 700;
  margin: 20px 0 10px 0; }

.wwuRequired {
  color: #be0058;
  float: right; }

.wwuFormContainer input[type="text"] {
  width: 100%;
  height: 50px;
  background: white;
  border: 1px solid #c1c1c1;
  box-shadow: inset 5px 5px 11px -4px #e1e1e1;
  border-radius: 3px;
  padding: 0 15px 0 15px;
  color: #9c9ca0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; }

textarea {
  width: 100%;
  background: white;
  border: 1px solid #c1c1c1;
  box-shadow: inset 5px 5px 11px -4px #e1e1e1;
  border-radius: 3px;
  padding: 0 15px 0 15px;
  color: #9c9ca0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; }

.wwuFormContainer input[type="text"]:hover,
.wwuFormContainer input[type="text"]:focus,
textarea:hover,
textarea:focus {
  color: black;
  box-shadow: inset 5px 5px 11px -4px #F3F3F3; }

.wwuFormContainer input[type="button"],
.wwuFormContainer input[type="submit"] {
  width: 100%;
  height: 40px;
  font-size: 20px;
  margin: 18px 0 0 0;
  background: #be0058;
  border: none;
  border-radius: 3px;
  padding: 0 15px 0 15px;
  text-align: center;
  color: white;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; }

.wwuFormContainer input[type="button"]:hover,
.wwuFormContainer input[type="button"]:focus,
.wwuFormContainer input[type="submit"]:hover,
.wwuFormContainer input[type="submit"]:focus {
  color: white;
  background: #cf0b66; }

.wwuEvent, .wwuTicket, .wwuInfo, .wwuConfirm {
  display: none; }

.wwuFormNavigationStep {
  float: left;
  width: 18%;
  margin-right: 10px;
  height: 40px;
  background: #e6e6e6;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; }

.wwuFormNavigationStep:hover {
  background: #b0b0b0; }

.wwuFormNavigationStep:hover .wwuFormNavigationStepArrow {
  color: #b0b0b0; }

.wwuFormNavigationStep_Active {
  float: left;
  width: 18%;
  margin-right: 10px;
  height: 40px;
  background: #be0058;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; }

.fi-torso {
  font-size: 66px;
  color: white;
  position: absolute;
  width: 100%;
  text-align: right;
  top: -12px;
  left: 2px; }

.fi-torso:before,
.fi-play-circle:before,
.fi-ticket:before,
.fi-clipboard-notes:before,
.fi-check:before {
  font-family: "iconIse";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit; }

.fi-torso:before {
  content: "\f1fe"; }

.fi-play-circle {
  font-size: 70px;
  color: white;
  position: absolute;
  width: 100%;
  text-align: right;
  top: -23px;
  left: 8px; }

.fi-play-circle:before {
  content: "\f196"; }

.fi-ticket {
  font-size: 60px;
  color: white;
  position: absolute;
  width: 100%;
  text-align: right;
  top: -17px;
  left: 8px; }

.fi-ticket:before {
  content: "\f1fb"; }

.fi-clipboard-notes {
  font-size: 70px;
  color: white;
  position: absolute;
  width: 100%;
  text-align: right;
  top: -17px;
  left: 3px; }

.fi-clipboard-notes:before {
  content: "\f128"; }

.fi-check {
  font-size: 60px;
  color: #e6e6e6;
  position: absolute;
  width: 100%;
  text-align: right;
  top: -22px;
  left: -6px; }

.wwuFormNavigationStep_Active .fi-check {
  font-size: 60px;
  color: #cfcc32;
  position: absolute;
  width: 100%;
  text-align: right;
  top: -22px;
  left: -6px; }

.fi-check:before {
  content: "\f126"; }

.wwuFormNavigationStepArrow {
  width: 30px;
  height: 23px;
  background: white;
  color: #dddddd;
  border-radius: 50px;
  position: absolute;
  right: -20px;
  top: 5px;
  padding-top: 4px;
  text-align: center;
  z-index: 2;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; }

.wwuFormNavigationStepArrow_Active {
  width: 30px;
  height: 24px;
  background: white;
  color: black;
  border-radius: 50px;
  position: absolute;
  right: -20px;
  top: 5px;
  padding-top: 4px;
  text-align: center;
  z-index: 2;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; }

.wwuFormNavigationComplete {
  float: left;
  width: 18%;
  margin-right: 0px;
  height: 40px;
  background: transparent;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; }

.wwuFormNavigationStep:hover {
  background: #b0b0b0; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	None Event Article Styles
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.noneEvents_ContactUs, .noneEvents_AboutUs, .noneEvents_Terms, .noneEvents_Privacy, .noneEvents_FAQs, .noneEvents_Groups, .noneEvents_Disabled, .noneEvents_Dispatch, .noneEvents_Help, .noneEvents_Careers, .noneEvents_Voucher, .noneEvents_Affiliates, .noneEvents_TicketProtection, .noneEvents_News {
  text-align: left; }

.noneEvents_ContactUs_Title, .noneEvents_AboutUs_Title, .noneEvents_Terms_Title, .noneEvents_Privacy_Title, .noneEvents_FAQs_Title, .noneEvents_Groups_Title, .noneEvents_Disabled_Title, .noneEvents_Dispatch_Title, .noneEvents_Help_Title, .noneEvents_Careers_Title, .noneEvents_Voucher_Title, .noneEvents_Affiliates_Title, .noneEvents_TicketProtection_Title, .noneEvents_News_Title {
  padding-left: 0;
  padding-right: 0; }

.noneEvents_ContactUs h1, .noneEvents_AboutUs h1, .noneEvents_Terms h1, .noneEvents_Privacy h1, .noneEvents_FAQs h1, .noneEvents_Groups h1, .noneEvents_Disabled h1, .noneEvents_Dispatch h1, .noneEvents_Help h1, .noneEvents_Careers h1, .noneEvents_Voucher h1, .noneEvents_Affiliates h1, .noneEvents_TicketProtection h1, .noneEvents_News h1 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  color: #212e84;
  font-size: 3em !important;
  font-weight: 500;
  line-height: 1;
  padding: 10px 0 10px 0;
  border-bottom: none !important;
  letter-spacing: -0.05em;
  text-transform: none;
  margin: 0; }

.noneEventsLogos {
  display: none; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	SignUp Article Styles
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.backgroundFeature {
  background: url("https://d36kigkh74flet.cloudfront.net/branding/default/backgroundFeature.jpg") no-repeat;
  background-position: top right;
  border-top: 1px solid #bebebe;
  min-height: 484px; }

.backgroundFeature h1 {
  font-size: 33px !important;
  text-shadow: 0px 0px 11px rgba(255, 255, 255, 0.004);
  padding: 40px 10px 18px 10px !important;
  border-bottom: none;
  text-align: center;
  background-size: cover; }

.backgroundFeature h2 {
  font-size: 26px !important;
  color: #1a166a !important;
  text-align: center;
  padding: 0 10px;
  text-shadow: 0px 0px 11px rgba(255, 255, 255, 0.004); }

.signMeUp {
  max-width: 960px;
  margin: 42px auto;
  padding: 0 20px;
  position: relative; }

.inputFields,
.standAloneInputFields {
  display: block;
  width: 100%;
  min-height: 70px; }

.newsletterEmailField {
  height: 70px !important;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  border: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  text-align: center !important;
  font-size: 20px !important;
  font-weight: normal !important;
  display: inline-block !important;
  float: left !important;
  letter-spacing: -0.02em !important;
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif !important; }

.submitBox,
#standAloneSubmitBox {
  height: 70px !important;
  margin: 0 !important;
  border: none !important;
  display: inline-block !important;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  float: left !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 20px !important;
  letter-spacing: -0.02em !important;
  color: white !important;
  background: #1a166a !important; }

.emailInvalid,
.emailInvalidInline {
  position: absolute;
  top: -30px;
  font-size: 16px;
  color: white;
  text-align: center;
  width: 91%;
  height: 30px;
  display: none; }

.emailInvalid span,
.emailInvalidInline span {
  background: #be0058;
  line-height: 30px;
  display: inline-block;
  padding: 0 14px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

.emailSignUpPerks {
  max-width: 960px;
  margin: 20px auto 5px auto;
  padding: 0 20px;
  display: block; }

.emailSignUpPerks span {
  font-size: 24px;
  padding: 24px 0;
  display: block;
  text-align: center; }

.emailSignUpPerks i {
  display: block;
  text-align: center;
  font-size: 60px; }

.esuPerk1, .esuPerk3, .esuPerk4 {
  color: #605e8d; }

.esuPerk2, .esuPerk5 {
  color: #cb5581; }

.esuPerk1, .esuPerk2, .esuPerk3, .esuPerk4, .esuPerk5,
.backgroundFeature h1, .backgroundFeature h2, .signMeUp {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

.backgroundFeature h1, .backgroundFeature h2, .signMeUp, .standAloneSignUp {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s; }

.emailSignUpPerks .esuPerk1 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-animation-duration: 2.0s;
  animation-duration: 2.5s; }

.emailSignUpPerks .esuPerk2 {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
  -webkit-animation-duration: 2.0s;
  animation-duration: 2.0s; }

.emailSignUpPerks .esuPerk3 {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
  -webkit-animation-duration: 2.0s;
  animation-duration: 2.0s; }

.emailSignUpPerks .esuPerk4 {
  -webkit-animation-delay: 2.7s;
  animation-delay: 2.7s;
  -webkit-animation-duration: 2.0s;
  animation-duration: 2.0s; }

.emailSignUpPerks .esuPerk5 {
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
  -webkit-animation-duration: 2.0s;
  animation-duration: 2.0s; }

.fadeIn {
  -webkit-animation-name: animatePerks;
  animation-name: animatePerks; }

@-webkit-keyframes animatePerks {
  0% {
    opacity: 0; }
  40% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes animatePerks {
  0% {
    opacity: 0; }
  40% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.emailSignupThanks.standAloneSignUp {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  max-width: 100%;
  margin: 40px auto;
  text-align: center;
  font-size: 32px;
  letter-spacing: -0.02em;
  text-transform: lowercase;
  color: #605e8d;
  background: url("https://d36kigkh74flet.cloudfront.net/branding/default/backgroundLike.jpg") no-repeat top center;
  min-height: 274px;
  display: none; }

.standAloneSignUp .whatYouLike {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif !important;
  font-style: italic;
  font-size: 60px !important;
  padding: 0 !important;
  text-transform: none !important;
  color: #cd1b6d !important;
  letter-spacing: -0.05em !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  display: block !important; }

.standAloneSignUp a.emailPreferencesSubmit {
  background: #cb5581 !important;
  margin: 20px 0 40px !important;
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif !important;
  font-size: 30px !important;
  padding: 10px 30px !important;
  font-weight: 500 !important;
  color: white !important; }
  .standAloneSignUp a.emailPreferencesSubmit:hover {
    background: #cd1b6d !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	SignUp Article Styles For Barclaycard
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.barclaycardEntsSignup .backgroundFeature {
  background: url("https://d36kigkh74flet.cloudfront.net/branding/default/backgroundFeature.jpg") no-repeat;
  background-position: top right;
  border-top: 1px solid #bebebe;
  min-height: 484px; }

.barclaycardEntsSignup .backgroundFeature h1 {
  font-size: 24px !important;
  text-shadow: 0px 0px 11px rgba(255, 255, 255, 0.004);
  padding: 40px 10px 18px 10px !important;
  border-bottom: none;
  text-align: center;
  background-size: cover; }

.barclaycardEntsSignup .backgroundFeature h2 {
  font-size: 24px !important;
  color: #1a166a !important;
  text-align: center;
  padding: 0 10px;
  margin: 0;
  text-shadow: 0px 0px 11px rgba(255, 255, 255, 0.004); }

.barclaycardEntsSignup .signMeUp {
  max-width: 720px;
  margin: 20px auto;
  padding: 0 20px;
  position: relative; }

.barclaycardEntsSignup .inputFields,
.barclaycardEntsSignup .standAloneInputFields {
  display: block;
  width: 100%;
  min-height: 70px; }

.barclaycardEntsSignup .newsletterEmailField {
  height: 70px !important;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  border: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  text-align: center !important;
  font-size: 20px !important;
  font-weight: normal !important;
  display: inline-block !important;
  float: left !important;
  letter-spacing: -0.02em !important;
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif !important; }

.barclaycardEntsSignup .submitBox,
.barclaycardEntsSignup #standAloneSubmitBox {
  height: 70px !important;
  margin: 0 !important;
  border: none !important;
  display: inline-block !important;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  float: left !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 20px !important;
  letter-spacing: -0.02em !important;
  color: white !important;
  background: #1a166a !important; }

.barclaycardEntsSignup .emailInvalid,
.barclaycardEntsSignup .emailInvalidInline {
  position: absolute;
  top: -30px;
  font-size: 16px;
  color: white;
  text-align: center;
  width: 91%;
  height: 30px;
  display: none; }

.barclaycardEntsSignup .emailInvalid span,
.barclaycardEntsSignup .emailInvalidInline span {
  background: #be0058;
  line-height: 30px;
  display: inline-block;
  padding: 0 14px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

.barclaycardEntsSignup .emailSignupThanks.standAloneSignUp {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  max-width: 100%;
  margin: 40px auto;
  text-align: center;
  font-size: 32px;
  letter-spacing: -0.02em;
  text-transform: lowercase;
  color: #605e8d;
  background: url("#[image-path}/backgroundLike.jpg") no-repeat top center;
  min-height: 274px;
  display: none; }

.barclaycardEntsSignup .standAloneSignUp .whatYouLike {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif !important;
  font-style: italic;
  font-size: 60px !important;
  padding: 0 !important;
  text-transform: none !important;
  color: #cd1b6d !important;
  letter-spacing: -0.05em !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  display: block !important; }

.barclaycardEntsSignup .standAloneSignUp a.emailPreferencesSubmit {
  background: #cb5581 !important;
  margin: 20px 0 40px !important;
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif !important;
  font-size: 30px !important;
  padding: 10px 30px !important;
  font-weight: 500 !important;
  color: white !important; }
  .barclaycardEntsSignup .standAloneSignUp a.emailPreferencesSubmit:hover {
    background: #cd1b6d !important; }

.barclaycardEntsSignup .barclaycardSplash {
  text-align: center;
  padding: 0 20px; }

.barclaycardEntsSignup p.barclaycardIntro {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 24px !important;
  color: #1a166a;
  font-weight: 700;
  margin: 20px 0;
  padding: 0 4%;
  text-shadow: 0px 0px 11px rgba(255, 255, 255, 0.004);
  clear: both;
  letter-spacing: -0.05em; }

.barclaycardEntsSignup p.barclaycardInfo {
  font-size: 14px !important;
  color: #888888;
  margin: 0 0 20px 0;
  padding: 2% 4%;
  text-shadow: 0px 0px 11px rgba(255, 255, 255, 0.004);
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  box-shadow: inset 5px 5px 11px -4px #E1E1E1; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	None Events Group Bookings Page
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#grpsBookings {
  text-align: center; }

#grpsBookings .grpsHeading {
  padding: 0; }

#grpsBookings .grpsSpotlight_1,
#grpsBookings .grpsSpotlight_2,
#grpsBookings .grpsSpotlight_3 {
  padding: 5px 0; }

#grpsBookings h1.grpsHeading {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 60px;
  padding: 0;
  margin: 0;
  border: none; }

#grpsBookings h1.grpsHeading span.grpsHead {
  font-family: "HelveticaNeueW01-55Roma"; }

#grpsBookings .grpsTelNum {
  font-family: "Helvetica Neue LT W04_57 Cond", Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  color: #B6035F;
  padding: 10px 0 0 0;
  margin: 0 0 2px 0;
  letter-spacing: -0.05em;
  clear: both; }

#grpsBookings .grpsTelNum span.grpsTelText {
  font-size: 18px; }

#grpsBookings .grpsEvent_Concerts a,
#grpsBookings .grpsEvent_Theatre a,
#grpsBookings .grpsEvent_Family a,
#grpsBookings .grpsEvent_Sports a,
#grpsBookings .grpsEvent_Exhibitions a,
#grpsBookings .grpsEvent_Comedy a,
#grpsBookings .grpsEvent_Festivals a {
  color: white; }

#grpsBookings .grpsEvent_Concerts,
#grpsBookings .grpsEvent_Theatre,
#grpsBookings .grpsEvent_Family,
#grpsBookings .grpsEvent_Sports,
#grpsBookings .grpsEvent_Exhibitions,
#grpsBookings .grpsEvent_Comedy,
#grpsBookings .grpsEvent_Festivals {
  font-size: 14px;
  margin: 10px 0;
  padding: 15px;
  line-height: 1.4;
  min-height: 260px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }

#grpsBookings .grpsEvent_Concerts {
  background-color: #9e005d; }

#grpsBookings .grpsEvent_Theatre {
  background-color: #711e7e; }

#grpsBookings .grpsEvent_Family {
  background-color: #212e84; }

#grpsBookings .grpsEvent_Sports {
  background-color: #f36f21; }

#grpsBookings .grpsEvent_Exhibitions {
  background-color: #410155; }

#grpsBookings .grpsEvent_Comedy {
  background-color: #00b6ad; }

#grpsBookings .grpsEvent_Festivals {
  background-color: #00b6ad; }

#grpsBookings .grpsEvent_Img {
  display: block; }

#grpsBookings .grpsEvent_Img img {
  border: 5px solid #f3f3f3;
  padding: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }

#grpsBookings .grpsEvent_showDetails {
  display: block;
  padding: 15px 0;
  line-height: 1.6;
  clear: none; }

#grpsBookings span.grpsEvent_Tittle {
  display: block;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 22px;
  color: white;
  letter-spacing: -0.05em;
  padding: 5px 0; }

#grpsBookings span.grpsEvent_Date {
  display: block; }

#grpsBookings span.grpsEvent_Venue {
  display: block; }

#grpsBookings .grpsEvent_showInfo {
  display: block;
  height: auto; }

#grpsBookings .grpsEvent_blurb {
  display: block;
  padding: 0 0 15px 0; }

#grpsBookings .grpsEvent_bookings {
  display: block;
  padding: 10px 0; }

#grpsBookings .grpsGetTickets {
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  text-decoration: none;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  text-transform: none;
  font-weight: 300;
  font-size: 1.1em;
  letter-spacing: -.02em;
  border: 2px solid white;
  color: #fff;
  padding: .5em .8em;
  margin: 0 auto;
  width: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	MakeItSocial Article Styles
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.misContainer {
  display: block !important;
  background-image: url("https://assets.theticketfactory.com/branding/default/MIS_FeatureBanner_Background_HIRES.jpg");
  background-position: 85% 20%;
  background-size: cover;
  background-repeat: no-repeat; }

.misCloseBtn {
  display: none; }

.misContainer-1 {
  color: #FFFFFF;
  margin: 20px 0 0;
  text-align: center; }

p.misInfo {
  font-size: 16px;
  line-height: 1.6;
  margin: 10px 5px;
  padding: 10px 0; }

.flexbox .misWrapper-2 {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  /* NEW, Spec - Firefox, Chrome, Opera */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 160px;
  justify-content: space-around;
  margin: 20px 0;
  text-align: center; }

.no-flexboxlegacy .misWrapper-2 {
  display: block;
  height: 200px;
  text-align: center; }

a.misInfoIconLink {
  color: #FFFFFF; }
  a.misInfoIconLink:hover {
    color: #FFFFFF; }

.flexbox .misInfoIcon {
  font-size: 40px;
  color: #FFFFFF;
  flex: none; }

.no-flexboxlegacy .misInfoIcon {
  font-size: 40px;
  color: #FFFFFF;
  padding: 10px 0; }

.flexbox .misBwfBtn {
  flex: 1 1 0; }

.no-flexboxlegacy .misBwfBtn {
  flex: 1 1 0; }

.misLogo {
  flex: 100%; }

a.misBwfBtnLink {
  display: -webkit-inline-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-inline-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-inline-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: inline-flex;
  /* NEW, Spec - Firefox, Chrome, Opera */
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 22px;
  border: 3px solid #FFFFFF;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding: 10px 35px;
  text-transform: uppercase;
  color: #FFFFFF;
  cursor: pointer;
  white-space: nowrap; }
  a.misBwfBtnLink:hover {
    color: #FFFFFF; }

.flexbox .misLogo img {
  width: 215px;
  margin: auto;
  padding: 4% 0; }

.no-flexboxlegacy .misLogo img {
  width: 215px;
  margin: auto;
  padding: 10px 0; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Gift Vouchers One Click Add Upsell
-----------------------------------------------------------------------------------------------------------------------------------------------*/
h4.recommendations-heading {
  display: none; }

div.recommended-article:nth-of-type(1) {
  margin: 20px 0 30px; }

.gift-voucher-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  border: 2px solid #CCCCCC;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding: 40px 10px;
  background-color: #fcfcfc;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

span.gift-voucher-title {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 46px;
  text-transform: uppercase; }

span.gift-voucher-sub-title {
  font-size: 18px; }

.gift-voucher-info-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 14px; }

.gift-voucher-amounts-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

.gift-voucher-btn {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 20px;
  color: #FFFFFF;
  background-color: #332E32;
  margin: 8px 0 0 0;
  padding: 14px 40px;
  border: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  text-transform: uppercase; }

label.gift-amount-label {
  display: block;
  float: none;
  width: 85px;
  margin: 6px auto;
  padding: 10px 14px;
  background-color: #828081;
  color: #FFFFFF;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  cursor: pointer; }

label.gift-amount-label input[type="radio"] {
  zoom: 1.4;
  margin: 0; }

span.gift-amount {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-size: 24px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Cookie Alert
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.cookie-alert-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 999;
  bottom: 0;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.65); }

.cookie-alert-close {
  display: inline-block;
  float: right;
  color: #FFFFFF;
  padding: 10px;
  font-size: 30px;
  cursor: pointer; }

.cookie-alert-content-outer {
  background-color: #00B6AD;
  background-image: url("cookie-alert-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 90%;
  max-width: 600px; }

.cookie-alert-content-inner {
  padding: 30px 20px 20px;
  color: #FFFFFF; }

h1.cookie-alert-heading {
  font-size: 34px;
  letter-spacing: 0.1px;
  color: #FFFFFF; }

p.cookie-alert-info-intro,
p.cookie-alert-info {
  font-size: 20px;
  line-height: 1.6; }
  p.cookie-alert-info-intro a.cookie-alert-info-link,
  p.cookie-alert-info a.cookie-alert-info-link {
    color: #FFFFFF;
    text-decoration: underline; }
    p.cookie-alert-info-intro a.cookie-alert-info-link:hover,
    p.cookie-alert-info a.cookie-alert-info-link:hover {
      color: #FFFFFF; }

a.cookie-alert-cta-link {
  display: block !important;
  width: 100%;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 30px;
  letter-spacing: 2px;
  background-color: #242E6B;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  color: #FFFFFF;
  margin-top: 15px;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase; }
  a.cookie-alert-cta-link:hover {
    color: #FFFFFF; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* */
@media (max-width: 350px) {
  p.cookie-alert-info-intro,
  p.cookie-alert-info {
    font-size: 18px; } }

/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */
  .backgroundFeature h1 {
    font-size: 34px !important;
    padding: 70px 0 18px 0 !important; }
  .backgroundFeature h2 {
    font-size: 26px !important; }
  .newsletterEmailField {
    width: 72% !important;
    font-size: 20px !important;
    padding-left: 15px !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    text-align: left !important; }
  .submitBox,
  #standAloneSubmitBox {
    width: 28% !important;
    font-size: 20px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important; }
  /* SignUp Article Styles For Barclaycard */
  .barclaycardEntsSignup .backgroundFeature h1 {
    font-size: 24px !important;
    padding: 20px 0 18px 0 !important; }
  .barclaycardEntsSignup .backgroundFeature h2 {
    font-size: 26px !important; }
  .barclaycardEntsSignup .newsletterEmailField {
    width: 72% !important;
    font-size: 20px !important;
    padding-left: 15px !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    text-align: left !important; }
  .barclaycardEntsSignup .submitBox,
  .barclaycardEntsSignup #standAloneSubmitBox {
    width: 28% !important;
    font-size: 20px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important; } }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */
  .backgroundFeature h1 {
    font-size: 40px !important;
    padding: 60px 10px 18px 10px !important; }
  .backgroundFeature h2 {
    font-size: 30px !important; }
  .newsletterEmailField {
    width: 72% !important;
    font-size: 24px !important;
    padding-left: 35px !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important; }
  .submitBox,
  #standAloneSubmitBox {
    width: 28% !important;
    font-size: 24px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important; }
  /* SignUp Article Styles For Barclaycard */
  .barclaycardEntsSignup .backgroundFeature h1 {
    padding: 20px 10px 18px 10px !important; }
  .barclaycardEntsSignup .backgroundFeature h2 {
    font-size: 26px !important; }
  .barclaycardEntsSignup .newsletterEmailField {
    width: 72% !important;
    font-size: 24px !important;
    padding-left: 35px !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important; }
  .barclaycardEntsSignup .submitBox,
  .barclaycardEntsSignup #standAloneSubmitBox {
    width: 28% !important;
    font-size: 24px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important; }
  .flexbox .misInfoIcon {
    flex: 1 1 0; } }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  p.cookie-alert-info-intro,
  p.cookie-alert-info {
    font-size: 24px; }
  .bodyDetails.article .article-container-ttf.main-article-body h1 {
    font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif, "HelveticaNeueW01-55Roma", Arial, sans-serif;
    font-size: 30px;
    font-weight: 500;
    padding: 10px 0 4px;
    letter-spacing: -0.05em;
    text-transform: none;
    margin: 0;
    clear: none;
    border-bottom: 1px solid #DEDEDE; }
  #ARTRightTTFUnwind {
    width: 20%;
    float: right;
    /*padding: 0 0 20px 10px;*/
    padding: 0 0 5px 10px;
    clear: right; }
  .bodyDetails.article .article-container-ttf.main-article-body p strong {
    font-size: 14px;
    letter-spacing: 0em; }
  #ARTRightTTFUnwind {
    clear: right;
    float: right;
    margin-top: 15px;
    width: 20%;
    max-width: 225px;
    margin-left: 10px; }
  #ARTRightBarclaycardUnwind {
    display: none;
    clear: right;
    float: right;
    margin-top: 15px;
    width: 20%;
    max-width: 225px;
    margin-left: 10px; }
  .fi-info:before {
    font-family: "iconIse";
    font-style: normal;
    font-weight: normal;
    ont-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit; }
  .fi-info:before {
    content: "\f15e"; }
  .fi-info {
    font-size: 18px;
    color: #292566;
    padding-left: 6px;
    position: relative;
    top: 2px;
    display: inline-block; }
  .fi-info:hover {
    color: #292566; }
  .bodyDetails.article td.performance-description {
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem; }
  .article-container-ttf.main-article-body .container > div.ARTRight ~ .ARTRight {
    right: 0px;
    position: relative;
    float: right;
    width: auto;
    margin: 0;
    padding-right: 0;
    padding-left: 20px;
    padding-bottom: 4px;
    width: 21.3%; }
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
	Recommendations
-----------------------------------------------------------------------------------------------------------------------------------------------*/
  .recommendationFlexBoxItems {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center; }
  .recommendationItem {
    width: 49%;
    margin-left: 0.5%;
    margin-right: 0.5%; }
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
	None Event Article Styles
-----------------------------------------------------------------------------------------------------------------------------------------------*/
  .noneEvents_ContactUs, .noneEvents_AboutUs, .noneEvents_Terms, .noneEvents_Privacy, .noneEvents_FAQs, .noneEvents_Groups, .noneEvents_Disabled, .noneEvents_Dispatch, .noneEvents_Help, .noneEvents_Careers, .noneEvents_Voucher, .noneEvents_Affiliates, .noneEvents_TicketProtection, .noneEvents_News {
    background: #F9F9F9;
    margin: 0 -20px;
    text-align: left; }
  .noneEvents_ContactUs h1, .noneEvents_AboutUs h1, .noneEvents_Terms h1, .noneEvents_Privacy h1, .noneEvents_FAQs h1, .noneEvents_Groups h1, .noneEvents_Disabled h1, .noneEvents_Dispatch h1, .noneEvents_Help h1, .noneEvents_Careers h1, .noneEvents_Voucher h1, .noneEvents_Affiliates h1, .noneEvents_TicketProtection h1, .noneEvents_News h1 {
    position: relative;
    top: 35px;
    font-size: 5em !important;
    white-space: nowrap; }
  .noneEventsLogos {
    display: block;
    width: 100%;
    float: left; }
  .noneEvents_ContactUs .noneEvents_Logo1 {
    background-image: url("mobile.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 33.3333%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_ContactUs .noneEvents_Logo1 {
    background-image: url("mobile.svg");
    background-size: auto; }
  .noneEvents_ContactUs .noneEvents_Logo2 {
    background-image: url("headphone.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 33.3333%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_ContactUs .noneEvents_Logo2 {
    background-image: url("headphone.svg");
    background-size: auto; }
  .noneEvents_ContactUs .noneEvents_Logo3 {
    background-image: url("speech.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 33.3333%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_ContactUs .noneEvents_Logo3 {
    background-image: url("speech.svg");
    background-size: auto; }
  .noneEvents_AboutUs .noneEvents_Logo1 {
    background-image: url("dancer.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 25%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_AboutUs .noneEvents_Logo1 {
    background-image: url("dancer.svg");
    background-size: auto; }
  .noneEvents_AboutUs .noneEvents_Logo2 {
    background-image: url("meeting.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 25%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_AboutUs .noneEvents_Logo2 {
    background-image: url("meeting.svg");
    background-size: auto; }
  .noneEvents_AboutUs .noneEvents_Logo3 {
    background-image: url("handover.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 25%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_AboutUs .noneEvents_Logo3 {
    background-image: url("handover.svg");
    background-size: auto; }
  .noneEvents_AboutUs .noneEvents_Logo4 {
    background-image: url("worker.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 25%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_AboutUs .noneEvents_Logo4 {
    background-image: url("worker.svg");
    background-size: auto; }
  .noneEvents_Terms .noneEvents_Logo1 {
    background-image: url("folder.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_Terms .noneEvents_Logo1 {
    background-image: url("folder.svg");
    background-size: auto; }
  .noneEvents_Privacy .noneEvents_Logo1 {
    background-image: url("privacy.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_Privacy .noneEvents_Logo1 {
    background-image: url("privacy.svg");
    background-size: auto; }
  .noneEvents_FAQs .noneEvents_Logo1 {
    background-image: url("questions.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_FAQs .noneEvents_Logo1 {
    background-image: url("questions.svg");
    background-size: auto; }
  .noneEvents_Groups .noneEvents_Logo1 {
    background-image: url("group1.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 25%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_Groups .noneEvents_Logo1 {
    background-image: url("group1.svg");
    background-size: auto; }
  .noneEvents_Groups .noneEvents_Logo2 {
    background-image: url("group2.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 25%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_Groups .noneEvents_Logo2 {
    background-image: url("group2.svg");
    background-size: auto; }
  .noneEvents_Groups .noneEvents_Logo3 {
    background-image: url("group3.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 25%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_Groups .noneEvents_Logo3 {
    background-image: url("group3.svg");
    background-size: auto; }
  .noneEvents_Groups .noneEvents_Logo4 {
    background-image: url("group4.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 25%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_Groups .noneEvents_Logo4 {
    background-image: url("group4.svg");
    background-size: auto; }
  .noneEvents_Disabled .noneEvents_Logo1 {
    background-image: url("wheelchair1.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 50%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_Disabled .noneEvents_Logo1 {
    background-image: url("wheelchair1.svg");
    background-size: auto; }
  .noneEvents_Disabled .noneEvents_Logo2 {
    background-image: url("wheelchair2.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 50%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_Disabled .noneEvents_Logo2 {
    background-image: url("wheelchair2.svg");
    background-size: auto; }
  .noneEvents_Dispatch .noneEvents_Logo1 {
    background-image: url("tickets.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_Dispatch .noneEvents_Logo1 {
    background-image: url("tickets.svg");
    background-size: auto; }
  .noneEvents_Help .noneEvents_Logo1 {
    background-image: url("information.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_Help .noneEvents_Logo1 {
    background-image: url("information.svg");
    background-size: auto; }
  .noneEvents_Careers .noneEvents_Logo1 {
    background-image: url("arrows1.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 33.3333%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_Careers .noneEvents_Logo1 {
    background-image: url("arrows1.svg");
    background-size: auto; }
  .noneEvents_Careers .noneEvents_Logo2 {
    background-image: url("arrows2.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 33.3333%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_Careers .noneEvents_Logo2 {
    background-image: url("arrows2.svg");
    background-size: auto; }
  .noneEvents_Careers .noneEvents_Logo3 {
    background-image: url("arrows1.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 33.3333%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_Careers .noneEvents_Logo3 {
    background-image: url("arrows1.svg");
    background-size: auto; }
  .noneEvents_Voucher .noneEvents_Logo1 {
    background-image: url("voucher1.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 50%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_Voucher .noneEvents_Logo1 {
    background-image: url("voucher1.svg");
    background-size: auto; }
  .noneEvents_Voucher .noneEvents_Logo2 {
    background-image: url("voucher2.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 50%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_Voucher .noneEvents_Logo2 {
    background-image: url("voucher2.svg");
    background-size: auto; }
  .noneEvents_Affiliates .noneEvents_Logo1 {
    background-image: url("affiliates.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_Affiliates .noneEvents_Logo1 {
    background-image: url("affiliates.svg");
    background-size: auto; }
  .noneEvents_TicketProtection .noneEvents_Logo1 {
    background-image: url("ticket.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_TicketProtection .noneEvents_Logo1 {
    background-image: url("ticket.svg");
    background-size: auto; }
  .noneEvents_News .noneEvents_Logo1 {
    background-image: url("news.png");
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left; }
  .svg .noneEvents_News .noneEvents_Logo1 {
    background-image: url("news.svg");
    background-size: auto; }
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
	SignUp Article Styles
-----------------------------------------------------------------------------------------------------------------------------------------------*/
  .backgroundFeature {
    background-position: top center; }
  .backgroundFeature h1 {
    font-size: 48px !important;
    border-bottom: none !important;
    padding: 60px 0 18px 0 !important;
    margin: 0 !important; }
  .backgroundFeature h2 {
    font-size: 30px !important; }
  .emailSignUpPerks {
    margin: 20px auto 40px auto; }
  .emailSignUpPerks span {
    display: inline-block;
    text-align: left; }
  .emailSignUpPerks span i {
    display: inline-block;
    text-align: left;
    font-size: 40px; }
  .newsletterEmailField {
    height: 70px !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: none !important;
    width: 82% !important;
    padding-left: 35px !important;
    font-size: 24px !important;
    font-weight: normal !important;
    display: inline-block !important;
    float: left !important;
    letter-spacing: -0.02em !important;
    text-align: left !important; }
  .submitBox,
  #standAloneSubmitBox {
    height: 70px !important;
    margin: 0 !important;
    border: none !important;
    display: inline-block !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    float: left !important;
    width: 18% !important;
    font-size: 24px !important;
    letter-spacing: -0.02em !important;
    color: white !important;
    background: #1a166a !important; }
  .emailSignUpPerks .esuPerk1 i {
    text-indent: 7px;
    padding-right: 5px; }
  .emailSignUpPerks .esuPerk4 i {
    text-indent: 4px;
    padding-right: 6px; }
  .emailSignUpPerks .esuPerk5 i {
    text-indent: 0px;
    padding-right: 4px; }
  p.barclaycardIntro {
    font-size: 22px !important; }
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
	SignUp Article Styles For Barclaycard
-----------------------------------------------------------------------------------------------------------------------------------------------*/
  .barclaycardEntsSignup .backgroundFeature {
    background-position: top center; }
  .barclaycardEntsSignup .backgroundFeature h1 {
    border-bottom: none !important;
    padding: 0px 0 18px 0 !important;
    margin: 0 !important; }
  .barclaycardEntsSignup .backgroundFeature h2 {
    font-size: 24px !important; }
  .barclaycardEntsSignup .newsletterEmailField {
    height: 50px !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: none !important;
    width: 82% !important;
    padding-left: 35px !important;
    font-size: 24px !important;
    font-weight: normal !important;
    display: inline-block !important;
    float: left !important;
    letter-spacing: -0.02em !important;
    text-align: left !important; }
  .barclaycardEntsSignup .submitBox,
  .barclaycardEntsSignup #standAloneSubmitBox {
    height: 50px !important;
    margin: 0 !important;
    border: none !important;
    display: inline-block !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    float: left !important;
    width: 18% !important;
    font-size: 24px !important;
    letter-spacing: -0.02em !important;
    color: white !important;
    background: #1a166a !important; }
  .barclaycardEntsSignup p.barclaycardIntro {
    font-size: 22px !important; }
  .barclaycardEntsSignup p.barclaycardInfo {
    font-size: 16px !important; }
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
	MakeItSocial Article Styles
-----------------------------------------------------------------------------------------------------------------------------------------------*/
  .misContainer-1 {
    margin: 0; }
  .flexbox .misWrapper-2 {
    margin: 0 0 20px;
    height: 100px; }
  .no-flexboxlegacy .misWrapper-2 {
    margin: 0 0 20px;
    height: 100px; }
  .misCloseBtn {
    display: block;
    font-size: 30px;
    color: #FFFFFF;
    padding: 6px;
    text-align: center;
    cursor: pointer;
    z-index: 1; }
  .flexbox .misInfoIcon {
    flex: 1 1 0; }
  .misLogo {
    flex: 1 1 0; }
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
	Gift Vouchers One Click Add Upsell
-----------------------------------------------------------------------------------------------------------------------------------------------*/
  .gift-voucher-info-container {
    -webkit-flex-basis: 40%;
    -moz-flex-basis: 40%;
    -ms-flex-basis: 40%;
    flex-basis: 40%;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 0; }
  .gift-voucher-amounts-container {
    -webkit-flex-basis: 60%;
    -moz-flex-basis: 60%;
    -ms-flex-basis: 60%;
    flex-basis: 60%;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end; }
  label.gift-amount-label {
    float: left;
    margin: 0 0 0 6px; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  #socialShareButtons {
    text-align: right; }
  /* Inline Signup */
  .emailInvalidInline {
    position: absolute;
    top: 0;
    text-align: center;
    width: 91%;
    height: 30px;
    display: none; }
  /* */
  .article-container-ttf.main-article-body .container > div.ARTRight {
    right: 0;
    position: relative;
    float: right;
    width: auto;
    margin: 0; }
  #ARTPrice {
    line-height: 22px;
    text-align: right;
    font-size: 14px;
    padding: 0;
    color: #262626;
    background: none;
    margin: 0; }
  .ARTRight img {
    float: right;
    margin: 30px 0 20px 40px; }
  #ARTPrice strong {
    font-size: 22px;
    line-height: 0.2em;
    margin: 27px 0 0;
    display: block; }
  .bodyDetails {
    padding: 40px 0;
    position: relative; }
  .bodyDetails.article p + table {
    width: 60% !important; }
  .emailSignUpPerks {
    padding: 20px 0 0; }
  .backgroundFeature h1 {
    font-size: 48px !important;
    border-bottom: none !important;
    padding: 119px 0 29px 0 !important;
    margin: 0 !important; }
  .emailSignUpPerks span {
    font-size: 28px; }
  .emailSignUpPerks span i {
    font-size: 60px; }
  p.barclaycardIntro {
    font-size: 24px !important;
    padding: 0 10%; }
  /* SignUp Article Styles For Barclaycard */
  .barclaycardEntsSignup .backgroundFeature h1 {
    font-size: 30px !important;
    border-bottom: none !important;
    margin: 0 !important; }
  .barclaycardEntsSignup .emailSignUpPerks span {
    font-size: 28px; }
  .barclaycardEntsSignup .emailSignUpPerks span i {
    font-size: 60px; }
  .barclaycardEntsSignup p.barclaycardIntro {
    font-size: 32px !important;
    padding: 0 10%; }
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
	None Events Group Bookings Page
    -----------------------------------------------------------------------------------------------------------------------------------------------*/
  #grpsBookings {
    text-align: left; }
  #grpsBookings .grpsEvent_Img {
    float: right;
    padding: 0 0 0 5px; }
  #grpsBookings .grpsEvent_showDetails {
    padding: 0; }
  #grpsBookings .grpsEvent_blurb {
    padding: 15px 0; }
  #grpsBookings .grpsGetTickets {
    margin: 0; }
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
	MakeItSocial Article Styles
-----------------------------------------------------------------------------------------------------------------------------------------------*/
  .misCloseBtn {
    position: absolute;
    right: 10px; }
  .misContainer {
    background-position: 0% 22%; }
  .flexbox .misWrapper-2 {
    height: 125px; }
  .no-flexboxlegacy .misWrapper-2 {
    height: 125px;
    padding-top: 30px; }
  p.misInfo {
    font-size: 18px;
    line-height: 1.4;
    margin: 50px 5px 0;
    padding: 0; }
  .flexbox .misInfoIcon {
    flex: 1 1 0;
    text-align: right; }
  .no-flexboxlegacy .misInfoIcon {
    float: left;
    width: 33.333%;
    text-align: right; }
  .no-flexboxlegacy .misBwfBtn {
    float: left;
    width: 33.333%; }
  .flexbox .misLogo {
    text-align: left; }
  .no-flexboxlegacy .misLogo {
    float: left;
    width: 33.333%;
    text-align: left; }
  .flexbox .misLogo img {
    margin: 0; }
  .no-flexboxlegacy .misLogo img {
    margin: 0; }
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
	Gift Vouchers One Click Add Upsell
-----------------------------------------------------------------------------------------------------------------------------------------------*/
  .gift-voucher-container {
    padding: 40px; }
  label.gift-amount-label {
    width: auto; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
	MakeItSocial Article Styles
-----------------------------------------------------------------------------------------------------------------------------------------------*/
  /* Rotate */
  .misCloseBtnRotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform; }
  .misCloseBtnRotate:hover, .misCloseBtnRotate:focus, .misCloseBtnRotate:active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  /* Float Shadow */
  .misBwfBtnLinkFloatShadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform; }
  .misBwfBtnLinkFloatShadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity; }
  .misBwfBtnLinkFloatShadow:hover, .misBwfBtnLinkFloatShadow:focus, .misBwfBtnLinkFloatShadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    /* move the element up by 5px */ }
  .misBwfBtnLinkFloatShadow:hover:before, .misBwfBtnLinkFloatShadow:focus:before, .misBwfBtnLinkFloatShadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } }

/************************************************************************************************************************************************
*                                                                                                                                               *
*                                                                                                                                               *
*       Project:    TTF Category Updates                                                                                                        *
*       Date:       March 2015                                                                                                                  *
*       Author:     Wilko                                                                                                                       *
*       Copyright:  TheTicketFactory.com, 2015                                                                                                 *
*                                                                                                                                               *
*                                                                                                                                               *
************************************************************************************************************************************************/
/* IS - AJAX Loader */
.ttfLoader {
  width: 100%;
  height: 140px;
  background-image: url("ellipsis.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 3em;
  margin-bottom: 2em;
  font-size: 22px;
  color: #9e005d;
  float: left;
  text-align: center;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  letter-spacing: -0.02em;
  text-transform: uppercase; }

@media (min-width: 768px) {
  .ttfLoader {
    background-size: 6% auto; } }

.bodyDetails.categoryPage.article .article-container-ttf.main-article-body {
  padding: 0 !important; }

.bodyDetails.categoryPage.article #socialShareButtons {
  margin-bottom: 0 !important; }

/*  Fluid Grid Overrides
************************************************************************************************************************************************/
#category_Slider + .container > .bodyDetails.article > .row > #searchBox + .articles > .article-body-container > .wrapper > .article-container-ttf.main-article-body {
  padding: 0; }

.bodyDetails.categoryPage.article > .row > #searchBox + .articles > .article-body-container > .wrapper > .article-container-ttf.main-article-body > .container,
#category_Slider + .container,
.bindingDiv > .container,
#category_Slider + .container > .bodyDetails.article > .row > #searchBox + .articles > .article-body-container > .wrapper > .article-container-ttf.main-article-body > .container,
#category_Slider + .container > .bodyDetails.article > .row > #searchBox + .articles > .article-body-container > .wrapper > .article-container-ttf.main-article-body > .container > .container,
#category_Navigation > .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%; }

.bodyDetails.categoryPage.article > .row > #searchBox + .articles > .article-body-container > .wrapper > .article-container-ttf.main-article-body > .container > .row,
#category_Slider + .container > .row,
.bindingDiv > .container > .row,
#category_Slider + .container > .bodyDetails.article > .row,
#category_Slider + .container > .bodyDetails.article > .row > #searchBox + .articles > .article-body-container > .wrapper > .article-container-ttf.main-article-body > .container > .container > .row {
  margin-left: 0;
  margin-right: 0; }

/*  Category Colours
************************************************************************************************************************************************/
.categoryMusic {
  color: #9e005d; }

.lightPink {
  color: #9e005d; }

.musicCategoryBinder .lightPink {
  color: #9e005d; }

.theatreCategoryBinder .lightPink {
  color: #711e7e; }

.familyCategoryBinder .lightPink {
  color: #212e84; }

.sportCategoryBinder .lightPink {
  color: #f36f21; }

.exhibitionsCategoryBinder .lightPink {
  color: #410155; }

.comedyCategoryBinder .lightPink {
  color: #00b6ad; }

.festivalsCategoryBinder .lightPink {
  color: #74c694; }

.birminghamUpdatesBinder .lightPink {
  color: #0093AD; }

/*  Breadcrumb Line
************************************************************************************************************************************************/
#category_Breadcrumb {
  background: #F3F3F3;
  width: 100%;
  height: 30px;
  overflow: hidden;
  border-bottom: 1px solid #D7D7D7;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 30px;
  color: #8C8C8C;
  text-indent: 20px;
  padding: 0;
  margin: 0; }

#category_Breadcrumb a {
  color: #8C8C8C;
  text-decoration: none;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

#category_Breadcrumb a:hover {
  color: black;
  text-decoration: none; }

#category_Breadcrumb a.bcSelected_Music {
  color: #9e005d;
  text-decoration: none; }

#category_Breadcrumb a.bcSelected_Music:hover {
  color: #d16396;
  text-decoration: none; }

/*  Category Title & Braces
************************************************************************************************************************************************/
#category_Title {
  margin: 10px 0 10px; }

@media (min-width: 768px) {
  #category_Title {
    margin: 20px 0 0; } }

#category_Title-titleText {
  padding: 0 3%;
  text-align: center;
  width: 100%; }

@media (min-width: 768px) {
  #category_Title-titleText {
    padding: 0;
    float: left; } }

#category_Title-titleText div {
  margin: 0 auto;
  width: auto;
  text-align: center;
  display: inline-block;
  position: relative; }

div#category_Title-titleText div::before,
div#category_Title-titleText div::after {
  content: ' ';
  display: block;
  height: 2px;
  background: #322f31;
  width: 436%;
  position: absolute;
  margin-top: 40px;
  top: 0; }

div#category_Title-titleText div::before {
  left: -440%; }

div#category_Title-titleText div::after {
  right: -440%; }

.category_Title-titleMask {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-animation-name: masked-animation;
  -webkit-animation-duration: 40s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear; }

.musicTM {
  background: url(https://d36kigkh74flet.cloudfront.net/branding/default/categoryTitlePaint.png) repeat, transparent;
  color: #ea088c; }

.theatreTM {
  background: url(https://d36kigkh74flet.cloudfront.net/branding/default/categoryTitlePaint_Theatre.png) repeat, transparent;
  color: #eb1b23; }

.familyTM {
  background: url(https://d36kigkh74flet.cloudfront.net/branding/default/categoryTitlePaint_Family.png) repeat, transparent;
  color: #003873; }

.sportsTM {
  background: url(https://d36kigkh74flet.cloudfront.net/branding/default/categoryTitlePaint_Sports.png) repeat, transparent;
  color: #f16e20; }

.exhibitionsTM {
  background: url(https://d36kigkh74flet.cloudfront.net/branding/default/categoryTitlePaint_Exhibitions.png) repeat, transparent;
  color: #6f1e7d; }

.comedyTM {
  background: url(https://d36kigkh74flet.cloudfront.net/branding/default/categoryTitlePaint_Comedy.png) repeat, transparent;
  color: #00b4ab; }

.festivalsTM {
  background: url(https://d36kigkh74flet.cloudfront.net/branding/default/categoryTitlePaint_Festivals.png) repeat, transparent;
  color: #cbcb1e; }

@media screen\0 {
  .musicTM,
  .theatreTM,
  .familyTM,
  .sportsTM,
  .exhibitionsTM,
  .comedyTM,
  .festivalsTM {
    background: none; } }

@media screen and (min--moz-device-pixel-ratio: 0) {
  .musicTM,
  .theatreTM,
  .familyTM,
  .sportsTM,
  .exhibitionsTM,
  .comedyTM,
  .festivalsTM {
    background: none; } }

@-webkit-keyframes masked-animation {
  0% {
    background-position: left bottom; }
  100% {
    background-position: right bottom; } }

#category_Title-titleText h1 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif !important;
  font-size: 50px;
  font-size: 3.125rem;
  font-weight: normal !important;
  color: #353535 !important;
  letter-spacing: -0.02em !important;
  margin: 8px 0 0 0 !important;
  padding: 0 !important;
  border-bottom: none !important;
  text-transform: uppercase; }

@media (min-width: 768px) {
  #category_Title-titleText h1 {
    font-size: 70px;
    font-size: 4.375rem;
    margin: 2px 0 0 0 !important; } }

/*  Category Introduction
************************************************************************************************************************************************/
#category_Introduction {
  display: block; }

@media (min-width: 768px) {
  #category_Introduction {
    padding: 0 0 10px 0; } }

#category_Introduction p {
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
  color: #353535;
  text-align: center;
  padding: 3px 18px 28px 18px;
  margin: 0; }

#category_Introduction p br {
  display: none; }

@media (min-width: 992px) {
  #category_Introduction p {
    padding: 3px 18px 18px 18px; }
  #category_Introduction p br {
    display: block; } }

/*  Slider Temporary Holder
************************************************************************************************************************************************/
.boxedcontainer {
  padding: 0 !important; }

#category_Slider {
  position: relative;
  overflow: hidden;
  background: #E5E5E5;
  display: none; }

@media (min-width: 992px) {
  #category_Slider {
    display: block; } }

.tp-banner ul {
  display: none; }

.tp-bullets.tp-thumbs {
  background: transparent !important;
  padding: 0px !important;
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.5); }

#category_Slider:after {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 4px;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 20;
  visibility: visible; }

@media (min-width: 550px) {
  #category_Slider:after {
    left: 0;
    width: 100%; } }

.sliderLeftBrace,
.sliderRightBrace,
.sliderThinRightBrace,
.sliderThinLeftBrace,
.sliderContentMap,
.sliderArtistName,
.sliderArtistInfo,
.sliderArtistVenue {
  display: none; }

@media (min-width: 992px) {
  .sliderLeftBrace,
  .sliderRightBrace,
  .sliderThinRightBrace,
  .sliderThinLeftBrace,
  .sliderContentMap,
  .sliderArtistName,
  .sliderArtistInfo,
  .sliderArtistVenue {
    display: block; } }

/*  Main Category Sub Menus
************************************************************************************************************************************************/
#category_Submenu_Music {
  width: 100%;
  float: left;
  border: none !important;
  background: #9e005d;
  margin: 0; }

/*  Category Sub Menu Bolt-Ins
************************************************************************************************************************************************/
#category_Submenu_Genre {
  display: none; }

@media (min-width: 992px) {
  #category_Submenu_Genre {
    width: 10%;
    height: 45px;
    line-height: 47px;
    text-align: center;
    font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
    font-size: 22px;
    font-size: 1.375rem;
    letter-spacing: -0.02em;
    color: white;
    text-transform: uppercase;
    float: left;
    display: block; } }

ul#category_Submenu_Frame {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%; }

.navbar {
  border-radius: 0; }

.navbar-nav > li > a {
  padding: 0;
  line-height: 45px; }

.navbar-nav {
  width: 100%;
  padding: 0;
  margin: 0; }

.navbar-brand {
  padding: 0 28px; }

.navbar-toggle {
  width: 100%;
  height: 50px;
  border: none;
  float: none;
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: white;
  padding: 0 10%;
  border-radius: 0;
  margin: 0; }

.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
  max-height: 500px; }

.navbar-default .navbar-toggle {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #410155; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #d16396; }

.category_Submenu_Item_Music {
  width: 100%;
  height: 45px;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  text-shadow: none;
  color: white;
  white-space: nowrap;
  border-top: none !important;
  border-bottom: none !important;
  background-color: transparent;
  background-image: url(https://d36kigkh74flet.cloudfront.net/branding/default/category_Submenu_Music.png);
  background-position: top center;
  background-repeat: repeat;
  background-size: 100% auto;
  background-size: cover;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

@media (min-width: 768px) {
  .category_Submenu_Item_Music {
    width: 11.1%;
    font-size: 13px;
    font-size: 0.8125rem;
    border-left: 1px solid #d16396;
    border-right: 1px solid #9e005d;
    background-position: top left;
    background-repeat: no-repeat; } }

@media (min-width: 992px) {
  .category_Submenu_Item_Music {
    width: 10%;
    font-size: 16px;
    font-size: 1rem; } }

.category_Submenu_Item_Music:hover {
  background-color: #d16396;
  text-shadow: 1px 1px 4px #9e005d;
  cursor: pointer; }

.category_Submenu_Item_Music.submenuActive {
  background: #212e84 url(image-path/category_Submenu_Music_Active.png) top center repeat; }

.category_Submenu_Item_Music a {
  text-decoration: none;
  color: white !important; }

.navbar {
  min-height: 45px !important; }

/*  Category Results & Amount Filters
************************************************************************************************************************************************/
.category_Results {
  display: none; }

@media (min-width: 768px) {
  .category_Results {
    background: #c6cac8;
    margin: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    display: block;
    padding: 20px 0; } }

.category_Results_Mobile {
  background: #c6cac8;
  margin: 0;
  border-bottom: 4px solid #c6cac8;
  font-size: 14px;
  font-size: 0.875rem;
  display: block; }

.category_Results_Mobile_Initial {
  background: #c6cac8;
  margin: 0;
  border-bottom: none;
  font-size: 14px;
  font-size: 0.875rem;
  display: block; }

@media (min-width: 768px) {
  .category_Results_Mobile, .category_Results_Mobile_Initial {
    display: none; } }

.category_Results-resultCount {
  font-size: 18px;
  font-size: 1.125rem;
  text-indent: 0px;
  color: #322f31;
  padding-top: 0px;
  float: left;
  text-align: center; }

@media (min-width: 768px) {
  .category_Results-resultCount {
    text-indent: 9px;
    text-align: left;
    font-size: 16px;
    font-size: 1rem; } }

.category_Results_Mobile_Initial .category_Results-resultCount {
  width: 100%;
  padding: 10px 0; }

.category_Results-filterPagination {
  float: right;
  padding-right: 0px; }

.category_Results_Mobile .category_Results-filterPagination {
  width: 100%;
  height: 44px;
  text-indent: 0px;
  color: #322f31;
  padding-top: 0px;
  float: left;
  text-align: center; }

.category_Results-filterAmount {
  float: left; }

.category_Results-filterAmount ul {
  list-style-type: none;
  margin: 0;
  padding: 0 9px 0 0; }

.category_Results-filterAmount ul li {
  float: left; }

li.category_Results_Show_Label {
  padding-right: 0px;
  color: #322f31; }

li.category_Results_Show {
  padding: 9px 7px 3px 7px;
  margin: 9px 2px 7px 0;
  background: #410155;
  color: #E6E6E6;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

li.category_Results_Show:hover {
  padding: 9px 7px 9px 7px;
  background: #410155;
  color: white;
  font-size: 14px;
  font-size: 0.875rem;
  cursor: pointer; }

li.category_Results_Show.activeAmount {
  padding: 9px 7px 9px 7px;
  margin: 9px 2px 7px 0;
  background: #663674;
  color: white;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

/* Mobile Version */
.category_Results_Mobile .category_Results-filterPagination .category_Results_Show_Label {
  float: left;
  width: 20%;
  padding-right: 0;
  line-height: 44px;
  color: #322f31;
  padding-top: 3px; }

.category_Results_Mobile .category_Results-filterPagination .category_Results_Show {
  float: left;
  width: 20%;
  padding: 9px 2% 3px 2%;
  margin: 9px 0 7px 0;
  background: #c6cac8;
  color: #322f31;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

.category_Results_Mobile .category_Results-filterPagination .category_Results_Show:hover {
  background: #c6cac8;
  color: white;
  cursor: pointer; }

.category_Results_Mobile .category_Results-filterPagination .category_Results_Show.activeAmount {
  float: left;
  width: 20%;
  padding: 9px 2% 9px 2%;
  margin: 9px 0 7px 0;
  background: #663674;
  color: white;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

@media (min-width: 550px) {
  .category_Results_Mobile .category_Results-filterPagination .category_Results_Show.activeAmount {
    padding: 9px 2% 3px 2%; } }

.category_Results-filterSplitter {
  display: none; }

@media (min-width: 768px) {
  .category_Results-filterSplitter {
    width: 1px;
    height: 39px;
    margin: 5px 24px 0 0;
    background: #663674;
    overflow: hidden;
    float: left;
    display: block; } }

.category_Results-pagination {
  width: auto;
  height: 41px;
  float: left;
  padding-top: 3px; }

.category_Results_Mobile_Initial .category_Results-pagination {
  height: 41px;
  float: left;
  padding-top: 0px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem; }

.category_Results-paginationNumber {
  float: left;
  color: #E6E6E6;
  line-height: 44px; }

.category_Results-paginationArrowLeft {
  float: left;
  padding: 0 10px;
  line-height: 44px;
  font-size: 26px;
  font-size: 1.625rem;
  color: #d16396;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

@media (min-width: 768px) {
  .category_Results-paginationArrowLeft {
    font-size: 16px;
    font-size: 1rem; } }

.category_Results_Mobile_Initial .category_Results-paginationArrowLeft, .category_Results_Mobile_Initial .category_Results-paginationArrowRight {
  width: 25%; }

.category_Results_Mobile_Initial .category_Results-paginationNumber {
  width: 50%; }

.category_Results-paginationArrowRight {
  float: left;
  padding: 0 6px 0 10px;
  line-height: 44px;
  font-size: 26px;
  font-size: 1.625rem;
  color: #d16396;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

@media (min-width: 768px) {
  .category_Results-paginationArrowRight {
    font-size: 16px;
    font-size: 1rem; } }

.category_Results-paginationArrowLeft:hover, .category_Results-paginationArrowRight:hover {
  color: #d16396;
  cursor: pointer; }

.fi-arrow-left:before, .fi-arrow-right:before {
  font-family: "iconIse";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit; }

.fi-arrow-left:before {
  content: "\f10a"; }

.fi-arrow-right:before {
  content: "\f10b"; }

/*  Category Filter Grid Framework
************************************************************************************************************************************************/
.category_Grid_Frame {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: white;
  margin: 0;
  padding: 0; }

#gridFiltering {
  float: left;
  display: block;
  margin: 0 auto;
  max-width: 100%; }

.category_Grid_Filters_Items_Dropdown {
  padding-left: 0;
  padding-right: 0; }

.category_Grid_Filters_Items_Dropdown #cityDropdown {
  text-transform: uppercase;
  border-radius: 0;
  border: 0;
  background: #f1f2f0;
  font-size: 20px;
  height: auto;
  -webkit-appearance: none;
  padding: 6px 24px; }

.category_Grid_Filters_Items_Dropdown::after {
  content: '\f107';
  font-family: 'FontAwesome';
  float: right;
  display: block;
  position: absolute;
  top: 4px;
  right: 28px;
  font-size: 24px; }

.category_Grid_Filters {
  margin: 28px 0 0 0;
  width: 100%;
  clear: both; }

@media (min-width: 992px) {
  .category_Grid_Filters {
    width: 25%;
    clear: none; } }

@media (min-width: 1200px) {
  .category_Grid_Filters {
    width: 22%;
    clear: none; } }

@media (min-width: 1600px) {
  .category_Grid_Filters {
    width: 18%;
    clear: none; } }

@media (min-width: 1800px) {
  .category_Grid_Filters {
    width: 16%;
    clear: none; } }

@media (min-width: 2000px) {
  .category_Grid_Filters {
    width: 14%;
    clear: none; } }

@media (min-width: 2200px) {
  .category_Grid_Filters {
    width: 12%;
    clear: none; } }

.category_Grid_Filters_Items {
  padding-left: 22px;
  padding-right: 22px;
  padding-bottom: 30px;
  color: #c6cac8;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

.category_Grid_Filters_Items:hover {
  background: #F6F6F6;
  color: black; }

.category_Grid_Filters_Items_Title {
  width: 84%;
  padding: 0 8%;
  color: #353535;
  float: left; }

.category_Grid_Filters_Items_BB {
  width: 84%;
  margin: 0 8%;
  height: 1px;
  overflow: hidden;
  float: left;
  background: #f1f2f0; }

.category_Grid_Filters_Items_BBL {
  width: 84%;
  margin: 0 8% 0 8%;
  height: 1px;
  overflow: hidden;
  float: left;
  background: #f1f2f0; }

.category_Grid_Filters_Items h2, .category_Grid_Filters_Items_BB h2, .category_Grid_Filters_Items_Title h2 {
  font-family: "Helvetica Neue LT W04_57 Cond", Arial, sans-serif;
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 500 !important;
  color: #353535 !important;
  margin: 0 !important;
  padding: 0 0 7px 0 !important;
  letter-spacing: 0.02em !important; }

.category_Grid_Filters_Items h3, .category_Grid_Filters_Items_BB h3 {
  font-family: "Helvetica Neue LT W04_57 Cond", Arial, sans-serif !important;
  font-size: 20px !important;
  margin: 0 !important;
  padding: 31px 0 8px 0 !important;
  letter-spacing: -0.01em !important;
  line-height: inherit !important;
  color: #322f31 !important;
  cursor: pointer; }

.displayNone {
  display: none; }

.category_Grid_Filters_Items .arrowUp {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #353535;
  float: right;
  margin-top: 9px; }

.category_Grid_Filters_Items-checkBoxes {
  border: 2px solid #c6cac8;
  padding: 12px 8px 1px 8px;
  margin: 0;
  background: white;
  color: #353535;
  font-size: 12px;
  max-height: 220px;
  overflow-y: scroll;
  overflow-x: none;
  text-transform: lowercase; }

.category_Grid_Filters_Items-checkBoxes label:first-letter {
  text-transform: capitalize; }

.category_Grid_Filters_Items-checkBoxes label {
  width: 100%;
  display: block;
  padding: 4px 0; }

.category_Grid_Filters_Items-checkBoxes .col-sm-12 {
  margin: 0;
  padding: 0; }

.category_Grid_Filters_Items-checkBoxes input[type="checkbox"] {
  margin: 2px 0 0 -20px; }

.category_Grid_Filters_Items-checkBoxes .checkbox {
  margin-bottom: 7px; }

.category_Grid_Filters_Items-checkBoxes .checkbox:first-child {
  margin-top: 0; }

.category_Grid_Filters_Items-checkBoxes .checkbox:last-child {
  margin-bottom: 7px; }

/*  Category Result Grid Framework - Mobile Overrides
************************************************************************************************************************************************/
.category_Grid_Filters_Mobile {
  display: block;
  border-bottom: 2px solid #D3D3D3; }

@media (min-width: 992px) {
  .category_Grid_Filters_Mobile {
    display: none; } }

.category_Grid_Filters {
  display: none; }

@media (min-width: 992px) {
  .category_Grid_Filters {
    display: block; } }

.form-control {
  max-width: 100%; }

/*  Category Result Grid Framework
************************************************************************************************************************************************/
.category_Grid_Elements_Frame {
  text-align: center;
  padding: 28px 0;
  margin: 0;
  position: relative;
  background-position: top center;
  background-repeat: no-repeat;
  border-top: 1px solid #f1f2f0;
  border-left: none;
  border-right: none;
  background-size: 82% auto;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  box-shadow: 0 25px 50px -25px rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: 0 25px 50px -25px rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 25px 50px -25px rgba(255, 255, 255, 0.5) inset;
  -o-box-shadow: 0 25px 50px -25px rgba(255, 255, 255, 0.5) inset; }

@media (min-width: 400px) {
  .category_Grid_Elements_Frame {
    border-right: 1px solid #f1f2f0; } }

@media (min-width: 992px) and (max-width: 1200px) {
  .category_Grid_Elements_Frame:nth-child(3n+3),
  .category_Grid_Elements_Frame:nth-child(0),
  .category_Grid_Elements_Frame:nth-child(3) {
    border-right: none; }
  .category_Grid_Elements_Frame:nth-child(4) {
    border-right: 1px solid #f1f2f0; } }

@media (min-width: 1200px) and (max-width: 1600px) {
  .category_Grid_Elements_Frame:nth-child(4n+4),
  .category_Grid_Elements_Frame:nth-child(0),
  .category_Grid_Elements_Frame:nth-child(4) {
    border-right: none; }
  .category_Grid_Elements_Frame:nth-child(5) {
    border-right: 1px solid #f1f2f0; } }

@media (min-width: 1600px) and (max-width: 2000px) {
  .category_Grid_Elements_Frame:nth-child(6n+6),
  .category_Grid_Elements_Frame:nth-child(0),
  .category_Grid_Elements_Frame:nth-child(6) {
    border-right: none; }
  .category_Grid_Elements_Frame:nth-child(7) {
    border-right: 1px solid #f1f2f0; } }

@media (min-width: 2000px) {
  .category_Grid_Elements_Frame:nth-child(8n+8),
  .category_Grid_Elements_Frame:nth-child(0),
  .category_Grid_Elements_Frame:nth-child(8) {
    border-right: none; }
  .category_Grid_Elements_Frame:nth-child(9) {
    border-right: 1px solid #f1f2f0; } }

.visibleGrid {
  visibility: visible; }

.fluidGrid {
  background: #f1f2f0;
  background: -moz-linear-gradient(top, #f1f2f0 0%, white 100%);
  background: -webkit-linear-gradient(top, #f1f2f0 0%, white 100%);
  background: linear-gradient(to bottom, #f1f2f0 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f0', endColorstr='#ffffff',GradientType=0 ); }

.resultsOutput {
  padding: 0;
  background: #FFFFFF; }

@media (min-width: 992px) {
  .resultsOutput {
    width: 75%;
    clear: none; } }

@media (min-width: 1200px) {
  .resultsOutput {
    width: 78%;
    clear: none; } }

@media (min-width: 1600px) {
  .resultsOutput {
    width: 82%;
    clear: none; } }

@media (min-width: 1800px) {
  .resultsOutput {
    width: 84%;
    clear: none; } }

@media (min-width: 2000px) {
  .resultsOutput {
    width: 86%;
    clear: none; } }

@media (min-width: 2200px) {
  .resultsOutput {
    width: 88%;
    clear: none; } }

.ttfSearchResults {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

@media (max-width: 400px) {
  .category_Grid_Elements_Frame {
    width: 100%;
    float: left; } }

@media (min-width: 400px) {
  .category_Grid_Elements_Frame {
    width: 50%;
    float: left;
    background-size: 81% auto; } }

@media (min-width: 768px) {
  .category_Grid_Elements_Frame {
    width: 25%;
    background-size: contain; } }

@media (min-width: 992px) {
  .category_Grid_Elements_Frame {
    width: 25%;
    clear: none; } }

@media (min-width: 1200px) {
  .category_Grid_Elements_Frame {
    width: 25%;
    clear: none;
    background-size: 113% auto; } }

@media (min-width: 1600px) {
  .category_Grid_Elements_Frame {
    width: 16.66666666666667%;
    clear: none;
    background-size: 113% auto; } }

@media (min-width: 2000px) {
  .category_Grid_Elements_Frame {
    width: 12.5%;
    clear: none;
    background-size: 113% auto; } }

@media (min-width: 2200px) {
  .category_Grid_Elements_Frame {
    width: 12.5%;
    clear: none;
    background-size: 113% auto; } }

.category_Grid_Elements_Frame:hover {
  box-shadow: 0 -15px 180px -15px rgba(0, 0, 0, 0.1) inset, 2px 0 31px 0 rgba(0, 0, 0, 0.07) inset;
  -webkit-box-shadow: 0 -15px 180px -15px rgba(0, 0, 0, 0.1) inset, 2px 0 31px 0 rgba(0, 0, 0, 0.07) inset;
  -moz-box-shadow: 0 -15px 180px -15px rgba(0, 0, 0, 0.1) inset, 2px 0 31px 0 rgba(0, 0, 0, 0.07) inset;
  -o-box-shadow: 0 -15px 180px -15px rgba(0, 0, 0, 0.1) inset, 2px 0 31px 0 rgba(0, 0, 0, 0.07) inset;
  cursor: pointer; }

.musicCategoryBinder .category_Grid_Elements_Frame:hover {
  box-shadow: 0 -15px 180px -15px rgba(158, 0, 93, 0.05) inset, 2px 0 31px 0 rgba(158, 0, 93, 0.04) inset; }

.theatreCategoryBinder .category_Grid_Elements_Frame:hover {
  box-shadow: 0 -15px 180px -15px rgba(113, 30, 126, 0.05) inset, 2px 0 31px 0 rgba(113, 30, 126, 0.04) inset; }

.familyCategoryBinder .category_Grid_Elements_Frame:hover {
  box-shadow: 0 -15px 180px -15px rgba(33, 46, 132, 0.05) inset, 2px 0 31px 0 rgba(33, 46, 132, 0.04) inset; }

.sportCategoryBinder .category_Grid_Elements_Frame:hover {
  box-shadow: 0 -15px 180px -15px rgba(243, 111, 33, 0.05) inset, 2px 0 31px 0 rgba(243, 111, 33, 0.04) inset; }

.exhibitionsCategoryBinder .category_Grid_Elements_Frame:hover {
  box-shadow: 0 -15px 180px -15px rgba(65, 1, 85, 0.05) inset, 2px 0 31px 0 rgba(65, 1, 85, 0.04) inset; }

.comedyCategoryBinder .category_Grid_Elements_Frame:hover {
  box-shadow: 0 -15px 180px -15px rgba(0, 182, 173, 0.05) inset, 2px 0 31px 0 rgba(0, 182, 173, 0.04) inset; }

.festivalsCategoryBinder .category_Grid_Elements_Frame:hover {
  box-shadow: 0 -15px 180px -15px rgba(116, 198, 148, 0.05) inset, 2px 0 31px 0 rgba(116, 198, 148, 0.04) inset; }

.category_Grid_Elements_Frame:hover .category_Grid_Elements_Item {
  border-left: none; }

.category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-Title {
  color: #2d5699; }

.musicCategoryBinder .category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-Title {
  color: #9e005d; }

.theatreCategoryBinder .category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-Title {
  color: #711e7e; }

.familyCategoryBinder .category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-Title {
  color: #212e84; }

.sportCategoryBinder .category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-Title {
  color: #f36f21; }

.exhibitionsCategoryBinder .category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-Title {
  color: #410155; }

.comedyCategoryBinder .category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-Title {
  color: #00b6ad; }

.festivalsCategoryBinder .category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-Title {
  color: #74c694; }

.birminghamUpdatesBinder .category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-Title {
  color: #0093AD; }

.category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-GetTickets {
  background: #2d5699; }

.musicCategoryBinder .category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-GetTickets {
  background: #9e005d;
  background: -moz-linear-gradient(left, #9e005d 0%, #d16396 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9e005d), color-stop(100%, #d16396));
  background: -webkit-linear-gradient(left, #9e005d 0%, #d16396 100%);
  background: -o-linear-gradient(left, #9e005d 0%, #d16396 100%);
  background: -ms-linear-gradient(left, #9e005d 0%, #d16396 100%);
  background: linear-gradient(to right, #9e005d 0%, #d16396 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.theatreCategoryBinder .category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-GetTickets {
  background: #711e7e;
  background: -moz-linear-gradient(left, #711e7e 0%, #ab499b 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #711e7e), color-stop(100%, #ab499b));
  background: -webkit-linear-gradient(left, #711e7e 0%, #ab499b 100%);
  background: -o-linear-gradient(left, #711e7e 0%, #ab499b 100%);
  background: -ms-linear-gradient(left, #711e7e 0%, #ab499b 100%);
  background: linear-gradient(to right, #711e7e 0%, #ab499b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.familyCategoryBinder .category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-GetTickets {
  background: #212e84;
  background: -moz-linear-gradient(left, #212e84 0%, #2d5699 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #212e84), color-stop(100%, #2d5699));
  background: -webkit-linear-gradient(left, #212e84 0%, #2d5699 100%);
  background: -o-linear-gradient(left, #212e84 0%, #2d5699 100%);
  background: -ms-linear-gradient(left, #212e84 0%, #2d5699 100%);
  background: linear-gradient(to right, #212e84 0%, #2d5699 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.sportCategoryBinder .category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-GetTickets {
  background: #f36f21;
  background: -moz-linear-gradient(left, #f36f21 0%, #fcaf17 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f36f21), color-stop(100%, #fcaf17));
  background: -webkit-linear-gradient(left, #f36f21 0%, #fcaf17 100%);
  background: -o-linear-gradient(left, #f36f21 0%, #fcaf17 100%);
  background: -ms-linear-gradient(left, #f36f21 0%, #fcaf17 100%);
  background: linear-gradient(to right, #f36f21 0%, #fcaf17 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.exhibitionsCategoryBinder .category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-GetTickets {
  background: #410155;
  background: -moz-linear-gradient(left, #410155 0%, #663674 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #410155), color-stop(100%, #663674));
  background: -webkit-linear-gradient(left, #410155 0%, #663674 100%);
  background: -o-linear-gradient(left, #410155 0%, #663674 100%);
  background: -ms-linear-gradient(left, #410155 0%, #663674 100%);
  background: linear-gradient(to right, #410155 0%, #663674 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.comedyCategoryBinder .category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-GetTickets {
  background: #00b6ad;
  background: -moz-linear-gradient(left, #00b6ad 0%, #69c8c7 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00b6ad), color-stop(100%, #69c8c7));
  background: -webkit-linear-gradient(left, #00b6ad 0%, #69c8c7 100%);
  background: -o-linear-gradient(left, #00b6ad 0%, #69c8c7 100%);
  background: -ms-linear-gradient(left, #00b6ad 0%, #69c8c7 100%);
  background: linear-gradient(to right, #00b6ad 0%, #69c8c7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.festivalsCategoryBinder .category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-GetTickets {
  background: #74c694;
  background: -moz-linear-gradient(left, #74c694 0%, #c5de89 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #74c694), color-stop(100%, #c5de89));
  background: -webkit-linear-gradient(left, #74c694 0%, #c5de89 100%);
  background: -o-linear-gradient(left, #74c694 0%, #c5de89 100%);
  background: -ms-linear-gradient(left, #74c694 0%, #c5de89 100%);
  background: linear-gradient(to right, #74c694 0%, #c5de89 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.birminghamUpdatesBinder .category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-GetTickets {
  background: #0093AD; }
  .birminghamUpdatesBinder .category_Grid_Elements_Frame:hover span.category_Grid_Elements_Item-GetTickets:hover {
    background: #0093AD; }

.category_Grid_Elements_Item {
  width: 90%;
  height: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-left: none;
  background: transparent;
  display: block;
  margin: 0 auto;
  padding: 0; }

@media (min-width: 768px) {
  .category_Grid_Elements_Item {
    padding: 0 5%; } }

.category_Grid_Elements_Frame img {
  width: 40%;
  margin: 0 auto;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 22px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 22px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 22px rgba(0, 0, 0, 0.1) inset;
  max-height: 214px; }

@media (min-width: 400px) {
  .category_Grid_Elements_Frame img {
    width: 44%;
    margin: 0 auto; } }

@media (min-width: 600px) {
  .category_Grid_Elements_Frame img {
    width: 60%;
    margin: 0 auto; } }

@media (min-width: 768px) {
  .category_Grid_Elements_Frame img {
    width: 100% !important;
    height: auto !important;
    margin: 0 auto; } }

.category_Grid_Elements_Frame a {
  text-decoration: none;
  display: block;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding: 0 30px; }

span.category_Grid_Elements_Item-Title {
  width: 100%;
  height: auto;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  font-weight: bold;
  line-height: 18px;
  color: #353535;
  clear: both;
  display: block;
  margin-top: 20px;
  text-align: center;
  padding: 4px 0 10px;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out; }

@media (min-width: 361px) {
  span.category_Grid_Elements_Item-Title {
    font-size: 18px;
    font-size: 1.125rem; } }

@media (min-width: 768px) {
  span.category_Grid_Elements_Item-Title {
    text-align: left; } }

span.category_Grid_Elements_Item-Date, span.category_Grid_Elements_Item-EndDate {
  width: 100%;
  height: auto;
  font-size: 16px;
  font-weight: normal;
  /*text-shadow: 1px 1px 1px black(0.1);*/
  color: #353535;
  clear: both;
  display: block;
  text-align: center;
  padding: 0 0 6px; }

span.category_Grid_Elements_Item-EndDate {
  margin-bottom: 10px; }

@media (min-width: 361px) {
  span.category_Grid_Elements_Item-Date, span.category_Grid_Elements_Item-EndDate {
    font-size: 15px;
    font-size: 0.9375rem; } }

@media (min-width: 768px) {
  span.category_Grid_Elements_Item-Date, span.category_Grid_Elements_Item-EndDate {
    text-align: left; } }

span.category_Grid_Elements_Item-Date:before,
span.category_Grid_Elements_Item-EndDate:before {
  font-family: FontAwesome;
  content: "\f073";
  padding: 0 6px 0 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500; }

span.category_Grid_Elements_Item-EndDate:before {
  visibility: hidden; }

span.category_Grid_Elements_Item-Venue {
  width: 100%;
  height: auto;
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 18px;
  /*text-shadow: 1px 1px 1px black(0.2);*/
  color: #353535;
  clear: both;
  display: block;
  margin-bottom: 15px;
  text-align: center;
  padding: 0;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out; }

@media (min-width: 361px) {
  span.category_Grid_Elements_Item-Venue {
    font-size: 15px;
    font-size: 0.9375rem; } }

@media (min-width: 768px) {
  span.category_Grid_Elements_Item-Venue {
    text-align: left; } }

span.category_Grid_Elements_Item-Venue:before {
  font-family: FontAwesome;
  content: "\f041";
  padding: 0 10px 0 3px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500; }

span.category_Grid_Elements_Item-GT {
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: +1;
  justify-content: flex-end;
  max-width: 124px;
  white-space: nowrap;
  padding: 0;
  margin: 0 auto; }

@media (min-width: 768px) {
  span.category_Grid_Elements_Item-GT {
    text-align: left;
    margin: 0; } }

span.category_Grid_Elements_Item-GetTickets {
  width: auto;
  height: auto;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 36px;
  text-align: center;
  letter-spacing: -0.02em;
  color: white;
  clear: both;
  padding: 1px 10%;
  background: #212e84;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out; }

.musicCategoryBinder span.category_Grid_Elements_Item-GetTickets {
  background: #9e005d;
  background: -moz-linear-gradient(left, #9e005d 0%, #d16396 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9e005d), color-stop(100%, #d16396));
  background: -webkit-linear-gradient(left, #9e005d 0%, #d16396 100%);
  background: -o-linear-gradient(left, #9e005d 0%, #d16396 100%);
  background: -ms-linear-gradient(left, #9e005d 0%, #d16396 100%);
  background: linear-gradient(to right, #9e005d 0%, #d16396 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.theatreCategoryBinder span.category_Grid_Elements_Item-GetTickets {
  background: #711e7e;
  background: -moz-linear-gradient(left, #711e7e 0%, #ab499b 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #711e7e), color-stop(100%, #ab499b));
  background: -webkit-linear-gradient(left, #711e7e 0%, #ab499b 100%);
  background: -o-linear-gradient(left, #711e7e 0%, #ab499b 100%);
  background: -ms-linear-gradient(left, #711e7e 0%, #ab499b 100%);
  background: linear-gradient(to right, #711e7e 0%, #ab499b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.familyCategoryBinder span.category_Grid_Elements_Item-GetTickets {
  background: #212e84;
  background: -moz-linear-gradient(left, #212e84 0%, #2d5699 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #212e84), color-stop(100%, #2d5699));
  background: -webkit-linear-gradient(left, #212e84 0%, #2d5699 100%);
  background: -o-linear-gradient(left, #212e84 0%, #2d5699 100%);
  background: -ms-linear-gradient(left, #212e84 0%, #2d5699 100%);
  background: linear-gradient(to right, #212e84 0%, #2d5699 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.sportCategoryBinder span.category_Grid_Elements_Item-GetTickets {
  background: #f36f21;
  background: -moz-linear-gradient(left, #f36f21 0%, #fcaf17 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f36f21), color-stop(100%, #fcaf17));
  background: -webkit-linear-gradient(left, #f36f21 0%, #fcaf17 100%);
  background: -o-linear-gradient(left, #f36f21 0%, #fcaf17 100%);
  background: -ms-linear-gradient(left, #f36f21 0%, #fcaf17 100%);
  background: linear-gradient(to right, #f36f21 0%, #fcaf17 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.exhibitionsCategoryBinder span.category_Grid_Elements_Item-GetTickets {
  background: #410155;
  background: -moz-linear-gradient(left, #410155 0%, #663674 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #410155), color-stop(100%, #663674));
  background: -webkit-linear-gradient(left, #410155 0%, #663674 100%);
  background: -o-linear-gradient(left, #410155 0%, #663674 100%);
  background: -ms-linear-gradient(left, #410155 0%, #663674 100%);
  background: linear-gradient(to right, #410155 0%, #663674 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.comedyCategoryBinder span.category_Grid_Elements_Item-GetTickets {
  background: #00b6ad;
  background: -moz-linear-gradient(left, #00b6ad 0%, #69c8c7 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00b6ad), color-stop(100%, #69c8c7));
  background: -webkit-linear-gradient(left, #00b6ad 0%, #69c8c7 100%);
  background: -o-linear-gradient(left, #00b6ad 0%, #69c8c7 100%);
  background: -ms-linear-gradient(left, #00b6ad 0%, #69c8c7 100%);
  background: linear-gradient(to right, #00b6ad 0%, #69c8c7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.festivalsCategoryBinder span.category_Grid_Elements_Item-GetTickets {
  background: #74c694;
  background: -moz-linear-gradient(left, #74c694 0%, #c5de89 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #74c694), color-stop(100%, #c5de89));
  background: -webkit-linear-gradient(left, #74c694 0%, #c5de89 100%);
  background: -o-linear-gradient(left, #74c694 0%, #c5de89 100%);
  background: -ms-linear-gradient(left, #74c694 0%, #c5de89 100%);
  background: linear-gradient(to right, #74c694 0%, #c5de89 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); }

.birminghamUpdatesBinder span.category_Grid_Elements_Item-GetTickets {
  background: #0093AD; }
  .birminghamUpdatesBinder span.category_Grid_Elements_Item-GetTickets:hover {
    background: #0093AD; }

span.category_Grid_Elements_Item-GetTickets_SoldOut {
  width: auto;
  height: auto;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 36px;
  letter-spacing: -0.02em;
  clear: both;
  padding: 0 20px;
  border: 1px solid #2d5699;
  color: #2d5699;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  max-width: 120px;
  display: block;
  margin: 12px auto 0;
  background: none;
  box-shadow: none; }

@media (min-width: 992px) {
  span.category_Grid_Elements_Item-GetTickets_SoldOut {
    margin: 12px 0 0; } }

.musicCategoryBinder span.category_Grid_Elements_Item-GetTickets_SoldOut {
  border: 1px solid #9e005d;
  color: #9e005d; }

.theatreCategoryBinder span.category_Grid_Elements_Item-GetTickets_SoldOut {
  border: 1px solid #711e7e;
  color: #711e7e; }

.familyCategoryBinder span.category_Grid_Elements_Item-GetTickets_SoldOut {
  border: 1px solid #212e84;
  color: #212e84; }

.sportCategoryBinder span.category_Grid_Elements_Item-GetTickets_SoldOut {
  border: 1px solid #f36f21;
  color: #f36f21; }

.exhibitionsCategoryBinder span.category_Grid_Elements_Item-GetTickets_SoldOut {
  border: 1px solid #410155;
  color: #410155; }

.comedyCategoryBinder span.category_Grid_Elements_Item-GetTickets_SoldOut {
  border: 1px solid #00b6ad;
  color: #00b6ad; }

.festivalsCategoryBinder span.category_Grid_Elements_Item-GetTickets_SoldOut {
  border: 1px solid #74c694;
  color: #74c694; }

.birminghamUpdatesBinder span.category_Grid_Elements_Item-GetTickets_SoldOut {
  border: 1px solid #0093AD;
  color: #0093AD; }

@media (min-width: 361px) {
  span.category_Grid_Elements_Item-GetTickets,
  span.category_Grid_Elements_Item-GetTickets_SoldOut {
    font-size: 17px;
    font-size: 1.0625rem; } }

@media (min-width: 768px) {
  span.category_Grid_Elements_Item-GetTickets {
    padding: 1px 22px; } }

/*  WL Branding Specific Styles
************************************************************************************************************************************************/
#category_BrandBackground {
  background: #454545 url(image-path/brandBackground.jpg) center top no-repeat;
  background-size: cover; }

#category_BrandHeader img {
  padding: 37px 0;
  width: 28%;
  max-width: 298px;
  margin: 0 auto; }

@media (min-width: 768px) {
  #category_BrandHeader img {
    width: 18%; } }

#category_BrandBackground p {
  padding: 0 10px 44px 10px;
  color: white;
  font-size: 14px;
  font-size: 0.875rem; }

@media (min-width: 992px) {
  #category_BrandBackground p {
    padding: 0 60px 44px 60px; } }

.ThreeA a {
  color: #EA2409; }

.showFurther {
  display: none; }

.showMore {
  border: 2px solid #DEDEDE;
  padding: 8px 30px;
  max-width: 200px;
  border-radius: 4px;
  color: #999999;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }
  .showMore:hover {
    background: #F9F9F9;
    padding: 8px 40px; }

.showMore.ThreeA {
  border: 2px solid #DEDEDE;
  padding: 8px 30px;
  max-width: 200px;
  border-radius: 4px;
  color: #DEDEDE;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }
  .showMore.ThreeA:hover {
    background: #F9F9F9;
    color: #999999;
    padding: 8px 40px; }

.rmButton {
  display: none; }

@media (min-width: 992px) {
  .rmButton {
    display: block;
    margin: 0 0 40px;
    width: 100%;
    text-align: center; } }

#datePicker br {
  display: none; }

#datePicker .ui-datepicker {
  width: 100% !important;
  padding: 0 !important; }

#datePicker .ui-widget-content {
  border: none !important;
  background: transparent !important;
  color: #666666 !important;
  text-align: center;
  border-bottom: 6px solid #E3E4E8 !important; }

#datePicker .ui-widget {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif !important; }

#datePicker .ui-datepicker table {
  margin: 0 !important;
  background: white !important;
  border-left: 2px solid #c6cac8;
  border-right: 2px solid #c6cac8; }

#datePicker .ui-corner-all,
#datePicker .ui-corner-bottom,
#datePicker .ui-corner-right,
#datePicker .ui-corner-br {
  border-bottom-right-radius: 6px !important; }

#datePicker .ui-corner-all,
#datePicker .ui-corner-bottom,
#datePicker .ui-corner-left,
#datePicker .ui-corner-bl {
  border-bottom-left-radius: 6px !important; }

#datePicker .ui-corner-all,
#datePicker .ui-corner-top,
#datePicker .ui-corner-right,
#datePicker .ui-corner-tr {
  border-top-right-radius: 2px !important; }

#datePicker .ui-corner-all,
#datePicker .ui-corner-top,
#datePicker .ui-corner-left,
#datePicker .ui-corner-tl {
  border-top-left-radius: 2px !important; }

#datePicker .ui-datepicker-year {
  color: #d16396; }

.musicCategoryBinder #datePicker .ui-datepicker-year {
  color: #9e005d; }

.theatreCategoryBinder #datePicker .ui-datepicker-year {
  color: #711e7e; }

.familyCategoryBinder #datePicker .ui-datepicker-year {
  color: #212e84; }

.sportCategoryBinder #datePicker .ui-datepicker-year {
  color: #f36f21; }

.exhibitionsCategoryBinder #datePicker .ui-datepicker-year {
  color: #410155; }

.comedyCategoryBinder #datePicker .ui-datepicker-year {
  color: #00b6ad; }

.festivalsCategoryBinder #datePicker .ui-datepicker-year {
  color: #74c694; }

.birminghamUpdatesBinder #datePicker .ui-datepicker-year {
  color: #0093AD; }

#datePicker .ui-datepicker .ui-datepicker-title {
  padding: 2px 0 0; }

#datePicker .ui-datepicker .ui-datepicker-prev span,
#datePicker .ui-datepicker .ui-datepicker-next span {
  background-image: none !important; }

#datePicker .ui-datepicker .ui-datepicker-prev,
#datePicker .ui-datepicker .ui-datepicker-next {
  top: 0 !important;
  height: 2.3em !important;
  border-radius: 0 !important; }

#datePicker a.ui-datepicker-prev:before,
#datePicker a.ui-datepicker-next:before {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1rem;
  content: '<';
  color: white;
  float: left;
  padding: 8px 0 0 10px; }

#datePicker a.ui-datepicker-next:before {
  content: '>';
  float: right;
  padding: 8px 10px 0; }

#gridFiltering #datePicker a.ui-datepicker-prev:before {
  padding: 12px 0 0 14px !important; }

#gridFiltering #datePicker a.ui-datepicker-next:before {
  padding: 12px 14px 0 0 !important; }

#datePicker a.ui-datepicker-prev,
#datePicker .ui-datepicker .ui-datepicker-prev-hover {
  left: 0px !important; }

#datePicker a.ui-datepicker-next,
#datePicker .ui-datepicker .ui-datepicker-next-hover {
  right: 0px !important; }

#datePicker .ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 0px !important; }

#datePicker .ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-focus {
  border: none !important;
  background: #d16396 !important;
  color: white !important; }

#datePicker .ui-datepicker-calendar thead {
  background: #F2F2F2; }

#datePicker .ui-datepicker th {
  padding: .7em .3em;
  font-weight: normal !important;
  color: #6d6469 !important;
  font-size: 10px !important; }

#datePicker .ui-datepicker td span,
#datePicker .ui-datepicker td a {
  text-align: center !important; }

#datePicker .ui-widget-header .ui-state-default {
  border: none !important; }

#datePicker .ui-state-default,
#datePicker .ui-widget-content .ui-state-default {
  font-size: 10px !important;
  color: #929ca9 !important;
  border: none !important; }

#datePicker .ui-datepicker td span,
#datePicker .ui-datepicker td a {
  padding: .6em .2em !important; }

#datePicker .ui-state-default,
#datePicker .ui-widget-content .ui-state-default,
#datePicker .ui-widget-header .ui-state-default {
  background: transparent !important; }

#datePicker .ui-state-hover,
#datePicker .ui-widget-content .ui-state-hover,
#datePicker .ui-widget-header .ui-state-hover,
#datePicker .ui-state-focus,
#datePicker .ui-widget-content .ui-state-focus,
#datePicker .ui-widget-header .ui-state-focus {
  background: #DEDEDE !important;
  color: #410155 !important; }

#datePicker .dp-highlight .ui-state-default {
  background: #DEDEDE !important;
  color: #322f31 !important; }

#datePicker .ui-datepicker-today .ui-state-hover,
#datePicker .ui-datepicker-today .ui-widget-content .ui-state-hover {
  background: transparent !important; }

#datePicker .ui-datepicker-today .ui-state-default,
#datePicker .ui-datepicker-today .ui-widget-content .ui-state-default {
  background-image: url(https://d36kigkh74flet.cloudfront.net/branding/default/calSwirl.png) !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  color: #9e005d !important;
  font-weight: bold !important; }

#datePicker .ui-datepicker-today .ui-widget-content .ui-state-hover {
  background-image: url(https://d36kigkh74flet.cloudfront.net/branding/default/calSwirl.png) !important;
  background-color: #DEDEDE !important; }

@media (min-width: 992px) {
  .bodyDetails.categoryPage.article .ui-widget-header {
    border: none !important;
    border-bottom: 3px solid #bbbbbb !important;
    color: #6b6b6b !important;
    font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif !important;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px !important;
    letter-spacing: -0.02em !important;
    background: #d8d8d8 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    max-width: 100%; } }

#gridFiltering a.ui-datepicker-prev.ui-corner-all,
#gridFiltering a.ui-datepicker-next.ui-corner-all {
  max-height: 35px;
  width: 35px; }

#gridFiltering .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
  background: #d8d8d8 !important;
  min-height: 42px;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important; }

#gridFiltering .ui-datepicker-title {
  font-size: 18px !important;
  padding: 2px 0 0 !important; }

#gridFiltering span.ui-datepicker-year {
  font-size: 20px; }

span#clearCalendarFilter {
  display: block;
  padding: 10px 0 0;
  color: #bdbdbd; }

.musicCategoryBinder a {
  color: #9e005d; }
  .musicCategoryBinder a:hover {
    color: #d16396; }

.theatreCategoryBinder a {
  color: #ab499b; }
  .theatreCategoryBinder a:hover {
    color: #711e7e; }

.familyCategoryBinder a {
  color: #2d5699; }
  .familyCategoryBinder a:hover {
    color: #212e84; }

.sportCategoryBinder a {
  color: #f36f21; }
  .sportCategoryBinder a:hover {
    color: #fcaf17; }

.exhibitionsCategoryBinder a {
  color: #663674; }
  .exhibitionsCategoryBinder a:hover {
    color: #410155; }

.comedyCategoryBinder a {
  color: #00b6ad; }
  .comedyCategoryBinder a:hover {
    color: #69c8c7; }

.festivalsCategoryBinder a {
  color: #74c694; }
  .festivalsCategoryBinder a:hover {
    color: #c5de89; }

.birminghamUpdatesBinder a {
  color: #0093AD; }
  .birminghamUpdatesBinder a:hover {
    color: #0093AD; }

/*  Front-End CSS Files (Static)
************************************************************************************************************************************************/
/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand Global CSS)																			
*		File:		brand/_brandGlobals.scss																									
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Body
-----------------------------------------------------------------------------------------------------------------------------------------------*/
body {
  background: white url(https://d36kigkh74flet.cloudfront.net/branding/default/gradientBackground.jpg) repeat-x top center;
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  color: #262626;
  font-weight: 500;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  letter-spacing: -0.02em; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Paragraph, Horizontals & Specialised Text
-----------------------------------------------------------------------------------------------------------------------------------------------*/
p {
  margin: 5px 0;
  line-height: 1.4; }

strong, b {
  font-weight: 700; }

i {
  font-style: italic; }

hr {
  clear: both; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Headings
-----------------------------------------------------------------------------------------------------------------------------------------------*/
h1 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  /* Located in: brand/_brandFonts.scss - Alter this to '$primary-font-stack' if h1 uses the same font as body */
  font-size: 30px;
  /* Located in: brand/_brandFonts.scss - Alter this to update ALL h1 sizes */
  color: #B6035F;
  /* Located in: brand/_brandColors.scss - Alter this to update ALL h1 colors */
  margin: 0 0 10px 0;
  letter-spacing: -0.02em;
  text-transform: uppercase; }

h2,
#orderContact.bodyDetails h4 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  /* Located in: brand/_brandFonts.scss - Alter this to '$tertiary-font-stack' if h2 uses a different font to body */
  font-size: 26px;
  /* Located in: brand/_brandFonts.scss - Alter this to update ALL h1 sizes */
  color: #000000;
  /* Located in: brand/_brandColors.scss - Alter this to update ALL h1 colors */
  margin: 10px 0 10px 0;
  clear: both;
  letter-spacing: -0.02em;
  text-transform: uppercase; }

h3 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  /* Located in: brand/_brandFonts.scss - Alter this to '$tertiary-font-stack' if h3 uses a different font to body */
  font-size: 24px;
  /* Located in: brand/_brandFonts.scss - Alter this to update ALL h1 sizes */
  color: #000000;
  /* Located in: brand/_brandColors.scss - Alter this to update ALL h1 colors */
  margin: 10px 0 10px 0;
  clear: both;
  letter-spacing: -0.02em;
  text-transform: uppercase; }

h4 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  /* Located in: brand/_brandFonts.scss - Alter this to '$tertiary-font-stack' if h4 uses a different font to body */
  font-size: 20px;
  /* Located in: brand/_brandFonts.scss - Alter this to update ALL h1 sizes */
  color: #000000;
  /* Located in: brand/_brandColors.scss - Alter this to update ALL h1 colors */
  margin: 10px 0 10px 0;
  clear: both;
  letter-spacing: -0.02em;
  text-transform: uppercase; }

h5 {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  /* Located in: brand/_brandFonts.scss - Alter this to '$tertiary-font-stack' if h4 uses a different font to body */
  font-size: 20px;
  /* Located in: brand/_brandFonts.scss - Alter this to update ALL h1 sizes */
  color: #000000;
  /* Located in: brand/_brandColors.scss - Alter this to update ALL h1 colors */
  margin: 10px 0 10px 0;
  clear: both;
  letter-spacing: -0.02em; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Links (a)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
a {
  font-family: inherit;
  color: #9e005d;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  a:hover {
    color: #d16396;
    text-decoration: none; }
  a:focus {
    outline: 0; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Webkit HTML5 Placeholder (Text Color) Overrides
-----------------------------------------------------------------------------------------------------------------------------------------------*/
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #9c9c9c; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #9c9c9c;
  opacity: 1; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #9c9c9c;
  opacity: 1; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #9c9c9c; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Webkit HTML5 Scrollbar Overrides
-----------------------------------------------------------------------------------------------------------------------------------------------*/
::-webkit-scrollbar {
  width: 14px; }

::-webkit-scrollbar-track {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background: #f2f2f2;
  border: 2px solid #f2f2f2; }

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background: #d8d8d8;
  -webkit-box-shadow: inset 0 0 1px #bbbbbb, inset 6px 0 8px 2px #e5e5e5;
  border: 2px solid #f2f2f2; }

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(229, 229, 229, 0.4); }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Overides
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.form-control:focus {
  border-color: #ccc;
  outline: 0;
  box-shadow: none;
  -webkit-box-shadow: none; }

.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: 0; }

a:focus {
  outline: 0; }

.alert-info {
  color: #262626;
  background-color: #FFF6FB;
  border-color: #F4D9E7; }

.account-box, .section-box {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  display: inline-block;
  padding: 30px 0 0;
  margin: 4px 0 0;
  width: 100%;
  max-width: 1170px; }

.account-box.page-heading, .section-box.page-heading {
  border-top: none;
  padding: 0 0 10px 0; }

/* Account & Section Box Overrides */
.account-box h1, .section-box h1, .account-box h2, .section-box h2, .account-box h3, .section-box h3, .account-box h4, .section-box h4 {
  margin: 10px 0 15px 0; }

/* Modal Header Close Icon */
/* Modal Dialog Height Adjuster */
.info-content.modal-body, .info-content.modal-body iframe {
  height: auto;
  min-height: 390px; }

/* Dropdown Select */
.dropDown select {
  clip: rect(auto, auto, auto, 56px); }

#timeout-message {
  text-align: center;
  font-size: 22px;
  color: #9e005d; }

#timeout-message::before {
  font-family: 'FontAwesome';
  font-size: 60px;
  content: '\f250';
  display: block;
  width: 100%;
  color: #9e005d; }

.ui-dialog .ui-dialog-title {
  text-align: center !important;
  width: 100% !important; }

p#timeout-question {
  text-align: center;
  margin: 40px 0 0;
  font-style: italic; }

.map-parent {
  padding-top: 10px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* Modal Dialog Margin Push */
  .modal-dialog {
    margin: 60px auto; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Targeting for Small Screen Res. and Upward (BREAK POINT) <= 991px */
@media (max-width: 991px) {
  #content.homepageContent > .container,
  .bodyDetails.homepage .article-body-container {
    padding-left: 0;
    padding-right: 0; }
  .row {
    margin-left: 0;
    margin-right: 0; }
  .container-fluid {
    padding-left: 0;
    padding-right: 0; } }

/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */
  .map-parent {
    padding-left: 0; } }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand Top Basket Bar CSS)																	
*		File:		brand/_brandBasket.scss																										
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Fixed Header Basket Bar (Mobile Styles) - Desktop styles at bottom
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Basket Text Parent */
.customer-greeting, .customer-order {
  vertical-align: top; }

/* Order Info Box */
#orderInfo {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  background: transparent;
  padding: 20px 30px 20px;
  letter-spacing: -0.02em; }

#orderInfo #customer-order-info {
  text-transform: uppercase; }

/* 'Order For' Text */
.greeting-name {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  color: #B6035F;
  letter-spacing: 0em; }

/* Order Message Text */
.customer-options .customer-order.shopping-cart-details.order-message {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 0px 3px 0 3px; }

/* Shopping Basket Button */
.shopping-cart-link {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  background: #9e005d;
  color: #FFFFFF; }
  .shopping-cart-link:hover {
    background: #d16396; }

span#orderInfoSubtotalValue,
.offerTimeout {
  letter-spacing: 0em; }

@media screen and (min--moz-device-pixel-ratio: 0) {
  #orderInfo {
    white-space: inherit !important; } }

/* Mobile Timeout  */
#orderTimeout {
  color: #ffde00;
  float: left;
  line-height: 46px;
  margin: 0 0 0 10px;
  letter-spacing: 0em;
  background: rgba(30, 30, 30, 0.9);
  margin: 0;
  padding: 0;
  position: fixed;
  height: 52px;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center;
  font-style: italic; }

/* Order Timeout - Icon Prepend */
.timerMessage:before {
  font-family: "Iconise";
  line-height: 46px;
  font-size: 24px;
  font-size: 1.5rem;
  font-style: normal;
  padding: 0 8px 0 0;
  content: "\f12b"; }

span#orderInfoItemCount:before,
span#orderInfoItemCount:after {
  color: #322f31; }

span#orderInfoItemCount:before {
  content: '(';
  padding: 0 3px 0 0; }

span#orderInfoItemCount:after {
  content: ')';
  padding: 0 0 0 3px; }

span#orderInfoItemCount {
  color: #d16396; }

span#orderInfoItemLabel,
span#orderInfoSubtotalLabel {
  display: none; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* Targeting for max Tablet Screen Res. (BREAK POINT) - <= 991px */
@media (max-width: 991px) {
  .customer-options #orderInfo {
    background: #FFFFFF;
    padding: 20px 30px 20px; }
  .customer-options #orderInfo span.greeting-message, #orderInfo span.greeting-name {
    font-size: 26px;
    font-size: 1.625rem;
    font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
    font-weight: 500;
    color: #212e84;
    letter-spacing: 0em; }
  .customer-options .customer-order.shopping-cart-details.order-message {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 30px;
    padding: 0 3px; }
  .customer-options #orderInfo .shopping-cart-link {
    letter-spacing: 0em;
    font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
    background: #9e005d;
    color: white; }
  a#orderInfoLogout {
    letter-spacing: 0em;
    font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
    background: #C83F3F;
    color: white;
    width: 100%;
    margin: 8px auto; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Basket Bar Parent */
  .customer-options,
  .active-nav .customer-options,
  .active-sidebar .customer-options {
    background: rgba(30, 30, 30, 0.9);
    border-top: 4px solid #1C1C1C;
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0;
    position: fixed;
    width: 100%;
    height: 52px;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .customer-options:hover,
    .active-nav .customer-options:hover,
    .active-sidebar .customer-options:hover {
      background: rgba(40, 40, 40, 0.9);
      cursor: pointer; }
  a#orderInfoCartLink span {
    border-left: 1px dotted #888888;
    padding: 0 0 0 11px; }
  #orderInfo {
    white-space: nowrap; }
  .customer-buttons {
    float: right; }
  /* Basket Bar Constructor */
  #orderInfo,
  .active-nav #orderInfo,
  .active-sidebar #orderInfo {
    background: transparent;
    padding: 0;
    font-family: "Helvetica Neue LT W04_77 Bd Cn";
    letter-spacing: 0em; }
  /* Order Message Text */
  .customer-options .customer-order.shopping-cart-details.order-message {
    width: auto;
    font-style: normal;
    font-size: 16px;
    font-size: 1rem;
    padding: 9px 11px 11px 21px;
    background: #1C1C1C;
    float: right;
    top: 0; }
  /* Order Message Text - Prepend*/
  #orderInfoEmptyMessage:before,
  .dtBasketWrapper:before {
    font-family: 'FontAwesome';
    content: "\f291";
    font-size: 20px;
    padding: 0 8px 0 0; }
  /* Shopping Basket Button */
  .shopping-cart-link {
    width: auto !important;
    max-height: 48px;
    padding: 14px 2px 13px 0;
    background: #1C1C1C;
    border-radius: 0 !important;
    border: none !important;
    color: #FFFFFF;
    font-family: "Helvetica Neue LT W04_77 Bd Cn";
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: -0.02em; }
    .shopping-cart-link:hover {
      color: #FFFFFF;
      border: none;
      font-size: 16px;
      font-size: 1rem;
      padding: 14px 16px 13px 0;
      margin: 0;
      background: #1C1C1C; }
  .shopping-cart-link:focus {
    color: #FFFFFF;
    border: none;
    font-size: 16px;
    font-size: 1rem;
    padding: 14px 2px 13px 0;
    margin: 0;
    background: #1C1C1C; }
  .shopping-cart-link:hover span:after {
    padding: 1px 0 0 10px;
    color: #FFFFFF;
    font-size: 14px;
    font-size: 0.875rem; }
  /* Shopping Basket Button - Icon Append */
  .shopping-cart-link span:after {
    font-family: 'FontAwesome';
    content: "\f054";
    font-size: 14px;
    font-size: 0.875rem;
    float: right;
    color: #1C1C1C;
    padding: 1px 0 0 10px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
  /* Login Basket Button */
  .customer-login {
    float: right;
    border-left-width: 1px;
    border-left-style: dotted;
    border-left-color: #1C1C1C; }
  .customer-login-link a {
    display: block;
    padding: 8px 16px;
    width: auto;
    background: transparent;
    color: #FFFFFF;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0em;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear; }
    .customer-login-link a:hover {
      background: rgba(255, 255, 255, 0.08); }
  /* Login Basket Button - Icon Prepend */
  .customer-login-link a:before {
    font-family: FontAwesome;
    content: "\f090";
    font-size: 22px;
    font-size: 1.375rem;
    padding: 0 9px 0 0;
    color: #00b6ad;
    top: 1px !important; }
  /* Help Basket Button */
  .customer-help {
    display: block !important; }
  /* Register & Help Basket Button */
  .customer-register,
  .customer-help {
    float: right;
    border-left-width: 1px;
    border-left-style: dotted;
    border-left-color: #1C1C1C; }
  .customer-register-link a,
  .customer-help-link a {
    display: block;
    padding: 9px 16px;
    width: auto;
    background: transparent;
    color: #FFFFFF;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0em;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear; }
    .customer-register-link a:hover,
    .customer-help-link a:hover {
      background: rgba(255, 255, 255, 0.08); }
  a#notificationOffers:before {
    content: "\f02b";
    font-family: 'FontAwesome';
    font-size: 20px;
    font-size: 1.25rem;
    padding: 0 8px 0 0; }
  a#notificationMessages:before {
    content: "\f0e6";
    font-family: 'FontAwesome';
    font-size: 20px;
    font-size: 1.25rem;
    padding: 0 8px 0 0; }
  a#notificationOffers, a#notificationMessages {
    border-left: 1px solid;
    border-color: #1C1C1C;
    color: #FFFFFF;
    background: #00b6ad;
    padding: 9 16px;
    float: right;
    margin: 0;
    font-size: 16px;
    font-size: 1rem; }
    a#notificationOffers:hover, a#notificationMessages:hover {
      background: rgba(0, 180, 173, 0.8); }
  .longDescription {
    display: none; }
  /* Register Basket Button - Icon Prepend */
  .customer-register-link a:before {
    font-family: FontAwesome;
    content: "\f234";
    font-size: 20px;
    font-size: 1.25rem;
    padding: 0 8px 0 0;
    color: #00b6ad; }
  /* Help Basket Button - Icon Prepend */
  .customer-help-link a:before {
    font-family: FontAwesome;
    content: "\f059";
    font-size: 20px;
    font-size: 1.25rem;
    padding: 0 8px 0 0;
    color: #00b6ad; }
  /* Customers Name */
  .greeting-name {
    color: #D9D9D9;
    white-space: nowrap; }
  /* Your Shopping Basket Is Empty */
  .order-message {
    margin: 0; }
  /* Basket Text - Height Associations */
  .customer-greeting,
  .customer-order,
  .customer-buttons,
  .order-message,
  .customer-login,
  .customer-register {
    height: auto; }
  /* 'Order For' Text */
  #orderInfo span.greeting-name {
    border-left: 1px dotted;
    border-color: #1C1C1C;
    font-size: 16px;
    font-size: 1rem;
    display: inline-block;
    margin: 0;
    padding: 9px 16px 9px 0;
    width: auto;
    color: #FFFFFF;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    #orderInfo span.greeting-name:hover {
      background: rgba(255, 255, 255, 0.08); }
  #orderInfo span.greeting-name:before {
    margin: 0 7px 0 16px;
    width: 20px;
    height: 20px;
    background: #1C1C1C;
    color: #00b6ad;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    font-family: 'FontAwesome';
    content: "\f007";
    font-size: 20px;
    font-size: 1.25rem; }
  .customer-options #orderInfo span.greeting-message {
    display: none; }
  /* Order Timeout Parent */
  #orderTimeout {
    color: #ffde00;
    float: left;
    margin: 0 0 0 10px;
    letter-spacing: 0em;
    background: none;
    margin: 0;
    padding: 0;
    position: absolute;
    line-height: 46px;
    top: 0;
    left: 0; }
  /* Order Timeout - Icon Prepend */
  .timerMessage:before {
    font-family: 'FontAwesome';
    font-size: 20px;
    font-size: 1.25rem;
    font-style: normal;
    padding: 0 8px 0 0;
    content: "\f252"; }
  /* End my session */
  .cart-callout {
    display: inline-block; }
  a#orderInfoLogout {
    color: #FFFFFF;
    font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
    padding: 0 16px;
    background: #C83F3F; }
  /* Logout Button */
  /* Register Basket Button */
  .customer-logout {
    float: right;
    border-left: 1px dotted;
    border-color: #1C1C1C; }
  .customer-logout a {
    display: block;
    padding: 9px 16px;
    width: auto;
    background: #302A2A;
    color: #FFFFFF;
    font-size: 16px;
    font-size: 1rem;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear; }
    .customer-logout a:hover {
      background: rgba(255, 255, 255, 0.08); }
  .customer-logout a:before {
    font-family: 'FontAwesome';
    content: "\f023";
    font-size: 20px;
    font-size: 1.25rem;
    padding: 0 8px 0 0;
    color: #00b6ad; }
  .customer-buttons span:before {
    font-family: "iconIse";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit; }
  span#orderInfoItemCount:before,
  span#orderInfoItemCount:after {
    color: #FFFFFF; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand Button CSS)																			
*		File:		brand/_brandButtons.scss																									
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Page Navigation Buttons (Continue Shopping, Add To Basket, Pay Now, Etc.)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Page Navigation Button Initials */
.btn {
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-decoration: none;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  font-weight: 500;
  max-width: none;
  font-size: 16px;
  font-size: 1rem;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .btn:hover {
    border: 1px solid rgba(0, 0, 0, 0.26);
    text-decoration: none; }

/* Lighter Cancel, Back or Continue Shopping Button */
.btn.btn-link {
  font-size: 18px;
  color: #3F3F3F;
  background: #F9F9F9;
  padding: 11px 20px !important; }
  .btn.btn-link:hover {
    background: #F3F3F3; }

/* Brand Specific Add To Basket, Continue or Pay Now Button */
.btn.btn-primary {
  font-size: 24px;
  color: #FFFFFF;
  background: #9e005d;
  padding: 10px 20px; }
  .btn.btn-primary:hover {
    background: #d16396; }

/* Hide more info button from global site */
.more-info.btn.btn-default {
  display: none; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Seat & Map Select Tabs/Buttons (Select Your Own / Best Available)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.seat-tabs-box .seat-tabs .seat-tab {
  font-size: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }
  .seat-tabs-box .seat-tabs .seat-tab:hover {
    background: #9e005d;
    opacity: 0.4; }

.seat-tabs-box .seat-tabs .seat-tab.active {
  background: #9e005d; }
  .seat-tabs-box .seat-tabs .seat-tab.active:hover {
    background: #9e005d;
    opacity: 0.4; }

#seatSelect.bodyDetails a.btn.btn-link {
  font-size: 18px;
  color: #3F3F3F;
  background: #F9F9F9;
  padding: 10px 20px; }
  #seatSelect.bodyDetails a.btn.btn-link:hover {
    background: #F3F3F3; }

#seatSelect.bodyDetails input.btn.btn-primary {
  font-size: 24px;
  color: #FFFFFF;
  background: #9e005d;
  padding: 10px 20px; }
  #seatSelect.bodyDetails input.btn.btn-primary:hover {
    background: #d16396; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Bundle Select & Bundle Result
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#bundleSelect.bodyDetails input.btn.btn-primary {
  font-size: 24px;
  color: #FFFFFF;
  background: #9e005d;
  padding: 10px 20px; }
  #bundleSelect.bodyDetails input.btn.btn-primary:hover {
    background: #d16396; }

#bundleResult.bodyDetails .navigation-box .btn {
  display: block;
  width: 100%;
  margin: 0 auto 5px; }

#bundleResult.bodyDetails input.btn.btn-primary {
  font-size: 24px;
  color: #FFFFFF;
  background: #9e005d;
  padding: 10px 20px;
  width: 100%; }
  #bundleResult.bodyDetails input.btn.btn-primary:hover {
    background: #d16396; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Seat Results Buttons - Use this to override the color for these buttons
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#seatResults.bodyDetails input.navBack.btn.btn-link {
  font-size: 18px;
  color: #3F3F3F;
  background: #F9F9F9;
  padding: 10px 20px; }
  #seatResults.bodyDetails input.navBack.btn.btn-link:hover {
    background: #F3F3F3; }

#seatResults.bodyDetails input.navForward.btn.btn-primary {
  font-size: 24px;
  color: #FFFFFF;
  background: #9e005d;
  padding: 10px 20px; }
  #seatResults.bodyDetails input.navForward.btn.btn-primary:hover {
    background: #d16396; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Shopping Cart Buttons - Use this to override the color for these buttons
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#shoppingCart.bodyDetails input.btn.btn-default {
  display: none;
  font-size: 18px;
  color: #3F3F3F;
  background: #F9F9F9;
  padding: 10px 20px;
  margin: 10px 0 5px 0;
  width: 100%; }
  #shoppingCart.bodyDetails input.btn.btn-default:hover {
    background: #F3F3F3; }

#shoppingCart.bodyDetails input.btn.btn-primary.navForward {
  font-size: 24px;
  color: #FFFFFF;
  background: #9e005d;
  padding: 10px 20px;
  width: 100%; }
  #shoppingCart.bodyDetails input.btn.btn-primary.navForward:hover {
    background: #d16396; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Login Page Navigation Buttons (Sign Up & New Customer) - Use this to override the color for these buttons
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#login.bodyDetails input.buttonBreak.btn.btn-primary {
  background: #9e005d;
  color: white;
  margin: 15px 0 0 0;
  padding: 10px 20px; }
  #login.bodyDetails input.buttonBreak.btn.btn-primary:hover {
    background: #d16396; }

#login.bodyDetails input.btn.btn-link {
  background: #9e005d;
  color: white;
  margin: 15px 0 0 0;
  padding: 10px 20px; }
  #login.bodyDetails input.btn.btn-link:hover {
    background: #d16396; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Login Delivery - Use this to override the color for these buttons
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#loginDelivery.bodyDetails .btn-group a.btn.btn-default {
  font-size: 18px;
  color: #3F3F3F;
  background: #F9F9F9;
  padding: 10px 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px; }
  #loginDelivery.bodyDetails .btn-group a.btn.btn-default:hover {
    background: #F3F3F3; }

#loginDelivery.bodyDetails input.btn {
  font-size: 18px;
  color: #3F3F3F;
  background: #F9F9F9;
  padding: 10px 20px;
  margin: 10px 0 5px 0;
  width: 100%; }
  #loginDelivery.bodyDetails input.btn:hover {
    background: #F3F3F3; }

#loginDelivery.bodyDetails input.btn.btn-primary {
  font-size: 24px;
  color: #FFFFFF;
  background: #9e005d;
  padding: 10px 20px;
  width: 100%; }
  #loginDelivery.bodyDetails input.btn.btn-primary:hover {
    background: #d16396; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Create Account Buttons - Use this to override the color for these buttons
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#createAccount.bodyDetails .lookup-address .btn.btn-default {
  font-size: 24px;
  color: #FFFFFF;
  background: #9e005d;
  padding: 10px 20px; }
  #createAccount.bodyDetails .lookup-address .btn.btn-default:hover {
    background: #d16396; }

#createAccount.bodyDetails input.navBack.nav-cancel.btn.btn-default {
  font-size: 18px;
  color: #3F3F3F;
  background: #F9F9F9;
  padding: 10px 20px; }
  #createAccount.bodyDetails input.navBack.nav-cancel.btn.btn-default:hover {
    background: #F3F3F3; }

#createAccount.bodyDetails input.navForward.btn.btn-primary {
  font-size: 24px;
  color: #FFFFFF;
  background: #9e005d;
  padding: 10px 20px;
  width: 100%; }
  #createAccount.bodyDetails input.navForward.btn.btn-primary:hover {
    background: #d16396; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Maintain Contacts / Addresses Buttons - Use this to override the color for these buttons
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#maintainAddresses.bodyDetails .lookup-address .btn.btn-default {
  font-size: 24px;
  color: #FFFFFF;
  background: #9e005d;
  padding: 10px 20px; }
  #maintainAddresses.bodyDetails .lookup-address .btn.btn-default:hover {
    background: #d16396; }

#maintainContacts.bodyDetails input.navCancel.btn.btn-default,
#maintainAddresses.bodyDetails input.navCancel.btn.btn-default {
  font-size: 18px;
  color: #3F3F3F;
  background: #F9F9F9;
  padding: 10px 20px;
  width: 100%; }
  #maintainContacts.bodyDetails input.navCancel.btn.btn-default:hover,
  #maintainAddresses.bodyDetails input.navCancel.btn.btn-default:hover {
    background: #F3F3F3; }

#maintainContacts.bodyDetails input.navUpdate.btn.btn-primary,
#maintainAddresses.bodyDetails input.navUpdate.btn.btn-primary {
  font-size: 24px;
  color: #FFFFFF;
  background: #9e005d;
  padding: 10px 20px;
  margin: 0 0 5px 0;
  width: 100%; }
  #maintainContacts.bodyDetails input.navUpdate.btn.btn-primary:hover,
  #maintainAddresses.bodyDetails input.navUpdate.btn.btn-primary:hover {
    background: #d16396; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Account Information Buttons - Use this to override the color for these buttons
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#accountInformation.bodyDetails #accountContent a {
  font-size: 24px;
  color: #FFFFFF;
  background: #9e005d;
  padding: 10px 20px; }
  #accountInformation.bodyDetails #accountContent a:hover {
    background: #d16396; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Change Password Button - Use this to override the color for these buttons
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#changePassword.bodyDetails input.btn.btn-default {
  font-size: 24px;
  color: #FFFFFF;
  background: #9e005d;
  padding: 10px 20px; }
  #changePassword.bodyDetails input.btn.btn-default:hover {
    background: #d16396; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Order Contact Page
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Hide the 'Cancel' Button */
#orderContact.bodyDetails #purchaseBox.navigation-box.section-box input.btn.btn-default {
  display: none; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Page Navigation Button Initials */
  .btn {
    width: auto;
    margin: 0; }
  /* Lighter Cancel, Back or Continue Shopping Button */
  .navigation-box .btn.btn-link {
    float: left; }
  /* Brand Specific Add To Basket, Continue or Pay Now Button */
  .navigation-box .btn.btn-primary {
    float: right; }
  /* Cancel Button Alignment for Desktop */
  #seatSelect.bodyDetails .navigation-box.item-select-navigation.item-box a.btn.btn-link {
    float: left;
    width: auto;
    margin: 0; }
  /* Confirm Button Alignment for Desktop */
  #seatSelect.bodyDetails .navigation-box.item-select-navigation.item-box input.btn.btn-primary {
    float: right;
    width: auto;
    margin: 0; }
  /* Confirm Button Alignment for Desktop */
  #seatResults.bodyDetails .navigation-box.item-select-navigation input.btn-primary {
    float: right;
    width: auto;
    margin: 0; }
  /* Cancel Button Alignment for Desktop */
  #seatResults.bodyDetails .navigation-box.item-select-navigation.item-box input.navBack.btn.btn-link {
    float: left;
    width: auto;
    margin: 0; }
  /* Button Fixed Widths for Desktop */
  #bundleSelect.bodyDetails .navigation-box input.btn.btn-primary,
  #bundleSelect.bodyDetails .navigation-box input.btn.btn-default {
    width: auto;
    margin: 0; }
  /* Button Fixed Widths for Desktop */
  #bundleResult.bodyDetails .navigation-box input.btn.btn-primary,
  #bundleResult.bodyDetails .navigation-box input.btn.btn-default {
    width: auto;
    margin: 0; }
  /* Shopping Cart Buttons */
  #shoppingCart.bodyDetails input.btn.btn-default {
    display: block; }
  /* Button Fixed Widths for Desktop */
  #shoppingCart.bodyDetails .navigation-box input.btn.btn-primary,
  #shoppingCart.bodyDetails .navigation-box input.btn.btn-default {
    width: auto;
    margin: 0; }
  /* Cancel & Confirm Button Widths */
  #loginDelivery .navigation-box.section-box input.btn.btn-default,
  #loginDelivery .navigation-box.section-box input.btn.btn-primary {
    width: auto; }
  /* Cancel & Confirm Button Widths */
  #maintainContacts.bodyDetails input.navCancel.btn.btn-default,
  #maintainAddresses.bodyDetails input.navCancel.btn.btn-default,
  #maintainContacts.bodyDetails input.navUpdate.btn.btn-primary,
  #maintainAddresses.bodyDetails input.navUpdate.btn.btn-primary {
    width: auto; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand Global Form CSS)																		
*		File:		brand/_brandForm.scss																										
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Form Elements - Input, Textarea, Button, Select, Etc.
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand Search Results CSS)																	
*		File:		brand/_brandSearchResults.scss																										
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Search Filters
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#searchFilters {
  padding: 20px 20px 12px; }

#searchFilters ul.monthFilterList-dropdown, ul.cityFilterList-dropdown, ul.venueFilterList-dropdown, ul.categoryFilterList-dropdown {
  overflow: auto;
  margin: 0 0 10px 0;
  font-size: 14px; }

#searchFilters ul.monthFilterList-dropdown select, ul.cityFilterList-dropdown select, ul.venueFilterList-dropdown select, ul.categoryFilterList-dropdown select {
  color: #322f31;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  width: 100%;
  padding: 10px 10px;
  background: #f1f2f0;
  cursor: pointer;
  overflow: auto; }

#searchFilters .monthFilterList a, .cityFilterList a, .venueFilterList a, .categoryFilterList a {
  color: #292566;
  padding: 5px 0; }

#searchFilters .monthFilterList a:hover, .cityFilterList a:hover, .venueFilterList a:hover, .categoryFilterList a:hover {
  color: #cd1b6d; }

#searchFilters li.clear-filter {
  padding: 8px 15px;
  margin: 5px 0 0 0;
  background: #c6cac8;
  cursor: pointer;
  border: 1px solid #CCCCCC;
  width: 100%; }

#search_results .performance-date, #search_results .venue-group {
  font-size: 16px;
  font-size: 1rem; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Search Results
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#search_results {
  margin: 20px 0 0 0; }

#search_results span:first-child {
  margin-bottom: 40px; }

#search_results .standard a {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  background-color: #212e84;
  color: white;
  width: 100%;
  max-width: 200px;
  padding: 6px 20px;
  margin: 10px auto 30px;
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: background 160ms;
  -moz-transition: background 160ms;
  -ms-transition: background 160ms;
  -o-transition: background 160ms;
  transition: background 160ms; }

#search_results .standard a:hover {
  background: #2d5699; }

#search_results .standard.soldout span {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-size: 1em;
  letter-spacing: -0.02em;
  color: #1a166a;
  background: transparent;
  padding: 3px;
  margin: 0;
  float: left; }

#search_results .standard.soldout a,
#search_results .standard.soldout span,
#search_results .standard.unavailable a,
#search_results .standard.unavailable span,
#search_results .standard .av_on_sale_date a,
#search_results .standard .av_on_sale_date span {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: -0.02em;
  color: #2d5699;
  border: 1px solid #2d5699;
  background: transparent;
  padding: 0.3em 0.7em 0.3em 0.7em;
  width: 100%;
  margin: 10px auto 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: background 200ms;
  -moz-transition: background 200ms;
  -ms-transition: background 200ms;
  -o-transition: background 200ms;
  transition: background 200ms; }

#search_results .standard .av_on_sale_date a:first-child + a {
  color: #cd1b6d; }

#search_results .standard.soldout a:hover {
  color: black; }

#search_results .performance-description a {
  color: black;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }

#search_results .performance-description a:hover {
  color: #cd1b6d; }

#search_results tr.odd td, #search_results tr.even td {
  padding: 10px 13px 10px 13px;
  border-right: 1px solid #e0e0e0; }

#search_results tr.odd td:last-child, #search_results tr.even td:last-child {
  border-right: none;
  background: #e0e0e0; }

#search_results tr.odd td:last-child, #search_results tr.even td:last-child {
  background: #e0e0e0;
  -webkit-transition: background 200ms;
  -moz-transition: background 200ms;
  -ms-transition: background 200ms;
  -o-transition: background 200ms;
  transition: background 200ms; }

#search_results tr.odd:hover td:last-child, #search_results tr.even:hover td:last-child {
  background: #c6cac8; }

#search_results tr.odd td:last-child:hover, #search_results tr.even td:last-child:hover {
  background: #c6cac8; }

#search_results .dataTable tr {
  background: #E6E6E6;
  font-size: 1.2em;
  -webkit-transition: background 200ms;
  -moz-transition: background 200ms;
  -ms-transition: background 200ms;
  -o-transition: background 200ms;
  transition: background 200ms; }

div#search_results {
  display: inline;
  /* Fix for -webkit-animation Android webkit bug */
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased;
  animation: animationFrames ease 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  -webkit-animation: animationFrames ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -moz-animation: animationFrames ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -o-animation: animationFrames ease 1s;
  -o-animation-iteration-count: 1;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -ms-animation: animationFrames ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/ }

@keyframes animationFrames {
  0% {
    left: -1500px;
    top: 0px;
    opacity: 0; }
  60% {
    left: 30px;
    opacity: 1; }
  80% {
    left: -10px; }
  100% {
    left: 0px;
    top: 0px;
    opacity: 1; } }

@-moz-keyframes animationFrames {
  0% {
    left: -1500px;
    top: 0px;
    opacity: 0; }
  60% {
    left: 30px;
    opacity: 1; }
  80% {
    left: -10px; }
  100% {
    left: 0px;
    top: 0px;
    opacity: 1; } }

@-webkit-keyframes animationFrames {
  0% {
    left: -1500px;
    top: 0px;
    opacity: 0; }
  60% {
    left: 30px;
    opacity: 1; }
  80% {
    left: -10px; }
  100% {
    left: 0px;
    top: 0px;
    opacity: 1; } }

@-o-keyframes animationFrames {
  0% {
    left: -1500px;
    top: 0px;
    opacity: 0; }
  60% {
    left: 30px;
    opacity: 1; }
  80% {
    left: -10px; }
  100% {
    left: 0px;
    top: 0px;
    opacity: 1; } }

@-ms-keyframes animationFrames {
  0% {
    left: -1500px;
    top: 0px;
    opacity: 0; }
  60% {
    left: 30px;
    opacity: 1; }
  80% {
    left: -10px; }
  100% {
    left: 0px;
    top: 0px;
    opacity: 1; } }

/* IE Fix for Display Inline */
@media screen and (min-width: 0\0) {
  div#search_results {
    display: block; } }

/* FireFox Fix for Display Inline */
@media screen and (min--moz-device-pixel-ratio: 0) {
  div#search_results {
    display: block; } }

#search_results .dataTable tr:hover {
  background: #f3f3f3;
  box-shadow: inset -2px 2px 9px 6px #CCCCCC;
  color: black; }

#search_results .dataTable tr:hover .performance-description a, #search_results .dataTable tr:hover .performance-description span {
  color: #be0058; }

#search_results .dataTable thead tr:hover {
  color: black; }

.bodyDetails.article#default #defaultSearch #search_results .dataTable thead {
  display: table-header-group; }

#search_results .dataTable thead th {
  background: #c6cac8;
  color: #353535;
  font-size: 1.4em;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-weight: 500;
  margin: 0 0 5px;
  padding: 11px 11px;
  text-transform: uppercase; }

.performance-description, .performance-date {
  width: 30%; }

.performance-venue {
  width: 25%; }

.standard {
  width: 15%; }

#search_results .dataTable {
  border-bottom: 1px solid white; }

th.active-code, td.active-code {
  display: none; }

div.searchResultsText {
  font-weight: 500;
  margin: 10px 0 20px 0; }

#search_results span {
  line-height: 1.63; }

div.searchResultsText:first-line span {
  color: #cd1b6d; }

.bodyDetails.article#default #search_results .dataTable {
  margin: 14px 0 20px;
  width: 100%; }

.bodyDetails.article#default #defaultSearch #search_results .dataTable {
  margin-bottom: 0; }

.bodyDetails.article#default #defaultSearch #search_results .pagination {
  margin: 0 0 10px 0; }

.bodyDetails.article#default #search_results .dataTable tr {
  background: white;
  border-left: 4px solid rgba(0, 0, 0, 0.04);
  border-right: 4px solid rgba(0, 0, 0, 0.04);
  border-top: 1px solid rgba(41, 37, 102, 0.1);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }

.bodyDetails.article#default #search_results .dataTable tr:hover {
  background: #f3f3f3;
  color: black;
  border-top: 1px solid rgba(182, 3, 95, 0.8);
  border-left: 4px solid rgba(0, 0, 0, 0.04);
  border-right: 4px solid rgba(0, 0, 0, 0.04);
  box-shadow: none; }

.bodyDetails.article#default #search_results .dataTable thead tr,
.bodyDetails.article#default #search_results .dataTable thead tr:hover {
  border-left: 4px solid #c6cac8;
  border-right: 4px solid #c6cac8;
  border-top: 1px solid rgba(0, 0, 0, 0.06); }

.bodyDetails.article#default #search_results .dataTable thead tr:hover .performance-description,
.bodyDetails.article#default #search_results .dataTable thead tr:hover .performance-date,
.bodyDetails.article#default #search_results .dataTable thead tr:hover .venue-group {
  color: black; }

.bodyDetails.article#default #search_results .dataTable tr.odd td, .bodyDetails.article#default #search_results .dataTable tr.even td {
  padding: 10px 13px 10px 13px;
  border-right: 1px solid #c6cac8;
  vertical-align: middle;
  text-align: center; }

.bodyDetails.article#default #search_results .dataTable tr.even {
  background: #f1f2f0; }

.bodyDetails.article#default #search_results .dataTable tr.even:hover {
  background: #f1f2f0;
  color: black; }

.bodyDetails.article#default #search_results .dataTable tr.odd:last-child, .bodyDetails.article#default #search_results .dataTable tr.even:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.bodyDetails.article#default #search_results .dataTable tr.odd td:last-child {
  background: #fff;
  -webkit-transition: background 200ms;
  -moz-transition: background 200ms;
  -ms-transition: background 200ms;
  -o-transition: background 200ms;
  transition: background 200ms; }

.bodyDetails.article#default #search_results .dataTable tr.even td:last-child {
  background: #f1f2f0;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }

.bodyDetails.article#default #search_results .dataTable tr.odd:hover td:last-child, .bodyDetails.article#default #search_results .dataTable tr.even:hover td:last-child {
  background: #f3f3f3; }

.bodyDetails.article#default #search_results .dataTable tr.odd td:last-child:hover, .bodyDetails.article#default #search_results .dataTable tr.even td:last-child:hover {
  background: #F3F3F3; }

.bodyDetails.article#default #search_results .dataTable tr.odd td:last-child, .bodyDetails.article#default #search_results .dataTable tr.even td:last-child {
  border-right: none; }

.bodyDetails.article#default #search_results .dataTable tr:hover .performance-date, .bodyDetails.article#default #search_results .dataTable tr:hover .venue-group {
  color: #be0058; }

.bodyDetails.article#default #defaultSearch span.searchResultsText {
  font-size: 1.2em;
  background: transparent;
  padding: 18px 10px;
  width: 100%;
  display: block;
  letter-spacing: -0.02em;
  color: #313131; }

#search_results .dataTable tr td.performance-description a:before,
#search_results .dataTable tr td.performance-description span:before {
  font-family: FontAwesome;
  content: "\f145";
  padding: 0 6px 0;
  font-size: 18px; }

#search_results .dataTable tr td.performance-date span:before {
  font-family: FontAwesome;
  content: "\f073";
  padding: 0 7px 0;
  font-size: 18px; }

#search_results .dataTable tr td.performance-date span.end-date:before {
  display: none; }

#search_results .performance-description a span:before {
  display: none; }

#search_results .dataTable tr td.venue-group span:before {
  font-family: FontAwesome;
  content: "\f041";
  padding: 0 8px 0;
  font-size: 18px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Search Results Mobile Splits
-----------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
  #defaultSearch #search_results .standard {
    margin: 0; }
  .bodyDetails.article#default #defaultSearch #search_results .dataTable tr.odd td,
  .bodyDetails.article#default #search_results .dataTable tr.even td {
    border-right: transparent;
    padding: 2px 8px 2px 8px;
    border-top: none; }
  #default.bodyDetails.article #defaultSearch #search_results .dataTable td.performance-date,
  #default.bodyDetails.article #defaultSearch #search_results .dataTable td.venue-group,
  #default.bodyDetails.article #defaultSearch #search_results .dataTable td.standard {
    border-top: none; }
  .bodyDetails.article #defaultSearch #search_results .dataTable tbody tr td {
    width: 100%;
    clear: both;
    height: auto;
    float: left; }
  .bodyDetails.article#default #defaultSearch #search_results .dataTable thead,
  #default.bodyDetails.article #defaultSearch #search_results .dataTable thead {
    display: none; }
  #default.bodyDetails.article #defaultSearch #search_results .dataTable th.performance-description,
  #default.bodyDetails.article #defaultSearch #search_results .dataTable th.performance-date,
  #default.bodyDetails.article #defaultSearch #search_results .dataTable td.performance-description,
  #default.bodyDetails.article #defaultSearch #search_results .dataTable td.performance-date {
    float: left;
    clear: both; }
  #defaultSearch .performance-description,
  #defaultSearch .performance-date {
    width: 100%; }
  #defaultSearch #search_results .dataTable thead th.standard {
    background: transparent; }
  .standard {
    width: 0%; }
  #default.bodyDetails.article #defaultSearch #search_results .performance-description {
    font-size: 1.2em;
    font-weight: 700;
    padding: 30px 8px 6px !important; }
  #default.bodyDetails.article #defaultSearch #search_results .performance-date,
  #default.bodyDetails.article #defaultSearch #search_results .venueDescription {
    margin: 0 !important;
    padding: 0; }
  #default.bodyDetails.article #defaultSearch #search_results span.end-date {
    display: block; }
  /* Fix for Table automatically inheriting display:inline; */
  #defaultSearch table.pagination {
    display: table; }
  /* Search Results Pagination */
  #defaultSearch td#av_prev_link,
  #defaultSearch td#av_next_link {
    width: 100%;
    padding-left: 18%;
    padding-right: 18%;
    float: left;
    text-align: center; }
  #defaultSearch td#av_paging_links {
    display: none; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Search Results Pagination
-----------------------------------------------------------------------------------------------------------------------------------------------*/
table.pagination {
  width: 100%; }

#search_results table.pagination tr {
  background: #e0e0e0; }

td#av_prev_link {
  padding: 18px 13px 18px 13px;
  text-align: left;
  white-space: nowrap;
  width: auto; }

td#av_next_link {
  padding: 18px 13px 18px 13px;
  text-align: right;
  white-space: nowrap;
  width: auto; }

td#av_paging_links {
  padding: 15px 0 15px 0;
  text-align: center;
  white-space: nowrap;
  width: 100%; }

td#av_paging_links span.current {
  padding: 6px 10px 6px 10px;
  margin: 4px;
  background: #f3f3f3;
  color: black;
  text-decoration: none; }

td#av_paging_links a {
  padding: 6px 10px 6px 10px;
  margin: 4px;
  background: #f3f3f3;
  color: #AB0863;
  text-decoration: none;
  -webkit-transition: background 200ms;
  -moz-transition: background 200ms;
  -ms-transition: background 200ms;
  -o-transition: background 200ms;
  transition: background 200ms; }

#av_next_link a, #av_prev_link a {
  padding: 10px 20px 10px 20px;
  background: #f3f3f3;
  color: black;
  font-size: 14px;
  text-decoration: none;
  -webkit-transition: background 200ms;
  -moz-transition: background 200ms;
  -ms-transition: background 200ms;
  -o-transition: background 200ms;
  transition: background 200ms; }

td#av_paging_links a:hover, #av_next_link a:hover, #av_prev_link a:hover {
  background: white; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Search No Results / Email Sign Up
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#noResult_Header {
  width: 96%;
  height: auto;
  margin-left: 2%;
  margin-right: 2%; }

.seTitle {
  float: left;
  width: 100%;
  text-align: center; }

.seOutput {
  float: left;
  width: 100%;
  text-align: center; }

.bodyDetails.article #noResult_Header h1 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 40px;
  margin: 0;
  padding: 0;
  letter-spacing: -0.05em;
  color: #231f20;
  text-transform: none;
  border-bottom: none; }

#noResult_Header h2 {
  font-family: "Helvetica Neue LT W04_57 Cond", Arial, sans-serif;
  font-size: 24px;
  margin: 0;
  padding: 15px 0 0 0;
  letter-spacing: -0.05em;
  color: #231f20; }

span.searchResult {
  color: #be0058;
  word-wrap: break-word; }

#noResult_Info {
  width: 96%;
  background: #e6e6e6;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 3%;
  margin: 2%;
  margin-top: 20px;
  float: left; }

#noResult_Info p {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #636363; }

#noResult_Info p:first-child {
  margin-top: 0;
  padding-top: 0; }

#noResult_Info p:last-child {
  margin-top: 20px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 13px; }

#noResult_Options {
  display: none;
  width: 100%;
  overflow: hidden;
  margin: 10px 0 0 0; }

.seSearch {
  width: 50%;
  padding: 0 1% 0 0;
  float: left; }

.seSearch form {
  margin: 0;
  padding: 0; }

#noResult_Info input {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  width: 80%;
  height: auto;
  font-size: 1.0em;
  color: #8e8e8e;
  letter-spacing: -0.03em;
  box-shadow: inset 1px 2px 8px 1px #eaeaea;
  border: 1px solid #c1c1c1;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 13px 15px 13px 15px;
  margin: 0;
  float: left;
  outline: none;
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -ms-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out; }

#noResult_Info input:hover, #noResult_Info input:focus {
  box-shadow: inset 1px 2px 21px 22px white;
  color: #be0058; }

.searchSubmit {
  font-size: 20px;
  background-color: #9e005d;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 35px;
  height: 42px;
  margin: 0;
  padding: 0;
  color: white;
  float: left;
  border: none;
  -webkit-transition: background-color 600ms;
  -moz-transition: background-color 600ms;
  -ms-transition: background-color 600ms;
  -o-transition: background-color 600ms;
  transition: background-color 600ms; }

.searchSubmit:hover {
  background-color: #401955;
  cursor: pointer; }

.fi-magnifying-glass:before, .fi-refresh:before {
  font-family: "iconIse";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit; }

.fi-magnifying-glass:before {
  content: "\f16c"; }

.fi-refresh:before {
  content: "\f1a5"; }

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

ul.seAccountOptions li {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-size: 13px;
  color: #636363;
  margin: 10px 0 10px 15px;
  text-indent: -14px; }

ul.seAccountOptions li:last-child {
  margin: 10px 0 0 15px; }

ul.seAccountOptions li a {
  color: #636363;
  text-decoration: none;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }

ul.seAccountOptions li a:hover {
  color: black; }

#noResult_ContactUs {
  width: 100%;
  overflow: hidden;
  float: left;
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-size: 22px;
  color: #838282;
  text-align: center; }

#noResult_newsLetter {
  width: 100%;
  overflow: hidden;
  float: left;
  margin: 20px 0 0 0;
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-size: 22px;
  color: #353535; }

#noResult_newsLetter h3 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 36px;
  line-height: 40px;
  width: 100%;
  border-bottom: 1px solid #b2b2b2;
  margin: 0 0 14px 0;
  padding: 0 0 0 25px;
  letter-spacing: -0.05em; }

#noResult_ContactUs p {
  text-indent: 10px; }

#noResult_newsLetter p {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-size: 14px;
  padding: 6px 0 0 26px;
  margin: 0; }

#noResult_ContactUs .seSearch form {
  margin: 0 0 0 26px;
  padding: 0; }

#noResult_ContactUs input {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  width: 40%;
  height: auto;
  font-size: 18px;
  color: #c0c0c0;
  letter-spacing: -0.03em;
  box-shadow: inset 1px 2px 8px 1px #eaeaea;
  border: 1px solid #c1c1c1;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding: 15px 15px 15px 15px;
  margin: 0;
  float: left;
  outline: none;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

#noResult_ContactUs input:hover, #noResult_ContactUs input:focus {
  box-shadow: inset 1px 2px 21px 22px #F3F3F3;
  color: #be0058; }

#noResult_ContactUs .searchSubmit {
  font-family: "Helvetica Neue LT W04_57 Cond", Arial, sans-serif;
  font-size: 20px;
  background-color: #ef228f;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  width: auto;
  height: auto;
  margin: 0 0 0 7px;
  padding: 15px 15px 15px 15px;
  color: white;
  float: left;
  border: none;
  -webkit-transition: background-color 600ms;
  -moz-transition: background-color 600ms;
  -ms-transition: background-color 600ms;
  -o-transition: background-color 600ms;
  transition: background-color 600ms; }

#noResult_ContactUs .searchSubmit:hover {
  background-color: #cd1b6d;
  cursor: pointer; }

#noResult_ContactUs .seSearch {
  width: 100%;
  padding: 0;
  float: left; }

span.seContactNumber {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 30px; }

#noResult_inlineSignup {
  float: left;
  width: 100%;
  margin-top: 12px;
  text-align: center; }

.noResult_inlineSignupTitle {
  border-bottom: 1px solid #b2b2b2; }

.noResult_inlineSignupTitle .noResult_newsletter {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 20px;
  letter-spacing: -0.05em;
  width: 100%; }

.noResult_inlineSignupTitle span.noResult_newsletterStyle {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 1.3em;
  color: #cd1b6d;
  letter-spacing: -0.05em; }

.noResult_inlineSignupTitle .noResult_emailInvalid {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 1.6em;
  color: #FE3803;
  padding-left: 10px;
  position: relative;
  display: none; }

.noResult_inlineSignupTitle ul {
  padding-left: 0px;
  margin-bottom: 0px; }

.noResult_inlineSignupTitle ul li {
  display: inline-block; }

[placeholder]:focus::-webkit-input-placeholder {
  color: transparent; }

#noResult_emailSignup {
  margin-top: 12px; }

#noResult_inlineSignup p.noResult_newsletterBlurb {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-size: 14px;
  padding: 6px 0 0 0;
  margin: 0; }

#noResult_emailSignup input {
  width: 80%;
  height: 36px;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 14px;
  border: white;
  text-indent: 6px;
  letter-spacing: -0.05em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  box-shadow: inset 5px 5px 11px -4px #E1E1E1;
  text-align: center; }

#noResult_emailSignupSubmit button.noResult_inlineSignupSubmit {
  background: #cd1b6d;
  font-family: "HelveticaNeueW01-55Roma";
  font-weight: 700;
  color: white;
  text-decoration: none;
  border: none;
  font-size: 16px;
  height: 36px;
  margin-top: 5px;
  cursor: pointer;
  -webkit-transition: background 500ms;
  -moz-transition: background 500ms;
  -ms-transition: background 500ms;
  -o-transition: background 500ms;
  transition: background 500ms; }

#noResult_emailSignupSubmit button.noResult_inlineSignupSubmit:hover {
  background: #cd1b6d; }

#noResult_emailSignupThanks {
  width: 100%;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 1.8em;
  letter-spacing: -0.05em;
  padding: 0 0 0 25px;
  margin-top: 12px;
  display: none;
  float: left; }

#noResult_emailSignupThanks span.noResult_whatYouLike {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 1.2em;
  color: #cd1b6d;
  letter-spacing: -0.05em; }

#noResult_emailSignupThanks a.noResult_emailPreferencesSubmit {
  background: #EF228F;
  width: 100px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  font-family: "HelveticaNeueW01-55Roma";
  font-weight: bold;
  color: white;
  text-decoration: none;
  border: none;
  font-size: 1em;
  padding: 9px 15px 7px 15px;
  margin-top: 10px;
  cursor: pointer;
  -webkit-transition: background 500ms;
  -moz-transition: background 500ms;
  -ms-transition: background 500ms;
  -o-transition: background 500ms;
  transition: background 500ms;
  letter-spacing: -0.05em;
  display: block; }

#noResult_emailSignupThanks a.noResult_emailPreferencesSubmit:hover {
  background: #cd1b6d; }

#noResult_ContactUs p {
  font-family: "Helvetica Neue LT W04_57 Cond", Arial, sans-serif;
  font-size: 26px;
  padding: 16px 0;
  margin: 0;
  color: #292566;
  letter-spacing: -0.05em; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  .seTitle {
    width: 48%;
    text-align: center; }
  .seOutput {
    width: 48%;
    text-align: center; }
  .bodyDetails.article #noResult_Header h1 {
    font-size: 55px; }
  .bodyDetails.article #noResult_Header h2 {
    font-size: 26px;
    padding: 18px 0 0 0; }
  .noResult_inlineSignupTitle .noResult_newsletter {
    font-size: 26px; }
  #noResult_emailSignup input {
    width: 60%; }
  .noResult_inlineSignupTitle {
    margin: 0 12%; }
  #search_results .standard.soldout a,
  #search_results .standard.soldout span,
  #search_results .standard.unavailable a,
  #search_results .standard.unavailable span,
  #search_results .standard .av_on_sale_date a,
  #search_results .standard .av_on_sale_date span {
    float: left;
    margin: 0 auto; }
  #searchFilters {
    padding: 20px 20px 0px 20px; }
  #search_results .standard a {
    width: auto;
    margin: 0 auto; }
  .bodyDetails.article#default #search_results .dataTable tr.odd td, .bodyDetails.article#default #search_results .dataTable tr.even td {
    text-align: left; }
  .bodyDetails.article#default #defaultSearch #search_results .dataTable thead {
    display: table-header-group; } }

/* Targeting for max Tablet Screen Res. (BREAK POINT) - <= 991px */
@media (max-width: 991px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  .bodyDetails.article #noResult_Header h1 {
    font-size: 70px; }
  .bodyDetails.article #noResult_Header h2 {
    font-size: 30px;
    padding: 24px 0 0 0; }
  .noResult_inlineSignupTitle .noResult_newsletter {
    font-size: 30px; }
  #noResult_emailSignup input {
    width: 40%; }
  .noResult_inlineSignupTitle {
    margin: 0 20%; }
  #searchFilters {
    max-width: 100%;
    margin: 0 auto 10px;
    padding: 20px 15px;
    display: block;
    height: 90px;
    background: #c6cac8; }
  #searchFilters form {
    display: block;
    max-width: 1140px;
    margin: 0 auto;
    text-align: center; }
  #searchFilters form ul {
    margin: 0 auto !important;
    float: none !important;
    display: inline-block; }
  #searchFilters form ul:first-child,
  #searchFilters ul.monthFilterList-dropdown {
    margin: 0 1% 0 auto !important; }
  #searchFilters form ul:last-child {
    margin: 0 auto 0 1% !important; }
  #searchFilters ul.monthFilterList-dropdown {
    float: left;
    width: 32.3%;
    margin: 0 1% 0 0;
    position: relative;
    vertical-align: top; }
  #searchFilters ul.cityFilterList-dropdown {
    float: left;
    width: 32.3%;
    margin: 0 1% 0 0;
    position: relative;
    vertical-align: top; }
  #searchFilters ul.venueFilterList-dropdown {
    float: left;
    width: 32.3%;
    margin: 0 1% 0 0;
    position: relative;
    vertical-align: top; }
  #searchFilters ul.categoryFilterList-dropdown {
    float: left;
    width: 32.3%;
    position: relative;
    vertical-align: top; }
  #searchFilters li.clear-filter {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    max-width: 140px;
    border: none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    margin: 6px 0;
    background: #c6cac8; }
  #searchFilters li.clear-filter a {
    color: #f9f9f9; }
    #searchFilters li.clear-filter a:hover {
      color: white; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand Slider CSS)																			
*		File:		brand/_brandSlider.scss																										
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Slider (If Applicable)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#content.homepageContent {
  padding: 0; }

.bodyDetails.homepage#default {
  padding: 0; }

#newCarousel {
  width: 1000px;
  height: 300px;
  float: left;
  position: relative;
  background: white;
  padding-bottom: 40px; }

#newCarousel_leftArrow, .bx-wrapper .bx-prev {
  position: absolute;
  left: 0;
  top: 135px;
  width: 65px;
  height: 100px;
  z-index: 4;
  background: transparent url(Carousel_leftArrow.png) top left no-repeat;
  transition: none; }

#newCarousel_leftArrow:hover, .bx-wrapper .bx-prev:hover {
  background: transparent url(Carousel_leftArrow.png) 0 -100px no-repeat;
  cursor: pointer; }

#newCarousel_rightArrow, .bx-wrapper .bx-next {
  position: absolute;
  right: 0;
  top: 135px;
  width: 65px;
  height: 100px;
  z-index: 4;
  background: transparent url(Carousel_rightArrow.png) top left no-repeat;
  transition: none; }

#newCarousel_rightArrow:hover, .bx-wrapper .bx-next:hover {
  background: transparent url(Carousel_rightArrow.png) 0 -100px no-repeat;
  cursor: pointer; }

.newCarousel_item_dark a {
  float: left;
  width: 100%;
  height: 330px;
  margin: 16px 0 0;
  overflow: hidden;
  border-left: 1px solid #322f31;
  border-right: 1px solid #322f31;
  border-top: 1px solid #212e84;
  border-bottom: 1px solid #212e84;
  text-align: center;
  position: relative;
  text-decoration: none;
  box-shadow: none;
  background: transparent url(newCarousel_RepeatingBGDark.jpg) bottom left;
  background-size: contain;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }

.newCarousel_item_dark a:hover {
  -moz-box-shadow: 0px 0px 8px rgba(60, 60, 60, 0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(60, 60, 60, 0.3);
  box-shadow: 0px 0px 8px rgba(60, 60, 60, 0.3);
  /*box-shadow: 1px 1px 12px 2px #6b6b6b;*/
  border-top: 1px solid #2d5699;
  border-bottom: 1px solid #2d5699; }

.newCarousel_item_dark a:hover .newCarousel_Title {
  color: white; }

.newCarousel_item_dark a:hover .newCarousel_GetTicketsButton {
  background: #d16396; }

.newCarousel_ImgShadowing {
  position: absolute;
  top: 38px;
  left: 0; }

.newCarousel_item_dark .newCarousel_ImgShadowing {
  position: absolute;
  top: 38px;
  left: 0; }

.newCarousel_item a, .newCarousel_item_dark a {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased;
  animation: animationFrames ease 1.8s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  -webkit-animation: animationFrames ease 1.8s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -moz-animation: animationFrames ease 1.8s;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -o-animation: animationFrames ease 1.8s;
  -o-animation-iteration-count: 1;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -ms-animation: animationFrames ease 1.8s;
  -ms-animation-iteration-count: 1;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/ }

@keyframes animationFrames {
  0% {
    right: 0px;
    opacity: 0;
    filter: saturate(0); }
  20% {
    opacity: 0;
    top: 0px; }
  60% {
    filter: saturate(0); }
  100% {
    right: 0px;
    top: 0px;
    filter: saturate(1);
    opacity: 1; } }

@-moz-keyframes animationFrames {
  0% {
    right: 0px;
    opacity: 0;
    -moz-filter: saturate(0); }
  20% {
    opacity: 0;
    top: 0px; }
  60% {
    -moz-filter: saturate(0); }
  100% {
    right: 0px;
    top: 0px;
    -moz-filter: saturate(1);
    opacity: 1; } }

@-webkit-keyframes animationFrames {
  0% {
    right: 0px;
    opacity: 0;
    -webkit-filter: saturate(0); }
  20% {
    opacity: 0;
    top: 0px; }
  60% {
    -webkit-filter: saturate(0); }
  100% {
    right: 0px;
    top: 0px;
    -webkit-filter: saturate(1);
    opacity: 1; } }

@-o-keyframes animationFrames {
  0% {
    right: 0px;
    opacity: 0;
    -o-filter: saturate(0); }
  20% {
    opacity: 0;
    top: 0px; }
  60% {
    -o-filter: saturate(0); }
  100% {
    right: 0px;
    top: 0px;
    -o-filter: saturate(1);
    opacity: 1; } }

@-ms-keyframes animationFrames {
  0% {
    right: 0px;
    opacity: 0;
    -ms-filter: saturate(0); }
  20% {
    opacity: 0;
    top: 0px; }
  60% {
    -ms-filter: saturate(0); }
  100% {
    right: 0px;
    top: 0px;
    -ms-filter: saturate(1);
    opacity: 1; } }

.newCarousel_Title {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  color: white;
  display: block;
  width: 100%;
  clear: both;
  padding-top: 13px;
  white-space: nowrap;
  text-transform: uppercase;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }

.newCarousel_Additional {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1em;
  color: white;
  display: block;
  letter-spacing: -0.02em;
  width: 100%;
  clear: both;
  padding: 2px 0 6px 0;
  text-transform: uppercase; }

.newCarousel_GetTicketsButton {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  color: white;
  background: #9e005d;
  letter-spacing: -0.02em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding: 8px 22px 8px 22px;
  clear: both;
  text-transform: uppercase;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  max-width: 1170px !important;
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: fadeStart;
  -moz-animation-name: fadeStart;
  -o-animation-name: fadeStart;
  animation-name: fadeStart;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal; }

.bx-wrapper img {
  max-width: 100%;
  width: 100%;
  display: block; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  border: none;
  left: 0;
  background: #fff;
  padding: 0;
  height: 360px !important;
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0); }

.bx-wrapper .bx-viewport ul.bxslider ul {
  float: left;
  margin-left: 0;
  width: 100% !important;
  max-width: 226px;
  margin-right: 10px;
  padding-bottom: 0px;
  padding-top: 0px; }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: 700;
  color: #666;
  padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  overflow: hidden;
  text-indent: -9000px;
  display: block;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  /* top: 50%; */
  margin-top: -16px;
  outline: 0;
  /* width: 32px; */
  /* height: 32px; */
  overflow: hidden;
  text-indent: -9000px;
  display: block;
  z-index: 998; }

.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  overflow: hidden;
  text-indent: -9000px;
  display: block;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  overflow: hidden;
  text-indent: -9000px;
  display: block;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px; }

.boxedcontainer {
  max-width: 1170px;
  margin: auto;
  padding: 0px 30px; }

.tp-banner-container {
  width: 100%;
  position: relative;
  padding: 0; }

.tp-banner {
  width: 100%;
  position: relative; }

.tp-banner-fullscreen-container {
  width: 100%;
  position: relative;
  padding: 0; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */
  .bx-wrapper {
    width: 100%;
    max-width: 1170px !important;
    padding: 0; }
  .bx-wrapper .bx-controls-direction a {
    margin-top: -38px; }
  .bx-wrapper .bx-viewport ul.bxslider ul:first-child {
    margin-left: 82px; }
  .bx-wrapper .bx-viewport ul.bxslider ul {
    padding-bottom: 0px;
    padding-top: 0px; }
  .bx-wrapper .bx-viewport ul.bxslider ul {
    max-width: 232px;
    margin-right: 14px; }
  .bx-wrapper .bx-viewport ul.bxslider ul > li > a > img {
    max-width: 232px;
    max-height: 187px;
    width: 100%; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */
  .bx-wrapper .bx-viewport ul.bxslider ul {
    max-width: 226px;
    margin-right: 10px; }
  .bx-wrapper .bx-viewport ul.bxslider ul > li > a > img {
    max-width: 226px;
    max-height: 187px;
    width: 100%; } }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Twickets API Integration - Phase One - SCSS)																	
*		File:		brand/_brandBasket.scss																										
*		Platform:	Audience View																										
*		Date:		March 2016 																												
*		Author:		Wilko																												
*		Copyright:	©TheTicketFactory.com, 2016																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Main Styles
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.twicketsWrapper {
  background-color: #1E232A;
  color: white;
  font-size: 18px;
  padding: 30px 0;
  margin: 0; }

.twicketsWrapper .container {
  padding-left: 0;
  padding-right: 0; }

.twicketsWrapper .officialResalePartner {
  font-family: "Helvetica Neue LT W04_57 Cond", Arial, sans-serif;
  font-size: 16px;
  text-align: center;
  display: block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: white;
  opacity: 0.6;
  filter: alpha(opacity=60);
  letter-spacing: 0.01em; }

.twicketsWrapper .officialResalePartner::after {
  content: ' ';
  display: block;
  margin: 6px auto 16px;
  width: 100%;
  max-width: 60px;
  height: 3px;
  background-color: white;
  opacity: 0.3;
  filter: alpha(opacity=30); }

.twicketsLogo img {
  max-width: 237px;
  display: block;
  margin: 0 auto 10px; }

.twicketsWrapper .twicketsIntroduction {
  padding: 20px 0 20px;
  text-align: center; }

.twicketsWrapper .introOpener {
  font-size: 24px; }

.twicketsWrapper .twicketsIntroduction p {
  padding: 0 10px; }

.twicketsWrapper .twFindOutMore {
  text-transform: uppercase;
  font-size: 16px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 12px 20px;
  border-radius: 4px;
  margin: 20px auto 10px;
  display: block;
  width: 100%;
  max-width: 280px;
  color: rgba(255, 255, 255, 0.6);
  -webkit-transition: all 0.18s ease-in;
  -moz-transition: all 0.18s ease-in;
  -ms-transition: all 0.18s ease-in;
  -o-transition: all 0.18s ease-in;
  transition: all 0.18s ease-in; }

.twicketsWrapper .twFindOutMore:hover {
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.6);
  text-decoration: none; }

.twicketsWrapper .headerBlock {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0.8);
  color: #1E232A;
  text-transform: uppercase;
  padding: 10px 10px;
  width: 100%;
  display: block;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border-bottom: 4px solid #1E232A;
  float: left;
  text-align: center;
  position: relative; }

.twicketsWrapper .panel-collapse {
  text-decoration: none; }

.twicketsWrapper .headerBlock:hover,
.twicketsWrapper .headerBlock:active,
.twicketsWrapper .headerBlock:focus {
  background-color: rgba(255, 255, 255, 0.9);
  text-decoration: none; }

.twicketsWrapper .headerBlock .twTitle {
  font-size: 20px;
  padding: 0 40px 0 10px;
  display: block; }

.twicketsWrapper .headerBlock .twDate {
  padding: 0;
  display: block; }

.twicketsWrapper .headerBlock .twLocation {
  float: none;
  padding: 0;
  display: block; }

.twicketsWrapper .headerBlock .twInitiate {
  float: right;
  display: inline-block;
  width: 34px;
  height: 34px;
  position: relative;
  background-color: #1E232A;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 10px; }

.twicketsWrapper .headerBlock .twInitiate::before {
  position: absolute;
  top: -3px;
  left: 8px;
  font-family: 'FontAwesome';
  font-size: 28px;
  color: white;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.twicketsWrapper .panel-heading .headerBlock.collapsed .twInitiate::before {
  content: '\f107';
  top: -1px; }

.twicketsWrapper .headerBlock.collapsed:hover .twInitiate::before,
.twicketsWrapper .headerBlock.collapsed:active .twInitiate::before {
  top: 3px; }

.panel-heading .headerBlock .twInitiate::before {
  content: '\f106';
  top: -1px; }

.twicketsWrapper .headerBlock:hover .twInitiate::before,
.twicketsWrapper .headerBlock:active .twInitiate::before {
  top: -4px; }

.twicketsWrapper .resultsBlock {
  padding: 20px 0 20px; }

.twicketsWrapper .resultsBlock .col-xs-12 {
  line-height: 34px;
  text-align: center; }

.twicketsWrapper .resultsBlock .col-xs-12:last-child {
  line-height: inherit; }

.twicketsWrapper .resultsBlock .twWDTM {
  font-style: italic;
  color: #D2D3D4;
  font-size: 16px;
  display: inline-block; }

.twicketsWrapper .resultsBlock .twWDTM:hover {
  color: white; }

.twicketsWrapper .twAdmission {
  display: block;
  text-align: center; }

.twicketsWrapper .yellowRub {
  color: #F9EC10; }

.twicketsWrapper .twGet {
  border: 2px solid #F9EC10;
  color: #F9EC10;
  text-transform: uppercase;
  width: 100%;
  padding: 9px 30px;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 1.2em;
  letter-spacing: -.02em;
  float: none;
  overflow: hidden;
  margin: 20px auto 0;
  max-width: 180px;
  text-align: center;
  white-space: nowrap;
  border-radius: 4px;
  display: block; }

.twicketsWrapper .twGet:hover {
  text-decoration: none; }

.panel-body:last-child .resultsBlock {
  padding: 20px 0 40px; }

/*  Bootstrap Panel Overrides
************************************************************************************************************************************************/
.twicketsWrapper .panel-group {
  margin: 0 10px; }

@media (min-width: 992px) {
  .twicketsWrapper .panel-group {
    margin: 0 10px 0 10px; } }

.twicketsWrapper .panel {
  background-color: transparent;
  border: none;
  box-shadow: none; }

.twicketsWrapper .panel-default {
  border-color: transparent; }

.twicketsWrapper .panel-group .panel {
  border-radius: 0; }

.twicketsWrapper .panel-default > .panel-heading {
  color: inherit;
  background-color: transparent;
  border-color: transparent; }

.twicketsWrapper .panel-heading {
  padding: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.twicketsWrapper .panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: none; }

.twicketsWrapper .panel-body {
  padding: 0; }

.twicketsSoldOutFeature {
  display: block;
  padding: 40px 10px;
  background-color: #1E232A;
  background-image: url("twSOF_Background.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  background-size: cover;
  color: white;
  text-align: center; }

@media (min-width: 992px) {
  .twicketsSoldOutFeature {
    text-align: left; }
  .twicketsSoldOutFeature .container {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 1200px) {
  .twicketsSoldOutFeature {
    padding: 40px 20px 50px; }
  .twicketsSoldOutFeature .container {
    padding-left: 0;
    padding-right: 0; } }

.twSOF_twLogo {
  display: block;
  text-indent: -9999px;
  width: 69px;
  height: 68px;
  margin: 0 auto 20px; }

@media (min-width: 1176px) {
  .twSOF_twLogo {
    display: inline-block;
    float: left;
    margin: 7px 30px 0 0; } }

.twSOF_twLOutput {
  display: block;
  width: 100%;
  max-width: 69px;
  height: 68px;
  background-image: url("twicketsLogoMark.png"); }

.twSOF_contentBlock,
.twSOF_CTA {
  display: inline-block;
  width: 100%;
  text-align: center; }

@media (min-width: 1176px) {
  .twSOF_contentBlock,
  .twSOF_CTA {
    float: left;
    padding-left: 20px;
    text-align: left;
    width: auto; } }

.twSOF_Title {
  display: block;
  width: 100%;
  font-family: 'Helvetica Neue LT W04_77 Bd Cn', sans-serif;
  font-size: 24px;
  padding: 0 0 10px; }

.twSOF_contentBlock p {
  opacity: 0.8;
  padding: 0;
  margin: 0;
  font-size: 18px; }

.twSOF_CTA {
  display: block;
  margin: 25px auto 10px; }

@media (min-width: 1176px) {
  .twSOF_CTA {
    margin: 0 0 10px 100px;
    float: right;
    display: inline-block; } }

@media (min-width: 1200px) {
  .twSOF_CTA {
    margin: 10px 0 10px 20px; } }

.twSOF_CTA a {
  display: block;
  border: 2px solid white;
  border-radius: 6px;
  color: white;
  font-family: 'Helvetica Neue LT W04_77 Bd Cn', sans-serif;
  font-size: 24px;
  padding: 8px 30px;
  width: 100%;
  max-width: 200px;
  text-transform: uppercase;
  position: relative;
  transition: all 0.2s ease;
  overflow: hidden;
  margin: 0 auto; }

@media (min-width: 1176px) {
  .twSOF_CTA a {
    margin: 0; } }

.twSOF_CTA a:hover {
  text-decoration: none; }

.twSOF_CTA a::before {
  content: '';
  position: absolute;
  left: 0;
  background-color: white;
  width: 0;
  height: 180px;
  bottom: -400px;
  opacity: 0;
  transition: all 0.3s ease;
  border-radius: 0; }

.twSOF_CTA a:hover::before {
  bottom: -80px;
  opacity: 1;
  width: 100%;
  border-radius: 30%;
  transition: all 0.3s ease; }

.twSOF_CTA a::after {
  content: 'GET TICKETS';
  position: absolute;
  text-align: center;
  line-height: 50px;
  color: #1E232A;
  font-family: 'Helvetica Neue LT W04_77 Bd Cn', sans-serif;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 2;
  height: 54px;
  width: 100%;
  left: 0;
  top: 0; }

.twSOF_CTA a:hover::after {
  opacity: 1; }

/*  CSS 3 Keyframe Animations (Original Code by Daniel Eden - daneden.github.io/animate.css)
************************************************************************************************************************************************/
.animationStarter .twicketsAnimated {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s; }

.animationStarter .quickAnimated {
  -webkit-animation-duration: 0.55s;
  animation-duration: 0.55s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animationStarter .introAnimated {
  -webkit-animation-duration: 0.35s;
  animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0.48s;
  animation-delay: 0.48s; }

.animationStarter .resultsAnimated {
  -webkit-animation-duration: 0.35s;
  animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.animationStarter .headerAnimated {
  -webkit-animation-duration: 0.85s;
  animation-duration: 0.85s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s; }

.animationStarter .headerAnimated:nth-child(2) {
  -webkit-animation-duration: 0.85s;
  animation-duration: 0.85s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0.55s;
  animation-delay: 0.55s; }

.animationStarter .headerAnimated:nth-child(3) {
  -webkit-animation-duration: 0.85s;
  animation-duration: 0.85s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s; }

.animationStarter .headerAnimated:nth-child(4) {
  -webkit-animation-duration: 0.85s;
  animation-duration: 0.85s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s; }

.animationStarter .headerAnimated:nth-child(5) {
  -webkit-animation-duration: 0.85s;
  animation-duration: 0.85s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0.85s;
  animation-delay: 0.85s; }

.animationStarter .headerAnimated:nth-child(6) {
  -webkit-animation-duration: 0.85s;
  animation-duration: 0.85s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0.95s;
  animation-delay: 0.95s; }

.animationStarter .headerAnimated:nth-child(7) {
  -webkit-animation-duration: 0.85s;
  animation-duration: 0.85s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 1.05s;
  animation-delay: 1.05s; }

.animationStarter .headerAnimated:nth-child(8) {
  -webkit-animation-duration: 0.85s;
  animation-duration: 0.85s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s; }

.animationStarter .headerAnimated:nth-child(9) {
  -webkit-animation-duration: 0.85s;
  animation-duration: 0.85s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s; }

.animationStarter .headerAnimated:nth-child(10) {
  -webkit-animation-duration: 0.85s;
  animation-duration: 0.85s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 1.35s;
  animation-delay: 1.35s; }

@-webkit-keyframes twicketsAnimIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes twicketsAnimIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.twicketsWrapper .animationStarter .twicketsLogo img {
  -webkit-animation-name: twicketsAnimIn;
  animation-name: twicketsAnimIn; }

@-webkit-keyframes resalePartnerIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -500%, 0);
    transform: translate3d(0, -500%, 0); }
  to {
    opacity: 0.6;
    -webkit-transform: none;
    transform: none; } }

@keyframes resalePartnerIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -500%, 0);
    transform: translate3d(0, -500%, 0); }
  to {
    opacity: 0.6;
    -webkit-transform: none;
    transform: none; } }

.twicketsWrapper .animationStarter .officialResalePartner {
  -webkit-animation-name: resalePartnerIn;
  animation-name: resalePartnerIn; }

@-webkit-keyframes flipInPanel {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes flipInPanel {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.twicketsWrapper .animationStarter .resultsBlock {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInPanel;
  animation-name: flipInPanel; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.twicketsWrapper .animationStarter .twicketsIntroduction,
.twicketsWrapper .animationStarter .panel-heading {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

#twicketsSearchResults .fa-ticket {
  font-size: 30px;
  color: #D1D2D4;
  vertical-align: middle;
  margin-right: 14px;
  margin-bottom: 2px; }

#twicketsSearchResults .fa-calendar,
#twicketsSearchResults .fa-map-marker-alt {
  margin-right: 14px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet & Above - >= 400px */
@media (min-width: 400px) {
  /* */
  .twicketsWrapper .headerBlock .twTitle {
    padding: 0; }
  .twicketsWrapper .headerBlock .twInitiate {
    position: inherit;
    top: 0;
    right: 0;
    margin-top: -26px; } }

/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */
  .twicketsWrapper .headerBlock .twDate {
    padding: 0 0 0 12px;
    display: inline-block; }
  .twicketsWrapper .twGet {
    float: right;
    margin: 0; }
  .twSection,
  .twRow {
    display: inline-block; }
  .twRow {
    padding-left: 6px; } }

/* Targeting for max Tablet Screen Res. (BREAK POINT) - <= 991px */
@media (max-width: 991px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */
  .twicketsWrapper .headerBlock {
    text-align: left; }
  .twicketsWrapper .headerBlock .twTitle {
    font-size: 20px;
    padding: 0 26px 0 10px;
    display: inline-block;
    float: none;
    text-align: left;
    line-height: 34px; }
  .twicketsWrapper .headerBlock .twDate {
    padding: 0 0 0 26px;
    display: inline-block;
    border-left: 1px solid #ADAEAF; }
  .twicketsWrapper .headerBlock .twLocation {
    float: right;
    padding: 0 20px 0 0;
    display: inline-block;
    line-height: 34px; }
  .twicketsWrapper .headerBlock .twInitiate {
    margin-top: 0; }
  .twicketsWrapper .resultsBlock .col-xs-12 {
    line-height: 48px;
    text-align: left; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/*  Global Additional Files (Pulled From Global Folder)
************************************************************************************************************************************************/
/************************************************************************************************************************************************
*																																				                                                                        
*																																				                                                                        
*		Project:	TTF White Label Boilerplate - (Global 3DSecure)																			                                            	
*		File:		global/_global3DSecure.scss																								                                                          	
*		Platform:	Audience View 6.8.2																										                                                          	
*		Date:		January 2015 																												                                                                
*		Author:		Wilko & Chris																												                                                              
*		Copyright:	©TheTicketFactory.com, 2015																									                                                    
*																																				                                                                       
*																																				                                                                        
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	3DSecure Popup Modal
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#popupDiv.threeD-secure-info {
  z-index: 999 !important; }

#popupDiv.threeD-secure-info .modal-header {
  display: none; }

#popupDiv.threeD-secure-info .info-content.modal-body iframe {
  height: auto;
  min-height: 435px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  #popupDiv.threeD-secure-info .modal-dialog {
    width: 60%;
    margin: 5%; }
  #popupDiv.threeD-secure-info .info-content.modal-body iframe {
    min-height: 800px; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*       Project:    TTF White Label Boilerplate - (Brand OrderContact CSS)																		
*       File:       backend/_brandOrderContact.scss																								
*       Platform:   Audience View 6.8.2																											
*       Date:       August 2014 																												
*       Author:     Wilko & Chris																												
*       Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	orderContact.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Select Box Override */
#orderContact.bodyDetails select {
  padding: 6px;
  border-radius: 4px;
  margin: 8px 0 0; }

/* Combo Box Wrapper Select & Input Overrides */
#orderContact.bodyDetails div.comboBoxWrapper select, #orderContact.bodyDetails div.comboBoxWrapper input {
  padding: 0px;
  border-radius: 4px;
  margin: 8px 0 0; }

/* Combo Box Wrapper Input Overrides */
#orderContact.bodyDetails div.comboBoxWrapper input {
  padding: 0 10px !important; }

/* -- Select One -- Absolute Div Positioned Above Combo Box Wrapper */
#orderContact.bodyDetails .comboBoxWrapper > input + select + div + div {
  top: 14px !important;
  line-height: 22px;
  color: black !important; }

/* Customer Details Mobile Column Alterations */
#orderContact.bodyDetails .order-customer-details.col-md-4 {
  float: left;
  width: 100%; }

/* Order Payment Mobile Column Alterations */
#orderContact.bodyDetails .order-payment-details.col-md-8 {
  width: 100%; }

/* Contact Details Div */
#orderContact.bodyDetails .order-customer-contact.item-box {
  float: left;
  width: 100%; }

/* Address Details Div */
#orderContact.bodyDetails .order-customer-address.item-box {
  float: left;
  width: 100%; }

/* Upgrade Prominance of H4 Headers */
/* Remove Breadcrumb */
#orderContact.bodyDetails ul.breadcrumb {
  display: none; }

/* Header 3 Border & Padding */
#orderContact.bodyDetails h3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0 0 10px 0; }

/* Header 4 Margin */
#orderContact.bodyDetails .order-totals.section-box h4 {
  margin: 10px 0 10px 0; }

#orderContact.bodyDetails .order-customer-contact.item-box {
  margin-right: 2%; }

/* Contact & Address Details Boxes */
#orderContact.bodyDetails .order-customer-contact.item-box, #orderContact.bodyDetails .order-customer-address.item-box {
  background: #F9F9F9;
  padding: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  height: 150px;
  margin-top: 10px;
  margin-bottom: 10px; }

/* Delivery & Order Total Boxes */
#orderContact.bodyDetails .order-customer-delivery.item-box, #orderContact.bodyDetails .order-totals.section-box {
  background: #F9F9F9;
  padding: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin: 1% 0;
  width: 100%; }

#orderContact.bodyDetails .order-customer-delivery.item-box span.item-box-item-details.field-label {
  color: inherit;
  font-size: inherit;
  display: none; }

/* Float Left Delivery Details */
#orderContact.bodyDetails .order-customer-delivery.item-box .item-box-item .item-box-item-details.last-column {
  float: left; }

/* Custom Questions */
#orderContact.bodyDetails .order-customer-custom-answers {
  padding-top: 10px; }

/* Payments Box */
#orderContact.bodyDetails #payments.payment-box {
  background-color: #F9F9F9;
  padding: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin: 1% 0;
  width: 100%;
  display: inline-block; }

/* Payment Div Borders */
#orderContact.bodyDetails #payments.payment-box .account-box.payment-input-box,
#orderContact.bodyDetails #payments.payment-box .payment-methods-list .payment-method-option {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 10px 10px 10px 0;
  background: rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  #orderContact.bodyDetails #payments.payment-box .account-box.payment-input-box:hover,
  #orderContact.bodyDetails #payments.payment-box .payment-methods-list .payment-method-option:hover {
    border: 1px solid rgba(0, 0, 0, 0.07);
    background: rgba(0, 0, 0, 0.03); }

/* Fleshing for Payment Titles */
.payment-methods-list .payment-method-option .payment-method-label {
  padding: 10px 0 0;
  white-space: nowrap; }

/* Order Totals Box */
#orderContact.bodyDetails .order-totals.section-box {
  border-top: 0; }

/* Order Instructions */
#orderContact.bodyDetails .order-instructions.section-box.fine-print {
  text-align: center; }

/* Item Div Padding */
#orderContact.bodyDetails .item-box-item {
  padding: 10px 0; }

/* Confirm Button Margin */
#orderContact.bodyDetails .order-customer-details .btn.btn-default {
  margin-left: 10px; }

#orderContact.bodyDetails .order-customer-details .more-info.btn.btn-default {
  margin-left: 0;
  margin-top: 8px; }

/* Item Details */
#orderContact.bodyDetails .item-box-item-details {
  margin: 0 5px 5px 0; }

/* Expiry Field for Payment Details */
#orderContact.bodyDetails .account-box.payment-input-box .form-control.expiryField {
  border: none;
  background-color: transparent;
  padding: 1px 0 0;
  width: auto;
  box-shadow: none;
  -webkit-box-shadow: none; }

/* Control Payments Expiry Date Margins */
#orderContact.bodyDetails .account-box.payment-input-box .form-control.expiryField select {
  margin: 0 !important; }

/* Highlight Selected Payment Method */
#orderContact.bodyDetails .payment-box .field-value {
  font-weight: bold;
  font-size: 16px; }

/* Remove Padding from First Paragraph */
#orderContact.bodyDetails #orderInstructions p:first-child {
  margin: 0; }

/* Add Padding to 'How May The NEC Group Contact You' Answers */
#orderContact.bodyDetails .item-box-item .MultiList ul li input[type="checkbox"] {
  margin: 8px 6px 0 0; }

/* Balloon TTF T&Cs Checkbox */
#orderContact.bodyDetails #ttf_terms_conditions_checkbox {
  zoom: 1.4; }

/* Select Box */
#orderContact.bodyDetails .account-box.payment-input-box .form-control select {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

/* My Tickets */
#orderContact.bodyDetails #orderContactSummary {
  background-color: #F9F9F9;
  padding: 10px 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin: 0;
  width: 100%;
  display: inline-block; }

#orderContact.bodyDetails .admission-row.section-box-item.odd {
  border: 1px solid rgba(0, 0, 0, 0.21);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 5px 0; }

#orderContact.bodyDetails .admission-row.section-box-item.even {
  border: 1px solid rgba(0, 0, 0, 0.21);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 5px 0; }

#orderContact.bodyDetails .item-total-value.section-box-detail-data {
  margin: 0; }

/* Pay Now Background Box */
#orderContact.bodyDetails #purchaseBox.navigation-box.section-box {
  padding: 20px 30px;
  margin: 20px 0;
  background: #F9F9F9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  width: 100%; }

/* Pay Now Background Box Button */
#orderContact.bodyDetails #purchaseBox.navigation-box.section-box .btn {
  font-size: 20px;
  width: 100%;
  margin: 0 0 5px 0;
  text-shadow: black 0 1px 0; }

/* Pay Now Paragrath Text */
#orderContact.bodyDetails #purchaseBox.navigation-box.section-box p.navNote {
  text-align: center;
  margin: 0;
  padding: 6px 0; }

/* Complete Your Purchase Header */
#orderContact.bodyDetails #orderContactSummary + h2 {
  text-align: center;
  margin: 30px 0 10px 0; }

#orderContact.bodyDetails .order-customer-contact .btn.btn-default:before,
#orderContact.bodyDetails .order-customer-address .btn.btn-default:before,
#orderContact.bodyDetails .order-customer-delivery .btn.btn-default:before {
  font-family: "Iconise";
  text-decoration: none !important;
  font-size: 13px;
  content: "\f194";
  padding: 0 3px 0 0;
  display: inline-block; }

/* Details Boxes - Edit Link */
#orderContact.bodyDetails .order-customer-contact .btn.btn-default,
#orderContact.bodyDetails .order-customer-address .btn.btn-default,
#orderContact.bodyDetails .order-customer-delivery .btn.btn-default {
  margin-left: 10px;
  background: none;
  border: none;
  text-decoration: underline;
  padding: 0;
  text-transform: capitalize;
  letter-spacing: 0;
  line-height: 1.8;
  vertical-align: baseline;
  float: right;
  color: #9e005d; }
  #orderContact.bodyDetails .order-customer-contact .btn.btn-default:hover,
  #orderContact.bodyDetails .order-customer-address .btn.btn-default:hover,
  #orderContact.bodyDetails .order-customer-delivery .btn.btn-default:hover {
    color: #d16396; }

.account-box.payment-input-box .btn.btn-link {
  margin-left: 10px;
  background: none;
  border: none;
  text-decoration: underline;
  padding: 0;
  text-transform: capitalize;
  letter-spacing: 0;
  line-height: 1.8;
  vertical-align: middle; }

/* Delivery Method Header */
#orderContact.bodyDetails span.item-box-item-details.field-label {
  color: white;
  font-size: 14px; }

.account-box, .section-box {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  display: inline-block;
  padding: 10px 0;
  margin: 4px 0 0;
  width: 100%;
  max-width: 1170px; }

#orderContact.bodyDetails h4.item-short-description,
#orderContact.bodyDetails .item-description-details h4 {
  font-size: 14px; }

#orderContact.bodyDetails h4,
#orderContact.bodyDetails h3,
#orderContact.bodyDetails h2 {
  font-size: 18px;
  font-weight: 700;
  margin: 10px 0 10px 0;
  clear: both;
  text-transform: none; }

#orderContact.bodyDetails .order-customer-details > h3 {
  color: #B6035F;
  font-size: 30px;
  margin: 0 0 20px 0; }

#orderContact.bodyDetails .item-box-item {
  border-top: 1px solid rgba(0, 0, 0, 0.4); }

#orderContact.bodyDetails .more-info.btn.btn-default {
  margin: 10px 0; }

/* Remove the username suggestions box  */
li#username {
  display: none; }

/* Gift Voucher Payment */
#orderContact.bodyDetails .gift-card-payment.section-box {
  background-color: #F9F9F9;
  border-top: none;
  padding: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin: 1%;
  width: 98%;
  display: inline-block; }

#orderContact.bodyDetails .gift-card-heading.section-box-item {
  padding: 0; }

#orderContact.bodyDetails .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px; }

#orderContact.bodyDetails .gift-card-heading.section-box-item p.fine-print {
  margin: 10px 10px; }

#orderContact.bodyDetails .gift-card-payment.section-box a.btn.btn-default {
  display: none; }

#orderContact.bodyDetails .gift-card-payment.section-box #redeemCardButton.btn.btn-default {
  display: block; }

#orderContact.bodyDetails #defaultPayment .no-label-indent input {
  display: none; }

/* Redeem Gift Vouchers */
.gift-cards-payment-list.item-box {
  background: white;
  padding: 20px;
  border-radius: 6px;
  margin: 10px 0; }

.gift-cards-payment-list h3 {
  font-size: 18px;
  text-transform: none;
  color: #9e005d; }

.giftCardPaymentList label {
  border-top: 1px dotted #d3d3d3;
  border-bottom: 1px dotted #d3d3d3;
  padding: 12px 0;
  margin: 10px 0; }

.gift-cards-payment-list .navigation-box .btn-default {
  font-size: 16px;
  text-transform: none;
  border: 1px solid #d3d3d3;
  background: #999;
  color: white;
  padding: 10px 15px; }

.gift-cards-payment-list .navigation-box .btn-default {
  font-size: 20px;
  text-transform: uppercase;
  border: none;
  background: #9e005d;
  /* This will need updating to a global color variable once modular */
  color: white;
  padding: 12px 25px; }

#orderContact.bodyDetails .promoter-gdpr label {
  padding-bottom: 15px; }

#orderContact.bodyDetails .item-box-item .promoter-gdpr .MultiList {
  line-height: 1.6; }

#orderContact.bodyDetails .item-box-item .promoter-gdpr .MultiList li {
  margin: 0; }

#orderContact.bodyDetails .item-box-item .promoter-gdpr .MultiList ul li input[type="checkbox"] {
  margin: 0;
  height: 22px;
  width: 22px;
  vertical-align: sub;
  margin-right: 10px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* Contact Details Div */
  #orderContact.bodyDetails .order-customer-contact.item-box {
    float: left;
    width: 49%; }
  /* Address Details Div */
  #orderContact.bodyDetails .order-customer-address.item-box {
    float: left;
    width: 49%; }
  /* Item Div Padding */
  #orderContact.bodyDetails .item-box-item {
    padding: 20px 0; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Pay Now Background Box Button */
  #orderContact.bodyDetails #purchaseBox.navigation-box.section-box .btn {
    font-size: 20px;
    width: auto;
    margin: 0;
    text-shadow: black 0 1px 0; }
  /* Pay Now Paragrath Text */
  #orderContact.bodyDetails #purchaseBox.navigation-box.section-box p.navNote {
    text-align: left; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*                                                                       
*                                                                     
*   Project:  TTF White Label Boilerplate - (Brand bundleSelect CSS)                            
*   File:   backend/_brandbundleSelect.scss                                               
*   Platform: Audience View 6.8.2                                                     
*   Date:   August 2014                                                         
*   Author:   Wilko & Chris                                                       
*   Copyright:  ©TheTicketFactory.com, 2014                                                 
*                                                                       
*                                                                       
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
  bundleSelect.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Hide Breadcrumb Flow */
.bundle-flow.breadcrumb {
  display: none; }

/* Event Title */
#bundleSelect.bodyDetails .av-left .item-description-details h3.item-description {
  font-size: 20px; }

/* Margin for Last List Item */
#bundleSelect.bodyDetails .item-description-details ul li:last-child {
  margin: 10px 0 0; }

/* Item Box Backgrounds */
.item-box .item-box-item.even, .item-box .item-box-item.odd {
  background: none; }

/* Dropdown Select Box */
#bundleSelect.bodyDetails .dropDown select {
  background: #FCFCFC; }

/* Disassociate Fees Alert with Margin */
.feesAlert {
  margin-top: 0 !important; }

/* Alert Info Link */
#bundleSelect.bodyDetails .attention.alert.alert-info a {
  margin-top: 10px;
  display: block; }

/* Quantity, Price Zone, etc. Boxes */
#seat-price-zone.item-box,
#bundleSelect.bodyDetails .select-price-zones.item-box,
#bundleSelect.bodyDetails #seat-quantity.item-box,
#bundleSelect.bodyDetails .bundles-zones.item-box,
#bundleSelect.bodyDetails .bundles-container.item-box {
  color: #262626;
  background: transparent;
  border: 1px solid #CCCCCC;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 20px;
  padding: 0 0 14px 0; }

/* Quantity, Price Zone, etc. Box Headers */
#seat-price-zone.item-box h4:first-child,
#bundleSelect.bodyDetails .select-price-zones.item-box h4:first-child,
#bundleSelect.bodyDetails #seat-quantity.item-box h4:first-child,
#bundleSelect.bodyDetails .bundles-zones.item-box h4:first-child,
#bundleSelect.bodyDetails .bundles-container.item-box h4:first-child {
  border-top: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 14px;
  margin: 0 0 10px 0px;
  background: rgba(0, 0, 0, 0.02);
  color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase; }

/* Quantity, Price Zone, etc. Box Headers */
#seat-price-zone.item-box h4,
#bundleSelect.bodyDetails .select-price-zones.item-box h4,
#bundleSelect.bodyDetails #seat-quantity.item-box h4,
#bundleSelect.bodyDetails .bundles-zones.item-box h4,
#bundleSelect.bodyDetails .bundles-container.item-box h4 {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 14px;
  margin: 10px 0 10px 0px;
  background: rgba(0, 0, 0, 0.02);
  color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase; }

/* Item Box Fine Print */
.item-box .fine-print {
  margin: 10px 14px 0; }

/* Small Fee Text */
span.fee-info.small-heading-text {
  text-transform: none;
  font-weight: 500; }

/* Top & Bottom Margins for Seat Price Zones */
.select-price-zones.item-box div {
  padding: 5px 14px; }

/* Order Fee Removal */
#bundleSelect.bodyDetails #orderFeesMessage {
  display: none; }

/* Order Fee Message Image */
#bundleSelect.bodyDetails #orderFeesMessageDefaultText img {
  padding-right: 5px;
  vertical-align: top; }

/* Car Parking Info Box */
#bundleSelect.bodyDetails .ticketProtection, #bundleSelect.bodyDetails .necExpressCarParkUpsell {
  color: #262626;
  background: transparent;
  border: 1px solid #CCCCCC;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 10px; }

/* Info Box Note Paragraphs */
#bundleSelect.bodyDetails p.navNote {
  font-weight: bold;
  margin: 5px 0; }

/* Venue Title Removal */
#bundleSelect.bodyDetails .venue-image-column.av-right .venue-title {
  display: none; }

/* Item Box Image Responsive Width */
#bundleSelect.bodyDetails .venue-image.item-box img {
  width: 100%; }

/* Ticket Protection Drop Down */
#bundleSelect.bodyDetails #ticketProtection.dropDown {
  display: block;
  margin-bottom: 10px;
  margin-left: 26px; }

/* Car Parking Div */
#bundleSelect.bodyDetails #necExpressCarParkUpsell {
  margin-top: 10px; }

/* Miscellaneous Items Dropdown */
#bundleSelect.bodyDetails #miscItem.dropDown {
  display: block;
  margin: 10px 26px; }

/* Event Image Removal for Mobile */
#bundleSelect.bodyDetails .item-logo, #mapSelect.bodyDetails .item-logo {
  display: none; }

/* Venue Image Text Align */
#bundleSelect.bodyDetails .venue-image.item-box {
  text-align: center; }

/* Promo Code Box */
#bundleSelect.bodyDetails #promoCodeBox {
  background: #F9F9F9;
  border: 1px solid #CCCCCC;
  margin: 0 0 20px;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

/* Promo Code Title */
#bundleSelect.bodyDetails #promoCodeBox h4 {
  display: none;
  padding-bottom: 5px; }

/* Venue Image Padding */
.venue-image.item-box {
  padding: 20px 0; }

#bundleSelect.bodyDetails .navigation-box {
  padding: 10px 30px;
  margin: 20px 0;
  background: transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: none;
  width: 100%; }

#bundleSelect.bodyDetails .navigation-box .btn {
  max-width: none; }

/* Bump Font Size of Event Info Tags */
.performance-date, .venueDescription {
  font-size: 14px;
  margin: 2px 0 !important; }

.performance-date {
  margin: 20px 0 0 0; }

/* Padding Left for Select Box */
#bundleSelect.bodyDetails .bundles-zones select {
  margin-left: 15px; }

/* H4 Override for Item Boxes */
#bundleSelect.bodyDetails .item-box h4 {
  margin: 10px 0 5px 0; }

/* Bundle & Seat Select Price Guide Overrides */
#bundleSelect.bodyDetails .item-box-item-details, #bundleSelect.bodyDetails .result-box-item-details {
  vertical-align: middle;
  line-height: 34px; }

.dropDown input {
  text-align: left; }

#bundleSelect.bodyDetails .bundle-select.item-box-item-details input[type="checkbox"] {
  margin: 10px 0; }

#bundleSelect.bodyDetails .item-box-detail-data,
#bundleSelect.bodyDetails .result-box-detail-data {
  display: inline-block;
  margin-right: 0px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* Restrict Size of Select on Larger Screens */
  #bundleSelect.bodyDetails .bundles-zones select {
    max-width: 300px; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Promo Code Input Width */
  #bundleSelect.bodyDetails .promotional-code-input {
    max-width: 315px; }
  /* Venue Image Item Box Padding */
  #bundleSelect.bodyDetails .venue-image-column .venue-image.item-box {
    padding: 0 20px; }
  /* Un-hide Event Image for Desktop */
  #bundleSelect.bodyDetails .item-logo {
    display: block; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*                                                                       
*                                                                     
*   Project:    TTF White Label Boilerplate - (Brand SeatSelect CSS)                            
*   File:       backend/_brandSeatSelect.scss                                               
*   Platform:   Audience View 6.8.2                                                     
*   Date:       August 2014                                                         
*   Author:     Wilko & Chris                                                       
*   Copyright:  ©TheTicketFactory.com, 2014                                                 
*                                                                       
*                                                                       
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
  seatSelect.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Event Title */
#seatSelect.bodyDetails .av-left .item-description-details h3.item-description {
  font-size: 20px; }

/* Margin for Last List Item */
#seatSelect.bodyDetails .item-description-details ul li:last-child {
  margin: 10px 0 0; }

/* Item Box Backgrounds */
.item-box .item-box-item.even, .item-box .item-box-item.odd {
  background: none; }

/* Dropdown Select Box */
#seatSelect.bodyDetails .dropDown select {
  background: #FCFCFC; }

/* Disassociate Fees Alert with Margin */
.feesAlert {
  margin-top: 0 !important; }

/* Alert Info Link */
#seatSelect.bodyDetails .attention.alert.alert-info a {
  margin-top: 10px;
  display: block; }

/* Quantity, Price Zone, etc. Boxes */
#seat-price-zone.item-box,
#seatSelect.bodyDetails .select-price-zones.item-box,
#seatSelect.bodyDetails #seat-quantity.item-box {
  color: #262626;
  background: transparent;
  border: 1px solid #CCCCCC;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 20px;
  padding: 0 0 14px 0; }

/* Quantity, Price Zone, etc. Box Headers */
#seat-price-zone.item-box h4,
#seatSelect.bodyDetails .select-price-zones.item-box h4,
#seatSelect.bodyDetails #seat-quantity.item-box h4 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 14px;
  margin: 0 0 15px 0px;
  background: rgba(0, 0, 0, 0.02);
  color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase; }

/* Item Box Fine Print */
.item-box .fine-print {
  margin: 10px 14px 0; }

/* Small Fee Text */
span.fee-info.small-heading-text {
  text-transform: none;
  font-weight: 500; }

/* Top & Bottom Margins for Seat Price Zones */
.select-price-zones.item-box div {
  padding: 5px 14px; }

/* Order Fee Removal */
#seatSelect.bodyDetails #orderFeesMessage {
  display: none; }

/* Order Fee Message Image */
#seatSelect.bodyDetails #orderFeesMessageDefaultText img {
  padding-right: 5px;
  vertical-align: top; }

/* Car Parking Info Box */
#seatSelect.bodyDetails .ticketProtection, #seatSelect.bodyDetails .necExpressCarParkUpsell {
  color: #262626;
  background: transparent;
  border: 1px solid #CCCCCC;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 10px; }

/* Info Box Note Paragraphs */
#seatSelect.bodyDetails p.navNote {
  font-weight: bold;
  margin: 5px 0; }

/* Venue Title Removal */
#seatSelect.bodyDetails .venue-image-column.av-right .venue-title {
  display: none; }

/* Item Box Image Responsive Width */
#seatSelect.bodyDetails .venue-image.item-box img {
  width: 100%; }

/* Ticket Protection Drop Down */
#seatSelect.bodyDetails #ticketProtection.dropDown {
  display: block;
  margin-bottom: 10px;
  margin-left: 26px; }

/* Car Parking Div */
#seatSelect.bodyDetails #necExpressCarParkUpsell {
  margin-top: 10px; }

/* Miscellaneous Items Dropdown */
#seatSelect.bodyDetails #miscItem.dropDown {
  display: block;
  margin: 10px 26px; }

/* Event Image Removal for Mobile */
#seatSelect.bodyDetails .item-logo, #mapSelect.bodyDetails .item-logo {
  display: none; }

/* Venue Image Text Align */
#seatSelect.bodyDetails .venue-image.item-box {
  text-align: center; }

/* Promo Code Box */
#seatSelect.bodyDetails #promoCodeBox {
  background: #F9F9F9;
  border: 1px solid #CCCCCC;
  margin: 0 0 20px;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

/* Promo Code Title */
#seatSelect.bodyDetails #promoCodeBox h4 {
  display: none;
  padding-bottom: 5px; }

/* Venue Image Padding */
.venue-image.item-box {
  padding: 20px 0; }

#seatSelect.bodyDetails .navigation-box {
  padding: 10px 0;
  margin: 20px 0;
  background: transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: none;
  width: 100%; }

#seatSelect.bodyDetails .navigation-box .btn {
  max-width: none; }

/* Bump Font Size of Event Info Tags */
.performance-date, .performance-end-date, .venueDescription {
  font-size: 14px;
  margin: 2px 0 !important; }

.performance-date {
  margin: 20px 0 0 0; }

/* Seat Select Fee Message */
#seatSelect.bodyDetails #seatSelectFeeMessage {
  background: #F9F9F9;
  border-color: #CCCCCC;
  color: #9e005d; }

a.feesAlert {
  margin-top: 0;
  color: #9e005d; }

/* Bold Weight for Price Type Label */
span.pricetype-label {
  font-weight: 700; }

/* Bundle & Seat Select Price Guide Overrides */
#seatSelect.bodyDetails .item-box-item-details, #seatSelect.bodyDetails .result-box-item-details {
  vertical-align: middle;
  line-height: auto; }

/* Remove More Info Button */
#seatSelect.bodyDetails .performance-header .more-info,
#bundleSelect.bodyDetails .performance-header .more-info {
  display: none; }

/* Add Left Margin to Form Control Select Box */
#seatSelect.bodyDetails .select-price-zones.item-box select.form-control {
  margin: 0 0 0 14px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Promo Code Input Width */
  #seatSelect.bodyDetails .promotional-code-input {
    max-width: 315px; }
  /* Venue Image Item Box Padding */
  #seatSelect.bodyDetails .venue-image-column .venue-image.item-box {
    padding: 0 20px; }
  /* Un-hide Event Image for Desktop */
  #seatSelect.bodyDetails .item-logo {
    display: block; }
  #seatSelect.bodyDetails .navigation-box .btn {
    max-width: 200px; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*                                                                       
*                                                                     
*   Project:  TTF White Label Boilerplate - (Global Globals CSS)                            
*   File:   global/_globalGlobals.scss                                               
*   Platform: Audience View 6.8.2                                                     
*   Date:   August 2014                                                         
*   Author:   Wilko & Chris                                                       
*   Copyright:  ©TheTicketFactory.com, 2014                                                 
*                                                                       
*                                                                       
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Global Styles or Overrides
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*Set color for Browser Detect font*/
#browserMessage {
  color: black;
  background: white; }

/*Remove Pass field box for Bundles*/
.bundle-item .item-amount.section-box-item-details.last-column select {
  display: none; }

.bundle-item .item-amount.section-box-item-details.last-column span {
  display: none; }

.system-message-block {
  background: #F9F9F9;
  color: #B6035F;
  position: fixed;
  text-transform: none;
  z-index: 99;
  width: 100%;
  left: 0;
  top: 45px;
  text-align: center;
  line-height: 60px;
  font-size: 26px;
  font-weight: 700;
  margin: 0;
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased;
  animation: animateIn ease-in-out 0.6s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  -webkit-animation: animateIn ease-in-out 0.6s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -moz-animation: animateIn ease-in-out 0.6s;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -o-animation: animateIn ease-in-out 0.6s;
  -o-animation-iteration-count: 1;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -ms-animation: animateIn ease-in-out 0.6s;
  -ms-animation-iteration-count: 1;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/ }

@keyframes animateIn {
  0% {
    left: -1500px;
    opacity: 0; }
  60% {
    left: 30px;
    opacity: 1; }
  80% {
    left: -10px; }
  100% {
    left: 0px;
    opacity: 1; } }

@-moz-keyframes animateIn {
  0% {
    left: -1500px;
    opacity: 0; }
  60% {
    left: 30px;
    opacity: 1; }
  80% {
    left: -10px; }
  100% {
    left: 0px;
    opacity: 1; } }

@-webkit-keyframes animateIn {
  0% {
    left: -1500px;
    opacity: 0; }
  60% {
    left: 30px;
    opacity: 1; }
  80% {
    left: -10px; }
  100% {
    left: 0px;
    opacity: 1; } }

@-o-keyframes animateIn {
  0% {
    left: -1500px;
    opacity: 0; }
  60% {
    left: 30px;
    opacity: 1; }
  80% {
    left: -10px; }
  100% {
    left: 0px;
    opacity: 1; } }

@-ms-keyframes animateIn {
  0% {
    left: -1500px;
    opacity: 0; }
  60% {
    left: 30px;
    opacity: 1; }
  80% {
    left: -10px; }
  100% {
    left: 0px;
    opacity: 1; } }

.system-message-block div.message-context {
  padding: 0; }

.system-message-block div.message-context span:before {
  font-family: 'Iconise';
  content: "\f101";
  font-size: 34px;
  padding: 0 0 0 11px; }

.close {
  color: #9e005d;
  font-size: 30px; }

#barclaycardMessageShoppingCart {
  background: white;
  padding: 15px;
  margin-top: 30px;
  border: 1px solid #c5c5c5;
  float: left;
  width: 100%; }

#barclaycardLogoShoppingCart {
  float: left;
  padding-right: 15px;
  clear: both;
  display: block;
  padding-top: 0;
  max-width: 180px; }

#barclaycardMessageShoppingCart .navNote {
  font-weight: normal;
  float: left;
  clear: both;
  margin: 15px 5px 3px 5px; }

#barclaycardMessageShoppingCart a {
  color: #00acec; }

#barclaycardMessageSeatSelect a {
  text-decoration: underline; }

.order-items .item-options {
  float: left;
  width: auto; }

.order-items .item-options a {
  font-size: 10px; }

.item-total-label.section-box-detail-data,
.item-total-value.section-box-detail-data {
  font-weight: bold; }

#TTF_NEC_data_protection_questions,
#TTF_Pro_data_protection_questions,
#TTF_Barclaycard_data_protection_questions {
  float: left;
  width: 100%; }

.MultiList {
  float: left; }

#bundleSelect.bodyDetails .item-logo {
  float: left;
  clear: both; }

/* Generic Override for Line Height of Primary Button (Fix is due to 2px font-size difference) */
.btn.btn-primary {
  line-height: 1 !important; }

/* Global class to clear gutters */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0; }

.row.no-gutters [class^="col-"],
.row.no-gutters [class*=" col-"] {
  padding-right: 0;
  padding-left: 0; }

/* Read More / Read Less Article Content Copy Fore Mobile */
#default.bodyDetails.article .readMoreBTN,
#default.bodyDetails.article .readLessBTN {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif, "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-size: 14px;
  cursor: pointer; }

#default.bodyDetails.article .readMoreText {
  display: none; }

/* Mobile Timeout */
#header {
  padding: 52px 0 0 0;
  background: rgba(30, 30, 30, 0.9); }

.desktopFullSite,
.desktopFullSiteBrand {
  display: block;
  padding: 15px;
  text-align: center; }

.desktopFullSite a {
  font-size: 1.2em;
  color: #888888; }

.desktopFullSiteBrand a {
  font-size: inherit;
  color: #888888; }

.fa-desktop:before {
  padding-right: 5px;
  font-size: inherit;
  color: #888888; }

/* Cookie Policy */
div#cookie-acknowledge-message {
  display: none !important; }

.cookie-jar .paragraph {
  font-size: .875rem;
  text-align: left; }

.cookie-jar {
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
  position: fixed;
  display: none;
  z-index: 200;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  bottom: 0;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 1em;
  padding-left: 1em;
  border-left-width: 1rem;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.95);
  width: 100%; }

.cookie-jar.is-active {
  display: block;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.cookie-jar > * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.cookie-jar h3 {
  float: left;
  width: 100%; }

/* Check out with PayPal (shoppingCart.asp) */
.paypal-express {
  text-align: center; }

.navExpCheckoutSeparator {
  display: none; }

.checkoutSeparator {
  float: none;
  text-align: center;
  margin: 0; }

/* Tooltip - Login Username */
.tooltip {
  font-size: 14px;
  width: auto; }

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100); }

.tooltip-inner {
  max-width: 230px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #acacac;
  border-radius: 4px;
  box-shadow: 0 0 4px 2px #acacac; }

.tooltip.top .tooltip-arrow {
  border-top-color: #acacac; }

.tooltip.top-left .tooltip-arrow {
  border-top-color: #acacac; }

.tooltip.top-right .tooltip-arrow {
  border-top-color: #acacac; }

/* Fix for Haymarket search results displayed in Firefox
table {
    display: -moz-inline-grid;
} */
/* Breadcrumb */
.container .breadcrumb {
  display: none; }

/* Seat Select Disclaimer */
#seatSelect.bodyDetails p.fine-print {
  text-align: center;
  font-size: 14px; }

/* Help Basket Button */
.customer-help {
  display: none; }

/* GDRP Privacy Notice */
.gdpr-privacy-notice-wrapper {
  padding: 0; }

.gdpr-privacy-notice-container.container-fluid {
  padding: 0;
  background-color: #eee;
  max-height: 190px; }

.gdpr-privacy-notice-alert {
  margin: 0;
  padding: 0;
  text-align: center; }

.gdpr-first-line-wrapper {
  display: block;
  padding-bottom: 10px; }

.gdpr-privacy-notice-content-left {
  padding: 0; }

.gdpr-privacy-notice-content-right {
  padding: 0 0 20px; }

.gdpr-privacy-notice-loud {
  display: inline-block;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.005em; }

a.gdpr-privacy-notice-link {
  text-decoration: underline;
  color: inherit; }

p.gdpr-privacy-notice-text-wrapper {
  padding: 20px 10px 20px;
  margin: 0; }

.gdpr-privacy-notice-btn-wrapper {
  float: none; }

a.gdpr-privacy-notice-btn {
  display: inline-block;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  background-color: #00b6ad;
  padding: 10px 25px;
  border-radius: 4px;
  color: white;
  text-transform: uppercase; }

/* Removed Guest Login From All Sites */
#login.bodyDetails .account-box.create-account-box.continueAsGuest,
#login.bodyDetails .account-box.create-account-box a.buttonBreak.btn.btn-primary {
  display: none !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* Read More / Read Less Article Content Copy Fore Mobile */
  #default.bodyDetails.article .readMoreBTN {
    display: none; }
  #default.bodyDetails.article .readMoreText {
    display: block; } }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* Read More / Read Less Article Content Copy Fore Mobile */
  #default.bodyDetails.article .readMoreBTN {
    display: none; }
  #default.bodyDetails.article .readMoreText {
    display: block; }
  /* Cookie Policy */
  .cookie-jar h3 {
    float: right;
    width: auto; }
  .cookie-jar .paragraph {
    text-align: center; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Move System Message Below Navigation Bar */
  .system-message-block {
    top: 60px;
    margin: 5px 0 0 0; }
  /* Mobile Timeout */
  #header {
    background: transparent; }
  .desktopFullSite,
  .desktopFullSiteBrand {
    display: none; }
  /* Check out with PayPal (shoppingCart.asp) */
  .checkout-button {
    float: none; }
  .checkoutSeparator {
    float: right;
    margin: auto 5px;
    text-align: center;
    line-height: 34px;
    color: rgba(0, 0, 0, 0.7); }
  /* GDRP Privacy Notice */
  .gdpr-privacy-notice-alert {
    margin: 10px auto;
    padding: 0;
    text-align: left; }
  .gdpr-first-line-wrapper {
    display: inline-block;
    padding: 0 2px 0 0; }
  p.gdpr-privacy-notice-text-wrapper {
    padding: 8px 0;
    margin: 0;
    font-size: 14px; }
  .gdpr-privacy-notice-btn-wrapper {
    float: right; }
  .gdpr-privacy-notice-content-right {
    padding: 0; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Global Modal Window CSS)																			
*		File:		global/_globalModal.scss																									
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Modal Information Window
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Modal Dialog Box */
.modal-content, .modal-content h4 {
  color: #313131; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Lookup Address Model Window
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#popupDiv.popup-addressVerification .modal-body.address-lookup {
  height: 350px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */
  .modal-dialog {
    margin: 80px auto; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				                                                                        
*																																				                                                                        
*		Project:	TTF White Label Boilerplate - (Brand Login Social Sign In Variant CSS)																			                                            	
*		File:		backend/_brandSSLogin.scss																								                                                          	
*		Platform:	Audience View 6.8.2																										                                                          	
*		Date:		January 2015 																												                                                                
*		Author:		Wilko & Chris																												                                                              
*		Copyright:	©TheTicketFactory.com, 2015																									                                                    
*																																				                                                                       
*																																				                                                                        
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	login.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Remove Login Top Padding */
#login.bodyDetails {
  padding: 0 0 40px 0; }

/* Remove Page Header */
#login.bodyDetails .account-box.page-heading {
  display: none; }

/* Social Login */
#login.bodyDetails .social-login-box {
  background-color: #F9F9F9;
  border: 0;
  margin: 0;
  height: auto;
  position: relative;
  background: url("https://d36kigkh74flet.cloudfront.net/branding/default/facebookBackground.jpg") no-repeat top center;
  background-size: 100% auto;
  background-size: cover; }

/* Facebook Social Login */
#login.bodyDetails a.btn-social.btn-lg {
  padding-left: 28px; }

#login.bodyDetails a.btn-facebook {
  color: #fff;
  background-color: #3b5998; }

#login.bodyDetails a.btn-social {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  position: relative;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  max-width: 350px;
  margin: 0 auto; }

#login.bodyDetails a.btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.7em;
  position: absolute;
  left: 10px;
  top: 2px;
  bottom: 0;
  text-align: center; }

#login.bodyDetails .fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal; }

#login.bodyDetails .fa-facebook:before {
  content: "\f09a"; }

#login.bodyDetails .fa-check:before {
  content: "\f00c";
  padding-right: 10px;
  color: #212e84; }

#login.bodyDetails .fb-SocialLogin {
  margin: 61px auto 0 auto; }

#login.bodyDetails .fb-SocialLogin-Benefit {
  margin: 20px auto 61px auto; }

#login.bodyDetails ul.fb-benefit-info {
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
  text-align: center; }

#login.bodyDetails span.fb-benefit {
  display: block;
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-size: 20px;
  letter-spacing: -0.03em;
  margin: 5px auto; }

/* Header 1 Alignment */
#login.bodyDetails .account-box.page-heading h1 {
  text-align: left;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 26px; }

/* Create Account Box */
#login.bodyDetails .account-box.login-box, #login.bodyDetails .account-box.create-account-box {
  background: transparent;
  padding: 20px;
  text-align: center;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  border: transparent; }

#login.bodyDetails .account-box.create-account-box {
  margin: 5px 0 0; }

#login.bodyDetails .account-box li {
  margin: 0 0 25px; }

#login.bodyDetails .fb-SocialLogin-Benefit ul li {
  margin: 0; }

/* Login Box Field Label */
#login.bodyDetails .account-box.login-box span.field-label {
  color: #000;
  font-weight: 700;
  padding: 10px 0; }

/* Field Label General Sizing */
#login.bodyDetails .account-box .field-label {
  width: 100%; }

/* Page Heading Text */
#login.bodyDetails .account-box.page-heading {
  text-align: left;
  width: 100%;
  border-top: none;
  max-width: 1170px;
  padding: 20px 0 0;
  margin: 0; }

/* Section & Account Divs */
#login.bodyDetails .section-box .no-label-indent, #login.bodyDetails .account-box .no-label-indent {
  padding-left: 0; }

/* Forgot Password */
#login.bodyDetails .forgot-password.no-label-indent a {
  text-decoration: none !important;
  float: left;
  margin-top: 20px;
  font-size: 14px; }

/* Account Login Box */
#login.bodyDetails .account-box.login-box {
  border-bottom: 1px solid #C7C7C7; }

#login.bodyDetails input.buttonBreak.btn.btn-primary {
  background: #cd1a6e;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 18px;
  letter-spacing: -0.03em;
  text-transform: capitalize;
  color: white;
  border: none;
  margin: 15px 0 0 0;
  padding: 15px 25px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  float: right; }

#login.bodyDetails ul.list-unstyled {
  width: 100%;
  max-width: 350px;
  margin: 0 auto; }

#login.bodyDetails .field-label,
#login.bodyDetails .required,
#login.bodyDetails .account-box.login-box h3,
#login.bodyDetails .account-box.create-account-box h3,
#login.bodyDetails .account-box.create-account-box p {
  display: none; }

#login.bodyDetails label {
  width: 100%; }

#login.bodyDetails span.username {
  margin: 0 0 20px 0; }

#login.bodyDetails input[type="text"],
#login.bodyDetails input[type="password"] {
  border: none;
  margin: 0;
  padding: 0 0 0 10px;
  float: left;
  height: 44px;
  background: transparent;
  width: 80%;
  box-shadow: none; }

#login.bodyDetails span.username,
#login.bodyDetails span.password {
  width: 100%;
  height: 48px;
  font-size: 18px;
  color: #8a8a8a;
  border: 2px solid #acacac;
  border-radius: 4px;
  display: block; }

#login.bodyDetails label span.username:before {
  font-family: "Iconise";
  background: #bebebe;
  font-size: 34px;
  color: white;
  padding: 0px 11px;
  border-radius: 0px;
  max-height: 44px;
  line-height: 44px;
  overflow: hidden;
  float: left; }

#login.bodyDetails label span.password:before {
  font-family: "Iconise";
  background: #bebebe;
  font-size: 34px;
  color: white;
  padding: 0px 10px;
  border-radius: 0px;
  max-height: 44px;
  line-height: 44px;
  overflow: hidden;
  float: left; }

#login.bodyDetails label span.username:before {
  content: "\f1fe"; }

#login.bodyDetails label span.password:before {
  content: "\f20a"; }

#login.bodyDetails .account-box.create-account-box input.btn.btn-link {
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
  height: 48px;
  font-size: 18px;
  background: #9e005d;
  color: white;
  border: 2px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  display: block; }

#login.bodyDetails .account-box.create-account-box input.btn.btn-link:hover {
  background: #d16396; }

#login.bodyDetails .account-box.create-account-box.continueAsGuest a.buttonBreak.btn.btn-primary {
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
  height: 48px;
  font-size: 18px;
  background-color: #F9F9F9;
  color: #8a8a8a;
  border: 2px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  display: block; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Logout
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Logout Page Alert Info */
#logout.bodyDetails .alert-info {
  color: inherit;
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.6); }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Account Login Box */
  #login.bodyDetails .account-box.login-box {
    float: left;
    width: 50%;
    border-right: 1px solid #C7C7C7;
    border-bottom: none;
    margin: 40px 0 0; }
  /* Create Account Box */
  #login.bodyDetails .account-box.create-account-box {
    float: right;
    width: 50%;
    margin: 40px 0 0; }
  /* Create Account Box */
  #login.bodyDetails .account-box.create-account-box.continueAsGuest {
    float: right;
    width: 50%;
    margin: 5px 0 0; }
  #login.bodyDetails .fb-SocialLogin-Benefit {
    margin: 30px auto; }
  #login.bodyDetails .fb-SocialLogin {
    margin: 61px auto; }
  #login.bodyDetails ul.fb-benefit-info {
    text-align: left; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	  TTF White Label Boilerplate - (Global CreateAccount CSS)																		
*		File:		    global/_brandCreateAccount.scss																							
*		Platform:	  Audience View 6.8.2																											
*		Date:		    August 2018 																												
*		Author:		  Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	createAccount.asp - HEADER
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#registerAccount {
  margin: 0;
  padding: 0; }

#content.homepageContent #createAccount {
  border: none !important; }

#registerAccount #content, #registerAccount #content .container {
  box-shadow: none !important;
  width: 100% !important;
  background: #fff; }

#registerAccount body {
  background: #fff !important;
  background-image: none;
  width: 100%;
  max-width: 100%;
  font-family: 'Barlow', sans-serif;
  font-weight: 400; }

#registerAccount .articleContent #createAccount {
  background: #fff;
  border: none;
  padding: 0; }

#registerAccount h1 {
  font-family: 'Barlow', sans-serif !important;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 900;
  padding: 1.2em 0 .6em;
  margin-bottom: 0;
  color: #404040;
  letter-spacing: -.02em;
  text-transform: uppercase;
  text-align: left; }

#registerAccount h3 {
  font-family: 'Barlow', sans-serif;
  font-size: 24px;
  font-weight: 900;
  padding: 1.2em 0 .6em;
  margin-bottom: 0;
  color: #404040;
  letter-spacing: -.02em;
  text-transform: uppercase;
  background: none !important;
  text-align: left;
  max-width: 1170px;
  margin: auto; }

#registerAccount h3 span {
  text-align: left; }

#registerAccount h3 span::before,
#registerAccount h3 span::after {
  display: none !important; }

#registerAccount .account-box p {
  font-size: 14px;
  margin-top: 0 !important;
  margin-bottom: 25px !important; }

#registerAccount .customer-attributes-wrapper {
  color: #474747 !important; }

#registerAccount .bodyDetails {
  margin: auto;
  padding: 0 !important; }

#registerAccount #TTF_NEC_data_protection_questions .field-label,
#registerAccount #TTF_NEC_data_protection_questions .MultiList,
#registerAccount #createAccount.bodyDetails span#privacyPolicyPleaseNote,
#registerAccount #createAccount.bodyDetails span#privacyPolicyPleaseNoteTextA,
#registerAccount #createAccount.bodyDetails span#privacyPolicyPleaseNoteTextB,
#registerAccount #createAccount.bodyDetails span#privacyPolicy {
  font-size: 16px !important;
  text-align: left; }

#registerAccount #createAccount.bodyDetails span#privacyPolicyPleaseNoteTextA,
#registerAccount #createAccount.bodyDetails span#privacyPolicyPleaseNoteTextB {
  color: #868686; }

#registerAccount #privacyPolicy a {
  color: #474747;
  border-bottom: 2px solid #868686;
  font-weight: bold; }

#registerAccount .account-box, #registerAccount .section-box {
  padding: 0 !important; }

#registerAccount #createAccount.bodyDetails p.user-info {
  margin: 25px 0; }

#registerAccount .privacyPolicyNotes {
  font-size: 20px !important;
  text-align: left !important; }

#registerAccount .password-rules {
  padding-left: 30px;
  padding-bottom: 20px;
  text-transform: uppercase;
  color: #58585A;
  font-weight: 600; }

.row.ttfRegistration_headerBlock {
  margin-left: -15px !important;
  margin-right: -15px !important; }

.ttfRegistration_headerBlock {
  background-image: url(https://assets.theticketfactory.com/UXBuilds/ttfRegistration/headerBackground.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: cover; }

.ttfRegistration_headerBlock .container {
  width: 100%;
  max-width: 1170px;
  margin: auto; }

.ttfRegistration_logoBlock {
  display: block;
  margin: 20px auto; }

.flexbox .ttfRegistration_logoBlock {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.ttfRegistration_logoElement {
  display: block;
  width: 100%;
  max-width: 300px;
  height: 180px;
  margin: 0 auto;
  background-image: url(https://assets.theticketfactory.com/UXBuilds/ttfRegistration/ttfRegLogo.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -9999px; }

.svg .ttfRegistration_logoElement {
  background-image: url(https://assets.theticketfactory.com/UXBuilds/ttfRegistration/ttfRegLogo.svg); }

.ttfRegistration_infoBlock {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 44px 20px;
  color: white;
  text-align: center;
  font-size: 18px; }

.ttfRegistration_regInformation a {
  text-decoration: underline;
  color: white; }

.ttfRegistration_regEmailInfo {
  display: block;
  font-size: 16px;
  opacity: 0.6;
  padding: 20px 0 0; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
      createAccount.asp - BODY
  -----------------------------------------------------------------------------------------------------------------------------------------------*/
#content.articleContent .container {
  padding: 0; }

#content.articleContent #createAccount {
  max-width: 100%;
  background-color: #FFFFFF; }

#createAccount.bodyDetails {
  padding: 50px 10px; }

#createAccount.bodyDetails .account-box.user-settings {
  display: none; }

#createAccount.bodyDetails .account-box.page-heading,
#createAccount.bodyDetails .account-box.customer-contact,
#createAccount.bodyDetails .account-box.customer-address,
#createAccount.bodyDetails .account-box.customer-marketing,
#createAccount.bodyDetails .customer-attributes-wrapper,
#createAccount.bodyDetails .navigation-box.account-box {
  display: block !important;
  max-width: 1170px !important;
  width: 100% !important;
  margin: 0 auto !important;
  border: none !important;
  box-shadow: none !important;
  background: none !important; }

#createAccount.bodyDetails .navigation-box {
  padding: 0 !important; }

#createAccount.bodyDetails hr {
  border-top: 1px solid #e8e5e5; }

#createAccount.bodyDetails h1 {
  color: #58585A; }

#createAccount.bodyDetails p.user-info {
  display: inline-block;
  font-size: 18px;
  color: #58585A;
  margin: 20px 0 5px;
  padding: 15px 10px;
  border-top: 1px solid #B3B3B3;
  border-bottom: 1px solid #B3B3B3; }

#createAccount.bodyDetails .account-box.customer-contact h3 {
  display: none; }

#createAccount.bodyDetails .account-box {
  border: none; }

#createAccount.bodyDetails .account-box .field-label {
  color: #58585A;
  font-weight: 600;
  line-height: 39px;
  font-size: 16px; }

#createAccount.bodyDetails ul.contact-emails.list-unstyled {
  display: inline-block;
  background-color: #F8F8FA;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 40px 30px 40px 0; }

#createAccount.bodyDetails .account-box li {
  margin: 0 0 10px; }

#createAccount.bodyDetails ul.contact-emails.list-unstyled li label span {
  padding-left: 30px; }

#createAccount.bodyDetails .required {
  padding-left: 10px; }

#createAccount.bodyDetails .user-password-rules {
  display: inline-block;
  margin: 15px 0;
  color: #B3B3B3;
  font-size: 14px;
  text-transform: uppercase; }

#createAccount.bodyDetails .account-box.customer-address {
  padding-bottom: 0; }

#createAccount.bodyDetails .account-box.customer-communication {
  display: none; }

#createAccount.bodyDetails .account-box.customer-marketing {
  padding: 0; }

#createAccount.bodyDetails .account-box.customer-attributes {
  margin: 0 0 10px 0;
  padding: 10px 0 0; }

#createAccount.bodyDetails input.navBack.nav-cancel.btn.btn-default {
  display: none; }

#createAccount.bodyDetails input.navForward.btn.btn-primary {
  float: left; }

#createAccount.bodyDetails .comboBoxWrapper {
  width: 220px !important; }

#createAccount.bodyDetails .comboBoxWrapper select {
  clip: rect(0 220px 34px 198px) !important;
  width: 220px !important; }

/* IE Only ComboBoxWrapper Select Override */
@media screen and (min-width: 0\0) {
  #createAccount.bodyDetails .comboBoxWrapper select {
    clip: rect(0 220px 34px 191px) !important;
    background: white; } }

/* Firefox Only ComboBoxWrapper Select Override */
@media screen and (min--moz-device-pixel-ratio: 0) {
  #createAccount.bodyDetails .comboBoxWrapper select {
    clip: rect(0 220px 34px 198px) !important;
    background: white; } }

#createAccount.bodyDetails .comboBoxWrapper input {
  width: 220px !important;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

/* IE Only ComboBoxWrapper Input Override */
@media screen and (min-width: 0\0) {
  #createAccount.bodyDetails .comboBoxWrapper input {
    border-right: none; } }

/* Firefox Only ComboBoxWrapper Input Override */
@media screen and (min--moz-device-pixel-ratio: 0) {
  #createAccount.bodyDetails .comboBoxWrapper input {
    border-right: none; } }

#createAccount.bodyDetails .comboBoxWrapper div {
  left: 221px !important; }

#createAccount.bodyDetails nobr input,
#createAccount.bodyDetails ul.contact-tel.list-unstyled input {
  margin: 0 0 5px 0; }

#createAccount.bodyDetails .account-box.customer-attributes .field-label {
  line-height: 24px;
  white-space: normal;
  width: 100%;
  padding-bottom: 15px;
  font-weight: normal !important; }

#createAccount.bodyDetails .account-box.customer-attributes .MultiList {
  line-height: 24px; }

#createAccount.bodyDetails .account-box.customer-attributes .MultiList li {
  margin: 0; }

#createAccount.bodyDetails .account-box.customer-attributes .MultiList input[type="checkbox"] {
  margin: 0;
  height: 22px;
  width: 22px;
  vertical-align: sub;
  margin-right: 10px; }

#createAccount.bodyDetails #TTF_NEC_data_protection_questions label.field-label span {
  color: black; }

#createAccount.bodyDetails span#privacyPolicyPleaseNote {
  font-family: 'Barlow', Arial, sans-serif;
  font-weight: 700;
  display: inline-block;
  width: 100%;
  margin-bottom: 5px; }

#createAccount.bodyDetails span#privacyPolicyPleaseNoteTextA,
#createAccount.bodyDetails span#privacyPolicyPleaseNoteTextB {
  display: inline-block;
  width: 100%;
  line-height: 1.4; }

/* Address - Required */
#createAccount.bodyDetails .account-box.customer-address .required {
  vertical-align: top; }

#createAccount.bodyDetails #TTF_NEC_data_protection_questions,
#createAccount.bodyDetails #TTF_Pro_data_protection_questions,
#createAccount.bodyDetails #TTF_Barclaycard_data_protection_questions {
  width: 100%; }

#createAccount.bodyDetails .account-box.customer-marketing img.iconup {
  display: none; }

#createAccount.bodyDetails span#privacyPolicy {
  display: inline-block;
  margin: 10px 0 0 0;
  line-height: 24px; }

.ttfRegistration_createAccountButton {
  position: relative;
  background-color: #333132;
  border: none;
  border-radius: 6px;
  color: white;
  padding: 10px 20px;
  font-family: 'Barlow', sans-serif;
  font-weight: 900;
  font-size: 30px;
  margin: 40px auto 20px;
  text-transform: uppercase;
  transition: all 0.2s ease;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  backface-visibility: hidden;
  transform: translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased;
  outline: 0; }

.ttfRegistration_ABLogoBlock {
  display: inline-block;
  width: 80px;
  height: 24px;
  float: left;
  position: relative; }

.ttfRegistration_createAccountButton span {
  display: inline-block;
  float: left; }

.ttfRegistration_createAccountButton span:first-child {
  padding-right: 6px; }

.ttfRegistration_createAccountButton span:last-child {
  padding-left: 6px; }

.ttfRegistration_ABLogo {
  position: absolute;
  top: -19px;
  left: 0;
  width: 70px;
  height: 70px;
  padding: 10px;
  border-radius: 50%;
  background-color: #333132;
  transition: all 0.2s ease; }

.ttfRegistration_createAccountButton:hover,
.ttfRegistration_createAccountButton:hover .ttfRegistration_ABLogo {
  background-color: black; }

.ttfRegistration_createAccountButton:hover {
  -webkit-transform: scale3d(1.02, 1.02, 1.02);
  transform: scale3d(1.02, 1.02, 1.02);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased; }

.ttfRegistration_ABLogo.ABSVG {
  display: none; }

.svg .ttfRegistration_ABLogo.ABSVG {
  display: block; }

.svg .ttfRegistration_ABLogo.ABPNG {
  display: none; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
      createAccount.asp - FOOTER
  -----------------------------------------------------------------------------------------------------------------------------------------------*/
.row.ttfRegistration_footerBlock {
  margin-left: -15px !important;
  margin-right: -15px !important; }

.ttfRegistration_footerBlock {
  background-color: #E8E8E8;
  padding: 60px 20px;
  text-align: center; }

.ttfRegistration_footerLinks a {
  color: #9D9E9D;
  font-size: 16px;
  text-decoration: none;
  transition: all 0.2s ease; }

.ttfRegistration_footerLinks a:hover {
  color: #333; }

.ttfRegistration_footerLinkSplitter {
  display: inline-block;
  color: #12b9b1;
  padding: 0 6px; }

.ttfRegistration_proudMembers {
  font-family: 'Barlow', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #9d9e9d;
  text-transform: uppercase;
  padding: 20px 0 10px; }

.ttfRegistration_starBlock {
  display: inline-block;
  margin: 0 auto; }

.ttfRegistration_starLogo {
  width: 100%;
  min-width: 200px;
  background-image: url("https://assets.theticketfactory.com/UXBuilds/ttfRegistration/starLogo.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: contain;
  height: 60px;
  text-indent: -9999px; }

.svg .ttfRegistration_starLogo {
  background-image: url("https://assets.theticketfactory.com/UXBuilds/ttfRegistration/starLogo.svg"); }

.ttfRegistration_starLogoBlock,
.ttfRegistration_starLinkBlock {
  display: block; }

.ttfRegistration_starLinkBlock {
  margin-top: 12px; }

.ttfRegistration_starLinkBlock a {
  width: 100%;
  max-width: 222px;
  padding: 4px 20px;
  color: #868686;
  font-size: 14px;
  display: block;
  border: 1px solid #868686;
  border-radius: 6px;
  transition: all 0.2s ease; }

.ttfRegistration_starLinkBlock a:hover {
  color: #E8E8E8;
  background-color: #868686;
  text-decoration: none; }

.ttfRegistration_starLinkBlock a + a {
  margin-top: 4px; }

.ttfRegistration_copyrightBlock,
.ttfRegistration_necBlock,
.ttfRegistration_officeBlock {
  font-size: 14px;
  color: #bcbcbc; }

.ttfRegistration_copyrightBlock {
  text-transform: uppercase;
  padding: 30px 0 20px; }

.ttfRegistration_necBlock {
  padding: 0; }

.ttfRegistration_officeBlock {
  padding: 20px 0;
  font-size: 12px; }

.ttfRegistration_officeBlock a {
  color: #bcbcbc;
  text-decoration: underline;
  transition: all 0.2s ease; }

.ttfRegistration_officeBlock a:hover {
  color: #333; }

/* DOB - Date Picker UI */
div#ui-datepicker-div.dateOfBirthWidget {
  width: 220px; }

.dateOfBirthWidget .ui-datepicker {
  width: 100% !important;
  padding: 0 !important; }

.dateOfBirthWidget .ui-widget-header {
  border: none !important;
  border-bottom: 1px solid #bbbbbb !important;
  color: #6b6b6b !important;
  font-family: 'Barlow', Arial, sans-serif, 'Barlow', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px !important;
  letter-spacing: -0.05em !important;
  background: #d8d8d8 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  max-width: 246px; }

.dateOfBirthWidget .ui-datepicker .ui-datepicker-header {
  padding: .3em 0; }

.dateOfBirthWidget .ui-datepicker select.ui-datepicker-month,
.dateOfBirthWidget .ui-datepicker select.ui-datepicker-year {
  width: auto; }

.dateOfBirthWidget .ui-widget-content {
  border: none !important;
  background: transparent !important;
  color: #666 !important;
  text-align: center;
  border-bottom: 6px solid #e3e4e8 !important; }

.dateOfBirthWidget .ui-widget {
  font-family: Tahoma, Arial, sans-serif !important;
  max-width: 220px !important; }

.dateOfBirthWidget .ui-datepicker table {
  margin: 0 !important;
  background: white !important;
  border-left: 2px solid #E5E5E5;
  border-right: 2px solid #E5E5E5; }

.dateOfBirthWidget .ui-corner-all,
.dateOfBirthWidget .ui-corner-bottom,
.dateOfBirthWidget .ui-corner-right,
.dateOfBirthWidget .ui-corner-br {
  border-bottom-right-radius: 0 !important; }

.dateOfBirthWidget .ui-corner-all,
.dateOfBirthWidget .ui-corner-bottom,
.dateOfBirthWidget .ui-corner-left,
.dateOfBirthWidget .ui-corner-bl {
  border-bottom-left-radius: 0 !important; }

.dateOfBirthWidget .ui-corner-all,
.dateOfBirthWidget .ui-corner-top,
.dateOfBirthWidget .ui-corner-right,
.dateOfBirthWidget .ui-corner-tr {
  border-top-right-radius: 2px !important; }

.dateOfBirthWidget .ui-corner-all,
.dateOfBirthWidget .ui-corner-top,
.dateOfBirthWidget .ui-corner-left,
.dateOfBirthWidget .ui-corner-tl {
  border-top-left-radius: 2px !important; }

.dateOfBirthWidget .ui-datepicker .ui-datepicker-title {
  padding: 2px 0 0; }

.dateOfBirthWidget .ui-datepicker .ui-datepicker-prev span,
.dateOfBirthWidget .ui-datepicker .ui-datepicker-next span {
  background-image: none !important; }

.dateOfBirthWidget .ui-datepicker .ui-datepicker-prev,
.dateOfBirthWidget .ui-datepicker .ui-datepicker-next {
  top: 0 !important;
  height: 2.3em !important;
  border-radius: 0 !important; }

.dateOfBirthWidget a.ui-datepicker-prev:before {
  font-family: 'Barlow', Arial, sans-serif, 'Barlow', Arial, sans-serif;
  font-size: 16px;
  content: '<';
  color: white;
  float: left;
  padding: 8px 0 0 10px; }

.dateOfBirthWidget a.ui-datepicker-next:before {
  font-family: 'Barlow', Arial, sans-serif, 'Barlow', Arial, sans-serif;
  font-size: 16px;
  content: '>';
  color: white;
  float: right;
  padding: 8px 10px 0; }

.dateOfBirthWidget a.ui-datepicker-prev,
.dateOfBirthWidget .ui-datepicker .ui-datepicker-prev-hover {
  left: 0px !important; }

.dateOfBirthWidget a.ui-datepicker-next,
.dateOfBirthWidget .ui-datepicker .ui-datepicker-next-hover {
  right: 0px !important; }

.dateOfBirthWidget .ui-datepicker .ui-datepicker-prev-hover,
.dateOfBirthWidget .ui-datepicker .ui-datepicker-next-hover {
  top: 0px !important; }

.dateOfBirthWidget .ui-widget-header .ui-state-hover,
.dateOfBirthWidget .ui-widget-header .ui-state-focus {
  border: none !important;
  background: #E34B95 !important;
  color: white !important; }

.dateOfBirthWidget .ui-datepicker-calendar thead {
  background: #f2f2f2; }

.dateOfBirthWidget .ui-datepicker-calendar th {
  padding: 6px 2px;
  font-weight: bold;
  font-size: 14px;
  text-align: right; }

.dateOfBirthWidget .ui-datepicker td span,
.dateOfBirthWidget .ui-datepicker td a {
  text-align: center !important; }

.dateOfBirthWidget .ui-widget-header .ui-state-default {
  border: none !important; }

.dateOfBirthWidget .ui-state-default,
.dateOfBirthWidget .ui-widget-content .ui-state-default {
  font-size: 10px !important;
  color: #929ca9 !important;
  border: none !important; }

.dateOfBirthWidget .ui-datepicker td span,
.dateOfBirthWidget .ui-datepicker td a {
  padding: .6em .2em !important; }

.dateOfBirthWidget .ui-state-default,
.dateOfBirthWidget .ui-widget-content .ui-state-default,
.dateOfBirthWidget .ui-widget-header .ui-state-default {
  background: transparent !important; }

.dateOfBirthWidget .ui-state-hover,
.dateOfBirthWidget .ui-widget-content .ui-state-hover,
.dateOfBirthWidget .ui-widget-header .ui-state-hover,
.dateOfBirthWidget .ui-state-focus,
.dateOfBirthWidget .ui-widget-content .ui-state-focus,
.dateOfBirthWidget .ui-widget-header .ui-state-focus {
  background: #DEDEDE !important;
  color: #201d59 !important; }

.dateOfBirthWidget .dp-highlight .ui-state-default {
  background: #DEDEDE !important;
  color: #313131 !important; }

.dateOfBirthWidget .ui-datepicker-today .ui-state-hover,
.dateOfBirthWidget .ui-datepicker-today .ui-widget-content .ui-state-hover {
  background: transparent !important; }

.dateOfBirthWidget .ui-datepicker-today .ui-state-default,
.dateOfBirthWidget .ui-datepicker-today .ui-widget-content .ui-state-default {
  background-image: url(https://d36kigkh74flet.cloudfront.net/branding/default/calSwirl.png) !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  color: #ea0808 !important;
  font-weight: bold !important; }

.dateOfBirthWidget .ui-datepicker-today .ui-widget-content .ui-state-hover {
  background-image: url(https://d36kigkh74flet.cloudfront.net/branding/default/calSwirl.png) !important;
  background-color: #DEDEDE !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
      Tablet (via Media Queries)
  -----------------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 400px) {
  .ttfRegistration_createAccountButton {
    font-size: 26px; }
  .ttfRegistration_ABLogoBlock {
    width: 76px; }
  .ttfRegistration_ABLogo {
    width: 76px;
    height: 76px; } }

/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 490px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 768px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 992px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
      createAccount.asp - HEADER
  -----------------------------------------------------------------------------------------------------------------------------------------------*/
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
      createAccount.asp - BODY
  -----------------------------------------------------------------------------------------------------------------------------------------------*/
  .ttfRegistration_createAccountButton {
    font-size: 30px;
    margin: 0; }
  .ttfRegistration_ABLogoBlock {
    width: 80px; }
  .ttfRegistration_ABLogo {
    width: 80px;
    height: 80px; }
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
      createAccount.asp - FOOTER
  -----------------------------------------------------------------------------------------------------------------------------------------------*/ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
      Desktop (via Media Queries)
  -----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
      createAccount.asp - HEADER
  -----------------------------------------------------------------------------------------------------------------------------------------------*/
  .ttfRegistration_logoBlock {
    margin: 75px auto;
    padding: 0; }
  .ttfRegistration_regInformation br {
    display: none; }
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
      createAccount.asp - BODY
  -----------------------------------------------------------------------------------------------------------------------------------------------*/
  #createAccount.bodyDetails {
    padding: 50px 0; }
  #createAccount.bodyDetails .navigation-box {
    padding: 30px 0 !important; }
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
      createAccount.asp - FOOTER
  -----------------------------------------------------------------------------------------------------------------------------------------------*/
  .ttfRegistration_proudMembers {
    font-size: 26px;
    padding: 50px 0 10px; }
  .ttfRegistration_starLogoBlock,
  .ttfRegistration_starLinkBlock {
    display: inline-block;
    float: left; }
  .ttfRegistration_starLinkBlock {
    margin-top: 0;
    margin-left: 18px; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
      createAccount.asp - HEADER
  -----------------------------------------------------------------------------------------------------------------------------------------------*/
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
      createAccount.asp - BODY
  -----------------------------------------------------------------------------------------------------------------------------------------------*/
  /* ----------------------------------------------------------------------------------------------------------------------------------------------
      createAccount.asp - FOOTER
  -----------------------------------------------------------------------------------------------------------------------------------------------*/ }

/************************************************************************************************************************************************
*                                                                       
*                                                                     
*   Project:    TTF White Label Boilerplate - (Global Login Delivery CSS)                            
*   File:       global/_globalLoginDelivery.scss                                               
*   Platform:   Audience View 6.8.2                                                     
*   Date:       December 2014                                                         
*   Author:     Wilko & Chris                                                       
*   Copyright:  ©TheTicketFactory.com, 2014                                                 
*                                                                       
*                                                                       
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
  loginDelivery.asp Global Overrides
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#loginDelivery.bodyDetails h1 {
  display: none; }

/* Login Delivery Order Contact Box */
#loginDelivery.bodyDetails .order-contact.section-box {
  border-top: none;
  margin: 0; }

/* Field Label Headers */
#loginDelivery.bodyDetails .field-label {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif !important;
  font-size: 18px !important;
  text-transform: none;
  font-weight: 700 !important;
  border-bottom: 1px solid #949494;
  padding: 0 0 7px 0;
  width: 100%;
  margin: 0 0 20px 0 !important; }

/* Header 4 Border & Padding */
#loginDelivery.bodyDetails h4 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif !important;
  font-size: 18px !important;
  text-transform: none;
  font-weight: 700 !important;
  padding: 0 0 7px 0;
  width: 100%;
  margin: 16px 0 14px 0 !important; }

/* Header 4 Margin */
#loginDelivery.bodyDetails .billing-info h4 {
  margin: 10px 0 10px 0; }

#loginDelivery.bodyDetails .billing-info.billing-contact {
  margin-right: 2%; }

/* Contact & Address Details Boxes */
#loginDelivery.bodyDetails .billing-info.billing-contact,
#loginDelivery.bodyDetails .billing-info.billing-address {
  background: #F9F9F9;
  padding: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  height: 200px;
  margin-top: 10px;
  margin-bottom: 10px; }

#loginDelivery.bodyDetails .delivery-methods {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

#loginDelivery.bodyDetails .odd {
  background: #F9F9F9; }

#loginDelivery.bodyDetails .even {
  background: #F0F0F0; }

/* Item Div Padding */
#loginDelivery.bodyDetails .billing-info {
  padding: 10px 0; }

/* Contact Details Div */
#loginDelivery.bodyDetails .billing-info.billing-contact {
  float: left;
  width: 100%; }

/* Address Details Div */
#loginDelivery.bodyDetails .billing-info.billing-address {
  float: left;
  width: 100%; }

/* Details Boxes - Edit Link */
#loginDelivery.bodyDetails .billing-info.billing-contact .btn.btn-default,
#loginDelivery.bodyDetails .billing-info.billing-address .btn.btn-default {
  margin-left: 10px;
  background: none;
  border: none;
  border-left: none !important;
  text-decoration: underline;
  padding: 0;
  text-transform: capitalize;
  letter-spacing: 0;
  line-height: 1.8;
  vertical-align: baseline;
  float: right;
  color: #9e005d; }
  #loginDelivery.bodyDetails .billing-info.billing-contact .btn.btn-default:hover,
  #loginDelivery.bodyDetails .billing-info.billing-address .btn.btn-default:hover {
    color: #d16396; }

#editBillingCustomerButton:before,
#editBillingAddressButton:before {
  font-family: "Iconise";
  text-decoration: none !important;
  font-size: 13px;
  content: "\f194";
  padding: 0 3px 0 0;
  display: inline-block; }

#loginDelivery.bodyDetails .small-heading-text {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  margin: 0 0 0 8px;
  font-size: 12px;
  letter-spacing: 0;
  display: inline-block; }

#loginDelivery.bodyDetails .method-selector.section-box-item-details span {
  color: #410155;
  font-weight: 700;
  padding: 0 0 0 3px; }

#loginDelivery.bodyDetails .delivery-method-description {
  font-size: 12px;
  padding: 0 0 0 6px;
  color: #797979; }

#loginDelivery.bodyDetails .method-charge.section-box-item-details.last-column {
  color: #410155;
  font-weight: 700; }

#loginDelivery.bodyDetails .order-contact.section-box.row {
  padding: 0 0 10px 0; }

#loginDelivery.bodyDetails .section-box {
  padding: 15px 0; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* Contact Details Div */
  #loginDelivery.bodyDetails .billing-info.billing-contact {
    float: left;
    width: 49%; }
  /* Address Details Div */
  #loginDelivery.bodyDetails .billing-info.billing-address {
    float: left;
    width: 49%; }
  /* Item Div Padding */
  #loginDelivery.bodyDetails .billing-info {
    padding: 20px 0; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Move System Message Below Navigation Bar */
  .system-message-block {
    top: 60px;
    margin: 5px 0 0 0; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	  TTF White Label Boilerplate - (Global My Customer Account CSS)																		
*		File:		  global/_globalMyCustomerAccount.scss																							
*		Platform:	  Audience View 6.8.2																											
*		Date:		  June 2015 																												
*		Author:		  Wilko & Chris																												
*		Copyright:	  ©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
    Customer Account Global .asp Styles 
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Account Navigation Buttons */
#my-account-nav-container .my-account-nav ul li a {
  color: white; }

.my-account-nav-heading {
  display: none; }

/* Account Information */
#accountHeader.account-header {
  background-color: #00b6ad;
  padding: 30px 42px;
  width: 100%; }

#accountHeader .customer-summary {
  color: white; }

.bodyDetails#maintainAccount span.create-date,
.bodyDetails#accountInformation span.create-date,
.bodyDetails#messageCenter span.create-date,
.bodyDetails#customerOffers span.create-date,
.bodyDetails#accountMemberships span.create-date,
.bodyDetails#changePassword span.create-date,
.bodyDetails#accountMemberships span.create-date,
.bodyDetails#accountSavedPayment span.create-date,
.bodyDetails#listOrders span.create-date,
.bodyDetails#ticketUsage span.create-date {
  display: none; }

.my-account-nav ul li {
  border-bottom: none; }

#my-account-nav-container {
  margin: 0; }

.my-account-nav-heading {
  display: block;
  border: none;
  border-bottom: 1px solid #5A5A5A;
  background: #313131;
  border-radius: 0;
  padding: 0;
  margin: 0;
  color: #FFFFFF;
  float: left;
  width: 100%; }

.my-account-nav-heading .nav-heading-toggle {
  border-left: none;
  color: #FFFFFF;
  float: none;
  padding: 22px 10px;
  display: block;
  position: relative;
  z-index: 93; }

.my-account-nav-heading .nav-heading-toggle.collapsed .glyphicon-chevron-down, .my-account-nav-heading .nav-heading-toggle .glyphicon-chevron-up {
  right: 20px;
  position: absolute;
  top: 26px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
    Customer Account Global .asp Styles 
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Content Background Underlay */
.bodyDetails#accountInformation .row,
.bodyDetails#maintainAccount .row,
.bodyDetails#maintainAccount .row,
.bodyDetails#accountInformation .row,
.bodyDetails#messageCenter .row,
.bodyDetails#customerOffers .row,
.bodyDetails#accountMemberships .row,
.bodyDetails#changePassword .row,
.bodyDetails#accountMemberships .row,
.bodyDetails#accountSavedPayment .row,
.bodyDetails#redeemOffers .row,
.bodyDetails#listOrders .row,
.bodyDetails#ticketUsage .row,
.bodyDetails#maintainContacts .row,
.bodyDetails#credability .row,
.bodyDetails#maintainAddresses .row {
  background-color: #F5F5F5; }

/* Account Navigation Buttons */
#my-account-nav-container {
  width: 100%;
  background-color: #313131;
  padding-left: 0;
  padding-right: 0; }

#my-account-nav-container .my-account-nav ul li {
  margin: 0;
  position: relative; }

#my-account-nav-container .my-account-nav ul li a {
  font-size: 16px;
  text-align: center;
  padding: 22px 14px;
  white-space: nowrap;
  border-bottom: 1px solid #5A5A5A;
  margin: 0; }

.my-account-nav ul li.active, .my-account-nav ul li:hover,
#my-account-nav-container .my-account-nav ul li a:hover,
#my-account-nav-container .my-account-nav ul li.active a {
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  background: #262626;
  border-right-color: transparent; }

#my-account-nav-container .my-account-nav ul li.active a:after {
  width: 0;
  height: 0;
  content: ' ';
  position: absolute;
  right: -11px;
  top: 19px;
  z-index: 2;
  border-left: 11px solid #262626;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent; }

#accountNav.my-account-nav {
  margin: 0; }

.my-account-nav ul li a .badge {
  background-color: transparent;
  font-weight: 500;
  font-size: 16px;
  margin-left: 4px;
  color: #00b6ad; }

.my-account-nav ul li a .badge:after {
  content: ']';
  padding: 0 0 0 3px; }

.my-account-nav ul li a .badge:before {
  content: '[';
  padding: 0 3px 0 0; }

/* Icons on Account Pages*/
#listItem_accountHome a:before,
#listItem_accountInformation a:before,
#listItem_accountMessages a:before,
#listItem_offers a:before,
#listItem_benefits a:before,
#listItem_memberships a:before,
#listItem_upcoming_events a:before,
#listItem_friends a:before,
#listItem_changePassword a:before,
#listItem_paymentMethod a:before,
#listItem_checkGiftBalance a:before,
#listItem_orderHistory a:before,
#listItem_ticket_history a:before,
#listItem_credability a:before,
#listItem_marketingData a:before {
  font-family: 'FontAwesome';
  font-size: 24px;
  padding: 0 10px 0 0;
  display: inline-block;
  text-align: center;
  width: 38px; }

/* Account Information */
#accountContent,
#account-content {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  color: #969696;
  font-size: 14px;
  padding: 0 0 10px;
  text-align: center;
  min-height: 710px; }

#accountContent .section-box,
#account-content .section-box,
#accountContent .section-box.account-box,
#account-content .section-box.account-box {
  border-top: none !important;
  margin: 3% 3% 0;
  background: #FFFFFF;
  width: 94%;
  padding: 0;
  position: relative; }

#accountContent .section-box:last-child,
#account-content .section-box:last-child,
#accountContent .section-box.account-box:last-child,
#account-content .section-box.account-box:last-child {
  border-top: none !important;
  margin: 3% 3%;
  background: #FFFFFF;
  width: 94%;
  padding: 0;
  position: relative; }

.bodyDetails#changePassword #accountContent #change-password-box.section-box,
.bodyDetails#changePassword #account-content #change-password-box.section-box {
  background: #F0F0F0; }

#accountContent #account-marketing-data-box.section-box.account-box,
#account-content #account-marketing-data-box.section-box.account-box,
#accountContent .benefit-details.section-box-item,
#account-content .benefit-details.section-box-item {
  padding: 0 !important; }

#accountContent #account-marketing-data-box.section-box.account-box .field-label,
#account-content #account-marketing-data-box.section-box.account-box .field-label {
  padding: 0 0 7px 0; }

#accountContent .search-box,
#account-content .search-box,
#accountContent .account-box,
#account-content .account-box {
  margin: 3% 3% 0 !important;
  padding: 18px;
  background: #F0F0F0;
  border-radius: 0;
  float: left;
  width: 94%; }

.bodyDetails#changePassword #accountContent .account-box,
.bodyDetails#changePassword #account-content .account-box {
  padding: 18px !important; }

#accountContent .account-box,
#account-content .account-box {
  border-top: none !important;
  width: 94% !important;
  margin: 3% !important; }

.account-box .saved-payment-box {
  padding: 0; }

#accountContent > p,
#account-content > p {
  margin: 20px 18px 10px;
  font-size: 18px;
  color: #313131; }

#accountContent div > h4 + form,
#account-content div > h4 + form,
#account-addresses-box #addressFields {
  padding: 35px 18px; }

#account-addresses-box #addressFields {
  float: left; }

#accountContent .search-box form ul li,
#account-content .search-box form ul li,
#accountContent .account-box form ul li,
#account-content .account-box form ul li {
  margin: 0 0 10px 0;
  text-align: center;
  width: 100%;
  float: left;
  position: relative; }

#account-addresses-box form ul li + li {
  min-height: 65px; }

#account-addresses-box form ul li + li + li {
  min-height: 65px; }

#accountContent .search-box form ul li:last-child,
#account-content .search-box form ul li:last-child,
#accountContent .account-box form ul li:last-child,
#account-content .account-box form ul li:last-child {
  width: 100%;
  margin: 0; }

#account-addresses-box form ul li:last-child {
  width: 100% !important; }

#account-addresses-box form ul li textarea,
#account-addresses-box form ul li nobr input {
  width: 90% !important; }

#accountContent #account-marketing-data-box.account-box form ul li {
  width: 100%;
  margin-right: 0; }

#accountContent #account-marketing-data-box.account-box form ul li:last-child {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 18px; }

#accountContent #account-marketing-data-box.account-box form ul li select {
  width: 100%; }

.navigation-box.my-account-navigation-box,
#accountContent #account-marketing-data-box.account-box form .navigation-box.my-account-navigation-box {
  padding-left: 0 !important;
  padding-top: 10px;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 30px 0 0 !important;
  padding: 0 !important; }

.navigation-box.my-account-navigation-box .btn.btn-default,
.navigation-box.my-account-navigation-box .btn.btn-danger {
  float: right;
  display: block;
  clear: right;
  margin: 10px 0 0 !important; }

#accountContent .search-box label,
#account-content .search-box label,
#accountContent .account-box label,
#account-content .account-box label {
  width: 100%;
  float: left;
  display: inline-block; }

#accountContent .search-box label input,
#account-content .search-box label input,
#accountContent .account-box label input,
#account-content .account-box label input {
  font-size: 14px;
  padding: 10px 18px;
  height: auto;
  width: 90%; }

#accountContent span.searchBoxLabel,
#account-content span.searchBoxLabel,
#accountContent span.field-label,
#account-content span.field-label {
  padding: 0 0 10px;
  display: block; }

#accountContent .search-box .btn,
#account-content .search-box .btn,
#accountContent .account-box .btn,
#verify,
#account-content .account-box .btn {
  width: auto;
  max-width: none;
  background: #969696 !important;
  border: none;
  border-radius: 0;
  padding: 10px 20px;
  margin: 0 auto 8px !important;
  max-width: 450px;
  float: none;
  color: #FFFFFF !important; }
  #accountContent .search-box .btn:hover,
  #account-content .search-box .btn:hover,
  #accountContent .account-box .btn:hover,
  #verify:hover,
  #account-content .account-box .btn:hover {
    background: #313131 !important; }

.navigation-box.my-account-navigation-box .btn.btn-primary,
#accountContent #account-marketing-data-box.account-box form .navigation-box.my-account-navigation-box .btn.btn-primary {
  float: none !important;
  padding: 12px 20px !important; }

/* Account Information */
#accountHeader.account-header.section-box,
#account-content.account-header.section-box {
  background: #00b6ad;
  padding: 33px 42px;
  margin: 0;
  width: 100%; }

#accountContent h3,
#account-content h3,
#accountContent h2,
#account-content h2 {
  display: none; }

#accountContent .customer-name,
#account-content .customer-name {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  letter-spacing: -0.02em;
  font-size: 30px;
  text-transform: uppercase; }

#accountContent .customer-number,
#account-content .customer-number {
  font-size: 16px;
  color: #FFFFFF; }

#accountContent .section-box h4,
#account-content .section-box h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  padding: 18px 18px 10px;
  border-bottom: 4px solid #DFDFDF;
  text-transform: capitalize; }

#accountContent .section-box h4 a,
#account-content .section-box h4 a,
#accountContent .section-box .last-column a.btn,
#account-content .section-box .last-column a.btn {
  color: #00b6ad !important;
  font-size: 16px !important;
  line-height: 22px !important;
  background: transparent !important;
  position: relative !important;
  border: none !important;
  padding: 0 !important;
  float: none;
  display: block;
  margin: 0;
  text-indent: -90000px;
  text-transform: uppercase; }
  #accountContent .section-box h4 a:hover,
  #account-content .section-box h4 a:hover,
  #accountContent .section-box .last-column a.btn:hover,
  #account-content .section-box .last-column a.btn:hover {
    color: #313131 !important; }

.bodyDetails#maintainAccount #accountContent .section-box h4 a,
.bodyDetails#maintainAccount #account-content .section-box h4 a,
.bodyDetails#maintainAccount #accountContent .section-box .last-column a.btn,
.bodyDetails#maintainAccount #account-content .section-box .last-column a.btn,
.bodyDetails#accountSavedPayment #accountContent .section-box h4 a,
.bodyDetails#accountSavedPayment #account-content .section-box h4 a,
.bodyDetails#accountSavedPayment #accountContent .section-box .last-column a.btn,
.bodyDetails#accountSavedPayment #account-content .section-box .last-column a.btn {
  text-indent: 0; }

#accountContent #message-center-box.section-box a#new-messages {
  right: 140px !important; }

#accountContent #message-center-box.section-box a#archived-messages {
  right: 278px !important; }

#accountContent .section-box h4 a:after,
#account-content .section-box h4 a:after,
#accountContent .section-box .last-column a.btn:after,
#account-content .section-box .last-column a.btn:after {
  font-family: 'FontAwesome';
  content: '\f105';
  font-size: 19px;
  font-weight: 700;
  opacity: 0;
  -webkit-transform: translateX(1.15em);
  -ms-transform: translateX(1.15em);
  transform: translateX(1.15em);
  -webkit-transition: transform 0.3s ease, opacity 0.35s ease, padding 0.4s ease-in-out;
  -moz-transition: transform 0.3s ease, opacity 0.35s ease, padding 0.4s ease-in-out;
  -ms-transition: transform 0.3s ease, opacity 0.35s ease, padding 0.4s ease-in-out;
  -o-transition: transform 0.3s ease, opacity 0.35s ease, padding 0.4s ease-in-out;
  transition: transform 0.3s ease, opacity 0.35s ease, padding 0.4s ease-in-out; }

#accountContent .section-box h4 a:hover::after,
#account-content .section-box h4 a:hover::after,
#accountContent .section-box .last-column a.btn:hover::after,
#account-content .section-box .last-column a.btn:hover::after {
  opacity: 1;
  padding: 0 0 0 6px;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

#accountContent .section-box .last-column a.btn:hover::after,
#account-content .section-box .last-column a.btn:hover::after {
  padding: 0 0 0 12px; }

#accountContent .section-box div.alert-info,
#account-content .section-box div.alert-info {
  padding: 35px 18px !important;
  background: #FFFFFF;
  color: #969696;
  border: 0; }

#accountContent .order-row,
#account-content .order-row {
  padding: 30px 18px;
  border-bottom: 1px dotted #969696;
  background: transparent !important; }

#accountContent .account-box-item,
#accountContent .section-box-item,
#account-content .account-box-item,
#account-content .section-box-item {
  padding: 35px 18px;
  background: transparent !important; }

.bodyDetails#accountMemberships #accountContent .section-box-item,
.bodyDetails#accountMemberships #account-content .section-box-item {
  padding: 0; }

#accountContent .section-box .field-label,
#account-content .section-box .field-label {
  color: #969696;
  float: none;
  padding: 0 0 5px; }

#accountContent .order-row:first-child,
#account-content .order-row:first-child {
  padding: 35px 18px 35px; }

#accountContent .order-row:last-child,
#account-content .order-row:last-child {
  padding: 35px 18px 35px;
  border-bottom: none; }

#accountContent .order-row a.item-link,
#account-content .order-row a.item-link,
#accountContent .order-row a.btn-link,
#account-content .order-row a.btn-link,
.view-offer.offer-controls .btn.btn-primary,
.view-offer.offer-controls .btn.btn-default,
.offer-toggle.btn.btn-default,
.offer-controls .btn.btn-default,
.offer-controls .btn.btn-primary {
  color: #969696;
  position: relative;
  padding: 0 !important;
  line-height: initial; }
  #accountContent .order-row a.item-link:hover,
  #account-content .order-row a.item-link:hover,
  #accountContent .order-row a.btn-link:hover,
  #account-content .order-row a.btn-link:hover,
  .view-offer.offer-controls .btn.btn-primary:hover,
  .view-offer.offer-controls .btn.btn-default:hover,
  .offer-toggle.btn.btn-default:hover,
  .offer-controls .btn.btn-default:hover,
  .offer-controls .btn.btn-primary:hover {
    color: #00b6ad; }

#accountContent .order-row a.btn-link,
#account-content .order-row a.btn-link,
.view-offer.offer-controls .btn.btn-primary,
.view-offer.offer-controls .btn.btn-default,
.offer-toggle.btn.btn-default,
.offer-controls .btn.btn-default,
.offer-controls .btn.btn-primary {
  background: transparent;
  border: none;
  border-radius: 0; }

#accountContent .order-row a.item-link:after,
#account-content .order-row a.item-link:after,
#accountContent .order-row a.btn-link:after,
#account-content .order-row a.btn-link:after,
.view-offer.offer-controls .btn.btn-primary:after,
.view-offer.offer-controls .btn.btn-default:after,
.offer-toggle.btn.btn-default:after,
.offer-controls .btn.btn-default:after,
.offer-controls .btn.btn-primary:after {
  content: "";
  position: absolute;
  bottom: -.35em;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #00b6ad;
  opacity: 0;
  -webkit-transform: translateY(-0.35em);
  -ms-transform: translateY(-0.35em);
  transform: translateY(-0.35em);
  -webkit-transition: transform 0.3s ease, opacity 0.35s ease;
  -moz-transition: transform 0.3s ease, opacity 0.35s ease;
  -ms-transition: transform 0.3s ease, opacity 0.35s ease;
  -o-transition: transform 0.3s ease, opacity 0.35s ease;
  transition: transform 0.3s ease, opacity 0.35s ease; }

#accountContent .order-row a.item-link:hover::after,
#account-content .order-row a.item-link:hover::after,
#accountContent .order-row a.btn-link:hover::after,
#account-content .order-row a.btn-link:hover::after,
.view-offer.offer-controls .btn.btn-primary:hover::after,
.view-offer.offer-controls .btn.btn-default:hover::after,
.offer-toggle.btn.btn-default:hover::after,
.offer-controls .btn.btn-default:hover::after,
.offer-controls .btn.btn-primary:hover::after {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

#accountContent .order-row a.item-link span + span,
#account-content .order-row a.item-link span + span,
#accountContent .order-row a.btn-link span + span,
#account-content .order-row a.btn-link span + span {
  color: #00b6ad; }

#accountContent .order-row .section-box-item-details span + span,
#account-content .order-row .section-box-item-details span + span,
.membership-detail span + span {
  color: #6A6A6A; }

.section-box-item-details {
  width: 100%; }

#accountContent .order-row .order-date.section-box-item-details,
#account-content .order-row .order-date.section-box-item-details {
  width: 100%;
  margin: 15px 0; }

#accountContent .order-row .order-total.section-box-item-details.last-column,
#account-content .order-row .order-total.section-box-item-details.last-column,
#accountContent .order-row .order-total.section-box-item-details.last-column span:last-child,
#account-content .order-row .order-total.section-box-item-details.last-column span:last-child,
#accountContent .order-row .order-total.section-box-item-details,
#account-content .order-row .order-total.section-box-item-details {
  padding: 0;
  margin: 0;
  float: none; }

.bodyDetails#maintainAccount,
.bodyDetails#accountInformation,
.bodyDetails#messageCenter,
.bodyDetails#customerOffers,
.bodyDetails#accountMemberships,
.bodyDetails#changePassword,
.bodyDetails#accountMemberships,
.bodyDetails#accountSavedPayment,
.bodyDetails#listOrders,
.bodyDetails#ticketUsage,
.bodyDetails#maintainAddresses,
.bodyDetails#credability,
.bodyDetails#maintainContacts {
  padding: 40px 0 20px; }

#change-password-box li:first-child {
  display: block;
  margin: 0 50% 3% 0 !important; }

#change-password-box li:first-child + li {
  display: inline-block; }

#change-password-box li.no-label-indent {
  width: 100%;
  padding-left: 0; }

#change-password-box li.no-label-indent #changePasswordRules.password-rules {
  width: 100% !important;
  text-align: center !important;
  padding: 18px 0 8px !important; }

#change-password-box li.no-label-indent #changePasswordRules.password-rules:before {
  font-family: 'FontAwesome';
  content: '\f11c';
  padding: 0 8px 0 0;
  font-size: 22px; }

#search-ticket-usage-box span.searchBoxLabel.field-label {
  position: relative;
  left: 0;
  margin: 0; }

#search-ticket-usage-box img {
  visibility: hidden; }

#search-ticket-usage-box img:before {
  font-family: 'FontAwesome';
  content: '\f002';
  visibility: visible; }

#account-marketing-data-box select option:first-child {
  margin: 10px 0 0; }

#account-marketing-data-box select option {
  padding: 12px 10px;
  border-bottom: 1px dotted #dfdfdf;
  border-left: 1px dotted #dfdfdf;
  border-right: 1px dotted #dfdfdf; }

#account-marketing-data-box select option:last-child {
  margin: 0 0 10px 0; }

.Active .membership-status {
  font-size: 18px;
  color: #0FAF0B;
  float: none; }

.Active .membership-status:before {
  font-family: 'FontAwesome';
  content: '\f00c'; }

.saved-payment-details:first-child, .membership-detail:first-child, .membership-expiry {
  padding: 15px 0 0 !important;
  width: 100%; }

.saved-payment-details, .membership-detail {
  padding: 15px 0;
  width: 100%; }

.saved-payment-details:last-child, .membership-detail:last-child {
  padding: 15px 0 15px;
  float: none;
  text-align: center;
  width: 100%; }

.benefit-description {
  width: 100%;
  padding: 35px 18px;
  margin: 0;
  text-transform: capitalize; }

#memberships-box h4:before {
  font-family: 'FontAwesome';
  content: '\f022';
  padding: 0 6px 0 0; }

.membership.section-box-item:after,
.benefit-details.section-box-item:after,
.offer-item.section-box-item:after {
  height: 30px;
  width: 100%;
  display: block;
  content: ' ';
  float: left;
  background: #F5F5F5; }

.offer-item.section-box-item {
  padding: 0 !important; }

.offer-item.section-box-item > div {
  padding: 35px 18px; }

span.benefit-date.small-heading-text {
  font-size: 16px;
  font-weight: 500;
  float: none; }

span.benefit-date.small-heading-text span {
  padding: 6px 0 0 10px !important;
  float: none; }

.offer-status.section-box-item-details,
.offer-code.section-box-item-details,
.offer-date.section-box-item-details,
.offer-status.section-box-detail-data,
.offer-access-code.section-box-detail-data,
.offer-end-date.section-box-detail-data {
  color: #00b6ad;
  font-size: 16px;
  padding: 0;
  white-space: nowrap; }

.offer-date.section-box-item-details {
  padding: 0 0 10px; }

.offer-description {
  padding: 30px 0;
  border-top: 1px dotted #DFDFDF;
  border-bottom: 1px dotted #DFDFDF; }

.offer-no-description {
  padding: 15px 0; }

span.offer-label.field-label {
  font-size: 16px;
  margin: 0 6px 0 0;
  font-weight: 500; }

.offer-description:after {
  font-family: 'FontAwesome';
  content: '\f10e';
  padding: 0 0 0 10px; }

.offer-description:before {
  font-family: 'FontAwesome';
  content: '\f10d';
  padding: 0 15px 0 0; }

.offer-details h3 {
  display: block !important;
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-size: 24px !important;
  padding: 0 0 10px 0; }

.offer-details h3 a {
  color: #969696; }

.view-offer.offer-controls,
.offer-controls {
  margin: 20px 0 0; }

.offer-details .btn.btn-primary:before,
.offer-controls .redeem_addToOrder:before {
  font-family: 'FontAwesome';
  content: '\f067';
  padding: 0 6px 0 0; }

.offer-details .btn.btn-default,
.offer-controls .btn.btn-default {
  color: #C83F3F !important;
  line-height: initial !important;
  margin: 0 20px 0 0;
  font-size: 16px; }

.offer-details .btn.btn-default:before,
.offer-controls .redeem_backButton:before {
  font-family: 'FontAwesome';
  content: '\f00d';
  padding: 0 6px 0 0; }

.bodyDetails#customerOffers .offer-details span + span {
  margin: 0 0 0 20px; }

.create-date, .offer-performances.section-box-item h4, .offer-performances.section-box-item h5 {
  display: none !important; }

.performance-start-date,
.performance-venue,
.offer-performances.section-box-item p,
.view-offer-admission-details,
.offer-admission-box {
  padding: 5px 18px; }

.bodyDetails#redeemOffers #accountContent .section-box-item {
  padding: 35px 18px 0 !important; }

.bodyDetails#redeemOffers #accountContent .section-box-item + div + div {
  padding: 0 18px 35px !important;
  margin: 0; }

.bodyDetails#redeemOffers #accountContent p.fine-print {
  display: none; }

.bodyDetails#redeemOffers #accountContent .section-box-item + div {
  padding: 35px 18px !important; }

.view-offer-admissions-quantity span.field-label {
  padding: 0 !important;
  float: none; }

.view-offer-admissions-quantity span.field-value {
  padding: 0 0 0 6px;
  color: #00b6ad; }

.performance-start-date,
.performance-venue,
.offer-performances,
.view-offer-admission-details {
  white-space: nowrap; }

.performance-start-date:before,
.performance-venue:before,
.offer-performances p:before,
.view-offer-admission-details:before {
  font-family: 'FontAwesome';
  font-size: 18px;
  padding: 0 10px 0 0;
  width: 30px;
  text-align: center;
  display: inline-block; }

.performance-start-date:before {
  content: '\f073'; }

.performance-venue:before {
  content: '\f041'; }

.offer-performances p:before {
  content: '\f05a';
  margin: 0; }

.view-offer-admission-details:before {
  content: '\f00b';
  float: left; }

.bodyDetails#redeemOffers .glyphicon-chevron-down:before {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  content: "View Ticket Details"; }

.bodyDetails#redeemOffers span.glyphicon.glyphicon-chevron-down:after {
  font-family: 'FontAwesome';
  content: '\f078';
  padding: 0 0 0 10px; }

.offer-addmission-box, .offer-bundle-addmission-box,
.offer-addmission-box .item-box-item {
  float: left; }

.offer-addmission-box .item-box-item {
  padding: 30px 16px 26px 9px;
  border-bottom: 1px dotted #DFDFDF; }

.offer-addmission-box .item-box-item:first-child {
  border-top: 1px dotted #DFDFDF; }

.offer-addmission-box .item-box-item .field-label {
  font-size: 14px; }

.offer-addmission-box .item-box-item .field-label:after {
  content: ':'; }

.offer-addmission-box .item-box-item .field-value {
  float: left;
  color: #00b6ad; }

.bodyDetails#redeemOffers .offer-addmission-box .section-box-detail-data .field-label:before {
  content: '-';
  padding: 0 20px;
  float: left;
  display: inline-block;
  color: #969696; }

.contact-options {
  padding: 35px 18px; }

.contact-options li {
  margin: 0 0 15px; }

.contact-options li:last-child {
  margin: 0; }

#contact-address-box .navigation-box.my-account-navigation-box,
#account-addresses-box .navigation-box.my-account-navigation-box {
  padding: 27px 0 0 !important;
  background-color: #f5f5f5 !important; }

.contact-address.section-box-item {
  float: left;
  width: 100%; }

.contact-address.section-box-item span {
  display: block;
  margin: 5px 0; }

.contact-address.section-box-item .street-address input[type="radio"] {
  max-width: 100%;
  width: 100% !important;
  margin: 5px 0 10px;
  display: block; }

span.default-selected-text {
  display: block;
  margin-left: 0;
  font-style: normal !important;
  color: #00b6ad !important; }

.account-box-detail-data,
.section-box-detail-data {
  display: inline-block;
  margin: 0; }

#accountContent .section-box h4 a:before,
#account-content .section-box h4 a:before,
#accountContent .section-box .last-column a.btn:before,
#account-content .section-box .last-column a.btn:before {
  font-family: 'FontAwesome';
  content: '\f040';
  font-size: 25px;
  text-indent: 0px;
  position: absolute;
  top: 14px;
  right: 0;
  left: 0; }

.bodyDetails#maintainAccount #accountContent .section-box h4 a:before,
.bodyDetails#maintainAccount #account-content .section-box h4 a:before,
.bodyDetails#maintainAccount #accountContent .section-box .last-column a.btn:before,
.bodyDetails#maintainAccount #account-content .section-box .last-column a.btn:before,
.bodyDetails#accountSavedPayment #accountContent .section-box h4 a:before,
.bodyDetails#accountSavedPayment #account-content .section-box h4 a:before,
.bodyDetails#accountSavedPayment #accountContent .section-box .last-column a.btn:before,
.bodyDetails#accountSavedPayment #account-content .section-box .last-column a.btn:before {
  display: none; }

.contact-options .comboBoxWrapper,
.account-address .comboBoxWrapper {
  width: 140px !important; }

.section-box .form-control {
  text-align: center; }

.bodyDetails#maintainAddresses #addressFields input[type="text"] + span.required,
.bodyDetails#maintainAddresses #addressFields textarea + span.required {
  position: absolute;
  top: 32px;
  right: 0; }

.my-account-nav {
  width: 100%; }

.last-column, .last-column .form-control {
  text-align: center; }

h4#message-center span {
  display: block; }

h4#message-center a {
  display: inline-block;
  right: 0 !important; }

.credabilityIntro h1 {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  color: #313131;
  font-size: 26px;
  font-weight: 500;
  border-bottom: 4px solid #DFDFDF;
  text-transform: capitalize;
  margin: 0 0 30px;
  padding: 0 0 20px; }

.credabilityIntro {
  padding: 40px 30px;
  margin: 20px 0 0;
  background: white; }

.accessCardWrap {
  background: #d3d3d3;
  padding: 40px 30px;
  color: #fff;
  display: inline-block;
  padding: 0 .4em;
  font-size: 1.75em;
  margin-top: .25em;
  font-weight: 700;
  margin: 0 15px;
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif; }

.accessCardWrap h1 {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  color: #777;
  font-size: 20px;
  font-weight: 500;
  padding: 25px 0 10px;
  text-transform: none;
  letter-spacing: 0; }

.accessCard {
  margin-top: 0 !important; }

#verify {
  background: #39aa36 !important; }
  #verify:hover {
    background: #106635 !important; }

.accessCardWrap input {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0; }

.acMessage {
  background: #39aa36;
  color: white;
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  padding: 20px 0 30px;
  font-size: 22px; }

.acMessage::before {
  font-family: 'FontAwesome';
  display: block;
  font-size: 60px; }

.acSuccess::before {
  content: "\f00c"; }

.acError::before {
  content: "\f071"; }

#listItem_accountHome a:before {
  content: "\f015"; }

#listItem_accountInformation a:before {
  content: "\f129"; }

#listItem_accountMessages a:before {
  content: "\f0e6"; }

#listItem_offers a:before {
  content: "\f02b"; }

#listItem_benefits a:before {
  content: "\f005"; }

#listItem_memberships a:before {
  content: "\f022"; }

#listItem_upcoming_events a:before {
  content: "\f00b"; }

#listItem_friends a:before {
  content: "\f0c0"; }

#listItem_changePassword a:before {
  content: "\f023"; }

#listItem_paymentMethod a:before {
  content: "\f154"; }

#listItem_checkGiftBalance a:before {
  content: "\f06b"; }

#listItem_orderHistory a:before {
  content: "\f03a"; }

#listItem_ticket_history a:before {
  content: "\f1da"; }

#listItem_marketingData a:before {
  content: "\f109"; }

#listItem_credability a:before {
  content: "\f193"; }

.bodyDetails#customerOffers input.btn.btn-default.addAnotherCustomerOffer {
  background: #969698;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  padding: 10px 20px;
  margin: 15px;
  max-width: 450px;
  float: none;
  color: #FFFFFF !important; }

.bodyDetails#customerOffers .view-offer.offer-controls a.btn.btn-default {
  display: inline-block;
  width: 200px;
  background: #eb1b23;
  margin: 10px;
  padding: 20px 30px !important;
  color: #FFFFFF !important; }

.bodyDetails#customerOffers .view-offer.offer-controls a.btn.btn-default::after {
  border-bottom: 1px solid #eb1b23; }

.bodyDetails#customerOffers .view-offer.offer-controls a.btn.btn-primary {
  display: inline-block;
  width: 200px;
  background: #00b4ad;
  margin: 10px;
  padding: 20px 30px !important;
  color: #FFFFFF; }

/* Forward or Reprint Tickets & Twickets Section Boxes */
#accountContent .order-row .forward-tickets.section-box-item-details,
#accountContent .order-row .twickets-section.section-box-item-details {
  width: 100%;
  float: none;
  margin: 10px 0 0; }

/* Forward or Reprint Tickets - Pseudo After Hover */
#accountContent .order-row .forward-tickets.section-box-item-details a::after,
#accountContent .order-row .forward-tickets.section-box-item-details a:hover::after {
  border: none !important; }

/* Forward or Reprint Tickets - Button */
#accountContent .order-row .forward-tickets.section-box-item-details a.btn-link,
#accountContent .order-row .twickets-section.section-box-item-details a,
.twicketsSell {
  padding: 6px 12px !important;
  color: white !important;
  border-radius: 4px !important;
  background-color: #00b6ad !important;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  display: block;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in; }
  #accountContent .order-row .forward-tickets.section-box-item-details a.btn-link:hover,
  #accountContent .order-row .twickets-section.section-box-item-details a:hover,
  .twicketsSell:hover {
    background-color: #69c8c7 !important;
    text-decoration: none; }

#accountContent .order-row .forward-tickets.section-box-item-details a.btn-link {
  margin: 10px 0 0;
  padding: 10px 12px !important; }

/* Twickets Span Overrides */
#accountContent .order-row .twickets-section.section-box-item-details .section-box-detail-data {
  float: none;
  margin: 0;
  padding: 0; }

/* Twickets Box Specifics */
#accountContent .order-row .twickets-section.section-box-item-details a,
#accountContent .section-box h4 a.twicketsSell {
  background-color: #F9EC10 !important;
  color: black !important;
  display: block; }
  #accountContent .order-row .twickets-section.section-box-item-details a:hover,
  #accountContent .section-box h4 a.twicketsSell:hover {
    background-color: #fff65c !important;
    text-decoration: none; }

#accountContent .section-box h4 a.twicketsSell {
  text-indent: 0;
  padding: 6px 12px !important;
  margin: 16px 0 8px !important; }

/* Forward or Reprint Tickets & Twickets - Button Pseudo (Icon) */
#accountContent .order-row .forward-tickets.section-box-item-details a.btn-link::before,
#accountContent .order-row .twickets-section.section-box-item-details a::before {
  content: '\f145';
  font-family: 'FontAwesome';
  font-size: 20px;
  padding: 0 6px 0 0; }

/* Twickets - Button Pseudo (Icon) Specifics */
#accountContent .order-row .twickets-section.section-box-item-details a::before,
#accountContent .section-box h4 a.twicketsSell::before {
  content: '\f154';
  padding: 0 6px 0 0; }

#accountContent .section-box h4 a.twicketsSell::before {
  position: relative;
  top: 0; }

/* Ticket Usage H4 */
#ticket-usage-box h4 {
  float: left;
  width: 100%; }

/* Ticket Usage - Title */
#ticket-usage-box .event-name {
  font-size: 24px;
  text-transform: uppercase; }

/* Ticket Usage - Event Date */
#ticket-usage-box .event-date {
  font-size: 15px;
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif; }

.tuTitleWrap,
.tuTwicketsWrap {
  display: block;
  width: 100%; }

.twicketsSell:hover::after {
  display: none; }

#ticket-usage-box .ticket-details.section-box-item {
  border-bottom: 1px solid #d3d3d3; }

#ticket-usage-box .ticket-details.section-box-item:hover {
  cursor: pointer;
  background-color: #F1F1F1 !important; }

#search-ticket-usage-box ul li:first-child {
  margin: 10px 0 0 !important; }

#search-ticket-usage-box input[type="text"] {
  width: 100%;
  max-width: 96%; }

#search-ticket-usage-box input + img {
  visibility: visible; }

#search-ticket-usage-box span.searchBoxLabel.field-label {
  font-size: 16px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
    Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */
  .section-box-item-details {
    width: 100%; }
  .last-column, .last-column .form-control {
    text-align: center; }
  #accountContent .order-row .forward-tickets.section-box-item-details,
  #accountContent .order-row .twickets-section.section-box-item-details {
    width: 50%;
    float: left;
    margin: 10px 0 0; }
  /* Twickets Span Overrides */
  #accountContent .order-row .twickets-section.section-box-item-details .section-box-detail-data {
    float: right; }
  #accountContent .section-box h4 a.twicketsSell {
    max-width: 200px;
    float: right;
    margin: 0 !important; }
  #accountContent .order-row .forward-tickets.section-box-item-details a.btn-link {
    margin: 0;
    padding: 6px 12px !important;
    display: inline-block; }
  .tuTitleWrap,
  .tuTwicketsWrap {
    display: inline-block;
    width: 60%;
    float: left; }
  .tuTitleWrap {
    width: 60%; }
  .tuTwicketsWrap {
    width: 40%; }
  #ticket-usage-box .event-name,
  #ticket-usage-box .event-date {
    float: left; }
  #ticket-usage-box .event-name {
    margin-top: 4px; }
  #ticket-usage-box .event-date {
    margin-top: 11px !important; }
  .twicketsSell::after {
    display: none; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */
  /* Account Navigation Buttons */
  #my-account-nav-container {
    width: 22.5%; }
  /* Account Information */
  #accountContent,
  #account-content {
    width: 77.5%;
    padding: 0 0 27px;
    text-align: left; }
  #accountContent > p,
  #account-content > p {
    margin: 3% 5% 0; }
  #accountContent .section-box .field-label,
  #account-content .section-box .field-label {
    float: left;
    padding: 0 0 7px 0; }
  #accountContent span.searchBoxLabel,
  #account-content span.searchBoxLabel,
  #accountContent span.field-label,
  #account-content span.field-label {
    display: block; }
  .offer-code.section-box-item-details:before,
  .offer-date.section-box-item-details:before,
  .offer-access-code.section-box-detail-data:before,
  .offer-end-date.section-box-detail-data:before {
    content: '-';
    padding: 0 40px;
    float: left;
    display: inline-block;
    color: #969696; }
  #accountContent .order-row .order-date.section-box-item-details:before,
  #account-content .order-row .order-date.section-box-item-details:before {
    content: '-';
    padding: 0 13% 0 0;
    float: left; }
  .offer-date.section-box-item-details {
    padding: 0; }
  #accountContent .search-box form ul li,
  #account-content .search-box form ul li,
  #accountContent .account-box form ul li,
  #account-content .account-box form ul li {
    text-align: left;
    width: 50%; }
  #accountContent .search-box,
  #account-content .search-box,
  #accountContent .account-box,
  #account-content .account-box {
    margin: 1% 3% 0;
    float: none; }
  #my-account-nav-container .my-account-nav ul li a {
    text-align: left; }
  #accountContent .section-box h4 a,
  #account-content .section-box h4 a,
  #accountContent .section-box .last-column a.btn,
  #account-content .section-box .last-column a.btn {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    float: right; }
  #accountContent .order-row .order-total.section-box-item-details.last-column,
  #account-content .order-row .order-total.section-box-item-details.last-column,
  #accountContent .order-row .order-total.section-box-item-details.last-column span:last-child,
  #account-content .order-row .order-total.section-box-item-details.last-column span:last-child,
  #accountContent .order-row .order-total.section-box-item-details,
  #account-content .order-row .order-total.section-box-item-details {
    float: right; }
  #accountContent .order-row a.item-link,
  #account-content .order-row a.item-link,
  #accountContent .order-row a.btn-link,
  #account-content .order-row a.btn-link,
  .view-offer.offer-controls .btn.btn-primary,
  .view-offer.offer-controls .btn.btn-default,
  .offer-toggle.btn.btn-default,
  .offer-controls .btn.btn-default,
  .offer-controls .btn.btn-primary {
    line-height: 30px; }
  .account-box-detail-data,
  .section-box-detail-data {
    margin: 0 10px 0 0; }
  .my-account-nav-heading {
    display: none; }
  #accountContent .section-box h4 a:before,
  #account-content .section-box h4 a:before,
  #accountContent .section-box .last-column a.btn:before,
  #account-content .section-box .last-column a.btn:before {
    display: none; }
  #accountContent .section-box h4 a,
  #account-content .section-box h4 a,
  #accountContent .section-box .last-column a.btn,
  #account-content .section-box .last-column a.btn {
    text-indent: 0; }
  #my-account-nav-container {
    margin: 0; }
  #accountContent span.searchBoxLabel,
  #account-content span.searchBoxLabel,
  #accountContent span.field-label,
  #account-content span.field-label {
    display: inline-block; }
  #accountContent .section-box h4,
  #account-content .section-box h4 {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    padding: 18px 18px 18px;
    border-bottom: 4px solid #DFDFDF;
    text-transform: uppercase; }
  .contact-options .comboBoxWrapper,
  .account-address .comboBoxWrapper {
    width: 187px !important; }
  #accountContent .section-box .field-label,
  #account-content .section-box .field-label {
    padding: 0; }
  .section-box .form-control {
    text-align: left; }
  .contact-address.section-box-item:nth-child(2n+2),
  .addressWrapper div:only-child {
    border-right: none; }
  .contact-address.section-box-item:nth-child(n+3) {
    border-top: 1px dotted #DFDFDF; }
  .contact-address.section-box-item {
    float: left;
    border-right: 1px dotted #DFDFDF;
    width: 50%; }
  .contact-address.section-box-item span.street-address.section-box-detail-data {
    white-space: nowrap; }
  .contact-address.section-box-item span.street-address.section-box-detail-data + span {
    display: block;
    padding-left: 46px; }
  .contact-address.section-box-item .street-address input[type="radio"] {
    max-width: 40px;
    margin: 0;
    display: inline-block; }
  span.default-selected-text {
    display: block;
    margin-left: 5px;
    font-style: normal !important;
    color: #00b6ad !important;
    padding-left: 46px;
    width: 100%; }
  .contact-address.section-box-item span {
    display: inline-block;
    margin: 0; }
  #account-addresses-box form ul li:last-child {
    width: 50% !important; }
  #account-addresses-box form ul li + li {
    min-height: 120px; }
  #account-addresses-box form ul li + li + li {
    min-height: 80px; }
  .bodyDetails#maintainAddresses #addressFields input[type="text"] + span.required,
  .bodyDetails#maintainAddresses #addressFields textarea + span.required {
    top: 28px;
    right: 26px; }
  span.benefit-date.small-heading-text {
    float: right; }
  span.benefit-date.small-heading-text span {
    padding: 2px 0 0 10px !important;
    float: left; }
  .Active .membership-status {
    float: right; }
  .membership-detail + div:before {
    content: '-';
    padding: 0 10%;
    float: left; }
  .saved-payment-details, .membership-detail {
    padding: 35px 0;
    width: 45%;
    white-space: nowrap; }
  .saved-payment-details:first-child, .membership-detail:first-child, .membership-expiry {
    padding: 35px 0 35px 18px !important;
    width: 25%; }
  .saved-payment-details:last-child, .membership-detail:last-child {
    padding: 35px 18px 35px 0;
    float: right;
    width: 25%; }
  #accountContent .order-row .section-box-detail-data:first-child:after,
  #account-content .order-row .section-box-detail-data:first-child:after,
  .membership-detail span:first-child::after {
    content: ':'; }
  #accountContent .order-row .twickets-section .section-box-detail-data:after {
    content: ''; }
  #change-password-box li.no-label-indent #changePasswordRules.password-rules {
    width: 100% !important;
    text-align: left !important;
    padding: 18px 20px 8px 0 !important;
    white-space: normal; }
  #search-ticket-usage-box span.searchBoxLabel.field-label {
    position: absolute;
    left: -35px;
    margin: 7px 0 0; }
  #accountContent #account-marketing-data-box.account-box form ul li {
    width: 49%;
    margin-right: 1%; }
  #accountContent #account-marketing-data-box.account-box form ul li:last-child {
    width: 49%;
    margin-left: 1%;
    margin-right: 0;
    margin-bottom: 0; }
  #accountContent .account-box,
  #account-content .account-box {
    margin: 3% 3% 0 !important; }
  #accountContent .order-row .order-date.section-box-item-details,
  #account-content .order-row .order-date.section-box-item-details {
    width: auto;
    margin: 0;
    white-space: nowrap; }
  .section-box-item-details {
    width: auto; }
  .last-column, .last-column .form-control {
    text-align: right; }
  #accountContent .search-box .btn,
  #account-content .search-box .btn,
  #accountContent .account-box .btn,
  #verify,
  #account-content .account-box .btn {
    max-width: auto;
    margin: 4px 0 0 !important; }
  .navigation-box.my-account-navigation-box .btn.btn-primary,
  #accountContent #account-marketing-data-box.account-box form .navigation-box.my-account-navigation-box .btn.btn-primary {
    float: left !important; }
  .navigation-box.my-account-navigation-box .btn.btn-default,
  #accountContent #account-marketing-data-box.account-box form .navigation-box.my-account-navigation-box .btn.btn-default {
    float: right !important; }
  .bodyDetails#redeemOffers .offer-item.section-box-item > div {
    padding: 35px 18px 0; }
  .bodyDetails#redeemOffers .offer-item.section-box-item:after {
    display: none; }
  .navigation-box.my-account-navigation-box .btn.btn-default,
  .navigation-box.my-account-navigation-box .btn.btn-danger {
    float: right !important; }
  .navigation-box.my-account-navigation-box,
  #accountContent #account-marketing-data-box.account-box form .navigation-box.my-account-navigation-box {
    margin: 20px 0 0 !important; }
  .bodyDetails#customerOffers input.btn.btn-default.addAnotherCustomerOffer {
    margin: 10px 28px; }
  #search-ticket-usage-box input[type="text"] {
    width: 100%;
    max-width: 80%; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				                                                                        
*																																				                                                                        
*		Project:	TTF White Label Boilerplate - (Payment Methods CSS)																			                                            	
*		File:		global/_globalPaymentMethods.scss																								                                                          	
*		Platform:	Audience View 6.8.9																										                                                          	
*		Date:		November 2015 																												                                                                
*		Author:		Wilko																											                                                              
*		Copyright:	©TheTicketFactory.com, 2015																									                                                    
*																																				                                                                       
*																																				                                                                        
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Payment Method Boxes (Barclaycard > TTF > PayPal)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.paymentModules .paymentModuleInner {
  display: block;
  border-radius: 6px;
  border-width: 4px;
  border-style: solid;
  letter-spacing: -0.03em;
  position: relative; }

.paymentModuleInner {
  padding: 30px;
  position: relative; }

.pmPP .paymentModuleInner {
  background-color: #f8f3e8;
  border-color: #f9e8be; }

.pmPP:before {
  background-image: -moz-linear-gradient(90deg, #fdf9ee 0%, #f0f6fa 100%);
  background-image: -webkit-linear-gradient(90deg, #fdf9ee 0%, #f0f6fa 100%);
  background-image: -ms-linear-gradient(90deg, #fdf9ee 0%, #f0f6fa 100%); }

.pmBC .paymentModuleInner {
  background-color: #edf2f5;
  border-color: #c6dceb;
  margin-bottom: 15px;
  font-family: "barclaycard_coregular"; }

.pmBC:before {
  background-image: -moz-linear-gradient(90deg, #f0f6fa 0%, #f8f1f5 100%);
  background-image: -webkit-linear-gradient(90deg, #f0f6fa 0%, #f8f1f5 100%);
  background-image: -ms-linear-gradient(90deg, #f0f6fa 0%, #f8f1f5 100%); }

.pmTTF .paymentModuleInner {
  background-color: #eeeeee;
  border-color: #d7d7d7;
  margin-bottom: 15px; }

.pmTTF:before {
  display: none; }

.pmTTF:before, .pmPP:before, .pmBC:before {
  content: "or";
  background-color: #f9f9f9;
  border-radius: 50%;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07), inset 0 0 6px 3px white;
  position: absolute;
  text-align: center;
  padding: 9px 2px 9px 0;
  font-size: 20px;
  color: #b0b2b0;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -34px;
  width: 50px;
  height: 50px;
  z-index: 2; }

.paymentModuleInner .pmLogo {
  width: 100% !important;
  max-width: 175px !important;
  margin: 0 auto 14px auto !important;
  background-size: 100% auto !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  height: 80px !important; }

.pmPP .pmLogo {
  background-image: url("https://d36kigkh74flet.cloudfront.net/branding/default/pp-logo.png");
  max-width: 135px; }

.svg .pmPP .pmLogo {
  background-image: url("https://d64qqfedahnsx.cloudfront.net/images/articles/paypalLogo.svg");
  background-size: contain; }

.pmBC .pmLogo {
  background-image: url("https://d64qqfedahnsx.cloudfront.net/images/articles/Barclaycard_FFF_Logo.png"); }

.svg .pmBC .pmLogo {
  background-image: url("https://d64qqfedahnsx.cloudfront.net/images/articles/barclaycardLogo.svg");
  background-size: contain; }

.pmTTF .pmLogo {
  background-image: url("https://d36kigkh74flet.cloudfront.net/branding/default/ttfLogo.png"); }

.svg .pmTTF .pmLogo {
  background-image: url("https://d36kigkh74flet.cloudfront.net/branding/default/ttfLogo.svg");
  background-size: contain; }

.pmIntro {
  font-size: 16px;
  text-align: center; }

.pmPP .pmIntro {
  color: #011f68; }

.pmBC .pmIntro {
  color: #0270ba; }

.pmTTF .pmIntro {
  color: #575756; }

.pmIntro br {
  display: none; }

.pmButton {
  align-self: flex-end; }

.pmButton a,
.pmButton button {
  width: 100% !important;
  display: block;
  max-width: 280px;
  padding: 11px 20px !important;
  border-radius: 6px;
  margin: 20px auto 0;
  text-align: center;
  font-size: 18px !important;
  color: white !important;
  border: none;
  transition: .3s all ease-in-out; }

.pmButton button {
  padding: 17px 20px !important; }

.pmButton a:hover,
.pmButton button:hover {
  text-decoration: none;
  border-radius: 20px;
  border: none; }

.pmPP .pmButton a {
  background: #ffc439; }
  .pmPP .pmButton a:hover {
    background: #ffcb52; }

.pmBC .pmButton button {
  background: #0270ba !important;
  font-size: 17px !important;
  padding: 17px 10px !important;
  letter-spacing: -0.02em; }
  .pmBC .pmButton button:hover {
    background: #1478ba !important; }

.pmTTF .pmButton button {
  background: #9e005d !important; }
  .pmTTF .pmButton button:hover {
    background: black !important; }

.pmBC .pmButton button:before,
.pmTTF .pmButton button:before {
  font-family: 'FontAwesome';
  content: "\f09d";
  font-size: 20px;
  padding: 0 8px 0 0;
  display: inline-block; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */
  .flexPayment {
    display: flex;
    justify-content: space-around;
    margin: 40px 0; }
  .flexPayment .column {
    display: flex;
    flex-direction: column; }
  .no-flexbox .flexPayment {
    display: block;
    width: 100%; }
  .no-flexbox .flexPayment .column {
    display: inline-block; }
  .flexPayment .paymentModules {
    padding-left: 5px;
    padding-right: 5px; }
  .flexPayment .paymentModules.pmBC {
    padding-left: 0; }
  .flexPayment .paymentModules.pmTTF {
    padding-right: 0; }
  .pmBC .paymentModuleInner {
    margin-bottom: 0px; }
  .pmTTF .paymentModuleInner {
    margin-bottom: 0; }
  .pmIntro br {
    display: block; }
  .pmTTF:before, .pmPP:before {
    left: -26px;
    right: auto;
    top: 115px; }
  .pmTTF:before {
    background-color: #f9f9f9;
    display: block;
    background-image: -moz-linear-gradient(180deg, #eeeeee 0, #fdf9ee 100%);
    background-image: -webkit-linear-gradient(180deg, #eeeeee 0, #fdf9ee 100%);
    background-image: -ms-linear-gradient(180deg, #eeeeee 0, #fdf9ee 100%); }
  .pmBC:before {
    background-image: none;
    content: "";
    display: none; }
  .pmPP:before {
    background-image: -moz-linear-gradient(180deg, #fdf9ee 0%, #f0f6fa 100%);
    background-image: -webkit-linear-gradient(180deg, #fdf9ee 0%, #f0f6fa 100%);
    background-image: -ms-linear-gradient(180deg, #fdf9ee 0%, #f0f6fa 100%); } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/* Targeting for 10 - Bug Fixes */
@media screen and (min-width: 0\0) and (min-width: 992px) {
  .paymentModules {
    width: 31.9%; }
  .col-md-push-6.pmTTF,
  .col-md-pull-6.pmBC {
    width: 48.1%; } }

@media screen and (min-width: 0\0) and (min-width: 1200px) {
  .paymentModules {
    width: 32.1%; }
  .col-md-push-6.pmTTF,
  .col-md-pull-6.pmBC {
    width: 49.1%; } }

/* Targeting for 10 - Bug Fixes */
@media all and (min-width: 992px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .paymentModules {
    width: 32.3%; }
  .col-md-push-6.pmTTF,
  .col-md-pull-6.pmBC {
    width: 49.3%; } }

/************************************************************************************************************************************************
*																																				                                                                        
*																																				                                                                        
*		Project:	TTF White Label Boilerplate - (Payment Methods Order Contact CSS)																			                                            	
*		File:		global/_globalPaymentMethodsOC.scss																								                                                          	
*		Platform:	Audience View 6.8.9																										                                                          	
*		Date:		December 2015 																												                                                                
*		Author:		Wilko																											                                                              
*		Copyright:	©TheTicketFactory.com, 2015																									                                                    
*																																				                                                                       
*																																				                                                                        
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Payment Method Boxes (Barclaycard > TTF > PayPal)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.payment-methods-list {
  padding: 14px 0 0; }

#orderContact.bodyDetails #payments.payment-box .payment-methods-list .payment-method-option {
  width: 100% !important;
  padding: 0 10px 10px 0 !important;
  background: transparent !important;
  border: none !important;
  margin: 0 !important; }

.payment-method-option label {
  width: 100%;
  display: block; }

.payment-method-option label div.pmWrapper {
  width: 100%;
  display: block;
  cursor: pointer;
  opacity: 0.45;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.payment-method-option label div.pmWrapper:hover {
  opacity: 1; }

.payment-method-option label input[type="radio"]:checked + div.pmWrapper {
  opacity: 1;
  background: white !important; }

.payment-method-option label input[type="radio"]:checked + div.pmWrapper i {
  background: none; }

.payment-method-option label input[type="radio"]:checked + div.pmWrapper i:before {
  content: "\f00c";
  color: white; }

.payment-method-option label input[type="radio"] {
  display: none; }

.Barclaycard-Amex div.pmWrapper,
.Barclaycard-Mastercard div.pmWrapper,
.Barclaycard-Visa div.pmWrapper {
  background: #edf2f5 !important;
  border: 4px solid #3688c4 !important;
  border-radius: 6px; }

div.pmWrapper {
  background: #f4eff1;
  border: 4px solid #be0058;
  border-radius: 6px; }

.PayPal div.pmWrapper {
  background: #f8f3e8 !important;
  border: 4px solid #ffc439 !important;
  border-radius: 6px; }

.ccLogo {
  background: #be0058;
  width: 100%;
  display: block;
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px; }

.Barclaycard-Amex .ccLogo,
.Barclaycard-Mastercard .ccLogo,
.Barclaycard-Visa .ccLogo {
  background: #3688c4; }

.PayPal .ccLogo {
  background: #ffc439; }

label div.pmWrapper div.ccLogo span {
  font-size: 68px;
  padding: 0 10px 0 0;
  color: white;
  display: block;
  position: relative; }

.Barclaycard-Amex .ccLogo span.paymentmethodlogo,
.Barclaycard-Mastercard .ccLogo span.paymentmethodlogo,
.Barclaycard-Visa .ccLogo span.paymentmethodlogo {
  background: url("https://d36kigkh74flet.cloudfront.net/branding/default/BC_OFFCL_CMYK_REVERSE.png");
  background-repeat: no-repeat;
  background-size: 84% auto;
  background-position: 6px center;
  text-indent: -9999px;
  font-size: 57px !important;
  padding: 1px 0 0 !important;
  height: 80px; }

.Barclaycard-Amex .ccLogo span.paymentmethodlogo i,
.Barclaycard-Mastercard .ccLogo span.paymentmethodlogo i,
.Barclaycard-Visa .ccLogo span.paymentmethodlogo i {
  display: none; }

.paymentmethodlogo i {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  color: #be0058;
  padding: 0;
  margin: 0;
  background: url("https://d36kigkh74flet.cloudfront.net/branding/default/ccBackground.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 98% auto; }

.PayPal .paymentmethodlogo i {
  color: #ffc439; }

.American.Express i:before {
  content: "\f1f3"; }

.MasterCard i:before,
.Renewable-MasterCard i:before {
  content: "\f1f1"; }

.Visa i:before,
.Renewable-Visa i:before,
.Visa-Checkout i:before {
  content: "\f1f0"; }

.PayPal i:before {
  content: "\f1f4"; }

.noRightPadding {
  padding-right: 0; }

.noLeftPadding {
  padding-left: 0; }

.payment-method-label {
  font-size: 20px;
  color: #be0058;
  padding-top: 19px !important;
  white-space: normal !important;
  padding: 5px !important;
  padding-top: 20px !important; }

.Barclaycard-Amex span.payment-method-label,
.Barclaycard-Mastercard span.payment-method-label,
.Barclaycard-Visa span.payment-method-label {
  color: #3688c4;
  font-family: "barclaycard_co_bdregular";
  letter-spacing: -0.03em;
  padding-top: 9px !important; }

.PayPal span.payment-method-label {
  color: #012069; }

.PayPal .payment-method-label {
  padding-top: 10px !important; }

span.paymentLabels {
  width: 100%;
  display: block; }

.pmLogo {
  max-width: 133px !important;
  margin: 0 auto !important;
  height: 46px !important;
  background-image: url(https://d36kigkh74flet.cloudfront.net/branding/default/pp-logo.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 100%;
  display: block;
  background-position: center center;
  text-indent: -9999px; }

.svg .pmLogo {
  background-image: url(https://d64qqfedahnsx.cloudfront.net/images/articles/paypalLogo.svg);
  background-size: contain; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Small Smartphones (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (max-width: 350px) {
  /* */
  .payment-method-label {
    padding-top: 14px !important; }
  label div.pmWrapper div.ccLogo span {
    font-size: 58px; }
  .PayPal .payment-method-label {
    padding-top: 5px !important; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */
  #orderContact.bodyDetails #payments.payment-box .payment-methods-list .payment-method-option {
    width: 33.33332% !important;
    padding: 0 20px 20px 0 !important; }
  .paymentmethodlogo i {
    background-size: 98% auto; }
  label div.pmWrapper div.ccLogo span {
    font-size: 80px;
    padding: 0 10px 0 0;
    color: white;
    display: block;
    position: relative; }
  .payment-method-label,
  .Barclaycard-Amex span.payment-method-label,
  .Barclaycard-Mastercard span.payment-method-label,
  .Barclaycard-Visa span.payment-method-label {
    padding-top: 25px !important; }
  .PayPal .payment-method-label {
    padding-top: 16px !important; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/* Targeting for 10 - Bug Fixes */
/* Targeting for 10 - Bug Fixes */
/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (CSS for Notification Flash)																	
*		File:		global/_globalNotificationFlash.scss																										
*		Platform:	Audience View 6.8.7																											
*		Date:		March 2017 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2017																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Customer Notifications - Alert

	* Please ensure you add the following two rules to your local _brandColors.scss file *
	$eCommerce-bg
	$notification-flash
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* */
.notificationFlash {
  -webkit-animation-name: notificationFlash;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  -moz-animation-name: notificationFlash;
  -moz-animation-duration: 2s;
  -moz-animation-delay: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease;
  -o-animation-name: notificationFlash;
  -o-animation-duration: 2s;
  -o-animation-delay: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: ease;
  animation-name: notificationFlash;
  animation-duration: 2s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease; }

@-webkit-keyframes notificationFlash {
  0% {
    background-color: rgba(30, 30, 30, 0.9); }
  30% {
    background-color: #9e005d; }
  30% {
    background-color: #bb036f; }
  36% {
    background-color: #bb036f; }
  100% {
    background-color: rgba(30, 30, 30, 0.9); } }

@-moz-keyframes notificationFlash {
  0% {
    background-color: rgba(30, 30, 30, 0.9); }
  30% {
    background-color: #9e005d; }
  30% {
    background-color: #bb036f; }
  36% {
    background-color: #bb036f; }
  100% {
    background-color: rgba(30, 30, 30, 0.9); } }

@-o-keyframes notificationFlash {
  0% {
    background-color: rgba(30, 30, 30, 0.9); }
  30% {
    background-color: #9e005d; }
  30% {
    background-color: #bb036f; }
  36% {
    background-color: #bb036f; }
  100% {
    background-color: rgba(30, 30, 30, 0.9); } }

@keyframes notificationFlash {
  0% {
    background-color: rgba(30, 30, 30, 0.9); }
  30% {
    background-color: #9e005d; }
  30% {
    background-color: #bb036f; }
  36% {
    background-color: #bb036f; }
  100% {
    background-color: rgba(30, 30, 30, 0.9); } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*                                                                                                                                               
*                                                                                                                                               
*   Project:  TTF White Label Boilerplate - (New Breadcrumb & Order Info CSS)                                                                                   
*   File:   global/sass/_globalCalendarWidget.scss                                                                                                            
*   Platform: Audience View                                                                                                               
*   Date:   November 2017                                                                                                                        
*   Author:   Wilko & Chris                                                                                                                     
*   Copyright:  ©TheTicketFactory.com, 2017                                                                                                     
*                                                                                                                                              
*                                                                                                                                               
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------
  DEPENDENCIES - PLEASE ENSURE YOU ADD THESE VARIABLES TO THEIR RESPECTIVE FILES WITHIN YOUR BRAND - IF YOU MISS ANY OF THESE YOU WILL GET ERRORS!
-------------------------------------------------------------------------------------------------------------------------------------------------------------

  brandColors.scss
  ----------------
  $calendar-widget-frame-background
  $calendar-widget-body-background
  $calendar-widget-navigation-background
  $calendar-widget-navigation-color
  $calendar-widget-navigation-arrow-color
  $calendar-widget-today-background
  $calendar-widget-event-background
  $calendar-widget-event-color
  $calendar-widget-header-border
  $calendar-widget-header-background
  
  brandFonts.scss
  ----------------


------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#calendarAnchor {
  display: block;
  max-width: 800px;
  margin: 0 auto;
  padding: 10px 0; }

#calendar-widget-frame {
  display: block;
  background: #FFFFFF;
  width: 100%; }

#calendarWidget-body {
  background: #FFFFFF; }

#calendarWidget-body,
#calendarWidget-body form,
#calendarWidget-body .table {
  margin: 0;
  padding: 0; }

#calendarWidget-navigation {
  background: #322f31;
  color: #FFFFFF;
  width: 100%;
  border-radius: 8px 8px 0 0; }

#calendarWidget-navigation.table td {
  border-top: none !important; }

#calendarWidget-navigation td {
  text-align: center;
  font-size: 20px;
  text-transform: uppercase; }

#calendarWidget-navigation td a {
  color: #FFFFFF;
  text-decoration: underline;
  font-weight: bold; }

#calendarWidget-navigation td a span {
  display: block; }

#calendarWidgetHeader {
  border: solid #DEDEDE;
  border-width: 1px 1px 0 0;
  width: 100%; }

#calendarWidgetHeader td {
  background: #E1E1E1;
  border: solid #DEDEDE;
  border-width: 0 0 0 1px;
  font-size: 11px;
  padding: 0;
  color: #666666;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  width: 28px;
  height: 28px; }

#calendarWidgetTable {
  border: solid #DEDEDE;
  border-width: 1px 1px 0 0;
  width: 100%; }

#calendarWidgetTable td {
  background: #fff;
  border: solid #DEDEDE;
  border-width: 0 0 1px 1px;
  text-align: center;
  vertical-align: middle;
  width: 28px;
  height: 28px; }

#calendarWidgetTable .WidgetToday {
  background: #888888; }

#calendarWidgetTable .WidgetEvent:hover,
#calendarWidgetTable .WidgetEvent {
  background: #322f31;
  color: #FFFFFF;
  cursor: pointer; }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	  TTF White Label Boilerplate - (Global My Customer Account CSS)																		
*		File:		  global/_globalDisabledAccess.scss																							
*		Platform:	  Audience View 6.8.2																											
*		Date:		  03/08/2018 																												
*		Author:		  Parm
*		Copyright:	  ©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
    Customer Account Global .asp Styles 
-----------------------------------------------------------------------------------------------------------------------------------------------*/
div[class^="access-"] {
  display: none; }

#disabledAccess #account-content {
  background: #f5f5f5; }

#disabledAccess .disabledAccess__disabledIntro {
  padding: 30px 30px 20px; }
  #disabledAccess .disabledAccess__disabledIntro h1 {
    margin-bottom: 15px; }
  #disabledAccess .disabledAccess__disabledIntro > p {
    margin-bottom: 0; }
  #disabledAccess .disabledAccess__disabledIntro strong {
    letter-spacing: .5px; }

#disabledAccess .disabledAccess__card-heading {
  background: #00b6ad;
  box-shadow: 2px 2px 10px rgba(51, 51, 51, 0.5);
  border-radius: 3px;
  padding: .5rem 1rem;
  transform: rotate(0); }

#disabledAccess .disabledAccess__accessCardWrap {
  background: #ffffff; }
  #disabledAccess .disabledAccess__accessCardWrap__or-text {
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    color: #00b6ad;
    letter-spacing: 1.5px; }
  #disabledAccess .disabledAccess__accessCardWrap .introParagraph {
    color: #969696;
    padding-bottom: 20px;
    border-bottom: 4px solid #DFDFDF;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 14px; }
  #disabledAccess .disabledAccess__accessCardWrap input {
    height: 50px; }
  #disabledAccess .disabledAccess__accessCardWrap .form-control:focus {
    border-color: #00b6ad; }

#disabledAccess span.span-basic-text {
  color: #969696;
  display: inline-block;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 14px; }

#disabledAccess h2 {
  display: block; }

#disabledAccess p {
  margin-bottom: 20px; }

#disabledAccess a.btn {
  display: inline-block;
  max-width: none;
  background: #969696;
  border: none;
  border-radius: 0;
  padding: 12px 20px;
  margin: 0 auto 8px;
  max-width: 450px;
  float: none;
  color: #FFFFFF; }
  #disabledAccess a.btn:hover {
    background: #313131; }

#disabledAccess #verify {
  transform: translateY(-8%);
  width: 100%; }

#disabledAccess #AC_verify, #disabledAccess #verify {
  background: #00b6ad !important;
  width: 100%;
  border-radius: 0;
  border: none;
  margin-bottom: 10px;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif; }
  #disabledAccess #AC_verify:hover, #disabledAccess #verify:hover {
    background: #00918a !important; }

#disabledAccess .credabilityIntro {
  padding: 20px 25px;
  margin: 20px 20px 0; }

#disabledAccess #register-container {
  margin-top: 0; }

.accessCardWrap {
  margin: 0 20px; }

a.accessible-btn {
  color: #fff;
  border: 0;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 0 5px;
  cursor: pointer;
  background-color: #1a166a;
  display: inline-block;
  margin-top: 20px; }

@media only screen and (max-width: 767px) {
  #disabledAccess #verify {
    max-width: 100%; }
  .disabledAccess__accessCardWrap__or-text {
    margin: 20px 0; } }

@media only screen and (min-width: 768px) and (max-width: 992px) {
  #disabledAccess #AC_verify, #disabledAccess #verify {
    transform: translateY(0); } }

/************************************************************************************************************************************************
*                                                                       
*                                                                     
*   Project:  TTF White Label Boilerplate - (Global Visa Checkout CSS)                            
*   File:   global/_globalVisaCheckout.scss                                               
*   Platform: Audience View 6.8.2                                                     
*   Date:   February 2019                                                         
*   Author:   Chris                                                       
*   Copyright:  ©TheTicketFactory.com, 2019                                                 
*                                                                       
*                                                                       
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
  DEPENDENCIES - PLEASE ENSURE YOU ADD THESE VARIABLES TO THEIR RESPECTIVE FILES WITHIN YOUR BRAND - IF YOU MISS ANY OF THESE YOU WILL GET ERRORS!
-----------------------------------------------------------------------------------------------------------------------------------------------

  shoppingCart.asp
  ----------------
  $visa-checkout-separator-font-family

  
  orderContact.asp
  ----------------
  $visa-checkout-edit-button-text-color
  $visa-checkout-primary-button-background-color
  $visa-checkout-wrapper-button-background-color
  $visa-checkout-wrapper-border-color


------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Visa Checkout Button */
#shoppingCart.bodyDetails span.vc-btn-wrapper {
  display: block;
  text-align: center; }

#shoppingCart.bodyDetails span.vc-separator {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  padding: 4px 0;
  text-transform: uppercase;
  text-align: center; }

/* Visa Checkout */
#orderContact.bodyDetails img.paymentLabelVisaCheckout {
  width: 160px; }

#orderContact.bodyDetails .paymentCardArtVisaCheckoutWrapper {
  display: block;
  width: 100%;
  float: left;
  padding: 20px;
  background-color: #FCFCFC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #D7D7D7; }

#orderContact.bodyDetails img.paymentCardArtVisaCheckout.v-button {
  display: block;
  float: left;
  width: 110px;
  margin: 0 0 10px 0; }

@media (min-width: 515px) {
  #orderContact.bodyDetails img.paymentCardArtVisaCheckout.v-button {
    margin: 0 10px 0 0; } }

#orderContact.bodyDetails span.paymentCardVisaCheckoutCardDetailsWrapper {
  display: block;
  width: 100%;
  float: left;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  font-size: 18px; }

@media (min-width: 515px) {
  #orderContact.bodyDetails span.paymentCardVisaCheckoutCardDetailsWrapper {
    display: inline-block;
    width: auto; } }

#orderContact.bodyDetails span.paymentCardVisaCheckoutCard {
  display: inline-block;
  width: 100%;
  float: left; }

#orderContact.bodyDetails span.paymentCardVisaCheckoutExpiry {
  display: inline-block;
  width: 100%;
  float: left; }

#orderContact.bodyDetails span.paymentCardVisaCheckoutEdit.v-button {
  color: #D91C1C;
  text-decoration: underline; }
  #orderContact.bodyDetails span.paymentCardVisaCheckoutEdit.v-button:hover {
    filter: none !important; }

/* Visa Checkout Button */
#orderContact.bodyDetails span.vc-btn-wrapper {
  display: block;
  text-align: center; }

#orderContact.bodyDetails #purchaseBox.navigation-box.section-box img.btn.btn-primary.v-button {
  width: 100%;
  height: 80px;
  background: #1A166A;
  text-shadow: none;
  border: none; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Visa Checkout Button */
  #shoppingCart.bodyDetails span.vc-btn-wrapper {
    float: right; }
  #shoppingCart.bodyDetails span.vc-separator {
    float: right;
    width: auto;
    padding: 10px; }
  /* Visa Checkout Button */
  #orderContact.bodyDetails #purchaseBox.navigation-box.section-box img.btn.btn-primary.v-button {
    width: auto; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/*  Back-End CSS Files (Static)
************************************************************************************************************************************************/
/************************************************************************************************************************************************
*																																				*
*																																				*
*		Project:	TTF White Label Boilerplate - (Brand ViewOrder CSS)																			*
*		File:		backend/_brandViewOrder.scss																								*
*		Platform:	Audience View 6.8.2																											*
*		Date:		August 2014 																												*
*		Author:		Wilko & Chris																												*
*		Copyright:	©TheTicketFactory.com, 2014																									*
*																																				*
*																																				*
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Accessibility Modifications
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Label Accessibility */
label.accessibility {
  position: absolute;
  top: 0;
  overflow: hidden;
  text-indent: -9000px;
  display: block; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand AccountEvents CSS)																		
*		File:		backend/_brandAccountEvents.scss																							
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	accountEvents.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand AccountInformation CSS)																
*		File:		backend/_brandAccountInformation.scss																						
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	accountInformation.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Hide Divs */
#accountInformation.bodyDetails .user-info .section-box-item-details.last-column,
#accountInformation.bodyDetails #accountContent a.section-link,
#accountInformation.bodyDetails #accountContent .default-selected-text,
#accountInformation.bodyDetails #user-information .field-label,
#accountInformation.bodyDetails .contact-email.section-box-detail-data a.search,
#accountInformation.bodyDetails #contacts-box .contact-name.section-box-detail-data input,
#accountInformation.bodyDetails #addresses-box .street-address.section-box-detail-data input {
  display: none; }

#accountInformation.bodyDetails #accountContent .navigation-box {
  display: none;
  padding: 10px 30px;
  margin: 20px 0;
  background: #FFF6FB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #F4D9E7;
  width: 100%; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand AccountMarketing CSS)																	
*		File:		backend/_brandAccountMarketing.scss																							
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	accountMarketing.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand AccountMembership CSS)																	
*		File:		backend/_brandAccountMembership.scss																						
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	accountMemberships.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Alert Box */
#accountMemberships.bodyDetails .attention.alert.alert-info {
  color: inherit;
  background-color: transparent;
  border-color: transparent;
  padding: 15px 0 0 0; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand ViewOrder CSS)																			
*		File:		backend/_brandViewOrder.scss																								
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Barclaycard Includes
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Seat Select & Shopping Cart 'Message' Div */
#barclaycardMessageSeatSelect, #barclaycardMessageShoppingCart {
  background: #FFF6FB;
  border: 1px solid #FFDDFF;
  margin: 0 0 10px;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

/* Seat Select Barclaycard Logo */
#barclaycardLogoSeatSelect {
  width: 140px; }

/* Shopping Cart Barclaycard Logo */
#barclaycardLogoShoppingCart {
  width: 140px;
  float: left;
  padding-right: 15px;
  padding-top: 15px; }

/* View Order 'Message' Div */
#barclaycardMessageViewOrder {
  background: none repeat scroll 0 0 #FFF6FB;
  border: 1px dotted #211F20;
  padding: 10px;
  text-align: center;
  margin: 0px; }

/* View Order Barclaycard Logo */
#barclaycardLogoViewOrder {
  float: left;
  padding-right: 15px;
  width: 140px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Seat Select 'Message' Div for Desktop */
  #barclaycardMessageSeatSelect {
    max-width: 315px; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand BundleResult CSS)																		
*		File:		backend/_brandBundleResult.scss																								
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	bundleResult.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#bundleResult.bodyDetails .breadcrumb {
  display: none; }

/* Navigation Box */
#bundleResult.bodyDetails .navigation-box {
  padding: 10px 30px;
  margin: 20px 0;
  background: #FFF6FB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #F4D9E7;
  width: 100%; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand BundleSelect CSS)																			
*		File:		backend/_brandBundleSelect.scss																								
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	bundleSelect.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#bundleSelect.bodyDetails .breadcrumb {
  display: none; }

/* Navigation Box */
#bundleSelect.bodyDetails .navigation-box {
  padding: 10px 30px;
  margin: 20px 0;
  background: #FFF6FB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #F4D9E7;
  width: 100%; }

#bundleSelect.bodyDetails .navigation-box input.navBack.btn.btn-default {
  font-weight: 500;
  background: #fcfcfc;
  border-radius: 6px;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 0 auto 5px;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }

#bundleSelect.bodyDetails .navigation-box input.btn.btn-primary {
  font-weight: 500;
  color: white;
  background: #cd1b6d;
  border-radius: 6px;
  border: 1px solid #cd1b6d;
  padding: 10px;
  margin: 0 auto 5px;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }

#bundleSelect.bodyDetails .navigation-box input.btn.btn-primary:hover {
  background: #ef228f; }

/* Promo Code Box */
#bundleSelect.bodyDetails #promoCodeBox {
  background: #FFF6FB;
  border: 1px solid #FFDDFF;
  margin: 0 0 10px;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

/* Promo Code Title */
#bundleSelect.bodyDetails #promoCodeBox h4 {
  display: none;
  padding-bottom: 5px; }

/* Select Your Price */
#bundleSelect.bodyDetails #SeatPriceZone select.form-control {
  max-width: none; }

#bundleSelect.bodyDetails .navigation-box .btn {
  max-width: none; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand ChangePassword CSS)																	
*		File:		backend/_brandChangePassword.scss																							
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	changePassword.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Password Rules Div */
#changePassword.bodyDetails #changePasswordRules.password-rules {
  padding: 5px;
  text-align: center;
  width: 220px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Custom Media Query - max 515px */
@media (max-width: 515px) {
  #changePassword.bodyDetails .field-label {
    float: left;
    margin: 10px 0 10px 0; }
  #changePassword.bodyDetails #changePasswordRules.password-rules {
    width: 90%; } }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Change Password Div */
  #changePassword.bodyDetails #change-password-box.account-box {
    border-top: 1px dotted #ccc;
    display: inline-block;
    padding: 20px 0 0;
    margin: 20px 0 0;
    width: 100%; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				*
*																																				*
*		Project:	TTF White Label Boilerplate - (Brand GiftCertificateDetails CSS)																			*
*		File:		backend/_brandGiftCertificateDetails.scss																								*
*		Platform:	Audience View 6.8.2																											*
*		Date:		August 2014 																												*
*		Author:		Wilko & Chris																												*
*		Copyright:	©TheTicketFactory.com, 2014																									*
*																																				*
*																																				*
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Gift Certificate Details
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Gift Certificate Descriptions */
#giftCertificateDetails.bodyDetails h3.item-short-description {
  font-size: 18px; }

/* Gift Certificate Amounts */
#giftCertificateDetails.bodyDetails .item-box-item {
  padding: 5px 0; }

#giftCertificateDetails.bodyDetails input.form-control,
#giftCertificateDetails.bodyDetails textarea.form-control {
  margin: 5px 0 0 0; }

#giftCertificateDetails.bodyDetails .item-box-item input.form-control {
  display: block;
  height: auto;
  max-width: 256px; }

#giftCertificateDetails.bodyDetails .stored-value-options li h4 {
  margin: 0; }

#giftCertificateDetails.bodyDetails .stored-value-options li label {
  padding: 10px 0 0; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand ListOrders CSS)																		
*		File:		backend/_brandListOrders.scss																								
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	listOrders.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Alert Info Div */
#listOrders.bodyDetails .attention.alert.alert-info {
  color: inherit;
  background-color: transparent;
  border-color: transparent;
  padding: 15px 0 0 0; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  #listOrders.bodyDetails .order-number.section-box-item-details a.btn.btn-link {
    padding: 0; } }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				                                                                        
*																																				                                                                        
*		Project:	TTF White Label Boilerplate - (Brand Login CSS)																			                                            	
*		File:		backend/_brandLogin.scss																								                                                          	
*		Platform:	Audience View 6.8.2																										                                                          	
*		Date:		August 2014 																												                                                                
*		Author:		Wilko & Chris																												                                                              
*		Copyright:	©TheTicketFactory.com, 2014																									                                                    
*																																				                                                                       
*																																				                                                                        
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	login.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Header 1 Alignment 
#login.bodyDetails .account-box.page-heading h1 {
  text-align: center; 
} */
/* Create Account Box 
#login.bodyDetails .account-box.login-box, #login.bodyDetails .account-box.create-account-box {
  background: $transparent;
  padding: 20px;
  text-align: center;
  @include border-radius(0px);
  border: $transparent; 
} */
#login.bodyDetails h1 {
  display: none; }

#login.bodyDetails input.buttonBreak.btn.btn-primary {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif !important;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  font-size: 18px;
  font-size: 1.125rem; }

/* Login Box Field Label */
#login.bodyDetails .account-box.login-box span.field-label {
  color: #000;
  font-weight: 700;
  padding: 10px 0; }

/* Field Label General Sizing */
#login.bodyDetails .account-box .field-label {
  width: 100%; }

/* Page Heading Text 
#login.bodyDetails .account-box.page-heading {
  text-align: center;
  width: 100% !important;
  border-top: none !important; 
  max-width: 1170px;
  padding: 20px 0 0;
  margin: 0 0 20px 0;
} */
/* Section & Account Divs */
#login.bodyDetails .section-box .no-label-indent, #login.bodyDetails .account-box .no-label-indent {
  padding-left: 0; }

/* Forgot Password */
#login.bodyDetails .forgot-password.no-label-indent a {
  text-decoration: underline; }

/* Account Login Box */
#login.bodyDetails .account-box.login-box {
  border-bottom: 1px solid #c7c7c7; }

/* New Customer Continue Button */
#login.bodyDetails input.btn.btn-link {
  background: #be0058;
  margin: 15px auto;
  clear: both;
  display: block; }

#login.bodyDetails input.btn.btn-link:hover {
  background: #ef228f; }

#login.bodyDetails .account-box.login-box h3, #login.bodyDetails .account-box.create-account-box h3 {
  display: block; }

#login.bodyDetails a.btn-social.btn-lg :first-child {
  top: 7px !important; }

.fb-benefit svg {
  margin-right: 16px; }

@media (min-width: 992px) {
  #login.bodyDetails .login-box + .account-box.create-account-box:before {
    content: "or";
    float: left;
    display: block;
    left: 48.5%;
    position: absolute;
    background: white;
    padding: 1%;
    font-size: 22px; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Logout
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Logout Page Alert Info */
#logout.bodyDetails .alert-info {
  color: inherit;
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.6); }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Account Login Box */
  #login.bodyDetails .account-box.login-box {
    float: left;
    width: 50%;
    border-right: 1px solid #c7c7c7;
    border-bottom: none; }
  /* Create Account Box */
  #login.bodyDetails .account-box.create-account-box {
    float: right;
    width: 50%; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand LoginDelivery CSS)																		
*		File:		backend/_brandLoginDelivery.scss																							
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	loginDelivery.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Hide Breadcrumb */
#loginDelivery.bodyDetails ul.breadcrumb {
  display: none; }

/* Hide Billing Email */
#loginDelivery .billing-info.billing-email {
  display: none; }

/* Order Billing */
#loginDelivery .order-billing {
  padding: 0; }

/* Order Billing Field Label */
#loginDelivery .order-billing .field-label {
  margin-bottom: 5px;
  color: #000;
  clear: both;
  font-size: 16px;
  font-weight: bold; }

/* Button Group Div */
#loginDelivery .btn-group {
  float: left;
  width: 100%;
  height: auto;
  margin: 10px 0; }

/* Add left margin for Button */
#loginDelivery .btn-group a {
  border-left: 1px solid rgba(0, 0, 0, 0.6) !important; }

#loginDelivery.bodyDetails .navigation-box {
  padding: 10px 30px;
  margin: 20px 0;
  background: #FFF6FB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #F4D9E7;
  width: 100%; }

#loginDelivery.bodyDetails .field-label,
#loginDelivery.bodyDetails h4 {
  letter-spacing: -0.02em;
  font-size: 22px !important;
  font-weight: normal !important;
  text-transform: uppercase; }

#loginDelivery.bodyDetails .method-selector.section-box-item-details span,
#loginDelivery.bodyDetails .method-charge.section-box-item-details.last-column {
  color: #212e84 !important; }

#loginDelivery.bodyDetails .billing-info.billing-address .btn.btn-default,
#loginDelivery.bodyDetails .billing-info.billing-contact .btn.btn-default {
  text-transform: uppercase; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Custom Media Query - max 515px */
@media (max-width: 515px) {
  #loginDelivery .btn-group {
    margin-left: 0;
    margin-top: 10px; } }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /*  */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand MaintainAccount CSS)																	
*		File:		backend/_brandMaintainAccount.scss																							
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	maintainAccount.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* */
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand MaintainAddresses CSS)																	
*		File:		backend/_brandMaintainAddresses.scss																							
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	maintainAddresses.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* */
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand MaintainAccount CSS)																	
*		File:		backend/_brandMaintainAccount.scss																							
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	maintainContacts.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Custom Media Query - max 515px */
@media (max-width: 515px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */ }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand MapSelect CSS)																			
*		File:		backend/_brandMapSelect.scss																								
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	mapSelect.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Event Title */
#mapSelect.bodyDetails .av-left .item-description-details h3.item-description {
  font-size: 20px; }

/* Margin for Last List Item */
#mapSelect.bodyDetails .item-description-details ul li:last-child {
  margin: 10px 0 0; }

/* Dropdown Select Box */
#mapSelect.bodyDetails .dropDown select {
  background: #FCFCFC; }

/* Alert Info Link */
#mapSelect.bodyDetails .attention.alert.alert-info a {
  margin-top: 10px;
  display: block; }

/* Quantity, Price Zone, etc. Boxes */
#mapSelect.bodyDetails #pricing_section.item-box,
#mapSelect.bodyDetails #selected_section.item-box {
  color: #262626;
  background: transparent;
  border: 1px solid #CCCCCC;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 20px;
  padding: 0 0 14px 0; }

/* Quantity, Price Zone, etc. Box Headers */
#mapSelect.bodyDetails #pricing_section.item-box h4,
#mapSelect.bodyDetails #selected_section.item-box h4 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 14px;
  margin: 0 0 15px 0px;
  background: rgba(0, 0, 0, 0.02);
  color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase; }

/* Order Fee Removal */
#mapSelect.bodyDetails #orderFeesMessage {
  display: none; }

/* Order Fee Message Image */
#mapSelect.bodyDetails #orderFeesMessageDefaultText img {
  padding-right: 5px;
  vertical-align: top; }

/* Car Parking Info Box */
#mapSelect.bodyDetails .ticketProtection, #mapSelect.bodyDetails .necExpressCarParkUpsell {
  color: #262626;
  background: transparent;
  border: 1px solid #CCCCCC;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 10px; }

/* Info Box Note Paragraphs */
#mapSelect.bodyDetails p.navNote {
  font-weight: bold;
  margin: 5px 0; }

/* Venue Title Removal */
#mapSelect.bodyDetails .venue-image-column.av-right .venue-title {
  display: none; }

/* Item Box Image Responsive Width */
#mapSelect.bodyDetails .venue-image.item-box img {
  width: 100%; }

/* Ticket Protection Drop Down */
#mapSelect.bodyDetails #ticketProtection.dropDown {
  display: block;
  margin-bottom: 10px;
  margin-left: 26px; }

/* Car Parking Div */
#mapSelect.bodyDetails #necExpressCarParkUpsell {
  margin-top: 10px; }

/* Miscellaneous Items Dropdown */
#mapSelect.bodyDetails #miscItem.dropDown {
  display: block;
  margin: 10px 26px; }

/* Event Image Removal for Mobile */
#mapSelect.bodyDetails .item-logo, #mapSelect.bodyDetails .item-logo {
  display: none; }

/* Venue Image Text Align */
#mapSelect.bodyDetails .venue-image.item-box {
  text-align: center; }

/* Promo Code Box */
#mapSelect.bodyDetails #promoCodeBox {
  background: #F9F9F9;
  border: 1px solid #CCCCCC;
  margin: 0 0 20px;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

/* Promo Code Title */
#mapSelect.bodyDetails #promoCodeBox h4 {
  display: none;
  padding-bottom: 5px; }

#mapSelect.bodyDetails .navigation-box {
  padding: 10px 0;
  margin: 20px 0;
  background: transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: none;
  width: 100%; }

#mapSelect.bodyDetails .navigation-box .btn {
  max-width: none; }

/* Seat Select Fee Message */
#mapSelect.bodyDetails #seatSelectFeeMessage {
  background: #F9F9F9;
  border-color: #CCCCCC;
  color: #9e005d; }

/* Bundle & Seat Select Price Guide Overrides */
#mapSelect.bodyDetails .item-box-item-details, #mapSelect.bodyDetails .result-box-item-details {
  vertical-align: middle;
  line-height: auto; }

/* Remove More Info Button */
#mapSelect.bodyDetails .performance-header .more-info,
#bundleSelect.bodyDetails .performance-header .more-info {
  display: none; }

#mapSelect.bodyDetails svg {
  border: 1px solid rgba(0, 0, 0, 0.05); }

/* IE Only ComboBoxWrapper Select Override */
@media screen and (min-width: 0\0) {
  #mapSelect.bodyDetails svg {
    height: 640px !important; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
  Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Promo Code Input Width */
  #mapSelect.bodyDetails .promotional-code-input {
    max-width: 315px; }
  /* Venue Image Item Box Padding */
  #mapSelect.bodyDetails .venue-image-column .venue-image.item-box {
    padding: 0 20px; }
  /* Un-hide Event Image for Desktop */
  #mapSelect.bodyDetails .item-logo {
    display: block; }
  #mapSelect.bodyDetails .navigation-box .btn {
    max-width: 200px; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand ListOrders CSS)																		
*		File:		backend/_brandListOrders.scss																								
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	My Account Navigation
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Button Active States */
.my-account-nav ul li.active a, .my-account-nav ul li:hover a {
  color: #cd1b6d;
  border-right-color: #cd1b6d; }

/* Button Styles */
#maintainContacts.bodyDetails .navigation-box.my-account-navigation-box, #maintainAddresses .navigation-box.my-account-navigation-box {
  padding: 10px 30px;
  margin: 20px 0;
  background: #FFF6FB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #F4D9E7;
  width: 100%; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Remove Padding Left from Nav Box on Desktop */
  .navigation-box.my-account-navigation-box {
    padding-left: 20px; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand OrderContact CSS)																		
*		File:		backend/_brandOrderContact.scss																								
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	orderContact.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Customer Details Mobile Column Alterations */
#orderContact.bodyDetails .order-customer-details.col-md-4 {
  float: left;
  width: 100%; }

/* Order Payment Mobile Column Alterations */
#orderContact.bodyDetails .order-payment-details.col-md-8 {
  width: 100%; }

/* Contact Details Div */
#orderContact.bodyDetails .order-customer-contact.item-box {
  float: left;
  width: 100%; }

/* Address Details Div */
#orderContact.bodyDetails .order-customer-address.item-box {
  float: left;
  width: 100%; }

/* Upgrade Prominance of H4 Headers */
/* Remove Breadcrumb */
#orderContact.bodyDetails ul.breadcrumb {
  display: none; }

/* Header 3 Border & Padding */
#orderContact.bodyDetails h3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0 0 10px 0; }

/* Header 4 Margin */
#orderContact.bodyDetails .order-totals.section-box h4 {
  margin: 10px 0 10px 0; }

#orderContact.bodyDetails .order-customer-contact.item-box {
  margin-right: 2%; }

/* Contact & Address Details Boxes */
#orderContact.bodyDetails .order-customer-contact.item-box, #orderContact.bodyDetails .order-customer-address.item-box {
  background: #F9F9F9;
  padding: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  height: 150px;
  margin-top: 10px;
  margin-bottom: 10px; }

/* Delivery & Order Total Boxes */
#orderContact.bodyDetails .order-customer-delivery.item-box, #orderContact.bodyDetails .order-totals.section-box {
  background: #F9F9F9;
  padding: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin: 1% 0;
  width: 100%; }

#orderContact.bodyDetails .order-customer-delivery.item-box span.item-box-item-details.field-label {
  color: inherit;
  font-size: inherit;
  display: none; }

/* Float Left Delivery Details */
#orderContact.bodyDetails .order-customer-delivery.item-box .item-box-item .item-box-item-details.last-column {
  float: left; }

/* Payments Box */
#orderContact.bodyDetails #payments.payment-box,
#orderContact.bodyDetails .gift-card-payment.section-box,
#orderContact.bodyDetails .promoter-gdpr {
  background-color: #F9F9F9;
  padding: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin: 1% 0;
  width: 100%;
  display: inline-block; }

/* Gift Voucher */
#orderContact.bodyDetails .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px; }

#orderContact.bodyDetails .order-customer-details .btn.btn-default {
  margin-left: 0 !important; }

#orderContact.bodyDetails .gift-card-heading.section-box-item p.fine-print {
  margin: 10px 0; }

#orderContact.bodyDetails .section-box-item-details.last-column .comboBoxWrapper {
  display: none; }

/* Payment Div Borders */
#orderContact.bodyDetails #payments.payment-box .account-box.payment-input-box,
#orderContact.bodyDetails #payments.payment-box .payment-methods-list .payment-method-option {
  border: 1px solid #d7d7d7;
  padding: 20px;
  margin: 10px 10px 10px 0; }

/* Order Totals Box */
#orderContact.bodyDetails .order-totals.section-box {
  border-top: 0; }

/* Order Instructions */
#orderContact.bodyDetails .order-instructions.section-box.fine-print {
  text-align: center; }

/* Item Div Padding */
#orderContact.bodyDetails .item-box-item {
  padding: 10px 0; }

/* Confirm Button Margin */
#orderContact.bodyDetails .order-customer-details .btn.btn-default {
  margin-left: 10px; }

#orderContact.bodyDetails .order-customer-details .more-info.btn.btn-default {
  margin-left: 0;
  margin-top: 8px; }

/* Item Details */
#orderContact.bodyDetails .item-box-item-details {
  margin: 0 5px 5px 0; }

/* Expiry Field for Payment Details */
#orderContact.bodyDetails .account-box.payment-input-box .form-control.expiryField {
  border: none;
  background-color: #fcfcfc;
  padding-left: 0;
  box-shadow: none;
  -webkit-box-shadow: none; }

/* Select Box */
#orderContact.bodyDetails .account-box.payment-input-box .form-control select {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

/* My Tickets */
#orderContact.bodyDetails #orderContactSummary {
  background-color: #F9F9F9;
  padding: 10px 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin: 0;
  width: 100%;
  display: inline-block; }

#orderContact.bodyDetails .admission-row.section-box-item.odd {
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 5px 0; }

#orderContact.bodyDetails .admission-row.section-box-item.even {
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 5px 0; }

#orderContact.bodyDetails .item-total-value.section-box-detail-data {
  margin: 0; }

/* Pay Now Background Box */
#orderContact.bodyDetails #purchaseBox.navigation-box.section-box {
  padding: 20px 30px;
  margin: 20px 0;
  background: #1a166a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  width: 100%;
  color: white; }

/* Pay Now Background Box Button */
#orderContact.bodyDetails #purchaseBox.navigation-box.section-box .btn {
  font-size: 20px;
  width: 100%;
  margin: 0 0 5px 0;
  text-shadow: black 0 1px 0; }

/* Pay Now Paragrath Text */
#orderContact.bodyDetails #purchaseBox.navigation-box.section-box p.navNote {
  text-align: center; }

/* Complete Your Purchase Header */
#orderContact.bodyDetails #orderContactSummary + h2 {
  text-align: center; }

/* Details Boxes - Edit Link */
#orderContact.bodyDetails .order-customer-contact .btn.btn-default,
#orderContact.bodyDetails .order-customer-address .btn.btn-default,
#orderContact.bodyDetails .order-customer-delivery .btn.btn-default {
  margin-left: 10px;
  background: none;
  border: none;
  text-decoration: underline;
  padding: 0;
  text-transform: capitalize;
  letter-spacing: 0;
  line-height: 1.8;
  vertical-align: baseline;
  float: right;
  color: #be0058; }

.account-box.payment-input-box .btn.btn-link {
  margin-left: 10px;
  background: none;
  border: none;
  text-decoration: underline;
  padding: 0;
  text-transform: capitalize;
  letter-spacing: 0;
  line-height: 1.8;
  vertical-align: middle; }

/* Delivery Method Header */
#orderContact.bodyDetails span.item-box-item-details.field-label {
  color: white;
  font-size: 14px; }

.account-box, .section-box {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  display: inline-block;
  padding: 10px 0;
  margin: 4px 0 0;
  width: 100%;
  max-width: 1170px; }

#orderContact.bodyDetails h4.item-short-description {
  font-size: 18px; }

.payment-methods-list .payment-method-option {
  width: 100%; }

#orderContact.bodyDetails .item-box,
#orderContact.bodyDetails .result-box {
  margin: 0; }

#orderContact.bodyDetails #purchaseBox.navigation-box.section-box {
  margin: 20px 0 0; }

#orderContact.bodyDetails h2,
#orderContact.bodyDetails h3,
#orderContact.bodyDetails h4 {
  font-size: 22px;
  font-size: 1.375rem;
  text-transform: uppercase;
  letter-spacing: -0.02em; }

#orderContact.bodyDetails .order-customer-address .btn.btn-default,
#orderContact.bodyDetails .order-customer-contact .btn.btn-default,
#orderContact.bodyDetails .order-customer-delivery .btn.btn-default {
  text-transform: uppercase; }

#orderContact.bodyDetails #defaultPayment .no-label-indent input {
  display: block; }

#orderContact.bodyDetails li.selected-payment-method-name.no-label-indent {
  display: none; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */
  .payment-methods-list .payment-method-option {
    width: 47%; } }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* Contact Details Div */
  #orderContact.bodyDetails .order-customer-contact.item-box {
    float: left;
    width: 49%; }
  /* Address Details Div */
  #orderContact.bodyDetails .order-customer-address.item-box {
    float: left;
    width: 49%; }
  /* Item Div Padding */
  #orderContact.bodyDetails .item-box-item {
    padding: 20px 0; }
  .payment-methods-list .payment-method-option {
    width: 23%; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Pay Now Background Box Button */
  #orderContact.bodyDetails #purchaseBox.navigation-box.section-box .btn {
    font-size: 20px;
    width: auto;
    margin: 0;
    text-shadow: black 0 1px 0; }
  /* Pay Now Paragrath Text */
  #orderContact.bodyDetails #purchaseBox.navigation-box.section-box p.navNote {
    text-align: left; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand SeatResult CSS)																			
*		File:		backend/_brandSeatResult.scss																								
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	seatResults.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Column Alignment */
#seatResults.bodyDetails .av-left, .av-center, .av-right {
  display: block; }

/* Tabs Text */
#seatResults.bodyDetails .seat-tabs-box h1 {
  display: block;
  float: none;
  margin-bottom: 20px; }

/* Event Title */
#seatResults.bodyDetails h3.item-short-description {
  font-size: 20px; }

/* Hide Image, Fine Print & Venue Title for Mobile */
#seatResults.bodyDetails .select-tickets-column.av-left p.fine-print,
#seatResults.bodyDetails .venue-image-column.av-right .venue-title,
#seatResults.bodyDetails .item-logo {
  display: none; }

/* Fine Print All Device Styling */
#seatResults.bodyDetails p.fine-print {
  text-align: center;
  margin: 10px; }

/* Heading for Current Seat */
#seatResults.bodyDetails .current-seat-request.item-box h4 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 14px;
  margin: 0 0 15px 0px;
  background: rgba(0, 0, 0, 0.02);
  color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase; }

/* Current Seat Item Box */
#seatResults.bodyDetails .current-seat-request.item-box {
  color: #262626;
  background: transparent;
  border: 1px solid #CCCCCC;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 20px;
  padding: 0 0 14px 0; }

/* Seat Location */
#seatResults.bodyDetails .item-box-item-details.seat-location {
  min-width: 0; }

/* Field Label */
#seatResults.bodyDetails .field-label {
  font-size: 16px;
  font-weight: bold; }

/* Venue Image Div */
#seatResults.bodyDetails .venue-image-column .venue-image.item-box {
  padding: 0 20px; }

/* Event Details Div */
#seatResults.bodyDetails .item-box-item-details {
  width: auto; }

/* Event Details Last Column */
#seatResults.bodyDetails .item-box-item-details.last-column {
  float: right; }

#seatResults.bodyDetails .navigation-box {
  padding: 10px 30px;
  margin: 20px 0;
  background: #FFF6FB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #F4D9E7;
  width: 100%; }

#seatResults.bodyDetails .navigation-box .btn {
  max-width: none; }

/* Add Spacing Event Details & Criteria Message */
#seatResults.bodyDetails .item-description-details li.venueDescription {
  margin: 5px 0 40px 0; }

/* Bump Font Size of Event Info Tags */
.performance-date, .venueDescription {
  margin: 2px 0 20px 0 !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Custom Media Query - max 515px */
@media (max-width: 515px) {
  #seatResults.bodyDetails .item-box-detail-data:first-child {
    border: 0; }
  #seatResults.bodyDetails .item-box-detail-data {
    display: block;
    border-top: 1px dotted #ddd; }
  #seatResults.bodyDetails .field-label {
    margin: 5px 5px; }
  #seatResults.bodyDetails .seat-price-type.item-box-item-details {
    border-top: 1px dotted #ddd; }
  #seatResults.bodyDetails .seat-amount.item-box-item-details.last-column {
    margin: 5px 5px;
    text-align: right; } }

/* Custom Media Query - min 516px */
@media (min-width: 516px) {
  #seatResults.bodyDetails .item-box-item-details {
    width: auto; }
  #seatResults.bodyDetails .item-box-item-details.last-column {
    float: right; } }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Un-hide Event Image for Desktop */
  #seatResults.bodyDetails .item-logo {
    display: block; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																			
*		Project:	TTF White Label Boilerplate - (Brand SeatSelect CSS)														
*		File:		backend/_brandSeatSelect.scss																								
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	seatSelect.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Event Title */
#seatSelect.bodyDetails .av-left .item-description-details h3.item-description {
  font-size: 20px; }

/* Margin for Last List Item */
#seatSelect.bodyDetails .item-description-details ul li:last-child {
  margin: 10px 0 0; }

#seat-price-section > h4 + select {
  max-width: 95% !important; }

/* Item Box Backgrounds */
.item-box .item-box-item.even, .item-box .item-box-item.odd {
  background: none; }

/* Dropdown Select Box */
#seatSelect.bodyDetails .dropDown select {
  background: #FCFCFC; }

/* Disassociate Fees Alert with Margin */
.feesAlert {
  margin-top: 0 !important; }

/* Alert Info Link */
#seatSelect.bodyDetails .attention.alert.alert-info a {
  margin-top: 10px;
  display: block; }

/* Quantity, Price Zone, etc. Boxes */
#seat-price-zone.item-box,
#seatSelect.bodyDetails .select-price-zones.item-box,
#seatSelect.bodyDetails #seat-quantity.item-box {
  color: #262626;
  background: transparent;
  border: 1px solid #CCCCCC;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 20px;
  padding: 0 0 14px 0; }

/* Quantity, Price Zone, etc. Box Headers */
#seat-price-zone.item-box h4,
#seatSelect.bodyDetails .select-price-zones.item-box h4,
#seatSelect.bodyDetails #seat-quantity.item-box h4,
#seatSelect.bodyDetails #seatSelectFeeMessage + hr + h2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 14px;
  margin: 0 0 15px 0px;
  background: #B6035F !important;
  color: #FFFFFF !important;
  text-transform: uppercase; }

/* Item Box Fine Print */
.item-box .fine-print {
  margin: 10px 14px 0; }

/* Small Fee Text */
span.fee-info.small-heading-text {
  text-transform: none;
  font-weight: 500; }

/* Top & Bottom Margins for Seat Price Zones */
.select-price-zones.item-box div {
  padding: 5px 14px; }

/* Order Fee Removal */
#seatSelect.bodyDetails #orderFeesMessage {
  display: none; }

/* Order Fee Message Image */
#seatSelect.bodyDetails #orderFeesMessageDefaultText img {
  padding-right: 5px;
  vertical-align: top; }

/* Car Parking Info Box */
#seatSelect.bodyDetails .ticketProtection, #seatSelect.bodyDetails .necExpressCarParkUpsell {
  color: #262626;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  margin: 0;
  padding: 10px 10px 0; }

/* Info Box Note Paragraphs */
#seatSelect.bodyDetails p.navNote {
  font-weight: bold;
  margin: 5px 0; }

/* Venue Title Removal */
#seatSelect.bodyDetails .venue-image-column.av-right .venue-title {
  display: none; }

/* Item Box Image Responsive Width */
#seatSelect.bodyDetails .venue-image.item-box img {
  width: 100%;
  height: auto !important; }

/* Ticket Protection Drop Down */
#seatSelect.bodyDetails #ticketProtection.dropDown {
  display: block;
  float: left;
  margin: 10px 15px; }

/* Car Parking Div */
#seatSelect.bodyDetails #necExpressCarParkUpsell {
  margin-top: 10px; }

/* Miscellaneous Items Dropdown */
#seatSelect.bodyDetails #miscItem.dropDown {
  display: block;
  margin: 10px 26px; }

/* Event Image Removal for Mobile */
#seatSelect.bodyDetails .item-logo, #mapSelect.bodyDetails .item-logo {
  display: none; }

/* Venue Image Text Align */
#seatSelect.bodyDetails .venue-image.item-box {
  text-align: center; }

/* Promo Code Box */
#seatSelect.bodyDetails #promoCodeBox {
  background: #F9F9F9;
  border: 1px solid #CCCCCC;
  margin: 0 0 10px;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

/* Promo Code Title */
#seatSelect.bodyDetails #promoCodeBox h4 {
  display: none;
  padding-bottom: 5px; }

/* Venue Image Padding */
.venue-image.item-box {
  padding: 20px 0; }

#seatSelect.bodyDetails .navigation-box {
  padding: 10px 30px;
  margin: 20px 0;
  background: #FFF6FB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #F4D9E7;
  width: 100%; }

#seatSelect.bodyDetails .navigation-box .btn {
  max-width: none; }

/* Bump Font Size of Event Info Tags */
.performance-date, .performance-end-date, .venueDescription {
  font-size: 16px;
  margin: 2px 0 !important; }

.performance-date {
  margin: 20px 0 0 0; }

.item-information.item-box .item-logo img {
  /*border-radius: 50%;*/
  border: 2px solid #DEDEDE; }

#seatSelect.bodyDetails p.navNote {
  font-weight: 500 !important; }

#seatSelect.bodyDetails p.navNote a {
  color: #005FA6; }
  #seatSelect.bodyDetails p.navNote a:hover {
    color: #00A5E3; }

#seatSelect.bodyDetails #seatSelectFeeMessage {
  float: left;
  width: 100%; }

#seatSelectFeeMessage a {
  color: #666;
  font-size: 13px; }
  #seatSelectFeeMessage a:hover {
    color: #000; }

#seatSelectFeeMessage a:before {
  font-family: FontAwesome;
  content: "\f05a";
  font-size: 30px;
  padding: 0 10px 0 0;
  float: left; }

#seatSelectFeeMessage strong {
  font-weight: 400;
  float: left;
  line-height: 16px; }

#seatSelectFeeMessage #orderFeesMessageDefaultText img {
  display: none; }

#seatSelect.bodyDetails #seatSelectFeeMessage {
  border: none;
  background: transparent;
  padding: 0; }

#seatSelect.bodyDetails #seatSelectFeeMessage + hr {
  display: none; }

#seatSelect.bodyDetails #seatSelectFeeMessage + hr + h2 {
  font-size: 20px;
  border-top: 1px solid #CCCCCC;
  margin: 0; }

#seatSelect.bodyDetails #seatSelectFeeMessage + hr + h2:before {
  font-family: FontAwesome;
  content: "\f067";
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0 10px 0 0;
  float: left;
  font-weight: 400; }

div#miscItems {
  float: left;
  width: 100%;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC; }

div#miscItemDescription {
  float: none;
  margin: 10px 15px; }

.item-box-item-details.price-zone-option .price-zone-color {
  margin: 0px 10px 0 0;
  border-radius: 20%;
  height: 20px !important; }

.item-box-item-details.price-zone-option, .zone_row .item-box-detail-data {
  line-height: 24px !important; }

.seat-price-section div span {
  padding: 0 0 0 6px; }

#seatSelect label {
  display: inline; }

#seat-price-zone label > input,
#seat-price-section label > input {
  margin: 2px 6px 0 0;
  transform: scale(1.3); }

#seat-price-zone label > input {
  margin: 2px 6px 0 0; }

#seat-price-section div label span + span {
  color: #B6035F; }

#seat-price-zone h4:before {
  font-family: FontAwesome;
  content: "\f154";
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0 10px 0 0;
  float: left; }

#seat-price-section h4:before {
  font-family: FontAwesome;
  content: "\f00a";
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0 10px 0 0;
  float: left;
  font-weight: 400; }

#seat-quantity h4:before {
  font-family: FontAwesome;
  content: "\f007";
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0 10px 0 0;
  float: left;
  font-weight: 400; }

#seat-price-zone > h4 + .item-box-item.odd {
  padding: 14px 8px 4px; }

.item-box-item, .result-box-item {
  padding: 2px 8px; }

#seat-price-zone.item-box {
  margin: 10px 0 20px 0; }

.form-control {
  font-size: 16px;
  font-size: 1rem;
  height: 36px; }

.bodyDetails#seatSelect .input-group-btn > input {
  font-size: 17px;
  font-size: 1.0625rem;
  padding: 5px 12px; }

/*  Wilko - Fee Free Friday  */
#barclaycardMessageSeatSelect {
  width: 100%;
  max-width: 100%;
  padding: 4px 0 30px !important;
  background: white;
  border: none;
  border-radius: 0;
  margin: 0;
  letter-spacing: -0.02em;
  font-size: 14px;
  font-family: "barclaycard_coregular";
  overflow: hidden; }

.bcTitle {
  width: 100%;
  font-size: 30px;
  color: #0069b5;
  display: block;
  text-align: center;
  letter-spacing: -0.04em;
  padding: 10px 0 16px; }

.bcWhatsThis {
  font-size: 16px;
  text-align: right;
  width: 100%;
  display: block;
  padding: 10px 0 0; }

.bcWhatsThis a {
  color: #008bd0;
  text-decoration: none; }

#barclaycardLogoSeatSelect {
  float: none;
  max-width: 175px;
  width: 100%;
  height: 40px;
  margin-bottom: 6px;
  background: url("https://d64qqfedahnsx.cloudfront.net/images/articles/Barclaycard_FFF_Logo.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
  text-indent: -9999px; }

.svg #barclaycardLogoSeatSelect {
  background: url("https://d64qqfedahnsx.cloudfront.net/images/articles/barclaycardLogo.svg");
  background-size: 100% auto;
  background-repeat: no-repeat; }

.bcNoFees {
  position: relative;
  background: #358dc8;
  display: block;
  width: 100%;
  padding: 15px 10px;
  text-align: center;
  font-size: 20px;
  color: white;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .bcNoFees:hover {
    color: white;
    background: #27aae5; }

.bcNoFees:before {
  position: absolute;
  width: 100%;
  content: " ";
  height: 2px;
  top: -4px;
  right: -100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #358dc8; }

.bcNoFees:hover::before {
  right: 0%;
  background: #27aae5; }

.bcNoFees:after {
  position: absolute;
  width: 100%;
  content: " ";
  height: 2px;
  bottom: -4px;
  left: -100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #358dc8; }

.bcNoFees:hover::after {
  left: 0%;
  background: #27aae5; }

.bcClickHere {
  display: inline-block;
  position: relative; }

.bcClickHere:after {
  position: absolute;
  content: " ";
  height: 2px;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 11%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 96%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 11%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 96%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 11%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 96%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
  /* IE6-9 */
  left: 0;
  bottom: -10px;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out; }

.bcNoFees:hover .bcClickHere::after {
  opacity: 1;
  bottom: -3px; }

.bcNoFees.Weekday {
  background: #d0d0d0;
  font-size: 18px; }

.bcNoteText {
  margin-top: 16px;
  display: block;
  color: #a9a9a9;
  text-align: center;
  letter-spacing: 0em; }

.bcPay {
  font-size: 16px;
  text-decoration: none;
  border: 2px solid #008dd3;
  color: #008dd3;
  padding: 14px 43px;
  margin-top: 15px;
  display: block;
  border-radius: 6px;
  text-align: center; }
  .bcPay:hover {
    color: white;
    background: #358dc8; }

#barclaycardMessageSeatSelect a {
  text-decoration: none; }

.bcEntertainmentLink {
  color: #ccc;
  text-decoration: underline !important; }
  .bcEntertainmentLink:hover {
    color: #008dd3;
    text-decoration: none; }

/* Ticket Protection Popup Buttons */
@media (max-width: 399px) {
  #dialog-confirm p img {
    max-width: none !important; }
  .ui-dialog .ui-dialog-buttonpane button:first-child {
    width: 100%; }
  .ui-dialog .ui-dialog-buttonpane button {
    width: 100%;
    margin-right: 0 !important; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  #dialog-confirm p img {
    max-width: none !important; } }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */
  .item-information.item-box.has-logo1 .item-description-details, .item-information.item-box.has-logo2 .item-description-details {
    padding: 35px 15px; }
  /* Wilko - Fee Free Friday */
  .bcTitle {
    text-align: left;
    padding: 0; }
  .bcWhatsThis {
    text-align: right; }
  #barclaycardLogoSeatSelect {
    float: right;
    margin-bottom: 10px; }
  .satThur #barclaycardLogoSeatSelect {
    float: left;
    margin-bottom: 10px; }
  .bcNoteText {
    text-align: left;
    margin-top: 16px;
    padding: 0 0 0 20px; }
  .satThur .bcNoteText {
    margin-top: 16px;
    padding: 0; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Venue Image Item Box Padding */
  #seatSelect.bodyDetails .venue-image-column .venue-image.item-box {
    padding: 0 20px; }
  /* Un-hide Event Image for Desktop */
  #seatSelect.bodyDetails .item-logo {
    display: block; }
  #seatSelect.bodyDetails .promotional-code-input {
    max-width: 100%;
    margin-left: 0 !important;
    padding: 24px 30px 15px !important; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand ShoppingCart CSS)																		
*		File:		backend/_brandShoppingCart.scss																								
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	shoppingCart.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#shoppingCart.bodyDetails {
  max-width: 1170px;
  padding: 50px 15px;
  margin: 0 auto;
  display: block; }

/* Remove 'Continue Shopping' & 'More Info' Buttons */
#shoppingCart.bodyDetails .btn.btn-default.continue-shopping,
#shoppingCart.bodyDetails .more-info.btn.btn-default {
  display: none; }

/* Field Label Font Alterations */
#shoppingCart.bodyDetails .field-label {
  font-size: 16px;
  font-weight: bold; }

/* Item Total Padding Removal */
#shoppingCart.bodyDetails .section-box-item.item-total {
  padding-left: 0;
  padding-right: 0; }

/* Value Detail Padding */
#shoppingCart.bodyDetails .item-total-value.section-box-detail-data {
  padding: 0; }

#shoppingCart.bodyDetails .admission-row.section-box-item.odd,
#shoppingCart.bodyDetails .admission-row.section-box-item.even,
#shoppingCart.bodyDetails .card-details.section-box-item.odd,
#shoppingCart.bodyDetails .card-details.section-box-item.even {
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 5px 0; }

/* Remove Button */
#shoppingCart.bodyDetails .remove-admissions.section-box-item-details a {
  font-size: 11px;
  background: #F9F9F9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ccc;
  clear: both;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/* Order Total Row */
#shoppingCart.bodyDetails .order-totals.row {
  font-weight: 700; }

/* Splitting for Item Boxes */
#shoppingCart.bodyDetails .order-customer-details .item-box-item, .order-totals .section-box-item {
  border-top: 1px solid #eee; }

/* Grand Total Box */
#shoppingCart.bodyDetails .grand-total.section-box-item {
  font-size: 16px; }

/* CH - Sticky Footer Button */
#shoppingCart.bodyDetails .navigation-box {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1;
  margin: 0 0 0 -20px;
  padding: 15px;
  background: #EEEEEE;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08); }

/* Navigation Box Fine Print */
#shoppingCart.bodyDetails .fine-print {
  float: left;
  width: 100%;
  text-align: center;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.7); }

/* Event Name Header */
#shoppingCart.bodyDetails h4.item-short-description {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  margin: 20px 0 10px 0;
  clear: both;
  letter-spacing: -0.02em; }

/* Event Item Background */
#shoppingCart.bodyDetails .item-description-details {
  background: rgba(0, 0, 0, 0.06);
  padding: 6px 14px 14px 14px;
  border: 1px solid rgba(0, 0, 0, 0.08); }

.order-items .item-options {
  float: left;
  width: auto; }

.order-items .item-options a {
  font-size: 10px; }

.item-total-label.section-box-detail-data,
.item-total-value.section-box-detail-data {
  font-weight: bold; }

/*CH - Remove Show Seats Button */
#shoppingCart.bodyDetails a#showSeats {
  display: none !important; }

/* CH - Align Item Amounts */
#shoppingCart.bodyDetails .item-amount.section-box-item-details.last-column {
  text-align: right; }

/* Stored Value Items */
#shoppingCart.bodyDetails .stored-value-item-row .item-amount.section-box-item-details.last-column .comboBoxWrapper select {
  display: none; }

/*  Wilko - Ticket Protection Popup  */
.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.4) !important;
  opacity: 1.0 !important; }

@media (min-width: 1200px) {
  .ui-widget-header {
    border: none !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1) !important;
    color: #313131 !important;
    font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif !important;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 30px !important;
    letter-spacing: -0.02em !important;
    background: #ffffff !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(62%, #f3f3f3), color-stop(62%, #f3f3f3), color-stop(100%, #f6f6f6)) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ) !important;
    /* IE6-9 */ } }

@media (min-width: 960px) and (max-width: 1200px) {
  .ui-widget-header {
    border: none !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1) !important;
    color: #313131 !important;
    font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif !important;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 26px !important;
    letter-spacing: -0.02em !important;
    background: #ffffff !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(62%, #f3f3f3), color-stop(62%, #f3f3f3), color-stop(100%, #f6f6f6)) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ) !important;
    /* IE6-9 */ } }

@media (min-width: 760px) and (max-width: 960px) {
  .ui-widget-header {
    border: none !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1) !important;
    color: #313131 !important;
    font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif !important;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 22px !important;
    letter-spacing: -0.02em !important;
    background: #ffffff !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(62%, #f3f3f3), color-stop(62%, #f3f3f3), color-stop(100%, #f6f6f6)) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ) !important;
    /* IE6-9 */ } }

@media (min-width: 10px) and (max-width: 760px) {
  .ui-widget-header {
    border: none !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1) !important;
    color: #313131 !important;
    font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif !important;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 20px !important;
    letter-spacing: -0.02em !important;
    background: #ffffff !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(62%, #f3f3f3), color-stop(62%, #f3f3f3), color-stop(100%, #f6f6f6)) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 62%, #f3f3f3 62%, #f6f6f6 100%) !important;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ) !important;
    /* IE6-9 */ } }

.ui-dialog-buttonpane {
  background: transparent !important;
  border-top: 2px solid rgba(0, 0, 0, 0.1) !important;
  color: #313131 !important;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif !important;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 24px !important;
  letter-spacing: -0.02em !important; }

@media (min-width: 1800px) {
  div.ui-dialog.ui-widget {
    width: 30% !important;
    left: 35% !important;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.4) !important;
    box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.2); } }

@media (min-width: 1300px) and (max-width: 1800px) {
  div.ui-dialog.ui-widget {
    width: 40% !important;
    left: 30% !important;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.4) !important;
    box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.2); } }

@media (min-width: 992px) and (max-width: 1300px) {
  div.ui-dialog.ui-widget {
    width: 60% !important;
    left: 20% !important;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.4) !important;
    box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.2); } }

@media (min-width: 10px) and (max-width: 992px) {
  div.ui-dialog.ui-widget {
    width: 90% !important;
    left: 5% !important;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.4) !important;
    box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.2); } }

.tp1Style {
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 22px; }

div#dialog-confirm {
  height: auto !important;
  font-size: 16px;
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif !important;
  line-height: 26px;
  color: #313131;
  padding: 1.8em 2.6em !important;
  letter-spacing: 0em; }

.ui-dialog .ui-dialog-buttonpane button:first-child {
  background: rgba(0, 0, 0, 0.4) !important;
  float: left; }

.ui-draggable .ui-dialog-titlebar {
  cursor: default !important; }

.ui-dialog-titlebar-close {
  display: none !important;
  background: #f2c8c8 !important;
  font-weight: normal;
  padding: 15px !important;
  border-radius: 8px;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif !important;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 22px !important;
  letter-spacing: -0.02em;
  right: 1.0em !important;
  top: 43% !important;
  box-shadow: inset 4px 1px 18px 1px rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out; }

.ui-dialog .ui-dialog-buttonpane button {
  background: #34023d !important;
  float: right;
  color: white !important;
  font-weight: normal;
  padding: 15px !important;
  border-radius: 8px;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif !important;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 18px !important;
  letter-spacing: -0.02em;
  box-shadow: inset 1px 4px 19px -6px rgba(255, 255, 255, 0.75) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out; }

.ui-dialog .ui-dialog-buttonpane button:first-child {
  margin-right: 25px; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: center !important;
  padding: .3em 1em 0.5em 1.45em !important; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none !important; }

#barclaycardMessageShoppingCart {
  text-align: center;
  padding: 15px; }

#barclaycardMessageShoppingCart img {
  float: none;
  margin: 0 auto; }

#barclaycardMessageShoppingCart p.navNote {
  width: 100%;
  margin: 15px 0; }

.barclaycardPayHere {
  margin-right: 15px;
  margin-left: 15px;
  margin-top: 0.8em;
  float: none;
  display: block;
  background-color: #0298d4;
  margin-bottom: 0.1em;
  color: white !important;
  padding: 0.7em;
  border-radius: 6px;
  font-size: 14px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */
  #barclaycardMessageShoppingCart {
    text-align: left;
    padding: 15px; }
  #barclaycardMessageShoppingCart img {
    float: left;
    margin: 0 auto; }
  .barclaycardPayHere {
    margin-right: 1.1em;
    margin-left: 0;
    margin-top: 0;
    float: right;
    display: inline-block; }
  /*CH - Remove Show Seats Button 
    #shoppingCart.bodyDetails a#showSeats {
        display: inline-block !important;
    }*/
  /* CH - Sticky Footer Button */
  #shoppingCart.bodyDetails .navigation-box {
    position: relative;
    bottom: auto;
    width: 100%;
    z-index: auto;
    margin: 20px 0 0;
    padding: 10px 30px;
    background: #FFF6FB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #F4D9E7; }
  #shoppingCart.bodyDetails .fine-print {
    float: none; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand Track Order CSS)																			
*		File:		backend/_brandTrackOrder.scss																								
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	trackOrder.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#trackOrder.bodyDetails .trackOrderIntro h1 {
  font-size: 26px;
  margin: 10px 0 10px 0; }

#trackOrder.bodyDetails .trackOrderIntro p {
  font-size: 14px;
  line-height: 1.6; }

#trackOrder.bodyDetails .introParagraph {
  margin: 18px 0; }

#trackOrder.bodyDetails .trackOrdersHeader {
  height: auto;
  padding: 15px;
  margin-top: 15px;
  color: #FFFFFF;
  background-color: #CCCCCC;
  display: block; }

#trackOrder.bodyDetails .trackOrdersHeader.abVivid {
  background-color: #313131; }

#trackOrder.bodyDetails .trackOrdersHeader h1 {
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
  margin: 0;
  letter-spacing: normal; }

#trackOrder.bodyDetails .trackOrders {
  height: 270px;
  padding: 20px 0;
  background-color: #F3F3F3;
  display: block; }

#trackOrder.bodyDetails span.orderNumber:before {
  content: "\f0f6"; }

#trackOrder.bodyDetails span.orderNumber:before {
  font-family: FontAwesome;
  background: #bebebe;
  font-size: 34px;
  color: #fff;
  padding: 0 10px;
  border-radius: 0;
  max-height: 44px;
  line-height: 44px;
  overflow: hidden;
  float: left; }

#trackOrder.bodyDetails span.postCode:before {
  content: "\f041"; }

#trackOrder.bodyDetails span.postCode:before {
  font-family: FontAwesome;
  background: #bebebe;
  font-size: 34px;
  color: #fff;
  padding: 0 15px;
  border-radius: 0;
  max-height: 44px;
  line-height: 44px;
  overflow: hidden;
  float: left; }

#trackOrder.bodyDetails span.postCode.regIcon:before {
  content: "\f044"; }

#trackOrder.bodyDetails span.postCode.regIcon:before {
  font-family: FontAwesome;
  background: #bebebe;
  font-size: 34px;
  color: #fff;
  padding: 0 5px 0 8px;
  border-radius: 0;
  max-height: 44px;
  line-height: 44px;
  overflow: hidden;
  float: left; }

#trackOrder.bodyDetails span.orderNumber,
#trackOrder.bodyDetails span.postCode {
  width: 100%;
  height: 48px;
  font-size: 18px;
  background: #FFFFFF;
  color: #8a8a8a;
  border: 2px solid #acacac;
  border-radius: 4px;
  margin-bottom: 30px;
  display: block; }

#trackOrder.bodyDetails .form-control.orderNumForm,
#trackOrder.bodyDetails .form-control.postCodeForm {
  display: inline-block;
  border: none;
  height: 44px;
  background: transparent;
  width: 78%;
  -webkit-box-shadow: none;
  box-shadow: none; }

#trackOrder.bodyDetails .btn.btn-primary {
  font-size: 18px;
  float: left;
  padding: 14px;
  background: #be0058;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px; }

#trackOrder.bodyDetails .btn.btn-primary:hover {
  background: #ef228f; }

#trackOrder.bodyDetails a {
  float: left;
  font-size: 14px;
  width: 100%;
  margin-top: 15px; }

#trackOrder.bodyDetails .customerDelivery {
  margin: 30px 0 5px 0;
  font-size: 14px; }

#trackOrder.bodyDetails .customerDelivery .avCustOrder,
#trackOrder.bodyDetails .customerDelivery .avPerfName,
#trackOrder.bodyDetails .customerDelivery .avPerfDate,
#trackOrder.bodyDetails .customerDelivery .avVenue,
#trackOrder.bodyDetails .customerDelivery .avDeliveryDate {
  margin: 5px 0; }

#trackOrder.bodyDetails .customerOrderDetails {
  line-height: 1.6; }

#trackOrder.bodyDetails .customerDelivery .avDeliveryDate::before {
  font-family: FontAwesome;
  font-size: 20px;
  color: #262626;
  padding: 0 5px 0 0;
  border-radius: 0;
  line-height: 20px;
  overflow: hidden;
  float: left;
  content: "\f017"; }

#trackOrder.bodyDetails .yourOrderStatus {
  margin: 40px 0 40px 0;
  padding-bottom: 30px;
  border-bottom: none; }

#trackOrder.bodyDetails .statusIcon {
  margin: 0; }

#trackOrder.bodyDetails .statusOrderConfirmed h2,
#trackOrder.bodyDetails .statusOrderPreparing h2,
#trackOrder.bodyDetails .statusOrderPrinting h2,
#trackOrder.bodyDetails .statusOrderDispatched h2 {
  color: #888888;
  font-size: 16px;
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  letter-spacing: normal;
  text-shadow: 0px 0px 0.001em #bebebe;
  margin: 14px 0 17px 0;
  padding: 0; }

#trackOrder.bodyDetails .statusOrderConfirmed.active h2,
#trackOrder.bodyDetails .statusOrderPreparing.active h2,
#trackOrder.bodyDetails .statusOrderPrinting.active h2,
#trackOrder.bodyDetails .statusOrderDispatched.active h2 {
  color: #be0058;
  text-shadow: 0px 0px 0.001em #be0058; }

#trackOrder.bodyDetails .statusOrderConfirmed.complete h2,
#trackOrder.bodyDetails .statusOrderPreparing.complete h2,
#trackOrder.bodyDetails .statusOrderPrinting.complete h2,
#trackOrder.bodyDetails .statusOrderDispatched.complete h2 {
  color: #212e84;
  text-shadow: 0px 0px 0.001em #292566; }

#trackOrder.bodyDetails .yourOrderStatusConfirmed,
#trackOrder.bodyDetails .yourOrderStatusPreparing,
#trackOrder.bodyDetails .yourOrderStatusPrinting,
#trackOrder.bodyDetails .yourOrderStatusDispatched {
  text-align: center; }

#trackOrder.bodyDetails span.statusIconConfirmed,
#trackOrder.bodyDetails span.statusIconPreparing,
#trackOrder.bodyDetails span.statusIconPrinting,
#trackOrder.bodyDetails span.statusIconDispatched {
  padding: 14px;
  border: 6px solid;
  border-radius: 50%;
  border-color: #bebebe;
  display: block;
  width: 110px;
  height: 110px;
  margin: 0 auto;
  text-align: center; }

#trackOrder.bodyDetails span.statusIconConfirmed.active,
#trackOrder.bodyDetails span.statusIconPreparing.active,
#trackOrder.bodyDetails span.statusIconPrinting.active,
#trackOrder.bodyDetails span.statusIconDispatched.active {
  border-color: #be0058; }

#trackOrder.bodyDetails span.statusIconConfirmed.complete,
#trackOrder.bodyDetails span.statusIconPreparing.complete,
#trackOrder.bodyDetails span.statusIconPrinting.complete,
#trackOrder.bodyDetails span.statusIconDispatched.complete {
  border-color: #292566; }

#trackOrder.bodyDetails span.statusIconConfirmed i,
#trackOrder.bodyDetails span.statusIconPreparing i,
#trackOrder.bodyDetails span.statusIconPrinting i,
#trackOrder.bodyDetails span.statusIconDispatched i {
  font-size: 60px;
  color: #bebebe;
  overflow: hidden;
  line-height: 70px;
  text-align: center; }

#trackOrder.bodyDetails span.statusIconConfirmed.active i,
#trackOrder.bodyDetails span.statusIconPreparing.active i,
#trackOrder.bodyDetails span.statusIconPrinting.active i,
#trackOrder.bodyDetails span.statusIconDispatched.active i {
  color: #be0058; }

#trackOrder.bodyDetails span.statusIconConfirmed.complete i,
#trackOrder.bodyDetails span.statusIconPreparing.complete i,
#trackOrder.bodyDetails span.statusIconPrinting.complete i,
#trackOrder.bodyDetails span.statusIconDispatched.complete i {
  color: #292566; }

#trackOrder.bodyDetails i.fa.fa-paper-plane {
  padding: 0 8px 0 0; }

#trackOrder.bodyDetails i.fa.fa-magic {
  padding: 4px 0 0 0; }

#trackOrder.bodyDetails .statusText {
  color: #888888; }

#trackOrder.bodyDetails .statusText.active, #trackOrder.bodyDetails .statusText.complete {
  color: #262626; }

#trackOrder.bodyDetails .yourOrderStatus hr {
  margin: 52px 0 0 0;
  height: 10px;
  border: 0;
  background: #bebebe; }

#trackOrder.bodyDetails .yourOrderStatus hr.active {
  background: #be0058; }

#trackOrder.bodyDetails .yourOrderStatus hr.complete {
  background: #292566; }

#trackOrder.bodyDetails .yourOrderStatus hr.activeToComplete {
  background: #292566;
  /* Old browsers */
  background: -moz-linear-gradient(left, #292566 0%, #7b115e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #292566), color-stop(100%, #7b115e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #292566 0%, #7b115e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #292566 0%, #7b115e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #292566 0%, #7b115e 100%);
  /* IE10+ */
  background: linear-gradient(to right, #292566 0%, #7b115e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292566', endColorstr='#7b115e',GradientType=1 );
  /* IE6-9 */ }

#trackOrder.bodyDetails .yourOrderStatus hr.activeToCompleteRight {
  background: #7b115e;
  /* Old browsers */
  background: -moz-linear-gradient(left, #7b115e 0%, #be0058 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #7b115e), color-stop(100%, #be0058));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #7b115e 0%, #be0058 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #7b115e 0%, #be0058 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #7b115e 0%, #be0058 100%);
  /* IE10+ */
  background: linear-gradient(to right, #7b115e 0%, #be0058 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b115e', endColorstr='#be0058',GradientType=1 );
  /* IE6-9 */ }

#trackOrder.bodyDetails .firstHR,
#trackOrder.bodyDetails .secondHR {
  display: none; }

#trackOrder.bodyDetails .iconBlock {
  margin: 30px 0 0 0; }

.accessCard {
  background: #39aa36;
  box-shadow: 4px 4px 0px #106635;
  color: white;
  display: inline-block;
  padding: 0 0.4em;
  font-size: 1.75em;
  margin-top: .25em;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transform: rotate(-3deg) scale(1, 1);
  -moz-transform: rotate(-3deg) scale(1, 1);
  -ms-transform: rotate(-3deg) scale(1, 1);
  transform: rotate(-3deg) scale(1, 1); }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */
  .accessCard {
    font-size: 2.125em; } }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  #trackOrder.bodyDetails span.orderNumber,
  #trackOrder.bodyDetails span.postCode {
    margin-bottom: 0; }
  #trackOrder.bodyDetails .trackOrders {
    height: auto; }
  #trackOrder.bodyDetails a {
    width: auto; }
  #trackOrder.bodyDetails .statusText {
    text-align: left;
    padding: 0 10px; }
  #trackOrder.bodyDetails .firstHR,
  #trackOrder.bodyDetails .secondHR {
    display: block;
    width: 62.5px; }
  #trackOrder.bodyDetails .iconBlock {
    width: 110px;
    margin: 0; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  #trackOrder.bodyDetails .firstHR,
  #trackOrder.bodyDetails .secondHR {
    display: block;
    width: 87.5px; }
  #trackOrder.bodyDetails .iconBlock {
    width: 110px;
    margin: 0; }
  #trackOrder.bodyDetails a {
    float: right; } }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand ViewOrder CSS)																			
*		File:		backend/_brandViewOrder.scss																								
*		Platform:	Audience View 6.8.2																											
*		Date:		August 2014 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2014																									
*																																				
*																																				
************************************************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------------------------------------
	viewOrder.asp
-----------------------------------------------------------------------------------------------------------------------------------------------*/
#viewOrder.bodyDetails {
  padding: 30px 0; }

/* Hide Shipping Info, More Info & Item Logo */
#viewOrder.bodyDetails .details-block.shipInfo,
#viewOrder.bodyDetails .item-description-details a.more-info.btn.btn-default,
#viewOrder.bodyDetails .performance-header span.item-logo {
  display: none; }

/* Alert Info Include */
#viewOrder.bodyDetails .attention.alert.alert-info {
  color: #262626;
  background: transparent;
  border: 1px solid #CCCCCC;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

/* Alert Info Paragraph */
#viewOrder.bodyDetails .attention.alert.alert-info p {
  margin-bottom: 5px; }

/* Field Label Include */
#viewOrder.bodyDetails .field-label {
  font-size: 16px;
  font-weight: bold; }

/* Table Alterations */
#viewOrder.bodyDetails .table > thead > tr > th,
#viewOrder.bodyDetails .table > tbody > tr > th,
#viewOrder.bodyDetails .table > tfoot > tr > th,
#viewOrder.bodyDetails .table > thead > tr > td,
#viewOrder.bodyDetails .table > tbody > tr > td,
#viewOrder.bodyDetails .table > tfoot > tr > td {
  width: 60%; }

#viewOrder.bodyDetails #printerBtn.btn.btn-default {
  display: none; }

/* Parking For Your Event*/
#viewOrder.bodyDetails .attentionConfirmation {
  color: #262626;
  background: transparent;
  border: 1px solid #CCCCCC;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-top: 20px; }

#viewOrder.bodyDetails .attentionConfirmation {
  margin: 20px 0 5px 0; }

#viewOrder.bodyDetails #carParkRecommendations p.parkingLinks {
  padding: 10px 0 0 0; }

#viewOrder.bodyDetails #carParkRecommendations span.lgArenaParking,
#viewOrder.bodyDetails #carParkRecommendations span.lgArenaParking {
  display: block; }

#viewOrder.bodyDetails #carParkRecommendations .lgArenaParking a,
#viewOrder.bodyDetails #carParkRecommendations .necParking a {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif, "HelveticaNeueW01-55Roma", Arial, sans-serif;
  font-size: 1em;
  letter-spacing: 0.01em;
  background-color: #292566;
  color: white;
  padding: 0.5em 0.8em 0.5em 0.8em;
  margin: 2em 0em 2em 0em;
  text-decoration: none;
  text-transform: none;
  font-weight: 300;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: background 200ms;
  -moz-transition: background 200ms;
  -ms-transition: background 200ms;
  -o-transition: background 200ms;
  transition: background 200ms; }

/* Order Confirmation */
#viewOrder.bodyDetails h1 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0 0 10px 0; }

#viewOrder.bodyDetails #order-confirmation.attention.alert.alert-info {
  background-color: #F9F9F9;
  padding: 10px 20px;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin: 20px 0px;
  width: 100%;
  display: inline-block;
  text-align: center; }

/* Attention Confirmation */
#viewOrder.bodyDetails #carParkRecommendations.attentionConfirmation {
  background-color: #F9F9F9;
  padding: 10px 20px;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin: 20px 0px;
  width: 100%;
  display: inline-block;
  text-align: center; }

/* My Tickets */
#viewOrder.bodyDetails #order-addmissions.order-item-details.section-box,
#viewOrder.bodyDetails #order-misc-items.order-item-details.section-box {
  background-color: #F9F9F9;
  padding: 10px 20px;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin: 20px 0px;
  width: 100%;
  display: inline-block; }

#viewOrder.bodyDetails h2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0 0 10px 0; }

#viewOrder.bodyDetails .order-performance.section-box-item.odd,
#viewOrder.bodyDetails .misc-item.section-box-item.odd {
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 5px 0; }

#viewOrder.bodyDetails .order-performance.section-box-item.even {
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 5px 0; }

#viewOrder.bodyDetails .misc-item-total.section-box-item {
  display: none; }

#viewOrder.bodyDetails .admission-total.section-box-item {
  display: none; }

#viewOrder.bodyDetails .item-amount.section-box-item-details.last-column {
  display: none; }

#viewOrder.bodyDetails .webLoyalty {
  width: 100%;
  display: block;
  padding: 20px 0;
  margin: 0 auto; }

.webLoyalty .GoogleActiveViewClass {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
  padding: 0;
  border-bottom: 1px solid #d3d3d3; }

/* Booking Adverts */
#viewOrder.bodyDetails #bookingAdverts a {
  display: block;
  width: 100%;
  max-width: 485px;
  margin: 0 auto 15px;
  border: 1px solid red; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */ }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */ }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */ }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */ }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* Booking Adverts */
  #viewOrder.bodyDetails #bookingAdverts a {
    height: 299px;
    background-color: #DB0626; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */ }

/*  Files Included Last (Editable)
************************************************************************************************************************************************/
/************************************************************************************************************************************************
*																																				*
*																																				*
*		Project:	TTF Artist Page Updates																										*
*		Date:		September 2015 																						     					*
*		Author:		Wilko																														*
*		Copyright:	©TheTicketFactory.com, 2015																									*
*																																				*
*																																				*
************************************************************************************************************************************************/
/*  Global
************************************************************************************************************************************************/
#content.articleContent, #content.articleContent .container,
#content.articleContent #default.bodyDetails.article {
  padding-bottom: 0; }

#content.articleContent #default.bodyDetails.article .article-container-ttf {
  padding: 0; }

#socialShareButtons {
  margin-bottom: 0;
  text-align: center; }

@media (min-width: 768px) {
  .notOnSale .artistInfo {
    font-size: 16px; } }

.notOnSale + br {
  display: none; }

.bodyDetails.article .article-container-ttf .artistInfo h1 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 44px;
  font-size: 2.75rem;
  letter-spacing: -0.02em;
  margin: 0 0 5px;
  border-bottom: none;
  padding: 0;
  word-wrap: break-word; }

.bodyDetails.article .article-container-ttf .categoryMusic .artistInfo h1 {
  color: #9e005d; }

.bodyDetails.article .article-container-ttf .categoryComedy .artistInfo h1 {
  color: #00b6ad; }

.bodyDetails.article .article-container-ttf .categoryTheatre .artistInfo h1 {
  color: #711e7e; }

.bodyDetails.article .article-container-ttf .categoryFamily .artistInfo h1 {
  color: #212e84; }

.bodyDetails.article .article-container-ttf .categorySport .artistInfo h1 {
  color: #f36f21; }

.bodyDetails.article .article-container-ttf .categoryExhibitions .artistInfo h1 {
  color: #410155; }

.bodyDetails.article .article-container-ttf .categoryFestivals .artistInfo h1 {
  color: #74c694; }

@media (min-width: 992px) {
  .bodyDetails.article .article-container-ttf .artistInfo h1 {
    font-size: 60px;
    font-size: 3.75rem;
    margin: 0; } }

.artistInfo h2 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 40px;
  font-size: 2.5rem;
  letter-spacing: -0.02em;
  margin: 0 0 20px; }

.categoryMusic .artistInfo h2 {
  color: #9e005d; }

.categoryComedy .artistInfo h2 {
  color: #00b6ad; }

.categoryTheatre .artistInfo h2 {
  color: #711e7e; }

.categoryFamily .artistInfo h2 {
  color: #212e84; }

.categorySport .artistInfo h2 {
  color: #f36f21; }

.categoryExhibitions .artistInfo h2 {
  color: #410155; }

.categoryFestivals .artistInfo h2 {
  color: #74c694; }

@media (min-width: 992px) {
  .artistInfo h2 {
    font-size: 32px; } }

.category {
  font-size: 14px; }

@media (min-width: 768px) and (max-width: 992px) {
  .category .container {
    width: 100%; } }

.category .row.nogutters > [class^="col-"],
.category .row.nogutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0; }

.category + br {
  display: none; }

/*  Header
************************************************************************************************************************************************/
.artistInfo .col-xs-2 {
  width: 8.33333%; }

.artistInfo .col-xs-8 {
  width: 83.33333%; }

@media (max-width: 360px) {
  .artistInfo .col-xs-8 {
    width: 96%; } }

.artistInfo {
  padding-top: 20px;
  padding-bottom: 33px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: cover;
  letter-spacing: -0.02em;
  color: #404040; }

.notOnSale .artistInfo {
  background-image: none;
  padding-top: 30px;
  padding-bottom: 11px; }

@media (min-width: 992px) {
  .notOnSale .artistInfo {
    padding-bottom: 20px; } }

.likeIcon, .shareIcon {
  font-size: 0.5em;
  padding: 4px 0; }

.likeIcon:hover, .shareIcon:hover {
  cursor: pointer; }

.categoryMusic .likeIcon, .categoryMusic .shareIcon {
  color: #9e005d; }

.categoryComedy .likeIcon, .categoryComedy .shareIcon {
  color: #00b6ad; }

.categoryTheatre .likeIcon, .categoryTheatre .shareIcon {
  color: #711e7e; }

.categoryFamily .likeIcon, .categoryFamily .shareIcon {
  color: #212e84; }

.categorySport .likeIcon, .categorySport .shareIcon {
  color: #f36f21; }

.categoryExhibitions .likeIcon, .categoryExhibitions .shareIcon {
  color: #410155; }

.categoryFestivals .likeIcon, .categoryFestivals .shareIcon {
  color: #74c694; }

@media (min-width: 992px) {
  .likeIcon, .shareIcon {
    padding: 20px 0 0; }
  .likeIcon i, .shareIcon i {
    font-size: 54px !important; } }

.likeIcon {
  float: left;
  display: none; }

.shareIcon {
  float: right; }

@media (max-width: 360px) {
  .artistInfo .col-xs-2 + .col-xs-8 + .col-xs-2 {
    width: 100%;
    padding-top: 4px; }
  .shareIcon {
    float: none; } }

.shareIcon i.fa-share:before {
  content: "\f1e0"; }

.artistSummary {
  font-size: 16px;
  width: 100%;
  overflow: hidden; }

@media (min-width: 992px) {
  .artistSummary {
    padding-top: 13px; } }

.dateTime {
  font-size: 1.5em;
  display: block;
  width: 100%;
  padding: 0; }

@media (min-width: 992px) {
  .dateTime {
    font-size: 28px; } }

.addToCalendar {
  display: none !important;
  background: #404040;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 1.2em;
  letter-spacing: -0.02em;
  margin: 8px auto 30px;
  display: block;
  max-width: 190px;
  color: #fff;
  transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out; }

.addToCalendar:hover {
  color: #fff;
  text-decoration: none; }

.categoryMusic .addToCalendar:hover {
  background: #9e005d; }

.categoryComedy .addToCalendar:hover {
  background: #00b6ad; }

.categoryTheatre .addToCalendar:hover {
  background: #711e7e; }

.categoryFamily .addToCalendar:hover {
  background: #212e84; }

.categorySport .addToCalendar:hover {
  background: #f36f21; }

.categoryExhibitions .addToCalendar:hover {
  background: #410155; }

.categoryFestivals .addToCalendar:hover {
  background: #74c694; }

.addToCalendar i {
  padding: 0 7px 0 0;
  border-right: 1px solid white;
  font-size: 1.3em; }

.addToCalendar span {
  padding: 0 0 0 6px; }

@media (min-width: 992px) {
  .addToCalendar {
    font-size: 1.5em;
    max-width: 224px; } }

.resultsPrices {
  font-size: 1.6em;
  display: block;
  width: 100%;
  padding: 25px 0 2px;
  /* Original: 0 0 2px */
  color: #404040; }

/*
.categoryMusic .resultsPrices
{
    color: $cat-music;
}
.categoryComedy .resultsPrices
{
    color: $cat-comedy;
}
.categoryTheatre .resultsPrices
{
    color: $cat-theatre;
}
.categoryFamily .resultsPrices
{
    color: $cat-family;
}
.categorySport .resultsPrices
{
    color: $cat-sports;
}
.categoryExhibitions .resultsPrices
{
    color: $cat-exhibitions;
}
.categoryFestivals .resultsPrices
{
    color: $cat-festivals;
}
*/
@media (min-width: 992px) {
  .resultsPrices {
    font-size: 26px; } }

.feeInfo {
  font-size: 1.1em;
  display: block;
  width: 100%;
  padding: 0; }

@media (min-width: 992px) {
  .feeInfo {
    font-size: 1.2em; } }

.feeInfo i {
  font-size: 1.4em;
  vertical-align: middle;
  color: #bdbdc0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.feeInfo i:hover {
  color: #404040; }

@media (min-width: 992px) {
  .feeInfo i {
    font-size: 1.5em; } }

/*  Performance Filters
************************************************************************************************************************************************/
.performanceFilters {
  background-color: #404040;
  font-size: 1.3em;
  letter-spacing: -0.02em;
  padding: 3px 0;
  /* Original: 5px 0 */
  border-top: 1px solid #5D5D5D;
  visibility: hidden; }

@media (min-width: 992px) {
  .performanceFilters {
    font-size: 1.5em; } }

.performanceFilters .column:first-child {
  width: 20%; }

@media (min-width: 992px) {
  .performanceFilters .column:first-child {
    padding-left: 0; } }

.performanceFilters .column {
  width: 40%;
  border-right: 1px solid #5D5D5D;
  display: none; }

.performanceFilters .column:last-child {
  border-right: none; }

@media (min-width: 992px) {
  .performanceFilters .column:last-child {
    border-right: 1px solid #5D5D5D; } }

.filterSpan {
  color: #A5A5A5;
  display: block;
  padding: 10px 0 6px; }

@media (min-width: 992px) {
  .filterSpan {
    text-align: left; } }

.performanceFilters a {
  display: block;
  text-align: center;
  color: white;
  padding: 4px 0;
  transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out; }

.performanceFilters a:hover {
  text-decoration: none;
  background: #5D5D5D; }

.locationFilter span:before {
  font-family: 'FontAwesome';
  font-size: 1.3em;
  content: '\f041';
  padding: 0 8px 0 0; }

.dateFilter span:before {
  font-family: 'FontAwesome';
  font-size: 1.3em;
  content: '\f073';
  padding: 0 8px 0 0; }

/*  Performance Results
************************************************************************************************************************************************/
div#search_results {
  margin: 0; }

.bodyDetails.article#default .category .performanceResults {
  background: #eeeeee;
  /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #f9f9f9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #f9f9f9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 0%, #f9f9f9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 0%, #f9f9f9 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%, #f9f9f9 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #eeeeee 0%, #f9f9f9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f9f9f9',GradientType=0 );
  /* IE6-9 */ }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable {
  font-size: inherit !important;
  letter-spacing: -0.02em;
  float: left;
  margin: 0;
  display: block;
  width: 100%;
  border-bottom: none;
  padding-bottom: 6px; }

@media (min-width: 768px) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable {
    padding-bottom: 0; } }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable .column {
  padding: 0; }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable table {
  position: relative; }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable table,
.bodyDetails.article#default .category .performanceResults #search_results .dataTable tbody,
.bodyDetails.article#default .category .performanceResults #search_results .dataTable tr {
  display: block;
  width: 100%;
  margin: 0;
  border-bottom: none; }

@media screen and (min--moz-device-pixel-ratio: 0) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable table {
    display: table !important; }
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable tbody {
    display: block !important; }
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable tr {
    display: table-row !important; }
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td {
    display: table-cell !important;
    float: left; } }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable tr {
  position: relative;
  background: transparent;
  font-size: 1.2em;
  border-left: none;
  border-right: none;
  border-top: none;
  float: left; }

@media (min-width: 768px) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable tr {
    font-size: 1.4em; } }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable tr td {
  border-right: none !important; }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable tr:hover {
  box-shadow: none !important;
  color: #404040; }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable tr:hover td {
  color: #404040 !important; }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable tr.odd:hover td:last-child,
.bodyDetails.article#default .category .performanceResults #search_results .dataTable tr.even:hover td:last-child {
  background: transparent; }

.bodyDetails.article#default #search_results .dataTable tr.odd td:last-child:hover, .bodyDetails.article#default #search_results .dataTable tr.even td:last-child:hover {
  background: #F3F3F3; }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable tr:after {
  content: " ";
  width: 100%;
  display: block;
  height: 1px;
  float: left; }

.categoryMusic .performanceResults tr:after {
  background: #9e9e9e;
  /* Old browsers */
  background: -moz-linear-gradient(left, #9e9e9e 0%, #b76595 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9e9e9e), color-stop(100%, #b76595));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #9e9e9e 0%, #b76595 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #9e9e9e 0%, #b76595 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #9e9e9e 0%, #b76595 100%);
  /* IE10+ */
  background: linear-gradient(to right, #9e9e9e 0%, #b76595 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#b76595',GradientType=1 );
  /* IE6-9 */ }

.categoryComedy .performanceResults tr:after {
  background: #9e9e9e;
  /* Old browsers */
  background: -moz-linear-gradient(left, #9e9e9e 0%, #00b4ad 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9e9e9e), color-stop(100%, #00b4ad));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #9e9e9e 0%, #00b4ad 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #9e9e9e 0%, #00b4ad 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #9e9e9e 0%, #00b4ad 100%);
  /* IE10+ */
  background: linear-gradient(to right, #9e9e9e 0%, #00b4ad 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='$cat-comedy',GradientType=1 );
  /* IE6-9 */ }

.categoryTheatre .performanceResults tr:after {
  background: #9e9e9e;
  /* Old browsers */
  background: -moz-linear-gradient(left, #9e9e9e 0%, #eb1b23 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9e9e9e), color-stop(100%, #eb1b23));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #9e9e9e 0%, #eb1b23 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #9e9e9e 0%, #eb1b35 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #9e9e9e 0%, #eb1b23 100%);
  /* IE10+ */
  background: linear-gradient(to right, #9e9e9e 0%, #eb1b23 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='$cat-theatre',GradientType=1 );
  /* IE6-9 */ }

.categoryFamily .performanceResults tr:after {
  background: #9e9e9e;
  /* Old browsers */
  background: -moz-linear-gradient(left, #9e9e9e 0%, #003873 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9e9e9e), color-stop(100%, #003873));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #9e9e9e 0%, #003873 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #9e9e9e 0%, #003873 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #9e9e9e 0%, #003873 100%);
  /* IE10+ */
  background: linear-gradient(to right, #9e9e9e 0%, #003873 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='$cat-family',GradientType=1 );
  /* IE6-9 */ }

.categorySport .performanceResults tr:after {
  background: #9e9e9e;
  /* Old browsers */
  background: -moz-linear-gradient(left, #9e9e9e 0%, #f16e20 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9e9e9e), color-stop(100%, #f16e20));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #9e9e9e 0%, #f16e20 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #9e9e9e 0%, #f16e20 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #9e9e9e 0%, #f16e20 100%);
  /* IE10+ */
  background: linear-gradient(to right, #9e9e9e 0%, #f16e20 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='$cat-sports',GradientType=1 );
  /* IE6-9 */ }

.categoryExhibitions .performanceResults tr:after {
  background: #9e9e9e;
  /* Old browsers */
  background: -moz-linear-gradient(left, #9e9e9e 0%, #6f1e7d 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9e9e9e), color-stop(100%, #6f1e7d));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #9e9e9e 0%, #6f1e7d 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #9e9e9e 0%, #6f1e7d 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #9e9e9e 0%, #6f1e7d 100%);
  /* IE10+ */
  background: linear-gradient(to right, #9e9e9e 0%, #6f1e7d 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='$cat-exhibitions',GradientType=1 );
  /* IE6-9 */ }

.categoryFestivals .performanceResults tr:after {
  background: #9e9e9e;
  /* Old browsers */
  background: -moz-linear-gradient(left, #9e9e9e 0%, #cbcb1e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9e9e9e), color-stop(100%, #cbcb1e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #9e9e9e 0%, #cbcb1e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #9e9e9e 0%, #cbcb1e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #9e9e9e 0%, #cbcb1e 100%);
  /* IE10+ */
  background: linear-gradient(to right, #9e9e9e 0%, #cbcb1e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='$cat-festivals',GradientType=1 );
  /* IE6-9 */ }

@media (min-width: 768px) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable tr:after {
    float: left; } }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable td {
  width: 62%;
  padding: 10px 0;
  display: block;
  line-height: 1.3em; }

@media (min-width: 768px) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td {
    padding: 30px 0;
    display: inline-block;
    width: auto;
    float: left; } }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable td.performance-description {
  padding: 25px 0 5px !important;
  font-size: 20px !important;
  width: 100%;
  display: block;
  clear: both;
  font-weight: normal;
  text-align: center; }

@media (min-width: 768px) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.performance-description {
    padding: 35px 15px !important;
    float: left;
    font-size: 18px !important;
    width: 25%;
    clear: none;
    display: inline-block;
    text-align: left;
    margin: 2px 0; } }

@media (min-width: 1200px) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.performance-description {
    padding: 35px 0 !important; } }

.bodyDetails.article#default .category #search_results .dataTable tr td.performance-description span {
  color: #404040 !important; }

.bodyDetails.article#default .category #search_results .dataTable tr td.performance-description a:before,
.bodyDetails.article#default .category #search_results .dataTable tr td.performance-description span:before {
  font-family: 'FontAwesome';
  content: '\f145';
  padding: 0 7px 0 0;
  font-size: 20px; }

.bodyDetails.article#default .category #search_results .dataTable tr:hover .performance-description a,
.bodyDetails.article#default .category #search_results .dataTable tr:hover .performance-description span {
  color: #404040; }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable td.active-code {
  display: none; }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable td.performance-date {
  padding: 0;
  font-size: 18px !important;
  color: #404040;
  width: 100%;
  text-align: center; }

@media (min-width: 768px) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.performance-date {
    padding: 33px 15px;
    width: 25%;
    float: left;
    text-align: left; } }

.bodyDetails.article#default .category #search_results .dataTable .performance-date span:before {
  font-family: 'FontAwesome';
  content: '\f073';
  padding: 0 7px 0 0;
  font-size: 20px; }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable td.venue-group {
  padding: 0;
  font-size: 18px !important;
  color: #404040;
  text-align: center;
  width: 100%; }

@media (min-width: 768px) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.venue-group {
    padding: 33px 10px;
    width: 28%;
    float: left;
    text-align: left; } }

@media (min-width: 992px) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.venue-group {
    width: 30%; } }

.bodyDetails.article#default .category #search_results .dataTable .venue-group span:before {
  font-family: 'FontAwesome';
  content: '\f041';
  padding: 0 9px 0 3px;
  font-size: 23px; }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable td:last-child {
  position: relative;
  width: 100%;
  top: 0;
  right: 0;
  background: none;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0; }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable td:last-child:hover {
  background: none; }

@media (min-width: 768px) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td:last-child {
    top: 33px;
    right: 0;
    position: absolute;
    width: 35%; } }

@media (min-width: 992px) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td:last-child {
    position: relative;
    width: 20%;
    display: inline-block;
    padding: 22px 0 22px 15px;
    float: left;
    top: 0;
    right: 0; } }

@media (min-width: 1200px) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td:last-child {
    padding: 22px 0; } }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable td:last-child div {
  color: white !important;
  display: inline-block;
  padding: 10px 10px;
  text-align: center;
  float: right;
  width: 100%;
  font-size: 18px; }

.bodyDetails.article#default .categoryMusic .performanceResults #search_results .dataTable td:last-child div {
  background: #9e005d; }

.bodyDetails.article#default .categoryComedy .performanceResults #search_results .dataTable td:last-child div {
  background: #00b6ad; }

.bodyDetails.article#default .categoryTheatre .performanceResults #search_results .dataTable td:last-child div {
  background: #711e7e; }

.bodyDetails.article#default .categoryFamily .performanceResults #search_results .dataTable td:last-child div {
  background: #212e84; }

.bodyDetails.article#default .categorySport .performanceResults #search_results .dataTable td:last-child div {
  background: #f36f21; }

.bodyDetails.article#default .categoryExhibitions .performanceResults #search_results .dataTable td:last-child div {
  background: #410155; }

.bodyDetails.article#default .categoryFestivals .performanceResults #search_results .dataTable td:last-child div {
  background: #74c694; }

@media (min-width: 768px) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td:last-child div {
    max-width: 156px; } }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard a {
  color: white;
  padding: 8px 15px;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.2em;
  letter-spacing: -0.02em;
  float: none;
  overflow: hidden;
  border-radius: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }

@media (min-width: 768px) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard a {
    float: right; } }

.bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard > span {
  width: 100%;
  max-width: 200px;
  padding: 6px 15px;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.2em;
  letter-spacing: -0.02em;
  float: none;
  overflow: hidden;
  margin: 10px auto 30px;
  display: block;
  text-align: center;
  text-transform: uppercase; }

@media (min-width: 768px) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard > span {
    display: inline-block;
    float: right;
    width: auto;
    padding: 8px 38px;
    margin: 0; } }

.bodyDetails.article#default .categoryMusic .performanceResults #search_results .dataTable td.standard a {
  background-color: #9e005d; }

.bodyDetails.article#default .categoryComedy .performanceResults #search_results .dataTable td.standard a {
  background-color: #00b6ad; }

.bodyDetails.article#default .categoryTheatre .performanceResults #search_results .dataTable td.standard a {
  background-color: #711e7e; }

.bodyDetails.article#default .categoryFamily .performanceResults #search_results .dataTable td.standard a {
  background-color: #212e84; }

.bodyDetails.article#default .categorySport .performanceResults #search_results .dataTable td.standard a {
  background-color: #f36f21; }

.bodyDetails.article#default .categoryExhibitions .performanceResults #search_results .dataTable td.standard a {
  background-color: #410155; }

.bodyDetails.article#default .categoryFestivals .performanceResults #search_results .dataTable td.standard a {
  background-color: #74c694; }

@media (min-width: 768px) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard a {
    padding: 12px 0px 8px 30px; }
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard a:hover {
    text-decoration: none;
    padding: 12px 15px 8px; }
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard a span:after {
    font-family: 'FontAwesome';
    content: "\f145";
    float: right;
    padding: 1px 0 0 10px;
    right: 0;
    visibility: hidden;
    font-size: 1em;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
  .bodyDetails.article#default .categoryMusic .performanceResults td.standard a span:after {
    color: #9e005d; }
  .bodyDetails.article#default .categoryComedy .performanceResults td.standard a span:after {
    color: #00b6ad; }
  .bodyDetails.article#default .categoryTheatre .performanceResults td.standard a span:after {
    color: #711e7e; }
  .bodyDetails.article#default .categoryFamily .performanceResults td.standard a span:after {
    color: #212e84; }
  .bodyDetails.article#default .categorySport .performanceResults td.standard a span:after {
    color: #f36f21; }
  .bodyDetails.article#default .categoryExhibitions .performanceResults td.standard a span:after {
    color: #410155; }
  .bodyDetails.article#default .categoryFestivals .performanceResults td.standard a span:after {
    color: #74c694; }
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard a:hover span:after {
    padding: 1px 0 0 10px;
    color: #FFFFFF;
    right: 0;
    visibility: visible; } }

@media screen and (min--moz-device-pixel-ratio: 0) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard a span:after {
    display: none; }
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard a {
    padding: 12px 15px 12px; }
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard a:hover {
    text-decoration: none;
    padding: 12px 15px 12px; } }

@media screen and (min-width: 0\0) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.performance-description,
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.performance-date,
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.venue-group {
    float: left; }
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard a,
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard > span {
    float: right;
    width: 100%;
    max-width: 100%; }
  .article.bodyDetails#default .category .performanceResults #search_results .dataTable td:last-child {
    float: left;
    display: table-cell; } }

@media screen and (min-width: 0\0) and (min-width: 768px) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard a,
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard > span {
    float: right;
    width: 100%;
    max-width: 166px;
    white-space: nowrap;
    display: table-cell; }
  .article.bodyDetails#default .category .performanceResults #search_results .dataTable td.standard a span::after {
    float: none; } }

@media screen and (min--moz-device-pixel-ratio: 0) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.performance-description,
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.performance-date,
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.venue-group {
    float: left; }
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard a,
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard > span {
    float: right;
    width: 100%; } }

@media screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 0) {
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard a,
  .bodyDetails.article#default .category .performanceResults #search_results .dataTable td.standard > span {
    float: right;
    width: 100%;
    max-width: 166px; } }

.bodyDetails.article#default .category.categoryMusic .performanceResults #search_results .dataTable td.standard > span {
  border: 2px solid #9e005d;
  color: #9e005d; }

.bodyDetails.article#default .category.categoryComedy .performanceResults #search_results .dataTable td.standard > span {
  border: 2px solid #00b6ad;
  color: #00b6ad; }

.bodyDetails.article#default .category.categoryTheatre .performanceResults #search_results .dataTable td.standard > span {
  border: 2px solid #711e7e;
  color: #711e7e; }

.bodyDetails.article#default .category.categoryFamily .performanceResults #search_results .dataTable td.standard > span {
  border: 2px solid #212e84;
  color: #212e84; }

.bodyDetails.article#default .category.categorySport .performanceResults #search_results .dataTable td.standard > span {
  border: 2px solid #f36f21;
  color: #f36f21; }

.bodyDetails.article#default .category.categoryExhibitions .performanceResults #search_results .dataTable td.standard > span {
  border: 2px solid #410155;
  color: #410155; }

.bodyDetails.article#default .category.categoryFestivals .performanceResults #search_results .dataTable td.standard > span {
  border: 2px solid #74c694;
  color: #74c694; }

/*  Buttons
************************************************************************************************************************************************/
.viewMore {
  padding: 25px 0;
  background: #f1f1f1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f1f1f1 0%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f1f1f1 0%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f1f1f1 0%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f1f1f1 0%, white 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f1f1f1 0%, white 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */ }

@media (min-width: 768px) {
  .viewMore {
    padding: 40px 0;
    background: #f9f9f9; } }

.viewMoreWhite {
  padding: 20px 0 30px;
  background: white; }

.viewMoreContent {
  padding: 20px 0 30px;
  background: white; }

@media (min-width: 768px) {
  .viewMoreContent {
    padding: 0 0 60px;
    margin-bottom: 0;
    background: #e5e5e5; }
  .notOnSale .viewMoreContent {
    background: transparent; }
  .notOnSale .reviewSection.viewMoreContent {
    background: #e5e5e5;
    padding: 20px 0 80px; } }

.viewMoreButton {
  font-size: 1.3em;
  background-color: transparent;
  border: 1px solid #404040;
  padding: 6px 60px;
  max-width: 300px;
  color: #404040;
  letter-spacing: -0.02em;
  font-weight: bold;
  margin: 0 auto;
  display: block;
  text-align: center;
  cursor: pointer;
  transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out; }

.viewMoreButton:hover {
  text-decoration: none;
  max-width: 320px; }

.categoryMusic .viewMoreButton:hover {
  color: #9e005d;
  border: 1px solid #9e005d; }

.categoryComedy .viewMoreButton:hover {
  color: #00b6ad;
  border: 1px solid #00b6ad; }

.categoryTheatre .viewMoreButton:hover {
  color: #711e7e;
  border: 1px solid #711e7e; }

.categoryFamily .viewMoreButton:hover {
  color: #212e84;
  border: 1px solid #212e84; }

.categorySport .viewMoreButton:hover {
  color: #f36f21;
  border: 1px solid #f36f21; }

.categoryExhibitions .viewMoreButton:hover {
  color: #410155;
  border: 1px solid #410155; }

.categoryExhibitions .viewMoreButton:hover {
  color: #74c694;
  border: 1px solid #74c694; }

@media (min-width: 992px) {
  .viewMoreButton {
    padding: 12px 60px; } }

/*  Imagery
************************************************************************************************************************************************/
.relativeColorBand_Reversed, .relativeColorBand {
  position: relative; }

@media (min-width: 768px) {
  .artistColorBand {
    display: none; } }

.artistColorBand .colorBand {
  width: 100%;
  height: 6px;
  overflow: hidden;
  margin: 0 0 4px;
  padding: 0 0 0 4px; }

.artistColorBand .relativeColorBand_Reversed .colorBand {
  padding: 0 4px 0 0;
  margin: 4px 0 0; }

.artistColorBand .colorBand ul {
  margin: 0;
  padding: 0; }

.artistColorBand .colorBand li {
  width: 8.5%;
  height: 6px;
  float: left;
  display: inline-block;
  border-right: 2px solid white; }

.artistColorBand .relativeColorBand_Reversed .colorBand li {
  border-right: none;
  border-left: 2px solid white; }

.artistColorBand .colorBand li.cbDG {
  width: 15%;
  background: #222; }

.artistColorBand .topLeftBrace {
  display: block;
  width: 6px;
  background-color: #222;
  height: 60px;
  position: absolute;
  top: 0;
  left: 4px;
  z-index: 2; }

.artistColorBand .topRightBrace {
  display: block;
  width: 6px;
  background-color: #222;
  height: 60px;
  position: absolute;
  bottom: 0;
  right: 4px;
  z-index: 2; }

/*  Content
************************************************************************************************************************************************/
@media (min-width: 768px) {
  .contentHeader {
    background: #e5e5e5;
    padding: 0px 0 32px; }
  .notOnSale .contentHeader {
    background: transparent; }
  .notOnSale .reviewSection.contentHeader {
    background: #e5e5e5; } }

.artistImage img {
  width: 100%; }

.notOnSale .artistImage {
  margin-top: 10px; }

.notOnSale .unhideTop .artistImagePlacement {
  display: none; }

@media (min-width: 768px) {
  .artistImage {
    background: #e5e5e5; }
  .notOnSale .artistImage {
    background: transparent;
    position: relative; }
  .artistImagePlacement {
    padding: 60px 0 0; }
  .notOnSale .artistImagePlacement {
    padding: 0;
    position: absolute;
    top: -10px;
    width: 100%;
    margin: 0 auto; }
  .artistImage img {
    border-radius: 50%;
    border: 10px solid white;
    max-width: 250px;
    margin: 0 auto; }
  .notOnSale .artistImage img {
    border-radius: 50%;
    border: 10px solid white;
    max-width: 250px;
    margin: 0 auto; } }

@media (min-width: 992px) {
  .notOnSale .artistImagePlacement {
    top: 5px; } }

.bodyDetails.article .contentHeader h3 {
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 2.2em;
  letter-spacing: -0.02em;
  margin: 30px 0 10px;
  text-align: center;
  color: #404040;
  line-height: normal; }

@media (min-width: 768px) {
  .bodyDetails.article .contentHeader h3 {
    font-size: 3em; }
  .bodyDetails.article .notOnSale .reviewSection.contentHeader h3 {
    margin: 80px 0 0; } }

.contentText p {
  font-size: 1.2em;
  text-align: center;
  padding: 0 0 10px;
  margin: 0;
  letter-spacing: -0.02em;
  line-height: 1.6em; }

@media (min-width: 768px) {
  .contentText p {
    font-size: 1.2em;
    max-width: 80%;
    margin: 0 auto; } }

/*  Background Variations
************************************************************************************************************************************************/
.whiteModule .contentHeader {
  background: #FFFFFF;
  padding: 60px 0; }

.greyModule .contentHeader {
  background: #e5e5e5;
  padding: 60px 0; }

/*  Amplify Upsell
************************************************************************************************************************************************/
.amplifyLogo {
  background-image: url("https://d36kigkh74flet.cloudfront.net/branding/ttfdev/amplifyLogo.png");
  background-repeat: no-repeat;
  background-position: top left;
  overflow: hidden;
  text-indent: -9000px;
  display: block;
  width: 100%;
  max-width: 300px;
  /* Enter your image width */
  height: 65px;
  /* Enter your image height */
  margin: 0 auto;
  background-size: 100% auto; }

/* SVG Main Brand Logo; Specify width and height as background-size - Uncomment the below section if a brand SVG is included */
.svg .amplifyLogo {
  background-image: url("https://d36kigkh74flet.cloudfront.net/branding/ttfdev/amplifyLogo.svg"); }

.amplifyContent {
  font-size: 1.2em; }

/*  Adverts
************************************************************************************************************************************************/
.adReel {
  padding: 20px 0 0; }

@media (min-width: 992px) {
  .adReel {
    padding: 60px 0; }
  .adReel .column:first-child {
    margin-left: 12.5%; }
  .adReel .column:last-child {
    margin-right: 12.5%; } }

/*  Sign Up
************************************************************************************************************************************************/
.backgroundFeature {
  background: url("https://ttf-content.s3.amazonaws.com/branding/ttfdev/nosBackground_BW5_loFi.jpg") no-repeat;
  border-top: 2px solid #d3d3d3; }

@media (min-width: 768px) {
  .backgroundFeature {
    background: url("https://ttf-content.s3.amazonaws.com/branding/ttfdev/nosBackground_BW5.jpg") no-repeat; } }

/* Deprecated - 09/10/15
.categoryMusic .backgroundFeature 
{
    background: url('https://ttf-content.s3.amazonaws.com/branding/ttfdev/nosBackground.jpg') no-repeat;
    border-top: 2px solid #d5c2d4;
}
.categoryComedy .backgroundFeature 
{
    background: url('https://ttf-content.s3.amazonaws.com/branding/ttfdev/nosBackgroundComedy.jpg') no-repeat;
    border-top: 2px solid #c3d6d6;
}
.categoryTheatre .backgroundFeature 
{
    background: url('https://ttf-content.s3.amazonaws.com/branding/ttfdev/nosBackgroundTheatre.jpg') no-repeat;
    border-top: 2px solid #d6c3c4;
}
.categoryFamily .backgroundFeature 
{
    background: url('https://ttf-content.s3.amazonaws.com/branding/ttfdev/nosBackgroundFamily.jpg') no-repeat;
    border-top: 2px solid #c3ccd6;
}
.categorySport .backgroundFeature 
{
    background: url('https://ttf-content.s3.amazonaws.com/branding/ttfdev/nosBackgroundSport.jpg') no-repeat;
    border-top: 2px solid #d6cac3;
}
.categoryExhibitions .backgroundFeature 
{
    background: url('https://ttf-content.s3.amazonaws.com/branding/ttfdev/nosBackgroundExhibitions.jpg') no-repeat;
    border-top: 2px solid #d3c3d6;
}
.categoryFestivals .backgroundFeature 
{
    background: url('https://ttf-content.s3.amazonaws.com/branding/ttfdev/nosBackgroundFestivals.jpg') no-repeat;
    border-top: 2px solid #d6d6c3;
} */
.categoryMusic .backgroundFeature,
.categoryComedy .backgroundFeature,
.categoryTheatre .backgroundFeature,
.categoryFamily .backgroundFeature,
.categorySport .backgroundFeature,
.categoryExhibitions .backgroundFeature,
.categoryFestivals .backgroundFeature {
  background-position: top right;
  background-size: 100% auto;
  background-size: cover;
  min-height: 94vh; }

@media (max-width: 320px) and (max-height: 500px) {
  .categoryMusic .backgroundFeature,
  .categoryComedy .backgroundFeature,
  .categoryTheatre .backgroundFeature,
  .categoryFamily .backgroundFeature,
  .categorySport .backgroundFeature,
  .categoryExhibitions .backgroundFeature,
  .categoryFestivals .backgroundFeature {
    background-position: top right;
    background-size: cover;
    min-height: 160vh; } }

@media (min-width: 321px) and (max-width: 360px) {
  .categoryMusic .backgroundFeature,
  .categoryComedy .backgroundFeature,
  .categoryTheatre .backgroundFeature,
  .categoryFamily .backgroundFeature,
  .categorySport .backgroundFeature,
  .categoryExhibitions .backgroundFeature,
  .categoryFestivals .backgroundFeature {
    background-position: top right;
    background-size: cover;
    min-height: 140vh; } }

@media (min-width: 360px) and (max-width: 400px) {
  .categoryMusic .backgroundFeature,
  .categoryComedy .backgroundFeature,
  .categoryTheatre .backgroundFeature,
  .categoryFamily .backgroundFeature,
  .categorySport .backgroundFeature,
  .categoryExhibitions .backgroundFeature,
  .categoryFestivals .backgroundFeature {
    background-position: top right;
    background-size: cover;
    min-height: 122vh; } }

@media (min-width: 768px) {
  .categoryMusic .backgroundFeature,
  .categoryComedy .backgroundFeature,
  .categoryTheatre .backgroundFeature,
  .categoryFamily .backgroundFeature,
  .categorySport .backgroundFeature,
  .categoryExhibitions .backgroundFeature,
  .categoryFestivals .backgroundFeature {
    background-position: top center;
    background-size: cover;
    min-height: 80vh; } }

@media (min-width: 992px) {
  .categoryMusic .backgroundFeature,
  .categoryComedy .backgroundFeature,
  .categoryTheatre .backgroundFeature,
  .categoryFamily .backgroundFeature,
  .categorySport .backgroundFeature,
  .categoryExhibitions .backgroundFeature,
  .categoryFestivals .backgroundFeature {
    min-height: 80vh; } }

@media (min-width: 1200px) {
  .categoryMusic .backgroundFeature,
  .categoryComedy .backgroundFeature,
  .categoryTheatre .backgroundFeature,
  .categoryFamily .backgroundFeature,
  .categorySport .backgroundFeature,
  .categoryExhibitions .backgroundFeature,
  .categoryFestivals .backgroundFeature {
    min-height: 85vh; } }

@media (min-width: 1400px) {
  .categoryMusic .backgroundFeature,
  .categoryComedy .backgroundFeature,
  .categoryTheatre .backgroundFeature,
  .categoryFamily .backgroundFeature,
  .categorySport .backgroundFeature,
  .categoryExhibitions .backgroundFeature,
  .categoryFestivals .backgroundFeature {
    min-height: 80vh; } }

@media (min-width: 1600px) {
  .categoryMusic .backgroundFeature,
  .categoryComedy .backgroundFeature,
  .categoryTheatre .backgroundFeature,
  .categoryFamily .backgroundFeature,
  .categorySport .backgroundFeature,
  .categoryExhibitions .backgroundFeature,
  .categoryFestivals .backgroundFeature {
    min-height: 80vh; } }

@media (min-width: 1800px) {
  .categoryMusic .backgroundFeature,
  .categoryComedy .backgroundFeature,
  .categoryTheatre .backgroundFeature,
  .categoryFamily .backgroundFeature,
  .categorySport .backgroundFeature,
  .categoryExhibitions .backgroundFeature,
  .categoryFestivals .backgroundFeature {
    min-height: 85vh; } }

@media (min-width: 2000px) {
  .categoryMusic .backgroundFeature,
  .categoryComedy .backgroundFeature,
  .categoryTheatre .backgroundFeature,
  .categoryFamily .backgroundFeature,
  .categorySport .backgroundFeature,
  .categoryExhibitions .backgroundFeature,
  .categoryFestivals .backgroundFeature {
    min-height: 85vh; } }

@media (min-width: 600px) and (max-height: 992px) {
  .categoryMusic .backgroundFeature,
  .categoryComedy .backgroundFeature,
  .categoryTheatre .backgroundFeature,
  .categoryFamily .backgroundFeature,
  .categorySport .backgroundFeature,
  .categoryExhibitions .backgroundFeature,
  .categoryFestivals .backgroundFeature {
    min-height: 65vh; } }

@media (min-width: 768px) and (max-height: 1024px) {
  .categoryMusic .backgroundFeature,
  .categoryComedy .backgroundFeature,
  .categoryTheatre .backgroundFeature,
  .categoryFamily .backgroundFeature,
  .categorySport .backgroundFeature,
  .categoryExhibitions .backgroundFeature,
  .categoryFestivals .backgroundFeature {
    min-height: 90vh; } }

@media (min-width: 992px) and (max-height: 800px) {
  .categoryMusic .backgroundFeature,
  .categoryComedy .backgroundFeature,
  .categoryTheatre .backgroundFeature,
  .categoryFamily .backgroundFeature,
  .categorySport .backgroundFeature,
  .categoryExhibitions .backgroundFeature,
  .categoryFestivals .backgroundFeature {
    min-height: 120vh; } }

.bodyDetails.article .article-container-ttf .backgroundFeature h1 {
  font-size: 38px !important;
  text-shadow: 0px 0px 11px rgba(255, 255, 255, 0.004);
  padding: 40px 10px 18px 10px !important;
  border-bottom: none !important;
  text-align: center;
  color: #404040 !important;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  letter-spacing: -0.02em;
  margin-top: 2vh !important; }

@media (min-width: 992px) {
  .bodyDetails.article .article-container-ttf .backgroundFeature h1 {
    font-size: 60px !important;
    padding: 60px 0 18px 0 !important;
    margin-top: 0 !important;
    line-height: 48px !important; } }

@media (min-width: 768px) {
  .bodyDetails.article .article-container-ttf .backgroundFeature h1 {
    margin-top: 12vh !important; } }

@media (min-width: 768px) and (max-height: 992px) {
  .bodyDetails.article .article-container-ttf .backgroundFeature h1 {
    margin-top: 4vh !important; } }

@media (min-width: 768px) and (max-height: 700px) {
  .bodyDetails.article .article-container-ttf .backgroundFeature h1 {
    margin-top: 0vh !important; } }

@media (min-width: 768px) and (max-height: 1024px) {
  .bodyDetails.article .article-container-ttf .backgroundFeature h1 {
    margin-top: 8vh !important; } }

.bodyDetails.article .article-container-ttf .backgroundFeature h2 {
  font-size: 28px !important;
  text-align: center;
  padding: 0 10px !important;
  text-shadow: 0px 0px 11px rgba(255, 255, 255, 0.004);
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  letter-spacing: -0.02em;
  color: #616161 !important; }

@media (min-width: 992px) {
  .bodyDetails.article .article-container-ttf .backgroundFeature h2 {
    font-size: 40px !important; } }

/* Deprecated - 02/10/15
.bodyDetails.article .article-container-ttf .categoryMusic .backgroundFeature h2
{
    color: $cat-music !important;
}
.bodyDetails.article .article-container-ttf .categoryComedy .backgroundFeature h2
{
    color: $cat-comedy !important;
}
.bodyDetails.article .article-container-ttf .categoryTheatre .backgroundFeature h2
{
    color: $cat-theatre !important;
}
.bodyDetails.article .article-container-ttf .categoryFamily .backgroundFeature h2
{
    color: $cat-family !important;
}
.bodyDetails.article .article-container-ttf .categorySport .backgroundFeature h2
{
    color: $cat-sports !important;
}
.bodyDetails.article .article-container-ttf .categoryExhibitions .backgroundFeature h2
{
    color: $cat-exhibitions !important;
}
.bodyDetails.article .article-container-ttf .categoryFestivals .backgroundFeature h2
{
    color: $cat-festivals !important;
}
*/
.bodyDetails.article .article-container-ttf .signMeUp {
  max-width: 960px;
  margin: 42px auto;
  padding: 0 20px;
  position: relative; }

.bodyDetails.article .article-container-ttf .inputFields,
.bodyDetails.article .article-container-ttf .standAloneInputFields {
  display: block;
  width: 100%;
  min-height: 70px; }

.bodyDetails.article .article-container-ttf .newsletterEmailField {
  height: 70px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border: none;
  width: 100%;
  padding-left: 0;
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  display: inline-block;
  float: left;
  letter-spacing: -0.02em; }

@media (min-width: 768px) {
  .bodyDetails.article .article-container-ttf .newsletterEmailField {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 82%;
    padding-left: 35px;
    font-size: 24px;
    font-weight: normal;
    text-align: left; } }

.bodyDetails.article .article-container-ttf .submitBox,
.bodyDetails.article .article-container-ttf #standAloneSubmitBox {
  height: 70px;
  margin: 0;
  border: none;
  display: inline-block;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: white;
  background: #404040 !important; }

@media (min-width: 400px) and (max-width: 768px) {
  .bodyDetails.article .article-container-ttf .submitBox,
  .bodyDetails.article .article-container-ttf #standAloneSubmitBox {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; } }

@media (min-width: 768px) {
  .bodyDetails.article .article-container-ttf .submitBox,
  .bodyDetails.article .article-container-ttf #standAloneSubmitBox {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    width: 18%;
    font-size: 24px; } }

/* Deprecated - 02/10/15
.bodyDetails.article .article-container-ttf .categoryMusic .submitBox
{
    background: $cat-music !important;
}
.bodyDetails.article .article-container-ttf .categoryComedy .submitBox
{
    background: $cat-comedy !important;
}
.bodyDetails.article .article-container-ttf .categoryTheatre .submitBox
{
    background: $cat-theatre !important;
}
.bodyDetails.article .article-container-ttf .categoryFamily .submitBox
{
    background: $cat-family !important;
}
.bodyDetails.article .article-container-ttf .categorySport .submitBox
{
    background: $cat-sports !important;
}
.bodyDetails.article .article-container-ttf .categoryExhibitions .submitBox
{
    background: $cat-exhibitions !important;
}
.bodyDetails.article .article-container-ttf .categoryFestivals .submitBox
{
    background: $cat-festivals !important;
}
*/
.bodyDetails.article .article-container-ttf .emailInvalid,
.bodyDetails.article .article-container-ttf .emailInvalidInline {
  position: absolute;
  top: -30px;
  font-size: 16px;
  color: white;
  text-align: center;
  width: 91%;
  height: 30px;
  display: none; }

.bodyDetails.article .article-container-ttf .emailInvalid span,
.bodyDetails.article .article-container-ttf .emailInvalidInline span {
  background: #9e005d;
  line-height: 30px;
  display: inline-block;
  padding: 0 14px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

.backgroundFeature h1,
.backgroundFeature h2,
.signMeUp,
.whySignUp {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

.backgroundFeature h1,
.backgroundFeature h2,
.signMeUp,
.standAloneSignUp,
.whySignUp {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s; }

.fadeIn {
  -webkit-animation-name: animatePerks;
  animation-name: animatePerks; }

@-webkit-keyframes animatePerks {
  0% {
    opacity: 0; }
  40% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes animatePerks {
  0% {
    opacity: 0; }
  40% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.bodyDetails.article .article-container-ttf .whySignUp {
  text-align: center;
  font-size: 14px; }

.bodyDetails.article .article-container-ttf .whySignUp h3 {
  font-size: 1.4em;
  margin: 0 0 10px;
  font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
  color: #404040 !important; }

@media (min-width: 768px) {
  .bodyDetails.article .article-container-ttf .whySignUp h3 {
    font-size: 2em;
    margin: 0 0 20px; } }

.bodyDetails.article .article-container-ttf .whySignUp p {
  font-size: 1em;
  color: #404040; }

@media (min-width: 768px) {
  .bodyDetails.article .article-container-ttf .whySignUp p {
    font-size: 1.2em;
    max-width: 800px;
    margin: 20px auto; } }

.bodyDetails.article .article-container-ttf .notedText {
  padding: 10px 0 0;
  color: rgba(0, 0, 0, 0.4); }

.bodyDetails.article .article-container-ttf .notedText i {
  font-size: 1.4em;
  padding: 0 6px 0 0; }

/*  YouTube Video - Responsive Override
************************************************************************************************************************************************/
/* Max Width Video */
.videoCompressor {
  width: 100%;
  max-width: 800px;
  margin: 0 auto; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*  Sweet Alert Override
************************************************************************************************************************************************/
.sweet-alert {
  max-height: 40% !important; }

/*  Animations
************************************************************************************************************************************************/
@keyframes fadeInPushUp {
  from {
    opacity: 0;
    background-position: 50% 8px; }
  to {
    opacity: 1;
    background-position: 50% 27%; } }

.artistInfo {
  animation: fadeInPushUp 0.8s ease-in 1 forwards; }

@media (min-width: 992px) {
  .artistInfo {
    animation: fadeInPushUp 1.4s ease-in 1 forwards; } }

@keyframes musicBursts {
  from {
    text-shadow: none; }
  to {
    text-shadow: 0 0 60px rgba(223, 7, 134, 0.4); } }

@keyframes comedyBursts {
  from {
    text-shadow: none; }
  to {
    text-shadow: 0 0 60px rgba(0, 180, 173, 0.4); } }

@keyframes theatreBursts {
  from {
    text-shadow: none; }
  to {
    text-shadow: 0 0 60px rgba(235, 27, 35, 0.4); } }

@keyframes familyBursts {
  from {
    text-shadow: none; }
  to {
    text-shadow: 0 0 60px rgba(0, 56, 115, 0.4); } }

@keyframes sportBursts {
  from {
    text-shadow: none; }
  to {
    text-shadow: 0 0 60px rgba(241, 110, 32, 0.4); } }

@keyframes exhibitionBursts {
  from {
    text-shadow: none; }
  to {
    text-shadow: 0 0 60px rgba(111, 30, 125, 0.4); } }

@keyframes festivalBursts {
  from {
    text-shadow: none; }
  to {
    text-shadow: 0 0 60px rgba(203, 203, 30, 0.4); } }

.categoryMusic .likeIcon, .categoryMusic .shareIcon {
  animation-name: musicBursts; }

.categoryComedy .likeIcon, .categoryComedy .shareIcon {
  animation-name: comedyBursts; }

.categoryTheatre .likeIcon, .categoryTheatre .shareIcon {
  animation-name: theatreBursts; }

.categoryFamily .likeIcon, .categoryFamily .shareIcon {
  animation-name: familyBursts; }

.categorySport .likeIcon, .categorySport .shareIcon {
  animation-name: sportBursts; }

.categoryExhibitions .likeIcon, .categoryExhibitions .shareIcon {
  animation-name: exhibitionBursts; }

.categoryFestivals .likeIcon, .categoryFestivals .shareIcon {
  animation-name: festivalBursts; }

.likeIcon, .shareIcon {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
  animation-delay: 6s; }

@keyframes fadeInColoured {
  from {
    background-color: #CCC;
    opacity: 0; }
  to {
    background-color: #404040;
    opacity: 1;
    visibility: visible; } }

.performanceFilters {
  animation-name: fadeInColoured;
  animation-duration: 0.45s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
  animation-delay: 0.3s; }

@media (min-width: 992px) {
  .performanceFilters {
    animation-name: fadeInColoured;
    animation-duration: 0.75s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    animation-delay: 0.5s; } }

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.performanceResults tr, .loadLast {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: fadeIn ease-in 1;
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s; }

@media screen and (min-width: 0\0) {
  .performanceResults tr,
  .loadLast {
    opacity: 1 !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .performanceResults tr, .loadLast {
    opacity: 0 !important;
    /* make things invisible upon start */
    -webkit-animation: fadeIn ease-in 1;
    /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s; } }

.performanceResults tr {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s; }

.performanceResults tr + tr {
  -webkit-animation-delay: 1.0s;
  -moz-animation-delay: 1.0s;
  animation-delay: 1.0s; }

.performanceResults tr + tr + tr {
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  animation-delay: 1.3s; }

.performanceResults tr + tr + tr + tr {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s; }

.performanceResults tr + tr + tr + tr + tr {
  -webkit-animation-delay: 1.9s;
  -moz-animation-delay: 1.9s;
  animation-delay: 1.9s; }

.performanceResults tr + tr + tr + tr + tr + tr {
  -webkit-animation-delay: 2.2s;
  -moz-animation-delay: 2.2s;
  animation-delay: 2.2s; }

.performanceResults tr + tr + tr + tr + tr + tr + tr {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  animation-delay: 2.5s; }

.performanceResults tr + tr + tr + tr + tr + tr + tr + tr {
  -webkit-animation-delay: 2.8s;
  -moz-animation-delay: 2.8s;
  animation-delay: 2.8s; }

.performanceResults tr + tr + tr + tr + tr + tr + tr + tr + tr {
  -webkit-animation-delay: 3.1s;
  -moz-animation-delay: 3.1s;
  animation-delay: 3.1s; }

.performanceResults tr + tr + tr + tr + tr + tr + tr + tr + tr + tr {
  -webkit-animation-delay: 3.4s;
  -moz-animation-delay: 3.4s;
  animation-delay: 3.4s; }

.performanceResults tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s; }

.loadLast {
  -webkit-animation-delay: 3.7s;
  -moz-animation-delay: 3.7s;
  animation-delay: 3.7s; }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  .row.clearfix.artistInfo,
  .row.clearfix.performanceResults {
    margin-left: 0;
    margin-right: 0; } }

/************************************************************************************************************************************************
*																																				*
*																																				*
*		Project:	TTF Fluid Foundation Updates																								*
*		Date:		September 2015 																						     					*
*		Author:		Wilko																														*
*		Copyright:	©TheTicketFactory.com, 2015																									*
*																																				*
*																																				*
************************************************************************************************************************************************/
/*  Global
************************************************************************************************************************************************/
/* Make containers with .container class fluid but limit content to a maximim of 1170px */
.container,
#content.homepageContent > .container {
  width: 100%;
  max-width: 1170px; }

/* Override maximum width value for content container to initiate fluid */
#content > .container,
#content + .container,
#footer > .container {
  max-width: 100%; }

/* Override maximum width value for header container to initiate fluid */
#header > .container {
  max-width: 100%; }

/* Remove header box-shadow and initiate fluid */
.header-content {
  box-shadow: none;
  width: 100%; }

/* Limit header content to a maximum of 1170px and align center */
.largeHeader,
.menuContainer.main-nav .nav,
#footerFirstSection,
#footerColumns,
.socialShareConstrain {
  max-width: 1170px;
  margin: 0 auto;
  float: none; }

/* Initiate fluid for Menu parent and remove box-shadow */
#menu {
  width: 100%;
  box-shadow: none; }

/* Initiate fluid for menuContainer and move menu background */
.menuContainer.main-nav {
  width: 100%; }

/* Add left border to desktop menu to promote fixed content section */
@media (min-width: 992px) {
  .articles .article-container-ttf.secondary-linked-features-ttf {
    padding-left: 0; }
  .articles .article-container-ttf.tertiary-linked-features-ttf {
    padding-right: 0; } }

/* Initiate fluid for Content */
#content {
  width: 100%; }

.bodyDetails {
  padding: 0; }

@media (min-width: 992px) {
  .bodyDetails {
    padding: 0; } }

/* Remove desktop padding from the footer HR */
@media (min-width: 992px) {
  .footerSplit {
    margin: 0; } }

.footer-content {
  padding: 0; }

/* Remove desktop padding from the footer HR */
@media (min-width: 992px) {
  .footer-content {
    padding: 0 15px; } }

/************************************************************************************************************************************************
*																																				
*																																				
*		Project:	TTF White Label Boilerplate - (Brand Navigation CSS)																		
*		File:		frontend/_brandGiftCertificates.scss																								
*		Platform:	Audience View 6.8.9																											
*		Date:		December 2015 																												
*		Author:		Wilko & Chris																												
*		Copyright:	©TheTicketFactory.com, 2015																									
*																																				
*																																				
************************************************************************************************************************************************/
.giftCertificateDetailsBinder .container {
  padding-left: 0;
  padding-right: 0;
  max-width: 100% !important; }

div#giftCertificateDetails {
  width: 100%;
  max-width: 100% !important;
  background-image: url("https://d36kigkh74flet.cloudfront.net/branding/default/ttfGiftVoucher_Background.jpg");
  background-repeat: no-repeat;
  background-size: 400% auto;
  background-position: center top;
  padding: 0 15px !important; }

.ttfGiftVoucher_HeaderFrame {
  width: 100%;
  display: block;
  text-align: center; }

.gvHeader {
  display: inline-block;
  width: auto;
  font-size: 40px;
  color: white;
  text-transform: uppercase;
  font-family: "Helvetica Neue LT W04_77 Bd Cn", Arial, sans-serif;
  line-height: initial;
  background: #3abfa4;
  background: -moz-linear-gradient(left, #3abfa4 0%, #00b4ad 100%);
  background: -webkit-linear-gradient(left, #3abfa4 0%, #00b4ad 100%);
  background: linear-gradient(to right, #3abfa4 0%, #00b4ad 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3abfa4', endColorstr='#00b4ad',GradientType=1 );
  padding: 0 15px;
  margin: 20px 0; }

.ttfGV_floatFrame {
  position: relative;
  width: 100%;
  background: #74c694;
  padding: 20px;
  text-align: center; }

.stored-value-options.mainGVWindow {
  background: white;
  padding: 40px 40px 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin: 30px 0 60px;
  float: left;
  width: 100%; }

#giftCertificateDetails .stored-value-amounts.item-box {
  background: #00b6ad;
  padding: 20px 30px;
  margin: 0; }

.mainGVWindow li {
  width: 100%;
  float: left;
  padding: 0 0 40px; }

.mainGVWindow li + li {
  width: 100%;
  padding: 0; }

.bodyDetails#giftCertificateDetails .row.gcdWrapper {
  padding: 0; }

.addToOrderMobile {
  display: block; }

.addToOrderDesktop {
  display: none; }

#giftCertificateDetails .stored-value-header.item-information.item-box {
  display: none; }

#giftCertificateDetails input[type=radio] {
  zoom: 1.8;
  margin: 0 2px 0; }

#giftCertificateDetails.bodyDetails .item-box-item {
  padding: 5px 30px 5px 0;
  width: auto; }

.mainGVWindow input.form-control {
  height: 60px;
  box-shadow: inset 2px 2px 8px 0px #d3d3d3; }

.mainGVWindow span.field-label {
  font-size: 20px; }

#giftCertificateDetails.bodyDetails .stored-value-options li h4 {
  margin: 0; }

.mainGVWindow h4 {
  font-size: 40px;
  font-weight: normal;
  margin: 0 0 38px !important;
  width: auto;
  display: block; }

.mainGVWindow input.form-control {
  height: 60px; }

.mainGVWindow input[type=text], .mainGVWindow textarea {
  box-shadow: inset 2px 2px 8px 0px #d3d3d3;
  margin: 18px 0 !important;
  font-size: 18px;
  color: #888;
  padding: 0 20px; }

.mainGVWindow textarea {
  height: 250px;
  padding: 30px !important; }

#charNum {
  float: right;
  font-size: 20px; }

#giftCertificateDetails.bodyDetails .stored-value-options li label {
  padding: 10px 0 0;
  width: 100%; }

#giftCertificateDetails input.btn.btn-primary {
  background: #00b4ad;
  padding: 30px 15px;
  border: none;
  font-size: 30px;
  width: 100%;
  margin: 0; }

#giftCertificateDetails .navigation-box {
  display: none; }

#giftCertificateDetails span.field-value {
  font-size: 30px;
  color: white;
  letter-spacing: -0.03em; }

.otherAmount {
  display: block; }

#giftCertificateDetails .stored-value-header {
  display: none; }

.Header_Spoof {
  display: block;
  width: 100%; }

.vc_Values input[type=text] {
  float: left;
  width: auto; }

.vc_Values span {
  padding: 2px 0 0 12px; }

.vc_AdditionalText {
  width: 100%;
  float: left;
  display: block;
  margin: 40px 0 0; }

.vc_AdditionalText h4 {
  margin: 0 0 20px; }

.vc_AdditionalText p {
  font-size: 16px; }

/*.ttfgv_amountfloat .otheramount,
.ttfgv_amountfloat .stored-value-amounts > label
{
	display: none;
}*/
.ttfGV_amountFloat .stored-value-amounts > label + span + div + .stored-value-amounts > label {
  display: inline-block; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Tablet (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phablet / 5"+ Mobile - 400px to 490px */
@media (min-width: 400px) and (max-width: 489px) {
  /* */
  .gvHeader {
    font-size: 56px;
    margin: 30px 0; } }

/* Standard / Small Tablets - 490px to 768px */
@media (min-width: 490px) and (max-width: 767px) {
  /* */
  div#giftCertificateDetails {
    background-size: 300% auto; }
  .gvHeader {
    font-size: 64px;
    margin: 30px 0; } }

/* iPad & HD Tablets - 768px to 992px */
@media (min-width: 768px) and (max-width: 991px) {
  /* */ }

/* Targeting for Tablet Screen Res. and Upward (BREAK POINT) - >= 768px */
@media (min-width: 768px) {
  /* */
  div#giftCertificateDetails {
    background-size: 200% auto; }
  .gvHeader {
    font-size: 70px;
    margin: 40px 0; } }

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	Desktop (via Media Queries)
-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Target Small Screen Res. / Laptops - 992px to 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  /* */
  .ttfGV_PadFrame.clearfix {
    padding: 0 2%; } }

/* Targeting for Small Screen Res. and Upward (BREAK POINT) - >= 992px */
@media (min-width: 992px) {
  /* */
  div#giftCertificateDetails {
    background-size: 100% auto;
    background-position: center -40px; }
  .gvHeader {
    font-size: 70px;
    margin: 80px 0 140px; }
  .mainGVWindow li {
    width: 40%;
    float: left;
    padding: 0 30px 0 0; }
  .mainGVWindow li + li {
    width: 60%;
    padding: 0; }
  .addToOrderMobile {
    display: none; }
  .addToOrderDesktop {
    display: block; }
  .stored-value-options.mainGVWindow {
    padding: 40px 0;
    margin: 40px 0 40px; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1200px */
@media (min-width: 1200px) {
  /* */
  div#giftCertificateDetails {
    background-position: center -80px; }
  .gvHeader {
    font-size: 70px;
    margin: 120px 0 180px; }
  .ttfGiftVoucher_HeaderFrame {
    padding: 0 8%; }
  .mainGVWindow li {
    padding: 0 60px 0 0; }
  .ttfGV_PadFrame {
    padding: 0 8%;
    /*position: relative;*/
    z-index: 2; }
  #giftCertificateDetails .ttfGV_amountFloat > form > input + input + .stored-value-header + .stored-value-amounts.item-box {
    position: absolute;
    left: 0;
    width: 100%;
    background: #00b6ad;
    padding: 40px 0 50px !important;
    text-align: center;
    border-radius: 0;
    margin: 0 0 20px; }
  .ttfGV_floatFrame {
    position: absolute;
    left: 0;
    background: #74c694;
    padding: 40px 0 50px; }
  #giftCertificateDetails .stored-value-amounts.item-box {
    padding: 0;
    margin: 0; }
  .stored-value-options.mainGVWindow {
    padding: 100px;
    margin: 100px 0 20px; }
  .giftVoucher_Text {
    top: 8%; }
  .bodyDetails#giftCertificateDetails .row.gcdWrapper .col-md-12 {
    padding-left: 0;
    padding-right: 0; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1400px */
@media (min-width: 1400px) {
  /* */
  div#giftCertificateDetails {
    background-position: center -100px; }
  .mainGVWindow li {
    padding: 0 100px 0 0; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1600px */
@media (min-width: 1600px) {
  /* */
  div#giftCertificateDetails {
    background-position: center -110px; } }

/* Targeting for Medium Screen Res. and Upward (BREAK POINT) - >= 1800px */
@media (min-width: 1800px) {
  /* */
  .stored-value-options.mainGVWindow {
    margin: 120px 0 0; }
  div#giftCertificateDetails {
    background-position: center -120px; } }