@charset "UTF-8";/*! * Bootstrap v2.3.2 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500italic,500);article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block; } audio,canvas,video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover,a:active { outline: 0; } sub,sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { /* Responsive images (ensure images don't scale beyond their parents) */ max-width: 100%; /* Part 1: Set a maxium relative to the parent */ width: auto9; /* IE7-8 need help adjusting responsive images */ height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img,.google-maps img { max-width: none; } button,input,select,textarea { margin: 0; font-size: 100%; vertical-align: middle; } button,input { *overflow: visible; line-height: normal; } button::-moz-focus-inner,input::-moz-focus-inner { padding: 0; border: 0; } button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; } label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"] { cursor: pointer; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } @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) ")"; } .ir a:after, 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; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333333; background-color: white; } a { color: #0088cc; text-decoration: none; } a:hover,a:focus { color: #005580; text-decoration: underline; } .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container { width: 940px; } .span1 { width: 60px; } .span2 { width: 140px; } .span3 { width: 220px; } .span4 { width: 300px; } .span5 { width: 380px; } .span6 { width: 460px; } .span7 { width: 540px; } .span8 { width: 620px; } .span9 { width: 700px; } .span10 { width: 780px; } .span11 { width: 860px; } .span12 { width: 940px; } .offset1 { margin-left: 100px; } .offset2 { margin-left: 180px; } .offset3 { margin-left: 260px; } .offset4 { margin-left: 340px; } .offset5 { margin-left: 420px; } .offset6 { margin-left: 500px; } .offset7 { margin-left: 580px; } .offset8 { margin-left: 660px; } .offset9 { margin-left: 740px; } .offset10 { margin-left: 820px; } .offset11 { margin-left: 900px; } .offset12 { margin-left: 980px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.12766%; *margin-left: 2.07447%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.12766%; } .row-fluid .span1 { width: 6.38298%; *width: 6.32979%; } .row-fluid .span2 { width: 14.89362%; *width: 14.84043%; } .row-fluid .span3 { width: 23.40426%; *width: 23.35106%; } .row-fluid .span4 { width: 31.91489%; *width: 31.8617%; } .row-fluid .span5 { width: 40.42553%; *width: 40.37234%; } .row-fluid .span6 { width: 48.93617%; *width: 48.88298%; } .row-fluid .span7 { width: 57.44681%; *width: 57.39362%; } .row-fluid .span8 { width: 65.95745%; *width: 65.90426%; } .row-fluid .span9 { width: 74.46809%; *width: 74.41489%; } .row-fluid .span10 { width: 82.97872%; *width: 82.92553%; } .row-fluid .span11 { width: 91.48936%; *width: 91.43617%; } .row-fluid .span12 { width: 100%; *width: 99.94681%; } .row-fluid .offset1 { margin-left: 10.6383%; *margin-left: 10.53191%; } .row-fluid .offset1:first-child { margin-left: 8.51064%; *margin-left: 8.40426%; } .row-fluid .offset2 { margin-left: 19.14894%; *margin-left: 19.04255%; } .row-fluid .offset2:first-child { margin-left: 17.02128%; *margin-left: 16.91489%; } .row-fluid .offset3 { margin-left: 27.65957%; *margin-left: 27.55319%; } .row-fluid .offset3:first-child { margin-left: 25.53191%; *margin-left: 25.42553%; } .row-fluid .offset4 { margin-left: 36.17021%; *margin-left: 36.06383%; } .row-fluid .offset4:first-child { margin-left: 34.04255%; *margin-left: 33.93617%; } .row-fluid .offset5 { margin-left: 44.68085%; *margin-left: 44.57447%; } .row-fluid .offset5:first-child { margin-left: 42.55319%; *margin-left: 42.44681%; } .row-fluid .offset6 { margin-left: 53.19149%; *margin-left: 53.08511%; } .row-fluid .offset6:first-child { margin-left: 51.06383%; *margin-left: 50.95745%; } .row-fluid .offset7 { margin-left: 61.70213%; *margin-left: 61.59574%; } .row-fluid .offset7:first-child { margin-left: 59.57447%; *margin-left: 59.46809%; } .row-fluid .offset8 { margin-left: 70.21277%; *margin-left: 70.10638%; } .row-fluid .offset8:first-child { margin-left: 68.08511%; *margin-left: 67.97872%; } .row-fluid .offset9 { margin-left: 78.7234%; *margin-left: 78.61702%; } .row-fluid .offset9:first-child { margin-left: 76.59574%; *margin-left: 76.48936%; } .row-fluid .offset10 { margin-left: 87.23404%; *margin-left: 87.12766%; } .row-fluid .offset10:first-child { margin-left: 85.10638%; *margin-left: 85.0%; } .row-fluid .offset11 { margin-left: 95.74468%; *margin-left: 95.6383%; } .row-fluid .offset11:first-child { margin-left: 93.61702%; *margin-left: 93.51064%; } .row-fluid .offset12 { margin-left: 104.25532%; *margin-left: 104.14894%; } .row-fluid .offset12:first-child { margin-left: 102.12766%; *margin-left: 102.02128%; } [class*="span"].hide,.row-fluid [class*="span"].hide { display: none; } [class*="span"].pull-right,.row-fluid [class*="span"].pull-right { float: right; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; content: ""; line-height: 0; } .container:after { clear: both; } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; line-height: 0; } .container-fluid:after { clear: both; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px; } small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } .muted { color: #999999; } a.muted:hover,a.muted:focus { color: gray; } .text-warning { color: #c09853; } a.text-warning:hover,a.text-warning:focus { color: #a47e3c; } .text-error { color: #b94a48; } a.text-error:hover,a.text-error:focus { color: #953b39; } .text-info { color: #3a87ad; } a.text-info:hover,a.text-info:focus { color: #2d6987; } .text-success { color: #468847; } a.text-success:hover,a.text-success:focus { color: #356635; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999999; } h1,h2,h3 { line-height: 40px; } h1 { font-size: 38.5px; } h2 { font-size: 31.5px; } h3 { font-size: 24.5px; } h4 { font-size: 17.5px; } h5 { font-size: 14px; } h6 { font-size: 11.9px; } h1 small { font-size: 24.5px; } h2 small { font-size: 17.5px; } h3 small { font-size: 14px; } h4 small { font-size: 14px; } .page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } ul, ol { padding: 0; margin: 0 0 10px 25px; } ul ul,ul ol,ol ol,ol ul { margin-bottom: 0; } li { line-height: 20px; } ul.unstyled,ol.unstyled { margin-left: 0; list-style: none; } ul.inline,ol.inline { margin-left: 0; list-style: none; } ul.inline > li, ol.inline > li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding-left: 5px; padding-right: 5px; } dl { margin-bottom: 20px; } dt,dd { line-height: 20px; } dt { font-weight: bold; } dd { margin-left: 10px; } .dl-horizontal { *zoom: 1; } .dl-horizontal:before, .dl-horizontal:after { display: table; content: ""; line-height: 0; } .dl-horizontal:after { clear: both; } .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; } hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid white; } abbr[title],abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { margin-bottom: 0; font-size: 17.5px; font-weight: 300; line-height: 1.25; } blockquote small { display: block; line-height: 20px; color: #999999; } blockquote small:before { content: '2014 00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '00A0 2014'; } q:before,q:after,blockquote:before,blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } code,pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: nowrap; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } form { margin: 0 0 20px; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 15px; color: #999999; } label,input,button,select,textarea { font-size: 14px; font-weight: normal; line-height: 20px; } input,button,select,textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; margin-bottom: 5px; } select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; } input,textarea,.uneditable-input { width: 206px; } textarea { height: auto; } textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input { background-color: white; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-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 linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted 9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } input[type="radio"],input[type="checkbox"] { margin: 4px 0 0; *margin-top: 0; /* IE7 */ margin-top: 1px 9; /* IE8-9 */ line-height: normal; } input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] { width: auto; } select,input[type="file"] { height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 30px; } select { width: 220px; border: 1px solid #cccccc; background-color: white; } select[multiple],select[size] { height: auto; } select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .uneditable-input,.uneditable-textarea { color: #999999; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed; } .uneditable-input { overflow: hidden; white-space: nowrap; } .uneditable-textarea { width: auto; height: auto; } input:-moz-placeholder,textarea:-moz-placeholder { color: #999999; } input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #999999; } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #999999; } .radio,.checkbox { min-height: 20px; padding-left: 20px; } .radio input[type="radio"],.checkbox input[type="checkbox"] { float: left; margin-left: -20px; } .controls > .radio:first-child,.controls > .checkbox:first-child { padding-top: 5px; } .radio.inline,.checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline,.checkbox.inline + .checkbox.inline { margin-left: 10px; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; } .input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"] { display: inline-block; } input,textarea,.uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span1,textarea.span1,.uneditable-input.span1 { width: 46px; } input.span2,textarea.span2,.uneditable-input.span2 { width: 126px; } input.span3,textarea.span3,.uneditable-input.span3 { width: 206px; } input.span4,textarea.span4,.uneditable-input.span4 { width: 286px; } input.span5,textarea.span5,.uneditable-input.span5 { width: 366px; } input.span6,textarea.span6,.uneditable-input.span6 { width: 446px; } input.span7,textarea.span7,.uneditable-input.span7 { width: 526px; } input.span8,textarea.span8,.uneditable-input.span8 { width: 606px; } input.span9,textarea.span9,.uneditable-input.span9 { width: 686px; } input.span10,textarea.span10,.uneditable-input.span10 { width: 766px; } input.span11,textarea.span11,.uneditable-input.span11 { width: 846px; } input.span12,textarea.span12,.uneditable-input.span12 { width: 926px; } .controls-row { *zoom: 1; } .controls-row:before, .controls-row:after { display: table; content: ""; line-height: 0; } .controls-row:after { clear: both; } .controls-row [class*="span"],.row-fluid .controls-row [class*="span"] { float: left; } .controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"] { padding-top: 5px; } input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; } input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] { background-color: transparent; } .control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline { color: #c09853; } .control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea { color: #c09853; } .control-group.warning input,.control-group.warning select,.control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline { color: #b94a48; } .control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea { color: #b94a48; } .control-group.error input,.control-group.error select,.control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline { color: #468847; } .control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea { color: #468847; } .control-group.success input,.control-group.success select,.control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } .control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline { color: #3a87ad; } .control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea { color: #3a87ad; } .control-group.info input,.control-group.info select,.control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } .control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } input:focus:invalid,textarea:focus:invalid,select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: whitesmoke; border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; content: ""; line-height: 0; } .form-actions:after { clear: both; } .help-block,.help-inline { color: #595959; } .help-block { display: block; margin-bottom: 10px; } .help-inline { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; vertical-align: middle; padding-left: 5px; } .input-append,.input-prepend { display: inline-block; margin-bottom: 10px; vertical-align: middle; font-size: 0; white-space: nowrap; } .input-append input, .input-append select, .input-append .uneditable-input, .input-append .dropdown-menu, .input-append .popover, .input-prepend input, .input-prepend select, .input-prepend .uneditable-input, .input-prepend .dropdown-menu, .input-prepend .popover { font-size: 14px; } .input-append input, .input-append select, .input-append .uneditable-input, .input-prepend input, .input-prepend select, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append input:focus, .input-append select:focus, .input-append .uneditable-input:focus, .input-prepend input:focus, .input-prepend select:focus, .input-prepend .uneditable-input:focus { z-index: 2; } .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 white; background-color: #eeeeee; border: 1px solid #ccc; } .input-append .add-on, .input-append .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .add-on, .input-prepend .btn, .input-prepend .btn-group > .dropdown-toggle { vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-append .active, .input-prepend .active { background-color: #a9dba9; border-color: #46a546; } .input-prepend .add-on,.input-prepend .btn { margin-right: -1px; } .input-prepend .add-on:first-child,.input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input,.input-append select,.input-append .uneditable-input { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append .add-on,.input-append .btn,.input-append .btn-group { margin-left: -1px; } .input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child > .dropdown-toggle { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .btn-group:first-child { margin-left: 0; } input.search-query { padding-right: 14px; padding-right: 4px 9; padding-left: 14px; padding-left: 4px 9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* Allow for input prepend/append in search forms */.form-search .input-append .search-query,.form-search .input-prepend .search-query { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search input,.form-search textarea,.form-search select,.form-search .help-inline,.form-search .uneditable-input,.form-search .input-prepend,.form-search .input-append,.form-inline input,.form-inline textarea,.form-inline select,.form-inline .help-inline,.form-inline .uneditable-input,.form-inline .input-prepend,.form-inline .input-append,.form-horizontal input,.form-horizontal textarea,.form-horizontal select,.form-horizontal .help-inline,.form-horizontal .uneditable-input,.form-horizontal .input-prepend,.form-horizontal .input-append { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-bottom: 0; vertical-align: middle; } .form-search .hide,.form-inline .hide,.form-horizontal .hide { display: none; } .form-search label,.form-inline label,.form-search .btn-group,.form-inline .btn-group { display: inline-block; } .form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend { margin-bottom: 0; } .form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; } .control-group { margin-bottom: 10px; } legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; line-height: 0; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 180px; } .form-horizontal .help-block { margin-bottom: 0; } .form-horizontal input + .help-block,.form-horizontal select + .help-block,.form-horizontal textarea + .help-block,.form-horizontal .uneditable-input + .help-block,.form-horizontal .input-prepend + .help-block,.form-horizontal .input-append + .help-block { margin-top: 10px; } .form-horizontal .form-actions { padding-left: 180px; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: white; } .table-condensed th,.table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .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: whitesmoke; } table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } .table td.span1,.table th.span1 { float: none; width: 44px; margin-left: 0; } .table td.span2,.table th.span2 { float: none; width: 124px; margin-left: 0; } .table td.span3,.table th.span3 { float: none; width: 204px; margin-left: 0; } .table td.span4,.table th.span4 { float: none; width: 284px; margin-left: 0; } .table td.span5,.table th.span5 { float: none; width: 364px; margin-left: 0; } .table td.span6,.table th.span6 { float: none; width: 444px; margin-left: 0; } .table td.span7,.table th.span7 { float: none; width: 524px; margin-left: 0; } .table td.span8,.table th.span8 { float: none; width: 604px; margin-left: 0; } .table td.span9,.table th.span9 { float: none; width: 684px; margin-left: 0; } .table td.span10,.table th.span10 { float: none; width: 764px; margin-left: 0; } .table td.span11,.table th.span11 { float: none; width: 844px; margin-left: 0; } .table td.span12,.table th.span12 { float: none; width: 924px; margin-left: 0; } .table tbody tr.success > td { background-color: #dff0d8; } .table tbody tr.error > td { background-color: #f2dede; } .table tbody tr.warning > td { background-color: #fcf8e3; } .table tbody tr.info > td { background-color: #d9edf7; } .table-hover tbody tr.success:hover > td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover > td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover > td { background-color: #faf2cc; } .table-hover tbody tr.info:hover > td { background-color: #c4e3f3; } [class^="icon-"],[class*=" icon-"] { display: inline-block; width: 14px; height: 14px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url(../../static/img/glyphicons-halflings.png?t=1521467966); background-position: 14px 14px; background-repeat: no-repeat; margin-top: 1px; } /* White icons with optional class, or on hover/focus/active states of certain elements */.icon-white,.nav-pills > .active > a > [class^="icon-"],.nav-pills > .active > a > [class*=" icon-"],.nav-list > .active > a > [class^="icon-"],.nav-list > .active > a > [class*=" icon-"],.navbar-inverse .nav > .active > a > [class^="icon-"],.navbar-inverse .nav > .active > a > [class*=" icon-"],.dropdown-menu > li > a:hover > [class^="icon-"],.dropdown-menu > li > a:focus > [class^="icon-"],.dropdown-menu > li > a:hover > [class*=" icon-"],.dropdown-menu > li > a:focus > [class*=" icon-"],.dropdown-menu > .active > a > [class^="icon-"],.dropdown-menu > .active > a > [class*=" icon-"],.dropdown-submenu:hover > a > [class^="icon-"],.dropdown-submenu:focus > a > [class^="icon-"],.dropdown-submenu:hover > a > [class*=" icon-"],.dropdown-submenu:focus > a > [class*=" icon-"] { background-image: url(../../static/img/glyphicons-halflings-white.png?t=1521467966); } .icon-glass { background-position: 0 0; } .icon-music { background-position: -24px 0; } .icon-search { background-position: -48px 0; } .icon-envelope { background-position: -72px 0; } .icon-heart { background-position: -96px 0; } .icon-star { background-position: -120px 0; } .icon-star-empty { background-position: -144px 0; } .icon-user { background-position: -168px 0; } .icon-film { background-position: -192px 0; } .icon-th-large { background-position: -216px 0; } .icon-th { background-position: -240px 0; } .icon-th-list { background-position: -264px 0; } .icon-ok { background-position: -288px 0; } .icon-remove { background-position: -312px 0; } .icon-zoom-in { background-position: -336px 0; } .icon-zoom-out { background-position: -360px 0; } .icon-off { background-position: -384px 0; } .icon-signal { background-position: -408px 0; } .icon-cog { background-position: -432px 0; } .icon-trash { background-position: -456px 0; } .icon-home { background-position: 0 -24px; } .icon-file { background-position: -24px -24px; } .icon-time { background-position: -48px -24px; } .icon-road { background-position: -72px -24px; } .icon-download-alt { background-position: -96px -24px; } .icon-download { background-position: -120px -24px; } .icon-upload { background-position: -144px -24px; } .icon-inbox { background-position: -168px -24px; } .icon-play-circle { background-position: -192px -24px; } .icon-repeat { background-position: -216px -24px; } .icon-refresh { background-position: -240px -24px; } .icon-list-alt { background-position: -264px -24px; } .icon-lock { background-position: -287px -24px; } .icon-flag { background-position: -312px -24px; } .icon-headphones { background-position: -336px -24px; } .icon-volume-off { background-position: -360px -24px; } .icon-volume-down { background-position: -384px -24px; } .icon-volume-up { background-position: -408px -24px; } .icon-qrcode { background-position: -432px -24px; } .icon-barcode { background-position: -456px -24px; } .icon-tag { background-position: 0 -48px; } .icon-tags { background-position: -25px -48px; } .icon-book { background-position: -48px -48px; } .icon-bookmark { background-position: -72px -48px; } .icon-print { background-position: -96px -48px; } .icon-camera { background-position: -120px -48px; } .icon-font { background-position: -144px -48px; } .icon-bold { background-position: -167px -48px; } .icon-italic { background-position: -192px -48px; } .icon-text-height { background-position: -216px -48px; } .icon-text-width { background-position: -240px -48px; } .icon-align-left { background-position: -264px -48px; } .icon-align-center { background-position: -288px -48px; } .icon-align-right { background-position: -312px -48px; } .icon-align-justify { background-position: -336px -48px; } .icon-list { background-position: -360px -48px; } .icon-indent-left { background-position: -384px -48px; } .icon-indent-right { background-position: -408px -48px; } .icon-facetime-video { background-position: -432px -48px; } .icon-picture { background-position: -456px -48px; } .icon-pencil { background-position: 0 -72px; } .icon-map-marker { background-position: -24px -72px; } .icon-adjust { background-position: -48px -72px; } .icon-tint { background-position: -72px -72px; } .icon-edit { background-position: -96px -72px; } .icon-share { background-position: -120px -72px; } .icon-check { background-position: -144px -72px; } .icon-move { background-position: -168px -72px; } .icon-step-backward { background-position: -192px -72px; } .icon-fast-backward { background-position: -216px -72px; } .icon-backward { background-position: -240px -72px; } .icon-play { background-position: -264px -72px; } .icon-pause { background-position: -288px -72px; } .icon-stop { background-position: -312px -72px; } .icon-forward { background-position: -336px -72px; } .icon-fast-forward { background-position: -360px -72px; } .icon-step-forward { background-position: -384px -72px; } .icon-eject { background-position: -408px -72px; } .icon-chevron-left { background-position: -432px -72px; } .icon-chevron-right { background-position: -456px -72px; } .icon-plus-sign { background-position: 0 -96px; } .icon-minus-sign { background-position: -24px -96px; } .icon-remove-sign { background-position: -48px -96px; } .icon-ok-sign { background-position: -72px -96px; } .icon-question-sign { background-position: -96px -96px; } .icon-info-sign { background-position: -120px -96px; } .icon-screenshot { background-position: -144px -96px; } .icon-remove-circle { background-position: -168px -96px; } .icon-ok-circle { background-position: -192px -96px; } .icon-ban-circle { background-position: -216px -96px; } .icon-arrow-left { background-position: -240px -96px; } .icon-arrow-right { background-position: -264px -96px; } .icon-arrow-up { background-position: -289px -96px; } .icon-arrow-down { background-position: -312px -96px; } .icon-share-alt { background-position: -336px -96px; } .icon-resize-full { background-position: -360px -96px; } .icon-resize-small { background-position: -384px -96px; } .icon-plus { background-position: -408px -96px; } .icon-minus { background-position: -433px -96px; } .icon-asterisk { background-position: -456px -96px; } .icon-exclamation-sign { background-position: 0 -120px; } .icon-gift { background-position: -24px -120px; } .icon-leaf { background-position: -48px -120px; } .icon-fire { background-position: -72px -120px; } .icon-eye-open { background-position: -96px -120px; } .icon-eye-close { background-position: -120px -120px; } .icon-warning-sign { background-position: -144px -120px; } .icon-plane { background-position: -168px -120px; } .icon-calendar { background-position: -192px -120px; } .icon-random { background-position: -216px -120px; width: 16px; } .icon-comment { background-position: -240px -120px; } .icon-magnet { background-position: -264px -120px; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } .icon-folder-close { background-position: -384px -120px; width: 16px; } .icon-folder-open { background-position: -408px -120px; width: 16px; } .icon-resize-vertical { background-position: -432px -119px; } .icon-resize-horizontal { background-position: -456px -118px; } .icon-hdd { background-position: 0 -144px; } .icon-bullhorn { background-position: -24px -144px; } .icon-bell { background-position: -48px -144px; } .icon-certificate { background-position: -72px -144px; } .icon-thumbs-up { background-position: -96px -144px; } .icon-thumbs-down { background-position: -120px -144px; } .icon-hand-right { background-position: -144px -144px; } .icon-hand-left { background-position: -168px -144px; } .icon-hand-up { background-position: -192px -144px; } .icon-hand-down { background-position: -216px -144px; } .icon-circle-arrow-right { background-position: -240px -144px; } .icon-circle-arrow-left { background-position: -264px -144px; } .icon-circle-arrow-up { background-position: -288px -144px; } .icon-circle-arrow-down { background-position: -312px -144px; } .icon-globe { background-position: -336px -144px; } .icon-wrench { background-position: -360px -144px; } .icon-tasks { background-position: -384px -144px; } .icon-filter { background-position: -408px -144px; } .icon-briefcase { background-position: -432px -144px; } .icon-fullscreen { background-position: -456px -144px; } .dropup,.dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active,.open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid black; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .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; background-color: white; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid white; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus,.dropdown-submenu:hover > a,.dropdown-submenu:focus > a { text-decoration: none; color: white; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0088CC', endColorstr='#FF0077B3', GradientType=0); } .dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus { color: white; text-decoration: none; outline: 0; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0088CC', endColorstr='#FF0077B3', GradientType=0); } .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: default; } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .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 black; content: ""; } .dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: white; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; } .typeahead { z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: whitesmoke; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-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-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: black; text-shadow: 0 1px 0 white; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: whitesmoke; background-image: -moz-linear-gradient(top, white, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, white, #e6e6e6); background-image: -o-linear-gradient(top, white, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc 9; } .btn:first-child { *margin-left: 0; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large [class^="icon-"],.btn-large [class*=" icon-"] { margin-top: 4px; } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^="icon-"],.btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini [class^="icon-"],.btn-mini [class*=" icon-"] { margin-top: -1px; } .btn-mini { padding: 0px 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block { width: 100%; } .btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn-primary { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006ccc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0088CC', endColorstr='#FF0044CC', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0044cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: white; background-color: #0044cc; *background-color: #003bb3; } .btn-primary:active, .btn-primary.active { background-color: #003399 9; } .btn-warning { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #f9a732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFBB450', endColorstr='#FFF89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: white; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 9; } .btn-danger { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4e49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEE5F5B', endColorstr='#FFBD362F', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: white; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 9; } .btn-success { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb65b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF62C462', endColorstr='#FF51A351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: white; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 9; } .btn-info { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5BC0DE', endColorstr='#FF2F96B4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2f96b4; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: white; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c 9; } .btn-inverse { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF444444', endColorstr='#FF222222', GradientType=0); border-color: #222222 #222222 black; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: white; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #090909 9; } button.btn,input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link,.btn-link:active,.btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { border-color: transparent; cursor: pointer; color: #0088cc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover,.btn-link:focus { color: #005580; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover,.btn-link[disabled]:focus { color: #333333; text-decoration: none; } .btn-group { position: relative; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; font-size: 0; vertical-align: middle; white-space: nowrap; *margin-left: .3em; } .btn-group:first-child { *margin-left: 0; } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { font-size: 0; margin-top: 10px; margin-bottom: 10px; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group { margin-left: 5px; } .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn + .btn { margin-left: -1px; } .btn-group > .btn,.btn-group > .dropdown-menu,.btn-group > .popover { font-size: 14px; } .btn-group > .btn-mini { font-size: 10.5px; } .btn-group > .btn-small { font-size: 11.9px; } .btn-group > .btn-large { font-size: 17.5px; } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .btn-group > .btn:last-child,.btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .btn-group > .btn.large:last-child,.btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .btn-group > .btn:hover,.btn-group > .btn:focus,.btn-group > .btn:active,.btn-group > .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); *padding-top: 5px; *padding-bottom: 5px; } .btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #0044cc; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .btn .caret { margin-top: 8px; margin-left: 0; } .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } .btn-mini .caret,.btn-small .caret { margin-top: 8px; } .dropup .btn-large .caret { border-bottom-width: 5px; } .btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret { border-top-color: white; border-bottom-color: white; } .btn-group-vertical { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .btn-group-vertical > .btn { display: block; float: none; max-width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group-vertical > .btn + .btn { margin-left: 0; margin-top: -1px; } .btn-group-vertical > .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .btn-group-vertical > .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .btn-group-vertical > .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .btn-group-vertical > .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert,.alert h4 { color: #c09853; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-success h4 { color: #468847; } .alert-danger,.alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-danger h4,.alert-error h4 { color: #b94a48; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-info h4 { color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p,.alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } .nav { margin-left: 0; margin-bottom: 20px; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover,.nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li > a > img { max-width: none; } .nav > .pull-right { float: right; } .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav-list { padding-left: 15px; padding-right: 15px; margin-bottom: 0; } .nav-list > li > a,.nav-list .nav-header { margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list > li > a { padding: 3px 15px; } .nav-list > .active > a,.nav-list > .active > a:hover,.nav-list > .active > a:focus { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc; } .nav-list [class^="icon-"],.nav-list [class*=" icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid white; } .nav-tabs,.nav-pills { *zoom: 1; } .nav-tabs:before, .nav-tabs:after, .nav-pills:before, .nav-pills:after { display: table; content: ""; line-height: 0; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li,.nav-pills > li { float: left; } .nav-tabs > li > a,.nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a,.nav-tabs > .active > a:hover,.nav-tabs > .active > a:focus { color: #555555; background-color: white; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills > .active > a,.nav-pills > .active > a:hover,.nav-pills > .active > a:focus { color: white; background-color: #0088cc; } .nav-stacked > li { float: none; } .nav-stacked > li > a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .nav-tabs.nav-stacked > li > a:hover,.nav-tabs.nav-stacked > li > a:focus { border-color: #ddd; z-index: 2; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .nav .dropdown-toggle .caret { border-top-color: #0088cc; border-bottom-color: #0088cc; margin-top: 6px; } .nav .dropdown-toggle:hover .caret,.nav .dropdown-toggle:focus .caret { border-top-color: #005580; border-bottom-color: #005580; } /* move down carets for tabs */.nav-tabs .dropdown-toggle .caret { margin-top: 8px; } .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .nav > .dropdown.active > a:hover,.nav > .dropdown.active > a:focus { cursor: pointer; } .nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav > li.dropdown.open.active > a:hover,.nav > li.dropdown.open.active > a:focus { color: white; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret,.nav li.dropdown.open a:focus .caret { border-top-color: white; border-bottom-color: white; opacity: 1; filter: alpha(opacity=100); } .tabs-stacked .open > a:hover,.tabs-stacked .open > a:focus { border-color: #999999; } .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; content: ""; line-height: 0; } .tabbable:after { clear: both; } .tab-content { overflow: auto; } .tabs-below > .nav-tabs,.tabs-right > .nav-tabs,.tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane,.pill-content > .pill-pane { display: none; } .tab-content > .active,.pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-bottom-color: transparent; border-top-color: #ddd; } .tabs-below > .nav-tabs > .active > a,.tabs-below > .nav-tabs > .active > a:hover,.tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li,.tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a,.tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover,.tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a,.tabs-left > .nav-tabs .active > a:hover,.tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: white; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover,.tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a,.tabs-right > .nav-tabs .active > a:hover,.tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: white; } .nav > .disabled > a { color: #999999; } .nav > .disabled > a:hover,.nav > .disabled > a:focus { text-decoration: none; background-color: transparent; cursor: default; } .navbar { overflow: visible; margin-bottom: 20px; *position: relative; *z-index: 2; } .navbar-inner { min-height: 40px; padding-left: 20px; padding-right: 20px; background-color: #f9f9f9; background-image: -moz-linear-gradient(top, white, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, white, #f2f2f2); background-image: -o-linear-gradient(top, white, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFF2F2F2', GradientType=0); border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); *zoom: 1; } .navbar-inner:before, .navbar-inner:after { display: table; content: ""; line-height: 0; } .navbar-inner:after { clear: both; } .navbar .container { width: auto; } .nav-collapse.collapse { height: auto; overflow: visible; } .navbar .brand { float: left; display: block; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777777; text-shadow: 0 1px 0 white; } .navbar .brand:hover, .navbar .brand:focus { text-decoration: none; } .navbar-text { margin-bottom: 0; line-height: 40px; color: #777777; } .navbar-link { color: #777777; } .navbar-link:hover, .navbar-link:focus { color: #333333; } .navbar .divider-vertical { height: 40px; margin: 0 9px; border-left: 1px solid #f2f2f2; border-right: 1px solid white; } .navbar .btn,.navbar .btn-group { margin-top: 5px; } .navbar .btn-group .btn,.navbar .input-prepend .btn,.navbar .input-append .btn,.navbar .input-prepend .btn-group,.navbar .input-append .btn-group { margin-top: 0; } .navbar-form { margin-bottom: 0; *zoom: 1; } .navbar-form:before, .navbar-form:after { display: table; content: ""; line-height: 0; } .navbar-form:after { clear: both; } .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } .navbar-form input, .navbar-form select, .navbar-form .btn { display: inline-block; margin-bottom: 0; } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 5px; white-space: nowrap; } .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0; } .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0; } .navbar-search .search-query { margin-bottom: 0; padding: 4px 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .navbar-static-top { position: static; margin-bottom: 0; } .navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-fixed-top,.navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner { border-width: 0 0 1px; } .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0; } .navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner { padding-left: 0; padding-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container { width: 940px; } .navbar-fixed-top { top: 0; } .navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .navbar-fixed-bottom { bottom: 0; } .navbar-fixed-bottom .navbar-inner { -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .navbar .nav.pull-right { float: right; margin-right: 0; } .navbar .nav > li { float: left; } .navbar .nav > li > a { float: none; padding: 10px 15px 10px; color: #777777; text-decoration: none; text-shadow: 0 1px 0 white; } .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } .navbar .nav > li > a:focus,.navbar .nav > li > a:hover { background-color: transparent; color: #333333; text-decoration: none; } .navbar .nav > .active > a,.navbar .nav > .active > a:hover,.navbar .nav > .active > a:focus { color: #555555; text-decoration: none; background-color: #e6e6e6; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-left: 5px; margin-right: 5px; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; background-image: -moz-linear-gradient(top, #f2f2f2, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e6e6e6); background-image: -o-linear-gradient(top, #f2f2f2, #e6e6e6); background-image: linear-gradient(to bottom, #f2f2f2, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2F2F2', endColorstr='#FFE6E6E6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); } .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: white; background-color: #e6e6e6; *background-color: #d9d9d9; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #cccccc 9; } .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .navbar .nav > li > .dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px; } .navbar .nav > li > .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; top: -6px; left: 10px; } .navbar-fixed-bottom .nav > li > .dropdown-menu:before { border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; bottom: -7px; top: auto; } .navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 6px solid white; border-bottom: 0; bottom: -6px; top: auto; } .navbar .nav li.dropdown > a:hover .caret,.navbar .nav li.dropdown > a:focus .caret { border-top-color: #555555; border-bottom-color: #555555; } .navbar .nav li.dropdown.open > .dropdown-toggle,.navbar .nav li.dropdown.active > .dropdown-toggle,.navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: #e6e6e6; color: #555555; } .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } .navbar .nav li.dropdown.open > .dropdown-toggle .caret,.navbar .nav li.dropdown.active > .dropdown-toggle .caret,.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .navbar .pull-right > li > .dropdown-menu,.navbar .nav > li > .dropdown-menu.pull-right { left: auto; right: 0; } .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { left: auto; right: 12px; } .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { left: auto; right: 13px; } .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { left: auto; right: 100%; margin-left: 0; margin-right: -1px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF222222', endColorstr='#FF111111', GradientType=0); border-color: #252525; } .navbar-inverse .brand,.navbar-inverse .nav > li > a { color: #999999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-inverse .brand:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav > li > a:hover, .navbar-inverse .nav > li > a:focus { color: white; } .navbar-inverse .brand { color: #999999; } .navbar-inverse .navbar-text { color: #999999; } .navbar-inverse .nav > li > a:focus,.navbar-inverse .nav > li > a:hover { background-color: transparent; color: white; } .navbar-inverse .nav .active > a,.navbar-inverse .nav .active > a:hover,.navbar-inverse .nav .active > a:focus { color: white; background-color: #111111; } .navbar-inverse .navbar-link { color: #999999; } .navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-link:focus { color: white; } .navbar-inverse .divider-vertical { border-left-color: #111111; border-right-color: #222222; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { background-color: #111111; color: white; } .navbar-inverse .nav li.dropdown > a:hover .caret,.navbar-inverse .nav li.dropdown > a:focus .caret { border-top-color: white; color: white; } .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: white; border-bottom-color: white; } .navbar-inverse .navbar-search .search-query { color: white; background-color: #515151; border-color: #111111; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; color: #333333; text-shadow: 0 1px 0 white; background-color: white; border: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); outline: 0; } .navbar-inverse .btn-navbar { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF151515', endColorstr='#FF040404', GradientType=0); border-color: #040404 #040404 black; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #040404; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { color: white; background-color: #040404; *background-color: black; } .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { background-color: black 9; } .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .breadcrumb > li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; text-shadow: 0 1px 0 white; } .breadcrumb > li > .divider { padding: 0 5px; color: #ccc; } .breadcrumb .active { color: #999999; } .pagination { margin: 20px 0; } .pagination ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination ul > li { display: inline; } .pagination ul > li > a,.pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: white; border: 1px solid #dddddd; border-left-width: 0; } .pagination ul > li > a:hover,.pagination ul > li > a:focus,.pagination ul > .active > a,.pagination ul > .active > span { background-color: whitesmoke; } .pagination ul > .active > a,.pagination ul > .active > span { color: #999999; cursor: default; } .pagination ul > .disabled > span,.pagination ul > .disabled > a,.pagination ul > .disabled > a:hover,.pagination ul > .disabled > a:focus { color: #999999; background-color: transparent; cursor: default; } .pagination ul > li:first-child > a,.pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .pagination ul > li:last-child > a,.pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pagination-large ul > li > a,.pagination-large ul > li > span { padding: 11px 19px; font-size: 17.5px; } .pagination-large ul > li:first-child > a,.pagination-large ul > li:first-child > span { -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .pagination-large ul > li:last-child > a,.pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .pagination-mini ul > li:first-child > a,.pagination-mini ul > li:first-child > span,.pagination-small ul > li:first-child > a,.pagination-small ul > li:first-child > span { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .pagination-mini ul > li:last-child > a,.pagination-mini ul > li:last-child > span,.pagination-small ul > li:last-child > a,.pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; } .pagination-small ul > li > a,.pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; } .pagination-mini ul > li > a,.pagination-mini ul > li > span { padding: 0px 6px; font-size: 10.5px; } .pager { margin: 20px 0; list-style: none; text-align: center; *zoom: 1; } .pager:before, .pager:after { display: table; content: ""; line-height: 0; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a,.pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .pager li > a:hover,.pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } .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: #fff; cursor: default; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: black; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop,.modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal { position: fixed; top: 10%; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: white; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; /* IE6-7 */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none; } .modal.fade { -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; top: -25%; } .modal.fade.in { top: 10%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { position: relative; overflow-y: auto; max-height: 400px; padding: 15px; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 white; -moz-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; *zoom: 1; } .modal-footer:before, .modal-footer:after { display: table; content: ""; line-height: 0; } .modal-footer:after { clear: both; } .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; } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .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: 8px; color: white; text-align: center; text-decoration: none; background-color: black; -webkit-border-radius: 4px; -moz-border-radius: 4px; 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: black; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: black; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: black; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: black; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: white; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-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; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-title:empty { display: none; } .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: #999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: white; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: white; } .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: white; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: white; bottom: -10px; } .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; content: ""; line-height: 0; } .thumbnails:after { clear: both; } .row-fluid .thumbnails { margin-left: 0; } .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -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; } a.thumbnail:hover,a.thumbnail:focus { border-color: #0088cc; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } .thumbnail > img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #555555; } .media,.media-body { overflow: hidden; *overflow: visible; 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 { margin-left: 0; list-style: none; } .label,.badge { display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: white; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999999; } .label { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding-left: 9px; padding-right: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .label:empty,.badge:empty { display: none; } a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { color: white; text-decoration: none; cursor: pointer; } .label-important { background-color: #b94a48; } .label-important[href] { background-color: #953b39; } .label-warning { background-color: #f89406; } .label-warning[href] { background-color: #c67605; } .label-success { background-color: #468847; } .label-success[href] { background-color: #356635; } .label-info { background-color: #3a87ad; } .label-info[href] { background-color: #2d6987; } .label-inverse { background-color: #333333; } .label-inverse[href] { background-color: #1a1a1a; } .badge-important { background-color: #b94a48; } .badge-important[href] { background-color: #953b39; } .badge-warning { background-color: #f89406; } .badge-warning[href] { background-color: #c67605; } .badge-success { background-color: #468847; } .badge-success[href] { background-color: #356635; } .badge-info { background-color: #3a87ad; } .badge-info[href] { background-color: #2d6987; } .badge-inverse { background-color: #333333; } .badge-inverse[href] { background-color: #1a1a1a; } .btn .label,.btn .badge { position: relative; top: -1px; } .btn-mini .label,.btn-mini .badge { top: 0; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 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: #f6f6f6; background-image: -moz-linear-gradient(top, whitesmoke, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(whitesmoke), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, whitesmoke, #f9f9f9); background-image: -o-linear-gradient(top, whitesmoke, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF5F5F5', endColorstr='#FFF9F9F9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .progress .bar { width: 0%; height: 100%; color: white; float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0d90d1; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF149BDF', endColorstr='#FF0480BE', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-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-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); } .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 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: -moz-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: -o-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); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-danger .bar, .progress .bar-danger { background-color: #dd514b; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEE5F5B', endColorstr='#FFC43C35', GradientType=0); } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 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: -moz-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: -o-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-success .bar, .progress .bar-success { background-color: #5db95d; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF62C462', endColorstr='#FF57A957', GradientType=0); } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 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: -moz-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: -o-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-info .bar, .progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5BC0DE', endColorstr='#FF339BB9', GradientType=0); } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 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: -moz-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: -o-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-warning .bar, .progress .bar-warning { background-color: #f9a732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFBB450', endColorstr='#FFF89406', GradientType=0); } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 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: -moz-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: -o-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); } .accordion { margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion-heading { border-bottom: 0; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .accordion-toggle { cursor: pointer; } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } .carousel { position: relative; margin-bottom: 20px; line-height: 1; } .carousel-inner { overflow: hidden; width: 100%; position: relative; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; 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: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: white; text-align: center; background: #222222; border: 3px solid white; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.right { left: auto; right: 15px; } .carousel-control:hover, .carousel-control:focus { color: white; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-indicators { position: absolute; top: 15px; right: 15px; z-index: 5; margin: 0; list-style: none; } .carousel-indicators li { display: block; float: left; width: 10px; height: 10px; margin-left: 5px; text-indent: -999px; background-color: #ccc; background-color: rgba(255, 255, 255, 0.25); border-radius: 5px; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4,.carousel-caption p { color: white; line-height: 20px; } .carousel-caption h4 { margin: 0 0 5px; } .carousel-caption p { margin-bottom: 0; } .hero-unit { padding: 60px; margin-bottom: 30px; font-size: 18px; font-weight: 200; line-height: 30px; color: inherit; background-color: #eeeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; color: inherit; letter-spacing: -1px; } .hero-unit li { line-height: 30px; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*#3389cc !default;*//*#2258a5 !default;*//*#fdb914 !default;*//*#e98536 !default;*//*#3389cc !default;*//*#2258a5 !default;*//*#2258a5 !default;*//*#1096d4 !default;*//*rgba(6, 80, 124, 0.8) !default;*//*#3389cc !default;*//*#2258a5 !default;*//* Button with facebook icon on the left for facebook login */div.social-share-compontent { display: inline-block; /* .social-button-list */ } div.social-share-compontent ul.social-buttons-list { display: inline-block; min-width: 1px; margin: 0; padding: 0; /* li */ } div.social-share-compontent ul.social-buttons-list li { display: list-item; float: left; margin: 0; padding: 0; list-style: none; /* icon positions on button */ } div.social-share-compontent ul.social-buttons-list li:first-child .btn { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; margin-left: 0px; } div.social-share-compontent ul.social-buttons-list li:not(:first-child) .btn { /* ie7 and ie8 will not have seperated buttons */ border-left: 1px solid #6499cd; } div.social-share-compontent ul.social-buttons-list li:last-child .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } div.social-share-compontent ul.social-buttons-list li a.btn { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; border-radius: 0 0 0 0; min-width: 0; width: 40px; height: 35px; padding: 0; } div.social-share-compontent ul.social-buttons-list li a.btn i { display: block; } div.social-share-compontent ul.social-buttons-list li.facebook i { margin: 6px 0 0 14px; } div.social-share-compontent ul.social-buttons-list li.twitter i { margin: 8px 0 0 9px; } div.social-share-compontent ul.social-buttons-list li.pinterest i { margin: 6px 0 0 7px; } /* .social-share-compontent */.call-btn { color: #fff; background-color: #12397A; text-shadow: -1px 1px #12397A; border: none; padding: 7px 46px; border-radius: 5px; margin-top: 5px; outline: none; } .call-btn:hover { background-color: #27496d; } .call-btn:active { border: none; outline: none; -webkit-appearance: none; } #popover-bubble { -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; -webkit-transition: 0.5s opacity; -moz-transition: 0.5s opacity; -o-transition: 0.5s opacity; transition: 0.5s opacity; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; z-index: 99998; min-height: 200px; min-width: 200px; padding: 10px; opacity: 1.0; background-color: white; /* .arrow */ } #popover-bubble.hidden { -webkit-transition: 0.5s opacity, 0.5s top, 0.5s left; -webkit-transition-delay: 0s, 0.5s, 0.5s; -moz-transition: 0.5s opacity, 0.5s top 0.5s, 0.5s left 0.5s; -o-transition: 0.5s opacity, 0.5s top 0.5s, 0.5s left 0.5s; transition: 0.5s opacity, 0.5s top 0.5s, 0.5s left 0.5s; opacity: 0.0; top: 0 !important; left: 0 !important; } #popover-bubble .arrow { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0; left: 0; z-index: -1; width: 50px; height: 50px; background-color: white; } /* #popover-bubble */.popover-data-container { display: none; } #error-dialog-component { position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 0.5s opacity; -moz-transition: 0.5s opacity; -o-transition: 0.5s opacity; transition: 0.5s opacity; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; z-index: 99999; } #error-dialog-component.fade-out { -webkit-transition: 0.5s opacity; -moz-transition: 0.5s opacity; -o-transition: 0.5s opacity; transition: 0.5s opacity; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } #error-dialog-component .blend { position: fixed; top: 0; left: 0; width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35); opacity: 0.35; background-color: black; z-index: 0; } #error-dialog-component .foreground { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #error-dialog-component .dialog-view { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -webkit-border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; -ms-border-radius: 15px 15px 15px 15px; -o-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; position: relative; background-color: white; min-width: 300px; max-width: 500px; margin: 0 auto; padding: 10px 30px; } #error-dialog-component .dialog-view .title { width: 100%; } #error-dialog-component .dialog-view .message { width: 100%; margin: 20px auto 35px auto; } #error-dialog-component .dialog-view .controls { text-align: left; } /* Script Style Font movie quote in footer */@font-face { font-family: "Gentium Book Basic Italic"; src: url('../../static/fonts/GenBkBasI.eot'); src: url('../../static/fonts/GenBkBasI.eot?#iefix') format('eot'), url('../../static/fonts/GenBkBasI.woff') format('woff'), url('../../static/fonts/GenBkBasI.ttf') format('truetype'), url('../../static/fonts/GenBkBasI.svg') format('svg'); } .footer-quote { font-family: "Gentium Book Basic Italic"; font-size: 26px; } /* Bold Headline and Navigation Fonts *//*@include font-face($headline-custom-font, font-files("OpenSans-CondBold.woff", woff, "OpenSans-CondBold.ttf", ttf, "OpenSans-CondBold.svg", svg), "OpenSans-CondBold.eot");*/.header-nav > a { font-family: "Ubuntu", Helvetica, Arial, sans-serif; font-size: 17px; text-transform: capitalize; } .navbar.navbar-static-top.sticky .navbar-inner a { font-family: "Ubuntu", Helvetica, Arial, sans-serif; font-size: 16px; text-transform: capitalize; } .container .row.content .headline.page-title h1 { font-family: "Ubuntu", Helvetica, Arial, sans-serif; font-size: 50px; font-style: normal; text-transform: capitalize; padding-bottom: 0; } .container .row.content .headline h1 { font-family: "Ubuntu", Helvetica, Arial, sans-serif; font-size: 40px; text-transform: capitalize; padding-bottom: 0; } .container .row.content h1, .container .row.content h2, .container .row.content h3 { font-family: "Ubuntu", Helvetica, Arial, sans-serif; font-weight: 500; font-style: italic; color: white; } .container .row.content h4 { font-family: "Ubuntu", Helvetica, Arial, sans-serif; font-weight: 400; } .container .row.content .nav-tabs.large, .container .row.content .tab-content h1 { font-family: "Ubuntu", Helvetica, Arial, sans-serif; font-size: 30px; padding-bottom: 0; } .container .row.content .nav-tabs.pure.medium.moar > li a, .container .row.content > li a:hover, .container .row.content > li a:focus { font-family: "Ubuntu", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal; } .container .row.content .white h1 { font-family: "Ubuntu", Helvetica, Arial, sans-serif; line-height: normal; color: #333333; text-transform: capitalize; margin-top: 0; margin-left: 0; } .our-history #dates a, .our-history #issues li.selected h1 { font-family: "Ubuntu", Helvetica, Arial, sans-serif; font-weight: normal; } /* header styles */header { color: white; } header a { color: white; } header a:hover, header a:focus { color: white; text-decoration: none; } header .span5 { width: 360px; } header .span7 { width: 560px; } header .row { margin: 0; } header .row.ads { background: #001b31; } header .row > img { margin: 10px auto; display: block; outline: none; border: none; } header .container span { float: left; } header .navbar.navbar-static-top { position: relative; } header .navbar.navbar-static-top .navbar-inner { border: none; padding: 0; min-height: 0; overflow: hidden; } header .navbar.navbar-static-top .navbar-inner.no-shadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } header .navbar.navbar-static-top .navbar-inner.shadow { -webkit-box-shadow: inset 0 10px 5px -5px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 10px 5px -5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 10px 5px -5px rgba(0, 0, 0, 0.2); } header .navbar .brand { text-indent: -9999em; padding: 0; margin: -8px 0 0 -25px; position: relative; z-index: 2000; width: 200px; } header ul { margin: 0 !important; padding: 0 !important; } header form { float: left; } header .navbar.navbar-static-top .navbar-inner:first-child { background: #143365 repeat-x; position: relative; overflow: visible; } header .navbar.navbar-static-top .navbar-inner:first-child li { padding: 0; } header .navbar.navbar-static-top .navbar-inner:first-child li a { padding: 0 16px; } header .navbar.navbar-static-top .navbar-inner:first-child li, header .navbar.navbar-static-top .navbar-inner:first-child span, header .navbar.navbar-static-top .navbar-inner:first-child a { height: 40px; line-height: 40px; display: block; float: left; } header .navbar.navbar-static-top .navbar-inner:first-child li.dropdown { -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; position: relative; z-index: 4000; } header .navbar.navbar-static-top .navbar-inner:first-child li.dropdown li:first-child, header .navbar.navbar-static-top .navbar-inner:first-child li.dropdown li:nth-child(3), header .navbar.navbar-static-top .navbar-inner:first-child li.dropdown li:nth-child(5) { background: #40aadc; } header .navbar.navbar-static-top .navbar-inner:first-child li.dropdown li:nth-child(2), header .navbar.navbar-static-top .navbar-inner:first-child li.dropdown li:nth-child(4) { background: #1095d3; } header .navbar.navbar-static-top .navbar-inner:first-child li.dropdown a { color: white; } header .navbar.navbar-static-top .navbar-inner:first-child li.dropdown a:hover, header .navbar.navbar-static-top .navbar-inner:first-child li.dropdown a:focus { background: none; } header .navbar.navbar-static-top .navbar-inner:first-child li.dropdown:hover { background: #1095d3; } header .navbar.navbar-static-top .navbar-inner:first-child li.dropdown:hover a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } header .navbar.navbar-static-top .navbar-inner:first-child li.dropdown.active a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } header .navbar.navbar-static-top .navbar-inner:first-child ul.dropdown-menu { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: none; min-width: 240px; z-index: 4000; } header .navbar.navbar-static-top .navbar-inner:first-child ul.dropdown-menu li a { padding: 0 18px; width: 204px; } header .navbar.navbar-static-top .navbar-inner:first-child li#login a { -webkit-transition-property: background, padding-right; -moz-transition-property: background, padding-right; -o-transition-property: background, padding-right; transition-property: background, padding-right; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background-position: 59px center; cursor: pointer; } header .navbar.navbar-static-top .navbar-inner:first-child li#login.active a { background: url('../../static/img/icon/close-blue.png?t=1521467966') no-repeat 59px center, white; color: #000; padding-right: 30px; } header .navbar.navbar-static-top .navbar-inner:first-child li#quick-book a { background: #f5a422; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdb914), color-stop(100%, #e98536)), #f5a422; background: -webkit-linear-gradient(#fdb914, #e98536), #f5a422; background: -moz-linear-gradient(#fdb914, #e98536), #f5a422; background: -o-linear-gradient(#fdb914, #e98536), #f5a422; background: linear-gradient(#fdb914, #e98536), #f5a422; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDB914', endColorstr='#FFE98536'); -webkit-transition-property: padding-right; -moz-transition-property: padding-right; -o-transition-property: padding-right; transition-property: padding-right; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background-color: #f8ac1d; color: #333333; padding: 0 15px; cursor: pointer; } header .navbar.navbar-static-top .navbar-inner:first-child li#quick-book.active a { background: url('../../static/img/icon/close-blk.png?t=1521467966') no-repeat 100px center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdb914), color-stop(100%, #e98536)), #f5a422; background: url('../../static/img/icon/close-blk.png?t=1521467966') no-repeat 100px center, -webkit-linear-gradient(#fdb914, #e98536), #f5a422; background: url('../../static/img/icon/close-blk.png?t=1521467966') no-repeat 100px center, -moz-linear-gradient(#fdb914, #e98536), #f5a422; background: url('../../static/img/icon/close-blk.png?t=1521467966') no-repeat 100px center, -o-linear-gradient(#fdb914, #e98536), #f5a422; background: url('../../static/img/icon/close-blk.png?t=1521467966') no-repeat 100px center, linear-gradient(#fdb914, #e98536), #f5a422; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDB914', endColorstr='#FFE98536'); padding-right: 32px; } header .navbar.navbar-static-top .navbar-inner:first-child [class^="icon-"], header .navbar.navbar-static-top .navbar-inner:first-child [class*=" icon-"] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } header .navbar.navbar-static-top .navbar-inner:first-child li a.dropdown-toggle, header .navbar.navbar-static-top .navbar-inner:first-child li a.my-odeon-menu-link { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } header .navbar.navbar-static-top .navbar-inner:first-child li a.dropdown-toggle .caret, header .navbar.navbar-static-top .navbar-inner:first-child li a.my-odeon-menu-link .caret { display: none; } header .navbar.navbar-static-top .navbar-inner:first-child li.dropdown a.dropdown-toggle { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } header .navbar.navbar-static-top .navbar-inner:first-child li.dropdown a.dropdown-toggle .caret { display: inline-block; margin-top: 18px; margin-left: 8px; border-top-color: white; } header .navbar.navbar-static-top .navbar-inner:first-child .icon-message { margin-left: 15px; } header .navbar.navbar-static-top .navbar-inner:first-child .space-right a { padding: 1px 30px 0 7px; } header .navbar.navbar-static-top .navbar-inner:first-child .space-left a { padding: 1px 7px 0 18px; } header .navbar.navbar-static-top .navbar-inner:first-child .space-less a { padding: 0; } header .navbar.navbar-static-top .navbar-inner:first-child .fine-print { font-size: 12px; margin-top: 0; float: none; } header .navbar.navbar-static-top .navbar-inner:first-child i { margin-right: 4px; } header .navbar.navbar-static-top .navbar-inner.quick-book { background: #fff; border-top: 0; position: relative; z-index: 3000; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; height: 0; display: block; visibility: visible; } header .navbar.navbar-static-top .navbar-inner.quick-book [class^="span"], header .navbar.navbar-static-top .navbar-inner.quick-book [class*=" span"] { /*height:$header-bottom-nav-height;*/ } header .navbar.navbar-static-top .navbar-inner.quick-book form { margin-top: 22px; width: 100%; } header .navbar.navbar-static-top .navbar-inner.quick-book form label { color: #333333; font-weight: bold; margin-right: 16px; display: inline-block; } header .navbar.navbar-static-top .navbar-inner.quick-book form .selectpicker.select-icon-select { margin-right: 15px; } header .row.content.all-over.quick-book-dropdown .btn.dropdown-toggle { padding-bottom: 13px; } header .navbar.navbar-static-top .navbar-inner.quick-book.visible { height: 75px; border-top: 10px solid #e98536; } header .navbar.navbar-static-top .navbar-inner.quick-book.invisible { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } header .navbar.navbar-static-top .navbar-inner.login { background: #fff; position: relative; z-index: 3000; color: #333333; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; height: 0; display: block; visibility: visible; } header .navbar.navbar-static-top .navbar-inner.login .span5 { background: url('../../static/img/line-ver-dark.png?t=1521467966') no-repeat 330px 6px; margin-left: 0; } header .navbar.navbar-static-top .navbar-inner.login .btn.facebook { margin: 40px 0; float: left; } header .navbar.navbar-static-top .navbar-inner.login .line-ver { float: left; margin: 50px 0 0 50px; text-transform: uppercase; font-weight: bold; } header .navbar.navbar-static-top .navbar-inner.login form { margin: 20px 0 0 0; float: right; } header .navbar.navbar-static-top .navbar-inner.login form label { color: #333333; font-weight: bold; margin-right: 21px; padding-top: 0; } header .navbar.navbar-static-top .navbar-inner.login form input:not(.btn) { margin: 0 10px 0 0; float: left; } header .navbar.navbar-static-top .navbar-inner.login form input#enter-mail { width: 220px; } header .navbar.navbar-static-top .navbar-inner.login form .btn { float: left; margin: 0 0 0 10px; } header .navbar.navbar-static-top .navbar-inner.login a { color: #2258a5; text-decoration: underline; float: left; font-size: 12px; margin-right: 90px; } header .navbar.navbar-static-top .navbar-inner.login span { margin: 0 5px 0 15px; font-size: 12px; } header .navbar.navbar-static-top .navbar-inner.login span.error { display: none; margin-left: 13px; width: 100%; } header .navbar.navbar-static-top .navbar-inner.forgotten [class^="span"], header .navbar.navbar-static-top .navbar-inner.forgotten [class*=" span"] { background: none; } header .navbar.navbar-static-top .navbar-inner.forgotten .span5 span { font-size: 13px; line-height: 16px; width: 260px; float: right; margin-top: 10px; } header .navbar.navbar-static-top .navbar-inner.forgotten .span5 span strong { line-height: 25px; display: block; } header .navbar.navbar-static-top .navbar-inner.forgotten form { float: left; margin-left: 15px; } header .navbar.navbar-static-top .navbar-inner.forgotten form .btn { margin-left: 0; } header .navbar.navbar-static-top .navbar-inner.forgotten a { margin-left: 260px; } header .navbar.navbar-static-top .navbar-inner.login.visible { height: 120px; } header .navbar.navbar-static-top .navbar-inner.login.invisible { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } header .navbar.navbar-static-top .navbar-inner:last-child { background: #fff; overflow: visible; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } header .navbar.navbar-static-top .navbar-inner:last-child .shadow { width: 100%; height: 10px; position: absolute; z-index: 3000; } header .navbar.navbar-static-top .navbar-inner:last-child [class^="span"], header .navbar.navbar-static-top .navbar-inner:last-child [class*=" span"] { height: 75px; } header .navbar.navbar-static-top .navbar-inner:last-child nav { float: left; color: #333333; } header .navbar.navbar-static-top .navbar-inner:last-child nav a:not(.btn) { color: #2258a5; padding: 0; } header .navbar.navbar-static-top .navbar-inner:last-child nav h2 { margin-top: 0; margin-bottom: 15px; font-size: 18px; line-height: 20px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown { position: static; padding: 0; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown > ul.dropdown-menu { width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: 0; background: #efecec; padding: 30px 0 20px 0 !important; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown > ul.dropdown-menu li.span8 ul { width: 300px; margin-right: 8px !important; float: left; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li { height: auto; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li a:not(.btn):hover, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li a:not(.btn):focus { background: none; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li[class*="nav-icon-all-cinemas"] { height: 75px; text-indent: -9999em; margin-bottom: 5px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.span8 { margin: 0 0 10px 30px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.span8 > a { margin-top: 10px; float: left; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.span8 li[class^="nav-icon-"], header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.span8 li[class*=" nav-icon-"] { width: 170px; height: 60px; padding-left: 120px; margin-bottom: 11px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.span8 li[class^="nav-icon-"] a, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.span8 li[class*=" nav-icon-"] a { margin-top: -4px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon { background: #00539e; background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #00539e), color-stop(100%, #00539e)), #00539e; background: -webkit-linear-gradient(left top, #00539e, #00539e), #00539e; background: -moz-linear-gradient(left top, #00539e, #00539e), #00539e; background: -o-linear-gradient(left top, #00539e, #00539e), #00539e; background: linear-gradient(left top, #00539e, #00539e), #00539e; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF00539E', endColorstr='#FF00539E'); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; float: left; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon ul { width: 300px; padding: 10px 0 !important; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon ul li { margin: 10px 20px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon h2, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon a, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon label, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon span { color: white; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon h2 { margin: 20px 0 0 20px; font-size: 22px; display: inline-block; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon form { padding: 15px 0; margin-top: 0; margin-bottom: 0; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon form .btn { margin-right: 20px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon form label { font-size: 18px; margin-bottom: 12px; margin-left: 20px; float: left; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon form input:not(.btn) { width: 167px; margin-left: 20px; margin-right: 0; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon form .selectpicker, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon form a { margin-left: 20px; margin-right: 0; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon form .or { height: 40px; line-height: 40px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon form .or hr { width: 136px; float: left; clear: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon form .or span { margin: 0 5px; text-transform: uppercase; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon form:first-child { padding-bottom: 0; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon form:last-child { padding-top: 0; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon form.select-film { padding: 15px 0; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon form.select-film label { font-size: 14px; margin-bottom: 6px; display: block; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon form.select-film .selectpicker select { width: 360px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon form.select-film .selectpicker { margin-bottom: 15px; width: 360px; background-position: 325px -30px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown span { font-size: 12px; color: #333; margin-bottom: 14px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown h2 + a { display: inline-block; float: right; margin: 20px 20px 0 0; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon.login { padding: 20px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon.login h2 { font-weight: normal; font-size: 18px; display: inline-block; margin: 0 0 15px 0; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon.login h2 + a { display: inline-block; float: right; text-decoration: underline; margin: 0; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon.login a { margin-top: 10px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.select-odeon.login [class^="nav-icon-my-cinemas-"] { margin-bottom: 6px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.screenings, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.plus, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.premiere, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.cards { margin-left: 30px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.screenings li, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.plus li, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.premiere li, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.cards li { margin-bottom: 6px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.screenings a:not(.btn), header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.plus a:not(.btn), header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.premiere a:not(.btn), header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.cards a:not(.btn) { margin-top: 0; white-space: normal; display: block; clear: both; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.screenings span, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.plus span, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.premiere span, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.cards span { width: 85%; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.nav-icon-divide-shadow { background: url('../../static/img/divide-shadow.png?t=1521467966') no-repeat 100% 0; height: auto; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.nav-icon-divide-shadow-l { background: url('../../static/img/divide-shadow-l.png?t=1521467966') no-repeat 100% 0; height: auto; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.film-suggestions li { width: 188px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.film-suggestions li > a { display: inline-block; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.film-suggestions .star-rating { margin-right: 35px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.film-suggestions img { width: 70px; height: 105px; display: block; outline: none; border: none; float: left; margin-right: 12px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.film-suggestions [class*="cert-icon-"] { margin: 4px 8px 0 0; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.film-suggestions h3 { font-size: 13px; margin: 0; line-height: 16px; margin: 0 8px 4px 0; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.win-offers img { background: #ccc; width: 140px; height: 80px; display: block; outline: none; border: none; margin-bottom: 5px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.win-offers span { color: #2258a5; width: 140px; white-space: normal; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.premiere img { display: block; outline: none; border: none; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.premiere li.pull-left { margin-right: 20px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.premiere li.opc-points { color: #ec008c; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.premiere li.opc-points span { font-size: 22px; color: #ec008c; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.premiere li.opc-hint { background: #fff; padding: 10px 15px; float: left; margin-top: 5px; width: 250px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.premiere li.opc-hint span { margin-bottom: 0; color: #2258a5; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.premiere .btn { margin-top: 10px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.premiere h2, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.premiere h2.logout, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.cards h2, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.cards h2.logout { margin-bottom: 2px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.premiere h2.login, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown li.cards h2.login { margin-bottom: 10px; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown > a { font-weight: 500; display: block; height: 75px; line-height: 75px; padding: 0 10px; color: #143365; -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown:not(:first-child):hover > a, header .navbar.navbar-static-top .navbar-inner:last-child nav li.dropdown:not(:first-child):focus > a { background: #efecec; color: #333333; } header .navbar.navbar-static-top .navbar-inner:last-child nav li.header-nav:first-child a { padding: 0 5px; } header .navbar.navbar-static-top .navbar-inner:last-child input.search { width: 180px; padding-left: 30px; margin: 0 0 5px 0; } header .navbar.navbar-static-top .navbar-inner:last-child input.search:hover + .typeahead.dropdown-menu { display: block; } header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu { border: 1px solid #a6a6a6; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 300px; color: #333333; } header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu > li { padding: 0; } header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu > li > a { padding: 10px; border-top: 1px solid #f3f3f3; } header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu > li > .typeahead-noresult { padding: 10px; } header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu > li.active > a, header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu > li > a:hover, header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu > li > a:focus { background: rgba(19, 151, 213, 0.3); } header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu h3 { font-size: 14px; line-height: 20px; margin: 0; } header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu h4 { color: #2258a5; font-size: 13px; line-height: 16px; margin: 0; position: relative; top: -3px; } header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu h4, header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu p { max-width: 250px; height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu p { color: #333333; font-size: 11px; line-height: 11px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; margin: 0; height: 12px; } header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu .star-rating + p { margin-left: 48px; } header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu img { display: block; width: 36px; height: 52px; float: left; margin-right: 12px; } header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu [class*="cert-icon-"] { margin: 2px 6px 0 0; } header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu .btn { width: 302px; height: auto; padding: 10px 0; position: absolute; left: -1px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu .star-rating { float: none; display: inline-block; margin-bottom: 0; vertical-align: top; } header .navbar.navbar-static-top .navbar-inner:last-child .typeahead.dropdown-menu .form-box.grey { padding: 5px 10px; } header .navbar.navbar-static-top .navbar-inner:last-child form { margin-top: 22px; } header .myodeon-nav { background: #ffcc02; } header .myodeon-nav p { padding: 1em 0 0.5em 0; } header .myodeon-nav p a { color: #fff; } #quick-booking-reset { color: #333333; margin-right: 10px; font-size: 12px; } #luxeDropdownMenu + ul { /*display: block !important;*/ background: #9a9c9c; /* Old browsers */ background: -moz-linear-gradient(top, #9a9c9c 0%, #d6d9d9 20%, white 40%, white 60%, #d6d9d9 80%, #9a9c9c 100%) !important; /* FF3.6-15 */ background: -webkit-linear-gradient(top, #9a9c9c 0%, #d6d9d9 20%, white 40%, white 60%, #d6d9d9 80%, #9a9c9c 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #9a9c9c 0%, #d6d9d9 20%, #ffffff 40%, #ffffff 60%, #d6d9d9 80%, #9a9c9c 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a9c9c', endColorstr='#9a9c9c', GradientType=0) !important; /* IE6-9 */ padding-top: 60px !important; color: #143365; } #luxeDropdownMenu + ul .span5 { width: 300px; margin-right: 60px; padding-bottom: 40px; background: url("/static/img/luxe/luxe-logo-inline.png") no-repeat 50% 100%; background-size: 280px auto; } #luxeDropdownMenu + ul .span7 { margin-left: 0; } #luxeDropdownMenu + ul .more-button { text-align: right; } #luxeDropdownMenu + ul li.select-odeon { background: #143365 url("/static/img/luxe/luxe-seats-300x110.jpg") no-repeat 0 100%; background-size: 100% auto; padding: 20px 10px 130px 10px; border-radius: 5px 5px 0 0; } #luxeDropdownMenu + ul li.select-odeon form label { font-size: 14px; } #luxeDropdownMenu + ul li.select-odeon form .selectpicker { width: 180px; } #luxeDropdownMenu + ul h2 { font-size: 32px; margin-bottom: 20px; line-height: 32px; } #luxeDropdownMenu + ul p { font-size: 18px; margin: 1.5em 0; line-height: 23px; } /* footer styles */footer { background: #143365; } footer a:hover { color: white; text-decoration: none; } footer h2 { margin-bottom: 8px; } footer h2, footer a, footer span, footer p { font-size: 13px; color: white; vertical-align: middle; } footer h2, footer li { height: 30px; padding-left: 0 !important; } footer .row.content:first-child .span3 p { font-size: 12px; line-height: 20px; max-width: 180px; } footer .row.content:first-child .span3 ul + h2 { margin-bottom: 0; } footer .row.content:first-child .container:last-child a, footer .row.content:first-child .container:last-child span, footer .row.content:first-child .container:last-child p { font-size: 12px; } footer .row.content:first-child .container ul.inline { margin: 0; } footer .row.content:first-child .container ul.inline span { font-size: 8px; vertical-align: bottom; margin: 0 10px; } footer .row.content:first-child ul.inline li { height: auto; } footer .row.content { margin-bottom: 0; } footer .row.content .container { padding-top: 15px; padding-bottom: 15px; } footer hr { margin: 0 auto; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; max-width: 1440px; } footer i { margin-right: 4px; } footer div.container > span#footer-quote { font-size: 300px; color: red !important; .container: last-child span; } footer .footer-social { padding-top: 0 !important; padding-bottom: 0 !important; } footer .footer-social li, footer .footer-social li a { line-height: 30px; } footer .footer-social i { margin-top: -2px; vertical-align: middle; } footer .align-right { text-align: right; } #odeonEventCinemaTablist { height: 126px; padding: 0; } /* homepage specific styles */.allmessages-carousel.cycle-slideshow { height: 40px; top: 50%; } .components-sprite, .components-share-fb-icon, .components-share-gp-icon, .components-share-pi-icon, .components-share-tw-icon { background: url('../../static/img/sprites/components-s4144ac44fb.png') no-repeat; } .components-share-fb-icon { background-position: 0 -58px; height: 21px; width: 10px; } .components-share-gp-icon { background-position: 0 -22px; height: 19px; width: 21px; } .components-share-pi-icon { background-position: 0 0; height: 22px; width: 22px; } .components-share-tw-icon { background-position: 0 -41px; height: 17px; width: 21px; } .icon-sprite, .icon-android, .icon-arrow-hor-blue, .icon-cardholder-plus-blue, .icon-cardholder-plus-white, .icon-cinemas, .icon-close-blk, .icon-close-blue, .icon-close-light, .icon-details-black, .icon-details-blue, .icon-email, .icon-facebook, .icon-fav-star-blue, .icon-fav-star-grey, .icon-fav-star, .icon-fav-trash-blue, .icon-fav-trash-grey, .icon-films, .icon-form-info-small, .icon-form-info, .icon-google, .icon-help-blue, .icon-help, .icon-home, .icon-homes, .icon-icon-close, .icon-info-blue, .icon-info-darkblue, .icon-info-large-black, .icon-info-large-white, .icon-info-white, .icon-iphone, .icon-li-star-light, .icon-location-marker-arrow, .icon-logo-jurassic-world, .icon-logo-spectre, .icon-logo, .icon-magazine, .icon-mail-light, .icon-message, .icon-mobile, .icon-my-odeon, .icon-news-large-dark, .icon-odeon-light-small, .icon-opc-card-small, .icon-padlock-black, .icon-padlock-blue, .icon-page-first-blue, .icon-page-first-disabled, .icon-page-last-blue, .icon-page-last-disabled, .icon-page-next-blue, .icon-page-next-disabled, .icon-page-prev-blue, .icon-page-prev-disabled, .icon-phone-light, .icon-phone, .icon-pinterest, .icon-prefs-black, .icon-prefs-blue, .icon-premier-dark, .icon-premier-light, .icon-printpage, .icon-screen-light, .icon-search-large-close-retina, .icon-search-large-close, .icon-search-large-retina, .icon-search-large, .icon-search, .icon-twitter-medium, .icon-twitter, .icon-user-black, .icon-user-blue, .icon-vote-down, .icon-vote-up, .icon-wheelchair-dark, .icon-wheelchair-light, .icon-youtube { background: url('../../static/img/sprites/icon-s1019e42ad4.png') no-repeat; } .icon-android { background-position: 0 -1053px; height: 21px; width: 22px; } .icon-arrow-hor-blue { background-position: 0 -1646px; height: 42px; width: 21px; } .icon-cardholder-plus-blue { background-position: 0 -312px; height: 11px; width: 11px; } .icon-cardholder-plus-white { background-position: 0 -323px; height: 11px; width: 11px; } .icon-cinemas { background-position: 0 -554px; height: 50px; width: 53px; } .icon-close-blk { background-position: 0 -1537px; height: 16px; width: 16px; } .icon-close-blue { background-position: 0 -1244px; height: 16px; width: 16px; } .icon-close-light { background-position: 0 -1224px; height: 20px; width: 21px; } .icon-details-black { background-position: 0 -1625px; height: 21px; width: 21px; } .icon-details-blue { background-position: 0 -1183px; height: 21px; width: 21px; } .icon-email { background-position: 0 -1303px; height: 22px; width: 30px; } .icon-facebook { background-position: 0 -1701px; height: 21px; width: 22px; } .icon-fav-star-blue { background-position: 0 -1260px; height: 22px; width: 23px; } .icon-fav-star-grey { background-position: 0 -866px; height: 22px; width: 22px; } .icon-fav-star { background-position: 0 -820px; height: 25px; width: 26px; } .icon-fav-trash-blue { background-position: 0 -1882px; height: 17px; width: 13px; } .icon-fav-trash-grey { background-position: 0 -1865px; height: 17px; width: 13px; } .icon-films { background-position: 0 -419px; height: 50px; width: 53px; } .icon-form-info-small { background-position: 0 -296px; height: 16px; width: 16px; } .icon-form-info { background-position: 0 -1204px; height: 20px; width: 20px; } .icon-google { background-position: 0 -1325px; height: 21px; width: 22px; } .icon-help-blue { background-position: 0 -275px; height: 21px; width: 22px; } .icon-help { background-position: 0 -616px; height: 21px; width: 22px; } .icon-home { background-position: 0 -637px; height: 21px; width: 21px; } .icon-homes { background-position: 0 -695px; height: 50px; width: 53px; } .icon-icon-close { background-position: 0 -888px; height: 26px; width: 26px; } .icon-info-blue { background-position: 0 -745px; height: 18px; width: 18px; } .icon-info-darkblue { background-position: 0 -786px; height: 18px; width: 18px; } .icon-info-large-black { background-position: 0 -228px; height: 47px; width: 47px; } .icon-info-large-white { background-position: 0 -507px; height: 47px; width: 47px; } .icon-info-white { background-position: 0 -845px; height: 21px; width: 21px; } .icon-iphone { background-position: 0 -1364px; height: 21px; width: 22px; } .icon-li-star-light { background-position: 0 -1346px; height: 18px; width: 18px; } .icon-location-marker-arrow { background-position: 0 -1144px; height: 18px; width: 16px; } .icon-logo-jurassic-world { background-position: 0 -85px; height: 85px; width: 219px; } .icon-logo-spectre { background-position: 0 0; height: 85px; width: 219px; } .icon-logo { background-position: 0 -334px; height: 85px; width: 219px; } .icon-magazine { background-position: 0 -1431px; height: 21px; width: 22px; } .icon-mail-light { background-position: 0 -1096px; height: 23px; width: 30px; } .icon-message { background-position: 0 -1553px; height: 13px; width: 19px; } .icon-mobile { background-position: 0 -1587px; height: 21px; width: 22px; } .icon-my-odeon { background-position: 0 -1787px; height: 13px; width: 12px; } .icon-news-large-dark { background-position: 0 -469px; height: 38px; width: 35px; } .icon-odeon-light-small { background-position: 0 -604px; height: 12px; width: 38px; } .icon-opc-card-small { background-position: 0 -170px; height: 58px; width: 90px; } .icon-padlock-black { background-position: 0 -1385px; height: 21px; width: 21px; } .icon-padlock-blue { background-position: 0 -1282px; height: 21px; width: 21px; } .icon-page-first-blue { background-position: 0 -1839px; height: 13px; width: 12px; } .icon-page-first-disabled { background-position: 0 -1852px; height: 13px; width: 12px; } .icon-page-last-blue { background-position: 0 -1800px; height: 13px; width: 12px; } .icon-page-last-disabled { background-position: 0 -1813px; height: 13px; width: 12px; } .icon-page-next-blue { background-position: 0 -1735px; height: 13px; width: 11px; } .icon-page-next-disabled { background-position: 0 -1722px; height: 13px; width: 11px; } .icon-page-prev-blue { background-position: 0 -1774px; height: 13px; width: 11px; } .icon-page-prev-disabled { background-position: 0 -1748px; height: 13px; width: 11px; } .icon-phone-light { background-position: 0 -1406px; height: 25px; width: 30px; } .icon-phone { background-position: 0 -1119px; height: 25px; width: 30px; } .icon-pinterest { background-position: 0 -1162px; height: 21px; width: 22px; } .icon-prefs-black { background-position: 0 -1452px; height: 22px; width: 21px; } .icon-prefs-blue { background-position: 0 -1074px; height: 22px; width: 21px; } .icon-premier-dark { background-position: 0 -1973px; height: 12px; width: 14px; } .icon-premier-light { background-position: 0 -1985px; height: 13px; width: 10px; } .icon-printpage { background-position: 0 -1608px; height: 17px; width: 20px; } .icon-screen-light { background-position: 0 -1998px; height: 13px; width: 20px; } .icon-search-large-close-retina { background-position: 0 -979px; height: 74px; width: 74px; } .icon-search-large-close { background-position: 0 -658px; height: 37px; width: 37px; } .icon-search-large-retina { background-position: 0 -1899px; height: 74px; width: 74px; } .icon-search-large { background-position: 0 -914px; height: 37px; width: 37px; } .icon-search { background-position: 0 -951px; height: 28px; width: 25px; } .icon-twitter-medium { background-position: 0 -763px; height: 23px; width: 30px; } .icon-twitter { background-position: 0 -1516px; height: 21px; width: 22px; } .icon-user-black { background-position: 0 -1474px; height: 21px; width: 21px; } .icon-user-blue { background-position: 0 -1495px; height: 21px; width: 21px; } .icon-vote-down { background-position: 0 -1761px; height: 13px; width: 15px; } .icon-vote-up { background-position: 0 -1826px; height: 13px; width: 15px; } .icon-wheelchair-dark { background-position: 0 -804px; height: 16px; width: 14px; } .icon-wheelchair-light { background-position: 0 -1688px; height: 13px; width: 12px; } .icon-youtube { background-position: 0 -1566px; height: 21px; width: 22px; } .select-icon-sprite, .select-icon-select, .select-icon-small-dropdown-arrow { background: url('../../static/img/sprites/select-icon-sea849ff4eb.png') no-repeat; } .select-icon-select { background-position: 0 -30px; height: 28px; width: 35px; } .select-icon-small-dropdown-arrow { background-position: 0 0; height: 30px; width: 75px; } .nav-icon-sprite, .nav-icon-all-cinemas-ire, .nav-icon-all-cinemas, .nav-icon-arrow-blue, .nav-icon-arrow-white, .nav-icon-food-drink, .nav-icon-gallery-seating, .nav-icon-imax, .nav-icon-lounge, .nav-icon-my-cinemas-01, .nav-icon-my-cinemas-02, .nav-icon-my-cinemas-03, .nav-icon-odeon-3d, .nav-icon-odeon-dbox, .nav-icon-odeon-isense, .nav-icon-odeon-luxe, .nav-icon-premier-seating { background: url('../../static/img/sprites/nav-icon-s44e105f553.png') no-repeat; } .nav-icon-all-cinemas-ire { background-position: 0 -151px; height: 75px; width: 300px; } .nav-icon-all-cinemas { background-position: 0 0; height: 75px; width: 300px; } .nav-icon-arrow-blue { background-position: 0 -917px; height: 15px; width: 9px; } .nav-icon-arrow-white { background-position: 0 -932px; height: 15px; width: 9px; } .nav-icon-food-drink { background-position: 0 -737px; height: 60px; width: 110px; } .nav-icon-gallery-seating { background-position: 0 -857px; height: 60px; width: 110px; } .nav-icon-imax { background-position: 0 -497px; height: 60px; width: 110px; } .nav-icon-lounge { background-position: 0 -617px; height: 60px; width: 110px; } .nav-icon-my-cinemas-01 { background-position: 0 -302px; height: 75px; width: 260px; } .nav-icon-my-cinemas-02 { background-position: 0 -75px; height: 76px; width: 260px; } .nav-icon-my-cinemas-03 { background-position: 0 -226px; height: 76px; width: 260px; } .nav-icon-odeon-3d { background-position: 0 -437px; height: 60px; width: 110px; } .nav-icon-odeon-dbox { background-position: 0 -557px; height: 60px; width: 110px; } .nav-icon-odeon-isense { background-position: 0 -377px; height: 60px; width: 110px; } .nav-icon-odeon-luxe { background-position: 0 -797px; height: 60px; width: 110px; } .nav-icon-premier-seating { background-position: 0 -677px; height: 60px; width: 110px; } .rating-icon-sprite, .rating-icon-buzz-dark-large-inactive, .rating-icon-buzz-dark-medium-inactive, .rating-icon-buzz-dark-small-inactive, .rating-icon-buzz-large-active, .rating-icon-buzz-large-icon, .rating-icon-buzz-light-large-inactive, .rating-icon-buzz-light-medium-inactive, .rating-icon-buzz-light-small-inactive, .rating-icon-buzz-medium-active, .rating-icon-buzz-medium-icon, .rating-icon-buzz-small-active, .rating-icon-buzz-small-icon, .rating-icon-star-dark-medium-inactive, .rating-icon-star-dark-small-inactive, .rating-icon-star-dark-xtrasmall-inactive, .rating-icon-star-light-medium-inactive, .rating-icon-star-light-small-inactive, .rating-icon-star-light-xtrasmall-inactive, .rating-icon-star-medium-active, .rating-icon-star-small-active, .rating-icon-star-xtrasmall-active { background: url('../../static/img/sprites/rating-icon-s3fb62657eb.png') no-repeat; } .rating-icon-buzz-dark-large-inactive { background-position: 0 -172px; height: 29px; width: 180px; } .rating-icon-buzz-dark-medium-inactive { background-position: 0 -320px; height: 14px; width: 88px; } .rating-icon-buzz-dark-small-inactive { background-position: 0 -367px; height: 10px; width: 63px; } .rating-icon-buzz-large-active { background-position: 0 0; height: 29px; width: 180px; } .rating-icon-buzz-large-icon { background-position: 0 -57px; height: 15px; width: 54px; } .rating-icon-buzz-light-large-inactive { background-position: 0 -143px; height: 29px; width: 180px; } .rating-icon-buzz-light-medium-inactive { background-position: 0 -280px; height: 14px; width: 88px; } .rating-icon-buzz-light-small-inactive { background-position: 0 -357px; height: 10px; width: 63px; } .rating-icon-buzz-medium-active { background-position: 0 -266px; height: 14px; width: 88px; } .rating-icon-buzz-medium-icon { background-position: 0 -72px; height: 15px; width: 54px; } .rating-icon-buzz-small-active { background-position: 0 -347px; height: 10px; width: 63px; } .rating-icon-buzz-small-icon { background-position: 0 -219px; height: 11px; width: 38px; } .rating-icon-star-dark-medium-inactive { background-position: 0 -115px; height: 28px; width: 150px; } .rating-icon-star-dark-small-inactive { background-position: 0 -248px; height: 18px; width: 95px; } .rating-icon-star-dark-xtrasmall-inactive { background-position: 0 -334px; height: 13px; width: 65px; } .rating-icon-star-light-medium-inactive { background-position: 0 -87px; height: 28px; width: 150px; } .rating-icon-star-light-small-inactive { background-position: 0 -230px; height: 18px; width: 95px; } .rating-icon-star-light-xtrasmall-inactive { background-position: 0 -307px; height: 13px; width: 65px; } .rating-icon-star-medium-active { background-position: 0 -29px; height: 28px; width: 150px; } .rating-icon-star-small-active { background-position: 0 -201px; height: 18px; width: 95px; } .rating-icon-star-xtrasmall-active { background-position: 0 -294px; height: 13px; width: 65px; } .tab-icon-sprite, .tab-icon-arrow, .tab-icon-find-off, .tab-icon-find-on, .tab-icon-price-off-ire, .tab-icon-price-off, .tab-icon-price-on-ire, .tab-icon-price-on, .tab-icon-times-off, .tab-icon-times-on { background: url('../../static/img/sprites/tab-icon-sf64870c698.png') no-repeat; } .tab-icon-arrow { background-position: 0 -388px; height: 7px; width: 14px; } .tab-icon-find-off { background-position: 0 -194px; height: 51px; width: 38px; } .tab-icon-find-on { background-position: 0 -96px; height: 51px; width: 38px; } .tab-icon-price-off-ire { background-position: 0 -340px; height: 48px; width: 37px; } .tab-icon-price-off { background-position: 0 -245px; height: 47px; width: 37px; } .tab-icon-price-on-ire { background-position: 0 -292px; height: 48px; width: 37px; } .tab-icon-price-on { background-position: 0 -147px; height: 47px; width: 37px; } .tab-icon-times-off { background-position: 0 -48px; height: 48px; width: 49px; } .tab-icon-times-on { background-position: 0 0; height: 48px; width: 49px; } .carousel-icon-sprite, .carousel-icon-left, .carousel-icon-right { background: url('../../static/img/sprites/carousel-icon-s3632415626.png') no-repeat; } .carousel-icon-left { background-position: 0 -22px; height: 22px; width: 15px; } .carousel-icon-right { background-position: 0 0; height: 22px; width: 15px; } .film-icon-sprite, .film-icon-add, .film-icon-btn-facebook, .film-icon-btn-play, .film-icon-btn-watch-checked, .film-icon-btn-watch-deleted, .film-icon-btn-watch, .film-icon-distance, .film-icon-expiry-black, .film-icon-expiry-white, .film-icon-expiry, .film-icon-img-ribbon, .film-icon-watch { background: url('../../static/img/sprites/film-icon-s3b22bb1bfe.png') no-repeat; } .film-icon-add { background-position: 0 -177px; height: 18px; width: 18px; } .film-icon-btn-facebook { background-position: 0 -137px; height: 40px; width: 52px; } .film-icon-btn-play { background-position: 0 -210px; height: 16px; width: 16px; } .film-icon-btn-watch-checked { background-position: 0 -226px; height: 15px; width: 15px; } .film-icon-btn-watch-deleted { background-position: 0 -241px; height: 16px; width: 16px; } .film-icon-btn-watch { background-position: 0 -195px; height: 15px; width: 15px; } .film-icon-distance { background-position: 0 -257px; height: 10px; width: 17px; } .film-icon-expiry-black { background-position: 0 -93px; height: 22px; width: 18px; } .film-icon-expiry-white { background-position: 0 0; height: 22px; width: 18px; } .film-icon-expiry { background-position: 0 -115px; height: 22px; width: 18px; } .film-icon-img-ribbon { background-position: 0 -58px; height: 35px; width: 134px; } .film-icon-watch { background-position: 0 -22px; height: 36px; width: 36px; } .filter-icon-sprite, .filter-icon-closed, .filter-icon-opened { background: url('../../static/img/sprites/filter-icon-sa7f9c10043.png') no-repeat; } .filter-icon-closed { background-position: 0 0; height: 11px; width: 11px; } .filter-icon-opened { background-position: 0 -11px; height: 11px; width: 11px; } .filter-dark-icon-sprite, .filter-dark-icon-closed, .filter-dark-icon-opened { background: url('../../static/img/sprites/filter-dark-icon-s00ecd4368d.png') no-repeat; } .filter-dark-icon-closed { background-position: 0 0; height: 11px; width: 11px; } .filter-dark-icon-opened { background-position: 0 -11px; height: 11px; width: 11px; } .checkbox-icon-sprite, .checkbox-icon-checked, .checkbox-icon-unchecked { background: url('../../static/img/sprites/checkbox-icon-s8c623d09fe.png') no-repeat; } .checkbox-icon-checked { background-position: 0 0; height: 15px; width: 15px; } .checkbox-icon-unchecked { background-position: 0 -15px; height: 15px; width: 15px; } .radio-icon-sprite, .radio-icon-checked, .radio-icon-unchecked { background: url('../../static/img/sprites/radio-icon-sc0bf11fbd9.png') no-repeat; } .radio-icon-checked { background-position: 0 0; height: 15px; width: 14px; } .radio-icon-unchecked { background-position: 0 -15px; height: 15px; width: 14px; } .feature-icon-sprite, .feature-icon-dark-2d-large, .feature-icon-dark-2d-medium, .feature-icon-dark-3d-large, .feature-icon-dark-3d-medium, .feature-icon-dark-ambar-large, .feature-icon-dark-ambar-medium, .feature-icon-dark-backBritishFilm-large, .feature-icon-dark-backBritishFilm-medium, .feature-icon-dark-backbritishfilm-large, .feature-icon-dark-backbritishfilm-medium, .feature-icon-dark-beechdean-large, .feature-icon-dark-beechdean-medium, .feature-icon-dark-blast-large, .feature-icon-dark-blast-medium, .feature-icon-dark-bnj-large, .feature-icon-dark-bnj-medium, .feature-icon-dark-coffeerepublic-large, .feature-icon-dark-coffeerepublic-medium, .feature-icon-dark-coffeerepublic-xxl, .feature-icon-dark-costa-large, .feature-icon-dark-costa-medium, .feature-icon-dark-costa-xxl, .feature-icon-dark-croma-large, .feature-icon-dark-croma-medium, .feature-icon-dark-croma-xxl, .feature-icon-dark-dbox-large, .feature-icon-dark-dbox-medium, .feature-icon-dark-dolby2d-large, .feature-icon-dark-dolby2d-medium, .feature-icon-dark-dolby3d-large, .feature-icon-dark-dolby3d-medium, .feature-icon-dark-gallery-large, .feature-icon-dark-gallery-medium, .feature-icon-dark-imax-large, .feature-icon-dark-imax-medium, .feature-icon-dark-imax3d-large, .feature-icon-dark-imax3d-medium, .feature-icon-dark-isense-large, .feature-icon-dark-isense-medium, .feature-icon-dark-isense-normal-medium, .feature-icon-dark-isense3d-large, .feature-icon-dark-isense3d-medium, .feature-icon-dark-lounge-large, .feature-icon-dark-lounge-medium, .feature-icon-dark-yog-large, .feature-icon-dark-yog-medium, .feature-icon-light-2d-large, .feature-icon-light-2d-medium, .feature-icon-light-3d-large, .feature-icon-light-3d-medium, .feature-icon-light-ambar-large, .feature-icon-light-ambar-medium, .feature-icon-light-ambar-xl, .feature-icon-light-ambar-xxl, .feature-icon-light-backBritishFilm-large, .feature-icon-light-backBritishFilm-medium, .feature-icon-light-backbritishfilm-large, .feature-icon-light-backbritishfilm-medium, .feature-icon-light-beechdean-large, .feature-icon-light-beechdean-medium, .feature-icon-light-blast-large, .feature-icon-light-blast-medium, .feature-icon-light-bnj-large, .feature-icon-light-bnj-medium, .feature-icon-light-coffeerepublic-large, .feature-icon-light-coffeerepublic-medium, .feature-icon-light-coffeerepublic-xl, .feature-icon-light-costa-large, .feature-icon-light-costa-medium, .feature-icon-light-costa-xl, .feature-icon-light-croma-large, .feature-icon-light-croma-medium, .feature-icon-light-croma-xl, .feature-icon-light-dbox-large, .feature-icon-light-dbox-medium, .feature-icon-light-dbox-xl, .feature-icon-light-dbox-xxl, .feature-icon-light-dolby2d-large, .feature-icon-light-dolby2d-medium, .feature-icon-light-dolby3d-large, .feature-icon-light-dolby3d-medium, .feature-icon-light-gallery-large, .feature-icon-light-gallery-medium, .feature-icon-light-gallery-xl, .feature-icon-light-gallery-xxl, .feature-icon-light-imax-large, .feature-icon-light-imax-medium, .feature-icon-light-imax-small, .feature-icon-light-imax-xl, .feature-icon-light-imax-xxl, .feature-icon-light-imax-xxxl, .feature-icon-light-imax3d-large, .feature-icon-light-imax3d-medium, .feature-icon-light-isense-large, .feature-icon-light-isense-medium, .feature-icon-light-isense-xl, .feature-icon-light-isense-xxl, .feature-icon-light-isense3d-large, .feature-icon-light-isense3d-medium, .feature-icon-light-lounge-large, .feature-icon-light-lounge-medium, .feature-icon-light-yog-large, .feature-icon-light-yog-medium, .feature-icon-navy-blue-2d-large, .feature-icon-navy-blue-2d-medium, .feature-icon-navy-blue-3d-large, .feature-icon-navy-blue-3d-medium, .feature-icon-navy-blue-ambar-large, .feature-icon-navy-blue-ambar-medium, .feature-icon-navy-blue-backbritishfilm-large, .feature-icon-navy-blue-backbritishfilm-medium, .feature-icon-navy-blue-beechdean-large, .feature-icon-navy-blue-beechdean-medium, .feature-icon-navy-blue-blast-large, .feature-icon-navy-blue-blast-medium, .feature-icon-navy-blue-bnj-large, .feature-icon-navy-blue-bnj-medium, .feature-icon-navy-blue-coffeerepublic-large, .feature-icon-navy-blue-coffeerepublic-medium, .feature-icon-navy-blue-costa-large, .feature-icon-navy-blue-costa-medium, .feature-icon-navy-blue-croma-large, .feature-icon-navy-blue-croma-medium, .feature-icon-navy-blue-dbox-large, .feature-icon-navy-blue-dbox-medium, .feature-icon-navy-blue-dolby2d-medium, .feature-icon-navy-blue-dolby3d-medium, .feature-icon-navy-blue-gallery-large, .feature-icon-navy-blue-gallery-medium, .feature-icon-navy-blue-imax-large, .feature-icon-navy-blue-imax-medium, .feature-icon-navy-blue-imax3d-large, .feature-icon-navy-blue-imax3d-medium, .feature-icon-navy-blue-isense-large, .feature-icon-navy-blue-isense-medium, .feature-icon-navy-blue-isense3d-large, .feature-icon-navy-blue-isense3d-medium, .feature-icon-navy-blue-lounge-large, .feature-icon-navy-blue-lounge-medium, .feature-icon-navy-blue-yog-large, .feature-icon-navy-blue-yog-medium { background: url('../../static/img/sprites/feature-icon-s67177ab82c.png') no-repeat; } .feature-icon-dark-2d-large { background-position: 0 -4377px; height: 35px; width: 29px; } .feature-icon-dark-2d-medium { background-position: 0 -4473px; height: 26px; width: 24px; } .feature-icon-dark-3d-large { background-position: 0 -2735px; height: 35px; width: 72px; } .feature-icon-dark-3d-medium { background-position: 0 -4007px; height: 26px; width: 54px; } .feature-icon-dark-ambar-large { background-position: 0 -3494px; height: 35px; width: 60px; } .feature-icon-dark-ambar-medium { background-position: 0 -2237px; height: 26px; width: 45px; } .feature-icon-dark-backBritishFilm-large { background-position: 0 -1391px; height: 35px; width: 74px; } .feature-icon-dark-backBritishFilm-medium { background-position: 0 -4068px; height: 26px; width: 19px; } .feature-icon-dark-backbritishfilm-large { background-position: 0 -1426px; height: 35px; width: 74px; } .feature-icon-dark-backbritishfilm-medium { background-position: 0 -4094px; height: 26px; width: 19px; } .feature-icon-dark-beechdean-large { background-position: 0 -931px; height: 35px; width: 61px; } .feature-icon-dark-beechdean-medium { background-position: 0 -1900px; height: 26px; width: 51px; } .feature-icon-dark-blast-large { background-position: 0 -1251px; height: 35px; width: 61px; } .feature-icon-dark-blast-medium { background-position: 0 -2428px; height: 26px; width: 45px; } .feature-icon-dark-bnj-large { background-position: 0 -1149px; height: 35px; width: 85px; } .feature-icon-dark-bnj-medium { background-position: 0 -1036px; height: 26px; width: 64px; } .feature-icon-dark-coffeerepublic-large { background-position: 0 -2150px; height: 35px; width: 75px; } .feature-icon-dark-coffeerepublic-medium { background-position: 0 -2857px; height: 26px; width: 58px; } .feature-icon-dark-coffeerepublic-xxl { background-position: 0 -540px; height: 78px; width: 170px; } .feature-icon-dark-costa-large { background-position: 0 -3334px; height: 35px; width: 74px; } .feature-icon-dark-costa-medium { background-position: 0 -2796px; height: 26px; width: 56px; } .feature-icon-dark-costa-xxl { background-position: 0 -818px; height: 78px; width: 164px; } .feature-icon-dark-croma-large { background-position: 0 -2953px; height: 35px; width: 87px; } .feature-icon-dark-croma-medium { background-position: 0 -3824px; height: 26px; width: 65px; } .feature-icon-dark-croma-xxl { background-position: 0 -99px; height: 78px; width: 237px; } .feature-icon-dark-dbox-large { background-position: 0 -3920px; height: 35px; width: 76px; } .feature-icon-dark-dbox-medium { background-position: 0 -3248px; height: 26px; width: 59px; } .feature-icon-dark-dolby2d-large { background-position: 0 -506px; height: 17px; width: 100px; } .feature-icon-dark-dolby2d-medium { background-position: 0 -523px; height: 17px; width: 100px; } .feature-icon-dark-dolby3d-large { background-position: 0 -714px; height: 17px; width: 100px; } .feature-icon-dark-dolby3d-medium { background-position: 0 -731px; height: 17px; width: 100px; } .feature-icon-dark-gallery-large { background-position: 0 -1557px; height: 35px; width: 75px; } .feature-icon-dark-gallery-medium { background-position: 0 -2350px; height: 26px; width: 56px; } .feature-icon-dark-imax-large { background-position: 0 -2883px; height: 35px; width: 62px; } .feature-icon-dark-imax-medium { background-position: 0 -3625px; height: 26px; width: 48px; } .feature-icon-dark-imax3d-large { background-position: 0 -3564px; height: 35px; width: 92px; } .feature-icon-dark-imax3d-medium { background-position: 0 -2570px; height: 26px; width: 75px; } .feature-icon-dark-isense-large { background-position: 0 -1865px; height: 35px; width: 67px; } .feature-icon-dark-isense-medium { background-position: 0 -2515px; height: 23px; width: 67px; } .feature-icon-dark-isense-normal-medium { background-position: 0 -3162px; height: 26px; width: 47px; } .feature-icon-dark-isense3d-large { background-position: 0 -748px; height: 35px; width: 102px; } .feature-icon-dark-isense3d-medium { background-position: 0 -2211px; height: 26px; width: 72px; } .feature-icon-dark-lounge-large { background-position: 0 -1286px; height: 35px; width: 86px; } .feature-icon-dark-lounge-medium { background-position: 0 -1618px; height: 26px; width: 65px; } .feature-icon-dark-yog-large { background-position: 0 -2022px; height: 35px; width: 45px; } .feature-icon-dark-yog-medium { background-position: 0 -3188px; height: 25px; width: 32px; } .feature-icon-light-2d-large { background-position: 0 -4412px; height: 35px; width: 29px; } .feature-icon-light-2d-medium { background-position: 0 -4499px; height: 26px; width: 24px; } .feature-icon-light-3d-large { background-position: 0 -3075px; height: 35px; width: 72px; } .feature-icon-light-3d-medium { background-position: 0 -3955px; height: 26px; width: 54px; } .feature-icon-light-ambar-large { background-position: 0 -3676px; height: 35px; width: 60px; } .feature-icon-light-ambar-medium { background-position: 0 -2324px; height: 26px; width: 45px; } .feature-icon-light-ambar-xl { background-position: 0 -1679px; height: 32px; width: 76px; } .feature-icon-light-ambar-xxl { background-position: 0 -177px; height: 78px; width: 130px; } .feature-icon-light-backBritishFilm-large { background-position: 0 -1734px; height: 35px; width: 74px; } .feature-icon-light-backBritishFilm-medium { background-position: 0 -4154px; height: 26px; width: 19px; } .feature-icon-light-backbritishfilm-large { background-position: 0 -1769px; height: 35px; width: 74px; } .feature-icon-light-backbritishfilm-medium { background-position: 0 -4180px; height: 26px; width: 19px; } .feature-icon-light-beechdean-large { background-position: 0 -783px; height: 35px; width: 61px; } .feature-icon-light-beechdean-medium { background-position: 0 -1961px; height: 26px; width: 51px; } .feature-icon-light-blast-large { background-position: 0 -1461px; height: 35px; width: 61px; } .feature-icon-light-blast-medium { background-position: 0 -2596px; height: 26px; width: 45px; } .feature-icon-light-bnj-large { background-position: 0 -1830px; height: 35px; width: 85px; } .feature-icon-light-bnj-medium { background-position: 0 -1062px; height: 26px; width: 64px; } .feature-icon-light-coffeerepublic-large { background-position: 0 -2263px; height: 35px; width: 75px; } .feature-icon-light-coffeerepublic-medium { background-position: 0 -2988px; height: 26px; width: 58px; } .feature-icon-light-coffeerepublic-xl { background-position: 0 -472px; height: 34px; width: 102px; } .feature-icon-light-costa-large { background-position: 0 -3850px; height: 35px; width: 74px; } .feature-icon-light-costa-medium { background-position: 0 -3049px; height: 26px; width: 56px; } .feature-icon-light-costa-xl { background-position: 0 -3369px; height: 32px; width: 95px; } .feature-icon-light-croma-large { background-position: 0 -3213px; height: 35px; width: 87px; } .feature-icon-light-croma-medium { background-position: 0 -3981px; height: 26px; width: 65px; } .feature-icon-light-croma-xl { background-position: 0 -2538px; height: 32px; width: 107px; } .feature-icon-light-dbox-large { background-position: 0 -4033px; height: 35px; width: 76px; } .feature-icon-light-dbox-medium { background-position: 0 -3401px; height: 26px; width: 59px; } .feature-icon-light-dbox-xl { background-position: 0 -3462px; height: 32px; width: 96px; } .feature-icon-light-dbox-xxl { background-position: 0 -377px; height: 78px; width: 178px; } .feature-icon-light-dolby2d-large { background-position: 0 -333px; height: 22px; width: 100px; } .feature-icon-light-dolby2d-medium { background-position: 0 -355px; height: 22px; width: 100px; } .feature-icon-light-dolby3d-large { background-position: 0 -635px; height: 22px; width: 100px; } .feature-icon-light-dolby3d-medium { background-position: 0 -657px; height: 22px; width: 100px; } .feature-icon-light-gallery-large { background-position: 0 -1644px; height: 35px; width: 75px; } .feature-icon-light-gallery-medium { background-position: 0 -2402px; height: 26px; width: 56px; } .feature-icon-light-gallery-xl { background-position: 0 -2057px; height: 32px; width: 95px; } .feature-icon-light-gallery-xxl { background-position: 0 -255px; height: 78px; width: 168px; } .feature-icon-light-imax-large { background-position: 0 -3014px; height: 35px; width: 62px; } .feature-icon-light-imax-medium { background-position: 0 -3772px; height: 26px; width: 48px; } .feature-icon-light-imax-small { background-position: 0 -4146px; height: 8px; width: 36px; } .feature-icon-light-imax-xl { background-position: 0 -4525px; height: 32px; width: 94px; } .feature-icon-light-imax-xxl { background-position: 0 -4264px; height: 78px; width: 151px; } .feature-icon-light-imax-xxxl { background-position: 0 -4206px; height: 58px; width: 178px; } .feature-icon-light-imax3d-large { background-position: 0 -3737px; height: 35px; width: 92px; } .feature-icon-light-imax3d-medium { background-position: 0 -2622px; height: 26px; width: 75px; } .feature-icon-light-isense-large { background-position: 0 0; height: 21px; width: 108px; } .feature-icon-light-isense-medium { background-position: 0 -1711px; height: 23px; width: 77px; } .feature-icon-light-isense-xl { background-position: 0 -1219px; height: 32px; width: 83px; } .feature-icon-light-isense-xxl { background-position: 0 -21px; height: 78px; width: 175px; } .feature-icon-light-isense3d-large { background-position: 0 -966px; height: 35px; width: 102px; } .feature-icon-light-isense3d-medium { background-position: 0 -2648px; height: 26px; width: 72px; } .feature-icon-light-lounge-large { background-position: 0 -1321px; height: 35px; width: 86px; } .feature-icon-light-lounge-medium { background-position: 0 -1496px; height: 26px; width: 65px; } .feature-icon-light-yog-large { background-position: 0 -2454px; height: 35px; width: 45px; } .feature-icon-light-yog-medium { background-position: 0 -3651px; height: 25px; width: 32px; } .feature-icon-navy-blue-2d-large { background-position: 0 -4342px; height: 35px; width: 29px; } .feature-icon-navy-blue-2d-medium { background-position: 0 -4447px; height: 26px; width: 24px; } .feature-icon-navy-blue-3d-large { background-position: 0 -2700px; height: 35px; width: 72px; } .feature-icon-navy-blue-3d-medium { background-position: 0 -3711px; height: 26px; width: 54px; } .feature-icon-navy-blue-ambar-large { background-position: 0 -3427px; height: 35px; width: 60px; } .feature-icon-navy-blue-ambar-medium { background-position: 0 -2124px; height: 26px; width: 45px; } .feature-icon-navy-blue-backbritishfilm-large { background-position: 0 -1356px; height: 35px; width: 74px; } .feature-icon-navy-blue-backbritishfilm-medium { background-position: 0 -4120px; height: 26px; width: 19px; } .feature-icon-navy-blue-beechdean-large { background-position: 0 -679px; height: 35px; width: 61px; } .feature-icon-navy-blue-beechdean-medium { background-position: 0 -1804px; height: 26px; width: 51px; } .feature-icon-navy-blue-blast-large { background-position: 0 -1001px; height: 35px; width: 61px; } .feature-icon-navy-blue-blast-medium { background-position: 0 -2185px; height: 26px; width: 45px; } .feature-icon-navy-blue-bnj-large { background-position: 0 -1114px; height: 35px; width: 85px; } .feature-icon-navy-blue-bnj-medium { background-position: 0 -1088px; height: 26px; width: 64px; } .feature-icon-navy-blue-coffeerepublic-large { background-position: 0 -2089px; height: 35px; width: 75px; } .feature-icon-navy-blue-coffeerepublic-medium { background-position: 0 -2674px; height: 26px; width: 58px; } .feature-icon-navy-blue-costa-large { background-position: 0 -3274px; height: 35px; width: 74px; } .feature-icon-navy-blue-costa-medium { background-position: 0 -2770px; height: 26px; width: 56px; } .feature-icon-navy-blue-croma-large { background-position: 0 -2918px; height: 35px; width: 87px; } .feature-icon-navy-blue-croma-medium { background-position: 0 -3798px; height: 26px; width: 65px; } .feature-icon-navy-blue-dbox-large { background-position: 0 -3885px; height: 35px; width: 76px; } .feature-icon-navy-blue-dbox-medium { background-position: 0 -3136px; height: 26px; width: 59px; } .feature-icon-navy-blue-dolby2d-medium { background-position: 0 -455px; height: 17px; width: 100px; } .feature-icon-navy-blue-dolby3d-medium { background-position: 0 -618px; height: 17px; width: 100px; } .feature-icon-navy-blue-gallery-large { background-position: 0 -1522px; height: 35px; width: 75px; } .feature-icon-navy-blue-gallery-medium { background-position: 0 -2298px; height: 26px; width: 56px; } .feature-icon-navy-blue-imax-large { background-position: 0 -2822px; height: 35px; width: 62px; } .feature-icon-navy-blue-imax-medium { background-position: 0 -3599px; height: 26px; width: 48px; } .feature-icon-navy-blue-imax3d-large { background-position: 0 -3529px; height: 35px; width: 92px; } .feature-icon-navy-blue-imax3d-medium { background-position: 0 -2489px; height: 26px; width: 75px; } .feature-icon-navy-blue-isense-large { background-position: 0 -1987px; height: 35px; width: 67px; } .feature-icon-navy-blue-isense-medium { background-position: 0 -3110px; height: 26px; width: 47px; } .feature-icon-navy-blue-isense3d-large { background-position: 0 -896px; height: 35px; width: 102px; } .feature-icon-navy-blue-isense3d-medium { background-position: 0 -2376px; height: 26px; width: 72px; } .feature-icon-navy-blue-lounge-large { background-position: 0 -1184px; height: 35px; width: 86px; } .feature-icon-navy-blue-lounge-medium { background-position: 0 -1592px; height: 26px; width: 65px; } .feature-icon-navy-blue-yog-large { background-position: 0 -1926px; height: 35px; width: 45px; } .feature-icon-navy-blue-yog-medium { background-position: 0 -3309px; height: 25px; width: 32px; } .cert-icon-sprite, .cert-icon-ire-12A-large, .cert-icon-ire-12A-medium, .cert-icon-ire-12A-small, .cert-icon-ire-15A-large, .cert-icon-ire-15A-medium, .cert-icon-ire-15A-small, .cert-icon-ire-16-large, .cert-icon-ire-16-medium, .cert-icon-ire-16-small, .cert-icon-ire-18-large, .cert-icon-ire-18-medium, .cert-icon-ire-18-small, .cert-icon-ire-GEN-large, .cert-icon-ire-GEN-medium, .cert-icon-ire-GEN-small, .cert-icon-ire-Gen-large, .cert-icon-ire-Gen-medium, .cert-icon-ire-Gen-small, .cert-icon-ire-PG-large, .cert-icon-ire-PG-medium, .cert-icon-ire-PG-small, .cert-icon-ire-TBC-large, .cert-icon-ire-TBC-medium, .cert-icon-ire-TBC-small, .cert-icon-uk-12-large, .cert-icon-uk-12-medium, .cert-icon-uk-12-small, .cert-icon-uk-12A-large, .cert-icon-uk-12A-medium, .cert-icon-uk-12A-small, .cert-icon-uk-15-large, .cert-icon-uk-15-medium, .cert-icon-uk-15-small, .cert-icon-uk-18-large, .cert-icon-uk-18-medium, .cert-icon-uk-18-small, .cert-icon-uk-PG-large, .cert-icon-uk-PG-medium, .cert-icon-uk-PG-small, .cert-icon-uk-TBC-large, .cert-icon-uk-TBC-medium, .cert-icon-uk-TBC-small, .cert-icon-uk-U-large, .cert-icon-uk-U-medium, .cert-icon-uk-U-small { background: url('../../static/img/sprites/cert-icon-sf5e03754df.png') no-repeat; } .cert-icon-ire-12A-large { background-position: 0 -440px; height: 40px; width: 40px; } .cert-icon-ire-12A-medium { background-position: 0 -1032px; height: 23px; width: 23px; } .cert-icon-ire-12A-small { background-position: 0 -1192px; height: 19px; width: 19px; } .cert-icon-ire-15A-large { background-position: 0 -360px; height: 40px; width: 40px; } .cert-icon-ire-15A-medium { background-position: 0 -906px; height: 23px; width: 23px; } .cert-icon-ire-15A-small { background-position: 0 -1093px; height: 19px; width: 19px; } .cert-icon-ire-16-large { background-position: 0 -480px; height: 40px; width: 40px; } .cert-icon-ire-16-medium { background-position: 0 -929px; height: 23px; width: 23px; } .cert-icon-ire-16-small { background-position: 0 -1154px; height: 19px; width: 19px; } .cert-icon-ire-18-large { background-position: 0 -583px; height: 40px; width: 40px; } .cert-icon-ire-18-medium { background-position: 0 -1131px; height: 23px; width: 23px; } .cert-icon-ire-18-small { background-position: 0 -1211px; height: 19px; width: 19px; } .cert-icon-ire-GEN-large { background-position: 0 -200px; height: 40px; width: 40px; } .cert-icon-ire-GEN-medium { background-position: 0 -784px; height: 23px; width: 23px; } .cert-icon-ire-GEN-small { background-position: 0 -952px; height: 19px; width: 19px; } .cert-icon-ire-Gen-large { background-position: 0 -240px; height: 40px; width: 40px; } .cert-icon-ire-Gen-medium { background-position: 0 -807px; height: 23px; width: 23px; } .cert-icon-ire-Gen-small { background-position: 0 -971px; height: 19px; width: 19px; } .cert-icon-ire-PG-large { background-position: 0 -160px; height: 40px; width: 40px; } .cert-icon-ire-PG-medium { background-position: 0 -761px; height: 23px; width: 23px; } .cert-icon-ire-PG-small { background-position: 0 -990px; height: 19px; width: 19px; } .cert-icon-ire-TBC-large { background-position: 0 -520px; height: 40px; width: 40px; } .cert-icon-ire-TBC-medium { background-position: 0 -1009px; height: 23px; width: 23px; } .cert-icon-ire-TBC-small { background-position: 0 -1055px; height: 19px; width: 19px; } .cert-icon-uk-12-large { background-position: 0 0; height: 40px; width: 40px; } .cert-icon-uk-12-medium { background-position: 0 -623px; height: 23px; width: 23px; } .cert-icon-uk-12-small { background-position: 0 -868px; height: 19px; width: 19px; } .cert-icon-uk-12A-large { background-position: 0 -120px; height: 40px; width: 40px; } .cert-icon-uk-12A-medium { background-position: 0 -669px; height: 23px; width: 23px; } .cert-icon-uk-12A-small { background-position: 0 -830px; height: 19px; width: 19px; } .cert-icon-uk-15-large { background-position: 0 -40px; height: 40px; width: 40px; } .cert-icon-uk-15-medium { background-position: 0 -646px; height: 23px; width: 23px; } .cert-icon-uk-15-small { background-position: 0 -887px; height: 19px; width: 19px; } .cert-icon-uk-18-large { background-position: 0 -80px; height: 40px; width: 40px; } .cert-icon-uk-18-medium { background-position: 0 -560px; height: 23px; width: 23px; } .cert-icon-uk-18-small { background-position: 0 -849px; height: 19px; width: 19px; } .cert-icon-uk-PG-large { background-position: 0 -400px; height: 40px; width: 40px; } .cert-icon-uk-PG-medium { background-position: 0 -738px; height: 23px; width: 27px; } .cert-icon-uk-PG-small { background-position: 0 -1112px; height: 19px; width: 21px; } .cert-icon-uk-TBC-large { background-position: 0 -280px; height: 40px; width: 40px; } .cert-icon-uk-TBC-medium { background-position: 0 -692px; height: 23px; width: 27px; } .cert-icon-uk-TBC-small { background-position: 0 -1074px; height: 19px; width: 21px; } .cert-icon-uk-U-large { background-position: 0 -320px; height: 40px; width: 40px; } .cert-icon-uk-U-medium { background-position: 0 -715px; height: 23px; width: 27px; } .cert-icon-uk-U-small { background-position: 0 -1173px; height: 19px; width: 21px; } .large-info-icon-sprite, .large-info-icon-cinemas, .large-info-icon-clapper, .large-info-icon-email, .large-info-icon-inspire-me, .large-info-icon-rating, .large-info-icon-ticket { background: url('../../static/img/sprites/large-info-icon-sea05d39732.png') no-repeat; } .large-info-icon-cinemas { background-position: 0 -300px; height: 75px; width: 75px; } .large-info-icon-clapper { background-position: 0 -75px; height: 75px; width: 75px; } .large-info-icon-email { background-position: 0 -225px; height: 75px; width: 75px; } .large-info-icon-inspire-me { background-position: 0 0; height: 75px; width: 75px; } .large-info-icon-rating { background-position: 0 -150px; height: 75px; width: 75px; } .large-info-icon-ticket { background-position: 0 -375px; height: 75px; width: 75px; } .medium-info-icon-sprite, .medium-info-icon-cinemas, .medium-info-icon-clapper, .medium-info-icon-email, .medium-info-icon-inspire-me, .medium-info-icon-rating, .medium-info-icon-ticket { background: url('../../static/img/sprites/medium-info-icon-s97d5b73d3e.png') no-repeat; } .medium-info-icon-cinemas { background-position: 0 -260px; height: 65px; width: 65px; } .medium-info-icon-clapper { background-position: 0 -130px; height: 65px; width: 65px; } .medium-info-icon-email { background-position: 0 -195px; height: 65px; width: 65px; } .medium-info-icon-inspire-me { background-position: 0 0; height: 65px; width: 65px; } .medium-info-icon-rating { background-position: 0 -65px; height: 65px; width: 65px; } .medium-info-icon-ticket { background-position: 0 -325px; height: 65px; width: 65px; } .info-icon-sprite, .info-icon-form-info-small-grey, .info-icon-form-info-small-white, .info-icon-form-info-small, .info-icon-form-info-white, .info-icon-form-info { background: url('../../static/img/sprites/info-icon-s1584a3e72a.png') no-repeat; } .info-icon-form-info-small-grey { background-position: 0 -52px; height: 16px; width: 16px; } .info-icon-form-info-small-white { background-position: 0 -36px; height: 16px; width: 16px; } .info-icon-form-info-small { background-position: 0 0; height: 16px; width: 16px; } .info-icon-form-info-white { background-position: 0 -68px; height: 20px; width: 20px; } .info-icon-form-info { background-position: 0 -16px; height: 20px; width: 20px; } .film-icon-sprite, .film-icon-add, .film-icon-btn-facebook, .film-icon-btn-play, .film-icon-btn-watch-checked, .film-icon-btn-watch-deleted, .film-icon-btn-watch, .film-icon-distance, .film-icon-expiry-black, .film-icon-expiry-white, .film-icon-expiry, .film-icon-img-ribbon, .film-icon-watch { background: url('../../static/img/sprites/film-icon-s3b22bb1bfe.png') no-repeat; } .film-icon-add { background-position: 0 -177px; height: 18px; width: 18px; } .film-icon-btn-facebook { background-position: 0 -137px; height: 40px; width: 52px; } .film-icon-btn-play { background-position: 0 -210px; height: 16px; width: 16px; } .film-icon-btn-watch-checked { background-position: 0 -226px; height: 15px; width: 15px; } .film-icon-btn-watch-deleted { background-position: 0 -241px; height: 16px; width: 16px; } .film-icon-btn-watch { background-position: 0 -195px; height: 15px; width: 15px; } .film-icon-distance { background-position: 0 -257px; height: 10px; width: 17px; } .film-icon-expiry-black { background-position: 0 -93px; height: 22px; width: 18px; } .film-icon-expiry-white { background-position: 0 0; height: 22px; width: 18px; } .film-icon-expiry { background-position: 0 -115px; height: 22px; width: 18px; } .film-icon-img-ribbon { background-position: 0 -58px; height: 35px; width: 134px; } .film-icon-watch { background-position: 0 -22px; height: 36px; width: 36px; } .icon-sprite, .icon-android, .icon-arrow-hor-blue, .icon-cardholder-plus-blue, .icon-cardholder-plus-white, .icon-cinemas, .icon-close-blk, .icon-close-blue, .icon-close-light, .icon-details-black, .icon-details-blue, .icon-email, .icon-facebook, .icon-fav-star-blue, .icon-fav-star-grey, .icon-fav-star, .icon-fav-trash-blue, .icon-fav-trash-grey, .icon-films, .icon-form-info-small, .icon-form-info, .icon-google, .icon-help-blue, .icon-help, .icon-home, .icon-homes, .icon-icon-close, .icon-info-blue, .icon-info-darkblue, .icon-info-large-black, .icon-info-large-white, .icon-info-white, .icon-iphone, .icon-li-star-light, .icon-location-marker-arrow, .icon-logo-jurassic-world, .icon-logo-spectre, .icon-logo, .icon-magazine, .icon-mail-light, .icon-message, .icon-mobile, .icon-my-odeon, .icon-news-large-dark, .icon-odeon-light-small, .icon-opc-card-small, .icon-padlock-black, .icon-padlock-blue, .icon-page-first-blue, .icon-page-first-disabled, .icon-page-last-blue, .icon-page-last-disabled, .icon-page-next-blue, .icon-page-next-disabled, .icon-page-prev-blue, .icon-page-prev-disabled, .icon-phone-light, .icon-phone, .icon-pinterest, .icon-prefs-black, .icon-prefs-blue, .icon-premier-dark, .icon-premier-light, .icon-printpage, .icon-screen-light, .icon-search-large-close-retina, .icon-search-large-close, .icon-search-large-retina, .icon-search-large, .icon-search, .icon-twitter-medium, .icon-twitter, .icon-user-black, .icon-user-blue, .icon-vote-down, .icon-vote-up, .icon-wheelchair-dark, .icon-wheelchair-light, .icon-youtube { background: url('../../static/img/sprites/icon-s1019e42ad4.png') no-repeat; } .icon-android { background-position: 0 -1053px; height: 21px; width: 22px; } .icon-arrow-hor-blue { background-position: 0 -1646px; height: 42px; width: 21px; } .icon-cardholder-plus-blue { background-position: 0 -312px; height: 11px; width: 11px; } .icon-cardholder-plus-white { background-position: 0 -323px; height: 11px; width: 11px; } .icon-cinemas { background-position: 0 -554px; height: 50px; width: 53px; } .icon-close-blk { background-position: 0 -1537px; height: 16px; width: 16px; } .icon-close-blue { background-position: 0 -1244px; height: 16px; width: 16px; } .icon-close-light { background-position: 0 -1224px; height: 20px; width: 21px; } .icon-details-black { background-position: 0 -1625px; height: 21px; width: 21px; } .icon-details-blue { background-position: 0 -1183px; height: 21px; width: 21px; } .icon-email { background-position: 0 -1303px; height: 22px; width: 30px; } .icon-facebook { background-position: 0 -1701px; height: 21px; width: 22px; } .icon-fav-star-blue { background-position: 0 -1260px; height: 22px; width: 23px; } .icon-fav-star-grey { background-position: 0 -866px; height: 22px; width: 22px; } .icon-fav-star { background-position: 0 -820px; height: 25px; width: 26px; } .icon-fav-trash-blue { background-position: 0 -1882px; height: 17px; width: 13px; } .icon-fav-trash-grey { background-position: 0 -1865px; height: 17px; width: 13px; } .icon-films { background-position: 0 -419px; height: 50px; width: 53px; } .icon-form-info-small { background-position: 0 -296px; height: 16px; width: 16px; } .icon-form-info { background-position: 0 -1204px; height: 20px; width: 20px; } .icon-google { background-position: 0 -1325px; height: 21px; width: 22px; } .icon-help-blue { background-position: 0 -275px; height: 21px; width: 22px; } .icon-help { background-position: 0 -616px; height: 21px; width: 22px; } .icon-home { background-position: 0 -637px; height: 21px; width: 21px; } .icon-homes { background-position: 0 -695px; height: 50px; width: 53px; } .icon-icon-close { background-position: 0 -888px; height: 26px; width: 26px; } .icon-info-blue { background-position: 0 -745px; height: 18px; width: 18px; } .icon-info-darkblue { background-position: 0 -786px; height: 18px; width: 18px; } .icon-info-large-black { background-position: 0 -228px; height: 47px; width: 47px; } .icon-info-large-white { background-position: 0 -507px; height: 47px; width: 47px; } .icon-info-white { background-position: 0 -845px; height: 21px; width: 21px; } .icon-iphone { background-position: 0 -1364px; height: 21px; width: 22px; } .icon-li-star-light { background-position: 0 -1346px; height: 18px; width: 18px; } .icon-location-marker-arrow { background-position: 0 -1144px; height: 18px; width: 16px; } .icon-logo-jurassic-world { background-position: 0 -85px; height: 85px; width: 219px; } .icon-logo-spectre { background-position: 0 0; height: 85px; width: 219px; } .icon-logo { background-position: 0 -334px; height: 85px; width: 219px; } .icon-magazine { background-position: 0 -1431px; height: 21px; width: 22px; } .icon-mail-light { background-position: 0 -1096px; height: 23px; width: 30px; } .icon-message { background-position: 0 -1553px; height: 13px; width: 19px; } .icon-mobile { background-position: 0 -1587px; height: 21px; width: 22px; } .icon-my-odeon { background-position: 0 -1787px; height: 13px; width: 12px; } .icon-news-large-dark { background-position: 0 -469px; height: 38px; width: 35px; } .icon-odeon-light-small { background-position: 0 -604px; height: 12px; width: 38px; } .icon-opc-card-small { background-position: 0 -170px; height: 58px; width: 90px; } .icon-padlock-black { background-position: 0 -1385px; height: 21px; width: 21px; } .icon-padlock-blue { background-position: 0 -1282px; height: 21px; width: 21px; } .icon-page-first-blue { background-position: 0 -1839px; height: 13px; width: 12px; } .icon-page-first-disabled { background-position: 0 -1852px; height: 13px; width: 12px; } .icon-page-last-blue { background-position: 0 -1800px; height: 13px; width: 12px; } .icon-page-last-disabled { background-position: 0 -1813px; height: 13px; width: 12px; } .icon-page-next-blue { background-position: 0 -1735px; height: 13px; width: 11px; } .icon-page-next-disabled { background-position: 0 -1722px; height: 13px; width: 11px; } .icon-page-prev-blue { background-position: 0 -1774px; height: 13px; width: 11px; } .icon-page-prev-disabled { background-position: 0 -1748px; height: 13px; width: 11px; } .icon-phone-light { background-position: 0 -1406px; height: 25px; width: 30px; } .icon-phone { background-position: 0 -1119px; height: 25px; width: 30px; } .icon-pinterest { background-position: 0 -1162px; height: 21px; width: 22px; } .icon-prefs-black { background-position: 0 -1452px; height: 22px; width: 21px; } .icon-prefs-blue { background-position: 0 -1074px; height: 22px; width: 21px; } .icon-premier-dark { background-position: 0 -1973px; height: 12px; width: 14px; } .icon-premier-light { background-position: 0 -1985px; height: 13px; width: 10px; } .icon-printpage { background-position: 0 -1608px; height: 17px; width: 20px; } .icon-screen-light { background-position: 0 -1998px; height: 13px; width: 20px; } .icon-search-large-close-retina { background-position: 0 -979px; height: 74px; width: 74px; } .icon-search-large-close { background-position: 0 -658px; height: 37px; width: 37px; } .icon-search-large-retina { background-position: 0 -1899px; height: 74px; width: 74px; } .icon-search-large { background-position: 0 -914px; height: 37px; width: 37px; } .icon-search { background-position: 0 -951px; height: 28px; width: 25px; } .icon-twitter-medium { background-position: 0 -763px; height: 23px; width: 30px; } .icon-twitter { background-position: 0 -1516px; height: 21px; width: 22px; } .icon-user-black { background-position: 0 -1474px; height: 21px; width: 21px; } .icon-user-blue { background-position: 0 -1495px; height: 21px; width: 21px; } .icon-vote-down { background-position: 0 -1761px; height: 13px; width: 15px; } .icon-vote-up { background-position: 0 -1826px; height: 13px; width: 15px; } .icon-wheelchair-dark { background-position: 0 -804px; height: 16px; width: 14px; } .icon-wheelchair-light { background-position: 0 -1688px; height: 13px; width: 12px; } .icon-youtube { background-position: 0 -1566px; height: 21px; width: 22px; } .booking-sprite, .booking-available-seat-dbox, .booking-available-seat-premier, .booking-available-seat-standard, .booking-available-seat-wheelchair, .booking-double-seat-dbox, .booking-double-seat-premier, .booking-double-seat-standard, .booking-double-seat-wheelchair, .booking-earn-rewards-teaser, .booking-eticket-paper, .booking-eticket-phone, .booking-logo, .booking-odeon-e-ticket-logo, .booking-odeon-premium-mascot, .booking-package-default-teaser, .booking-print-confirmation-icon, .booking-retail-minus-icon, .booking-retail-plus-icon, .booking-share-facebook-icon, .booking-share-google-icon, .booking-share-twitter-icon, .booking-small-close-icon, .booking-trash-icon, .booking-unavailable-seat-dbox, .booking-unavailable-seat-premier, .booking-unavailable-seat-standard, .booking-unavailable-seat-wheelchair, .booking-wheelchair-space, .booking-your-seat { background: url('../../static/img/sprites/booking-sf97aba9245.png') no-repeat; } .booking-available-seat-dbox { background-position: 0 -1057px; height: 16px; width: 18px; } .booking-available-seat-premier { background-position: 0 -981px; height: 16px; width: 18px; } .booking-available-seat-standard { background-position: 0 -1093px; height: 16px; width: 18px; } .booking-available-seat-wheelchair { background-position: 0 -1587px; height: 16px; width: 18px; } .booking-double-seat-dbox { background-position: 0 -945px; height: 16px; width: 39px; } .booking-double-seat-premier { background-position: 0 -909px; height: 16px; width: 39px; } .booking-double-seat-standard { background-position: 0 -873px; height: 16px; width: 39px; } .booking-double-seat-wheelchair { background-position: 0 -1551px; height: 16px; width: 39px; } .booking-earn-rewards-teaser { background-position: 0 -258px; height: 50px; width: 247px; } .booking-eticket-paper { background-position: 0 -1129px; height: 99px; width: 122px; } .booking-eticket-phone { background-position: 0 -1248px; height: 107px; width: 71px; } .booking-logo { background-position: 0 -1375px; height: 84px; width: 169px; } .booking-odeon-e-ticket-logo { background-position: 0 -473px; height: 47px; width: 282px; } .booking-odeon-premium-mascot { background-position: 0 0; height: 238px; width: 281px; } .booking-package-default-teaser { background-position: 0 -328px; height: 125px; width: 220px; } .booking-print-confirmation-icon { background-position: 0 -691px; height: 17px; width: 20px; } .booking-retail-minus-icon { background-position: 0 -1667px; height: 24px; width: 24px; } .booking-retail-plus-icon { background-position: 0 -1623px; height: 24px; width: 24px; } .booking-share-facebook-icon { background-position: 0 -1017px; height: 20px; width: 10px; } .booking-share-google-icon { background-position: 0 -615px; height: 20px; width: 23px; } .booking-share-twitter-icon { background-position: 0 -764px; height: 16px; width: 20px; } .booking-small-close-icon { background-position: 0 -540px; height: 19px; width: 19px; } .booking-trash-icon { background-position: 0 -836px; height: 17px; width: 12px; } .booking-unavailable-seat-dbox { background-position: 0 -728px; height: 16px; width: 18px; } .booking-unavailable-seat-premier { background-position: 0 -579px; height: 16px; width: 18px; } .booking-unavailable-seat-standard { background-position: 0 -655px; height: 16px; width: 18px; } .booking-unavailable-seat-wheelchair { background-position: 0 -1515px; height: 16px; width: 18px; } .booking-wheelchair-space { background-position: 0 -1479px; height: 16px; width: 15px; } .booking-your-seat { background-position: 0 -800px; height: 16px; width: 14px; } .components-sprite, .components-share-fb-icon, .components-share-gp-icon, .components-share-pi-icon, .components-share-tw-icon { background: url('../../static/img/sprites/components-s4144ac44fb.png') no-repeat; } .components-share-fb-icon { background-position: 0 -58px; height: 21px; width: 10px; } .components-share-gp-icon { background-position: 0 -22px; height: 19px; width: 21px; } .components-share-pi-icon { background-position: 0 0; height: 22px; width: 22px; } .components-share-tw-icon { background-position: 0 -41px; height: 17px; width: 21px; } .icon-sprite, .icon-android, .icon-arrow-hor-blue, .icon-cardholder-plus-blue, .icon-cardholder-plus-white, .icon-cinemas, .icon-close-blk, .icon-close-blue, .icon-close-light, .icon-details-black, .icon-details-blue, .icon-email, .icon-facebook, .icon-fav-star-blue, .icon-fav-star-grey, .icon-fav-star, .icon-fav-trash-blue, .icon-fav-trash-grey, .icon-films, .icon-form-info-small, .icon-form-info, .icon-google, .icon-help-blue, .icon-help, .icon-home, .icon-homes, .icon-icon-close, .icon-info-blue, .icon-info-darkblue, .icon-info-large-black, .icon-info-large-white, .icon-info-white, .icon-iphone, .icon-li-star-light, .icon-location-marker-arrow, .icon-logo-jurassic-world, .icon-logo-spectre, .icon-logo, .icon-magazine, .icon-mail-light, .icon-message, .icon-mobile, .icon-my-odeon, .icon-news-large-dark, .icon-odeon-light-small, .icon-opc-card-small, .icon-padlock-black, .icon-padlock-blue, .icon-page-first-blue, .icon-page-first-disabled, .icon-page-last-blue, .icon-page-last-disabled, .icon-page-next-blue, .icon-page-next-disabled, .icon-page-prev-blue, .icon-page-prev-disabled, .icon-phone-light, .icon-phone, .icon-pinterest, .icon-prefs-black, .icon-prefs-blue, .icon-premier-dark, .icon-premier-light, .icon-printpage, .icon-screen-light, .icon-search-large-close-retina, .icon-search-large-close, .icon-search-large-retina, .icon-search-large, .icon-search, .icon-twitter-medium, .icon-twitter, .icon-user-black, .icon-user-blue, .icon-vote-down, .icon-vote-up, .icon-wheelchair-dark, .icon-wheelchair-light, .icon-youtube { background: url('../../static/img/sprites/icon-s1019e42ad4.png') no-repeat; } .icon-android { background-position: 0 -1053px; height: 21px; width: 22px; } .icon-arrow-hor-blue { background-position: 0 -1646px; height: 42px; width: 21px; } .icon-cardholder-plus-blue { background-position: 0 -312px; height: 11px; width: 11px; } .icon-cardholder-plus-white { background-position: 0 -323px; height: 11px; width: 11px; } .icon-cinemas { background-position: 0 -554px; height: 50px; width: 53px; } .icon-close-blk { background-position: 0 -1537px; height: 16px; width: 16px; } .icon-close-blue { background-position: 0 -1244px; height: 16px; width: 16px; } .icon-close-light { background-position: 0 -1224px; height: 20px; width: 21px; } .icon-details-black { background-position: 0 -1625px; height: 21px; width: 21px; } .icon-details-blue { background-position: 0 -1183px; height: 21px; width: 21px; } .icon-email { background-position: 0 -1303px; height: 22px; width: 30px; } .icon-facebook { background-position: 0 -1701px; height: 21px; width: 22px; } .icon-fav-star-blue { background-position: 0 -1260px; height: 22px; width: 23px; } .icon-fav-star-grey { background-position: 0 -866px; height: 22px; width: 22px; } .icon-fav-star { background-position: 0 -820px; height: 25px; width: 26px; } .icon-fav-trash-blue { background-position: 0 -1882px; height: 17px; width: 13px; } .icon-fav-trash-grey { background-position: 0 -1865px; height: 17px; width: 13px; } .icon-films { background-position: 0 -419px; height: 50px; width: 53px; } .icon-form-info-small { background-position: 0 -296px; height: 16px; width: 16px; } .icon-form-info { background-position: 0 -1204px; height: 20px; width: 20px; } .icon-google { background-position: 0 -1325px; height: 21px; width: 22px; } .icon-help-blue { background-position: 0 -275px; height: 21px; width: 22px; } .icon-help { background-position: 0 -616px; height: 21px; width: 22px; } .icon-home { background-position: 0 -637px; height: 21px; width: 21px; } .icon-homes { background-position: 0 -695px; height: 50px; width: 53px; } .icon-icon-close { background-position: 0 -888px; height: 26px; width: 26px; } .icon-info-blue { background-position: 0 -745px; height: 18px; width: 18px; } .icon-info-darkblue { background-position: 0 -786px; height: 18px; width: 18px; } .icon-info-large-black { background-position: 0 -228px; height: 47px; width: 47px; } .icon-info-large-white { background-position: 0 -507px; height: 47px; width: 47px; } .icon-info-white { background-position: 0 -845px; height: 21px; width: 21px; } .icon-iphone { background-position: 0 -1364px; height: 21px; width: 22px; } .icon-li-star-light { background-position: 0 -1346px; height: 18px; width: 18px; } .icon-location-marker-arrow { background-position: 0 -1144px; height: 18px; width: 16px; } .icon-logo-jurassic-world { background-position: 0 -85px; height: 85px; width: 219px; } .icon-logo-spectre { background-position: 0 0; height: 85px; width: 219px; } .icon-logo { background-position: 0 -334px; height: 85px; width: 219px; } .icon-magazine { background-position: 0 -1431px; height: 21px; width: 22px; } .icon-mail-light { background-position: 0 -1096px; height: 23px; width: 30px; } .icon-message { background-position: 0 -1553px; height: 13px; width: 19px; } .icon-mobile { background-position: 0 -1587px; height: 21px; width: 22px; } .icon-my-odeon { background-position: 0 -1787px; height: 13px; width: 12px; } .icon-news-large-dark { background-position: 0 -469px; height: 38px; width: 35px; } .icon-odeon-light-small { background-position: 0 -604px; height: 12px; width: 38px; } .icon-opc-card-small { background-position: 0 -170px; height: 58px; width: 90px; } .icon-padlock-black { background-position: 0 -1385px; height: 21px; width: 21px; } .icon-padlock-blue { background-position: 0 -1282px; height: 21px; width: 21px; } .icon-page-first-blue { background-position: 0 -1839px; height: 13px; width: 12px; } .icon-page-first-disabled { background-position: 0 -1852px; height: 13px; width: 12px; } .icon-page-last-blue { background-position: 0 -1800px; height: 13px; width: 12px; } .icon-page-last-disabled { background-position: 0 -1813px; height: 13px; width: 12px; } .icon-page-next-blue { background-position: 0 -1735px; height: 13px; width: 11px; } .icon-page-next-disabled { background-position: 0 -1722px; height: 13px; width: 11px; } .icon-page-prev-blue { background-position: 0 -1774px; height: 13px; width: 11px; } .icon-page-prev-disabled { background-position: 0 -1748px; height: 13px; width: 11px; } .icon-phone-light { background-position: 0 -1406px; height: 25px; width: 30px; } .icon-phone { background-position: 0 -1119px; height: 25px; width: 30px; } .icon-pinterest { background-position: 0 -1162px; height: 21px; width: 22px; } .icon-prefs-black { background-position: 0 -1452px; height: 22px; width: 21px; } .icon-prefs-blue { background-position: 0 -1074px; height: 22px; width: 21px; } .icon-premier-dark { background-position: 0 -1973px; height: 12px; width: 14px; } .icon-premier-light { background-position: 0 -1985px; height: 13px; width: 10px; } .icon-printpage { background-position: 0 -1608px; height: 17px; width: 20px; } .icon-screen-light { background-position: 0 -1998px; height: 13px; width: 20px; } .icon-search-large-close-retina { background-position: 0 -979px; height: 74px; width: 74px; } .icon-search-large-close { background-position: 0 -658px; height: 37px; width: 37px; } .icon-search-large-retina { background-position: 0 -1899px; height: 74px; width: 74px; } .icon-search-large { background-position: 0 -914px; height: 37px; width: 37px; } .icon-search { background-position: 0 -951px; height: 28px; width: 25px; } .icon-twitter-medium { background-position: 0 -763px; height: 23px; width: 30px; } .icon-twitter { background-position: 0 -1516px; height: 21px; width: 22px; } .icon-user-black { background-position: 0 -1474px; height: 21px; width: 21px; } .icon-user-blue { background-position: 0 -1495px; height: 21px; width: 21px; } .icon-vote-down { background-position: 0 -1761px; height: 13px; width: 15px; } .icon-vote-up { background-position: 0 -1826px; height: 13px; width: 15px; } .icon-wheelchair-dark { background-position: 0 -804px; height: 16px; width: 14px; } .icon-wheelchair-light { background-position: 0 -1688px; height: 13px; width: 12px; } .icon-youtube { background-position: 0 -1566px; height: 21px; width: 22px; } .select-icon-sprite, .select-icon-select, .select-icon-small-dropdown-arrow { background: url('../../static/img/sprites/select-icon-sea849ff4eb.png') no-repeat; } .select-icon-select { background-position: 0 -30px; height: 28px; width: 35px; } .select-icon-small-dropdown-arrow { background-position: 0 0; height: 30px; width: 75px; } .nav-icon-sprite, .nav-icon-all-cinemas-ire, .nav-icon-all-cinemas, .nav-icon-arrow-blue, .nav-icon-arrow-white, .nav-icon-food-drink, .nav-icon-gallery-seating, .nav-icon-imax, .nav-icon-lounge, .nav-icon-my-cinemas-01, .nav-icon-my-cinemas-02, .nav-icon-my-cinemas-03, .nav-icon-odeon-3d, .nav-icon-odeon-dbox, .nav-icon-odeon-isense, .nav-icon-odeon-luxe, .nav-icon-premier-seating { background: url('../../static/img/sprites/nav-icon-s44e105f553.png') no-repeat; } .nav-icon-all-cinemas-ire { background-position: 0 -151px; height: 75px; width: 300px; } .nav-icon-all-cinemas { background-position: 0 0; height: 75px; width: 300px; } .nav-icon-arrow-blue { background-position: 0 -917px; height: 15px; width: 9px; } .nav-icon-arrow-white { background-position: 0 -932px; height: 15px; width: 9px; } .nav-icon-food-drink { background-position: 0 -737px; height: 60px; width: 110px; } .nav-icon-gallery-seating { background-position: 0 -857px; height: 60px; width: 110px; } .nav-icon-imax { background-position: 0 -497px; height: 60px; width: 110px; } .nav-icon-lounge { background-position: 0 -617px; height: 60px; width: 110px; } .nav-icon-my-cinemas-01 { background-position: 0 -302px; height: 75px; width: 260px; } .nav-icon-my-cinemas-02 { background-position: 0 -75px; height: 76px; width: 260px; } .nav-icon-my-cinemas-03 { background-position: 0 -226px; height: 76px; width: 260px; } .nav-icon-odeon-3d { background-position: 0 -437px; height: 60px; width: 110px; } .nav-icon-odeon-dbox { background-position: 0 -557px; height: 60px; width: 110px; } .nav-icon-odeon-isense { background-position: 0 -377px; height: 60px; width: 110px; } .nav-icon-odeon-luxe { background-position: 0 -797px; height: 60px; width: 110px; } .nav-icon-premier-seating { background-position: 0 -677px; height: 60px; width: 110px; } .rating-icon-sprite, .rating-icon-buzz-dark-large-inactive, .rating-icon-buzz-dark-medium-inactive, .rating-icon-buzz-dark-small-inactive, .rating-icon-buzz-large-active, .rating-icon-buzz-large-icon, .rating-icon-buzz-light-large-inactive, .rating-icon-buzz-light-medium-inactive, .rating-icon-buzz-light-small-inactive, .rating-icon-buzz-medium-active, .rating-icon-buzz-medium-icon, .rating-icon-buzz-small-active, .rating-icon-buzz-small-icon, .rating-icon-star-dark-medium-inactive, .rating-icon-star-dark-small-inactive, .rating-icon-star-dark-xtrasmall-inactive, .rating-icon-star-light-medium-inactive, .rating-icon-star-light-small-inactive, .rating-icon-star-light-xtrasmall-inactive, .rating-icon-star-medium-active, .rating-icon-star-small-active, .rating-icon-star-xtrasmall-active { background: url('../../static/img/sprites/rating-icon-s3fb62657eb.png') no-repeat; } .rating-icon-buzz-dark-large-inactive { background-position: 0 -172px; height: 29px; width: 180px; } .rating-icon-buzz-dark-medium-inactive { background-position: 0 -320px; height: 14px; width: 88px; } .rating-icon-buzz-dark-small-inactive { background-position: 0 -367px; height: 10px; width: 63px; } .rating-icon-buzz-large-active { background-position: 0 0; height: 29px; width: 180px; } .rating-icon-buzz-large-icon { background-position: 0 -57px; height: 15px; width: 54px; } .rating-icon-buzz-light-large-inactive { background-position: 0 -143px; height: 29px; width: 180px; } .rating-icon-buzz-light-medium-inactive { background-position: 0 -280px; height: 14px; width: 88px; } .rating-icon-buzz-light-small-inactive { background-position: 0 -357px; height: 10px; width: 63px; } .rating-icon-buzz-medium-active { background-position: 0 -266px; height: 14px; width: 88px; } .rating-icon-buzz-medium-icon { background-position: 0 -72px; height: 15px; width: 54px; } .rating-icon-buzz-small-active { background-position: 0 -347px; height: 10px; width: 63px; } .rating-icon-buzz-small-icon { background-position: 0 -219px; height: 11px; width: 38px; } .rating-icon-star-dark-medium-inactive { background-position: 0 -115px; height: 28px; width: 150px; } .rating-icon-star-dark-small-inactive { background-position: 0 -248px; height: 18px; width: 95px; } .rating-icon-star-dark-xtrasmall-inactive { background-position: 0 -334px; height: 13px; width: 65px; } .rating-icon-star-light-medium-inactive { background-position: 0 -87px; height: 28px; width: 150px; } .rating-icon-star-light-small-inactive { background-position: 0 -230px; height: 18px; width: 95px; } .rating-icon-star-light-xtrasmall-inactive { background-position: 0 -307px; height: 13px; width: 65px; } .rating-icon-star-medium-active { background-position: 0 -29px; height: 28px; width: 150px; } .rating-icon-star-small-active { background-position: 0 -201px; height: 18px; width: 95px; } .rating-icon-star-xtrasmall-active { background-position: 0 -294px; height: 13px; width: 65px; } .tab-icon-sprite, .tab-icon-arrow, .tab-icon-find-off, .tab-icon-find-on, .tab-icon-price-off-ire, .tab-icon-price-off, .tab-icon-price-on-ire, .tab-icon-price-on, .tab-icon-times-off, .tab-icon-times-on { background: url('../../static/img/sprites/tab-icon-sf64870c698.png') no-repeat; } .tab-icon-arrow { background-position: 0 -388px; height: 7px; width: 14px; } .tab-icon-find-off { background-position: 0 -194px; height: 51px; width: 38px; } .tab-icon-find-on { background-position: 0 -96px; height: 51px; width: 38px; } .tab-icon-price-off-ire { background-position: 0 -340px; height: 48px; width: 37px; } .tab-icon-price-off { background-position: 0 -245px; height: 47px; width: 37px; } .tab-icon-price-on-ire { background-position: 0 -292px; height: 48px; width: 37px; } .tab-icon-price-on { background-position: 0 -147px; height: 47px; width: 37px; } .tab-icon-times-off { background-position: 0 -48px; height: 48px; width: 49px; } .tab-icon-times-on { background-position: 0 0; height: 48px; width: 49px; } .carousel-icon-sprite, .carousel-icon-left, .carousel-icon-right { background: url('../../static/img/sprites/carousel-icon-s3632415626.png') no-repeat; } .carousel-icon-left { background-position: 0 -22px; height: 22px; width: 15px; } .carousel-icon-right { background-position: 0 0; height: 22px; width: 15px; } .film-icon-sprite, .film-icon-add, .film-icon-btn-facebook, .film-icon-btn-play, .film-icon-btn-watch-checked, .film-icon-btn-watch-deleted, .film-icon-btn-watch, .film-icon-distance, .film-icon-expiry-black, .film-icon-expiry-white, .film-icon-expiry, .film-icon-img-ribbon, .film-icon-watch { background: url('../../static/img/sprites/film-icon-s3b22bb1bfe.png') no-repeat; } .film-icon-add { background-position: 0 -177px; height: 18px; width: 18px; } .film-icon-btn-facebook { background-position: 0 -137px; height: 40px; width: 52px; } .film-icon-btn-play { background-position: 0 -210px; height: 16px; width: 16px; } .film-icon-btn-watch-checked { background-position: 0 -226px; height: 15px; width: 15px; } .film-icon-btn-watch-deleted { background-position: 0 -241px; height: 16px; width: 16px; } .film-icon-btn-watch { background-position: 0 -195px; height: 15px; width: 15px; } .film-icon-distance { background-position: 0 -257px; height: 10px; width: 17px; } .film-icon-expiry-black { background-position: 0 -93px; height: 22px; width: 18px; } .film-icon-expiry-white { background-position: 0 0; height: 22px; width: 18px; } .film-icon-expiry { background-position: 0 -115px; height: 22px; width: 18px; } .film-icon-img-ribbon { background-position: 0 -58px; height: 35px; width: 134px; } .film-icon-watch { background-position: 0 -22px; height: 36px; width: 36px; } .filter-icon-sprite, .filter-icon-closed, .filter-icon-opened { background: url('../../static/img/sprites/filter-icon-sa7f9c10043.png') no-repeat; } .filter-icon-closed { background-position: 0 0; height: 11px; width: 11px; } .filter-icon-opened { background-position: 0 -11px; height: 11px; width: 11px; } .filter-dark-icon-sprite, .filter-dark-icon-closed, .filter-dark-icon-opened { background: url('../../static/img/sprites/filter-dark-icon-s00ecd4368d.png') no-repeat; } .filter-dark-icon-closed { background-position: 0 0; height: 11px; width: 11px; } .filter-dark-icon-opened { background-position: 0 -11px; height: 11px; width: 11px; } .checkbox-icon-sprite, .checkbox-icon-checked, .checkbox-icon-unchecked { background: url('../../static/img/sprites/checkbox-icon-s8c623d09fe.png') no-repeat; } .checkbox-icon-checked { background-position: 0 0; height: 15px; width: 15px; } .checkbox-icon-unchecked { background-position: 0 -15px; height: 15px; width: 15px; } .radio-icon-sprite, .radio-icon-checked, .radio-icon-unchecked { background: url('../../static/img/sprites/radio-icon-sc0bf11fbd9.png') no-repeat; } .radio-icon-checked { background-position: 0 0; height: 15px; width: 14px; } .radio-icon-unchecked { background-position: 0 -15px; height: 15px; width: 14px; } .feature-icon-sprite, .feature-icon-dark-2d-large, .feature-icon-dark-2d-medium, .feature-icon-dark-3d-large, .feature-icon-dark-3d-medium, .feature-icon-dark-ambar-large, .feature-icon-dark-ambar-medium, .feature-icon-dark-backBritishFilm-large, .feature-icon-dark-backBritishFilm-medium, .feature-icon-dark-backbritishfilm-large, .feature-icon-dark-backbritishfilm-medium, .feature-icon-dark-beechdean-large, .feature-icon-dark-beechdean-medium, .feature-icon-dark-blast-large, .feature-icon-dark-blast-medium, .feature-icon-dark-bnj-large, .feature-icon-dark-bnj-medium, .feature-icon-dark-coffeerepublic-large, .feature-icon-dark-coffeerepublic-medium, .feature-icon-dark-coffeerepublic-xxl, .feature-icon-dark-costa-large, .feature-icon-dark-costa-medium, .feature-icon-dark-costa-xxl, .feature-icon-dark-croma-large, .feature-icon-dark-croma-medium, .feature-icon-dark-croma-xxl, .feature-icon-dark-dbox-large, .feature-icon-dark-dbox-medium, .feature-icon-dark-dolby2d-large, .feature-icon-dark-dolby2d-medium, .feature-icon-dark-dolby3d-large, .feature-icon-dark-dolby3d-medium, .feature-icon-dark-gallery-large, .feature-icon-dark-gallery-medium, .feature-icon-dark-imax-large, .feature-icon-dark-imax-medium, .feature-icon-dark-imax3d-large, .feature-icon-dark-imax3d-medium, .feature-icon-dark-isense-large, .feature-icon-dark-isense-medium, .feature-icon-dark-isense-normal-medium, .feature-icon-dark-isense3d-large, .feature-icon-dark-isense3d-medium, .feature-icon-dark-lounge-large, .feature-icon-dark-lounge-medium, .feature-icon-dark-yog-large, .feature-icon-dark-yog-medium, .feature-icon-light-2d-large, .feature-icon-light-2d-medium, .feature-icon-light-3d-large, .feature-icon-light-3d-medium, .feature-icon-light-ambar-large, .feature-icon-light-ambar-medium, .feature-icon-light-ambar-xl, .feature-icon-light-ambar-xxl, .feature-icon-light-backBritishFilm-large, .feature-icon-light-backBritishFilm-medium, .feature-icon-light-backbritishfilm-large, .feature-icon-light-backbritishfilm-medium, .feature-icon-light-beechdean-large, .feature-icon-light-beechdean-medium, .feature-icon-light-blast-large, .feature-icon-light-blast-medium, .feature-icon-light-bnj-large, .feature-icon-light-bnj-medium, .feature-icon-light-coffeerepublic-large, .feature-icon-light-coffeerepublic-medium, .feature-icon-light-coffeerepublic-xl, .feature-icon-light-costa-large, .feature-icon-light-costa-medium, .feature-icon-light-costa-xl, .feature-icon-light-croma-large, .feature-icon-light-croma-medium, .feature-icon-light-croma-xl, .feature-icon-light-dbox-large, .feature-icon-light-dbox-medium, .feature-icon-light-dbox-xl, .feature-icon-light-dbox-xxl, .feature-icon-light-dolby2d-large, .feature-icon-light-dolby2d-medium, .feature-icon-light-dolby3d-large, .feature-icon-light-dolby3d-medium, .feature-icon-light-gallery-large, .feature-icon-light-gallery-medium, .feature-icon-light-gallery-xl, .feature-icon-light-gallery-xxl, .feature-icon-light-imax-large, .feature-icon-light-imax-medium, .feature-icon-light-imax-small, .feature-icon-light-imax-xl, .feature-icon-light-imax-xxl, .feature-icon-light-imax-xxxl, .feature-icon-light-imax3d-large, .feature-icon-light-imax3d-medium, .feature-icon-light-isense-large, .feature-icon-light-isense-medium, .feature-icon-light-isense-xl, .feature-icon-light-isense-xxl, .feature-icon-light-isense3d-large, .feature-icon-light-isense3d-medium, .feature-icon-light-lounge-large, .feature-icon-light-lounge-medium, .feature-icon-light-yog-large, .feature-icon-light-yog-medium, .feature-icon-navy-blue-2d-large, .feature-icon-navy-blue-2d-medium, .feature-icon-navy-blue-3d-large, .feature-icon-navy-blue-3d-medium, .feature-icon-navy-blue-ambar-large, .feature-icon-navy-blue-ambar-medium, .feature-icon-navy-blue-backbritishfilm-large, .feature-icon-navy-blue-backbritishfilm-medium, .feature-icon-navy-blue-beechdean-large, .feature-icon-navy-blue-beechdean-medium, .feature-icon-navy-blue-blast-large, .feature-icon-navy-blue-blast-medium, .feature-icon-navy-blue-bnj-large, .feature-icon-navy-blue-bnj-medium, .feature-icon-navy-blue-coffeerepublic-large, .feature-icon-navy-blue-coffeerepublic-medium, .feature-icon-navy-blue-costa-large, .feature-icon-navy-blue-costa-medium, .feature-icon-navy-blue-croma-large, .feature-icon-navy-blue-croma-medium, .feature-icon-navy-blue-dbox-large, .feature-icon-navy-blue-dbox-medium, .feature-icon-navy-blue-dolby2d-medium, .feature-icon-navy-blue-dolby3d-medium, .feature-icon-navy-blue-gallery-large, .feature-icon-navy-blue-gallery-medium, .feature-icon-navy-blue-imax-large, .feature-icon-navy-blue-imax-medium, .feature-icon-navy-blue-imax3d-large, .feature-icon-navy-blue-imax3d-medium, .feature-icon-navy-blue-isense-large, .feature-icon-navy-blue-isense-medium, .feature-icon-navy-blue-isense3d-large, .feature-icon-navy-blue-isense3d-medium, .feature-icon-navy-blue-lounge-large, .feature-icon-navy-blue-lounge-medium, .feature-icon-navy-blue-yog-large, .feature-icon-navy-blue-yog-medium { background: url('../../static/img/sprites/feature-icon-s67177ab82c.png') no-repeat; } .feature-icon-dark-2d-large { background-position: 0 -4377px; height: 35px; width: 29px; } .feature-icon-dark-2d-medium { background-position: 0 -4473px; height: 26px; width: 24px; } .feature-icon-dark-3d-large { background-position: 0 -2735px; height: 35px; width: 72px; } .feature-icon-dark-3d-medium { background-position: 0 -4007px; height: 26px; width: 54px; } .feature-icon-dark-ambar-large { background-position: 0 -3494px; height: 35px; width: 60px; } .feature-icon-dark-ambar-medium { background-position: 0 -2237px; height: 26px; width: 45px; } .feature-icon-dark-backBritishFilm-large { background-position: 0 -1391px; height: 35px; width: 74px; } .feature-icon-dark-backBritishFilm-medium { background-position: 0 -4068px; height: 26px; width: 19px; } .feature-icon-dark-backbritishfilm-large { background-position: 0 -1426px; height: 35px; width: 74px; } .feature-icon-dark-backbritishfilm-medium { background-position: 0 -4094px; height: 26px; width: 19px; } .feature-icon-dark-beechdean-large { background-position: 0 -931px; height: 35px; width: 61px; } .feature-icon-dark-beechdean-medium { background-position: 0 -1900px; height: 26px; width: 51px; } .feature-icon-dark-blast-large { background-position: 0 -1251px; height: 35px; width: 61px; } .feature-icon-dark-blast-medium { background-position: 0 -2428px; height: 26px; width: 45px; } .feature-icon-dark-bnj-large { background-position: 0 -1149px; height: 35px; width: 85px; } .feature-icon-dark-bnj-medium { background-position: 0 -1036px; height: 26px; width: 64px; } .feature-icon-dark-coffeerepublic-large { background-position: 0 -2150px; height: 35px; width: 75px; } .feature-icon-dark-coffeerepublic-medium { background-position: 0 -2857px; height: 26px; width: 58px; } .feature-icon-dark-coffeerepublic-xxl { background-position: 0 -540px; height: 78px; width: 170px; } .feature-icon-dark-costa-large { background-position: 0 -3334px; height: 35px; width: 74px; } .feature-icon-dark-costa-medium { background-position: 0 -2796px; height: 26px; width: 56px; } .feature-icon-dark-costa-xxl { background-position: 0 -818px; height: 78px; width: 164px; } .feature-icon-dark-croma-large { background-position: 0 -2953px; height: 35px; width: 87px; } .feature-icon-dark-croma-medium { background-position: 0 -3824px; height: 26px; width: 65px; } .feature-icon-dark-croma-xxl { background-position: 0 -99px; height: 78px; width: 237px; } .feature-icon-dark-dbox-large { background-position: 0 -3920px; height: 35px; width: 76px; } .feature-icon-dark-dbox-medium { background-position: 0 -3248px; height: 26px; width: 59px; } .feature-icon-dark-dolby2d-large { background-position: 0 -506px; height: 17px; width: 100px; } .feature-icon-dark-dolby2d-medium { background-position: 0 -523px; height: 17px; width: 100px; } .feature-icon-dark-dolby3d-large { background-position: 0 -714px; height: 17px; width: 100px; } .feature-icon-dark-dolby3d-medium { background-position: 0 -731px; height: 17px; width: 100px; } .feature-icon-dark-gallery-large { background-position: 0 -1557px; height: 35px; width: 75px; } .feature-icon-dark-gallery-medium { background-position: 0 -2350px; height: 26px; width: 56px; } .feature-icon-dark-imax-large { background-position: 0 -2883px; height: 35px; width: 62px; } .feature-icon-dark-imax-medium { background-position: 0 -3625px; height: 26px; width: 48px; } .feature-icon-dark-imax3d-large { background-position: 0 -3564px; height: 35px; width: 92px; } .feature-icon-dark-imax3d-medium { background-position: 0 -2570px; height: 26px; width: 75px; } .feature-icon-dark-isense-large { background-position: 0 -1865px; height: 35px; width: 67px; } .feature-icon-dark-isense-medium { background-position: 0 -2515px; height: 23px; width: 67px; } .feature-icon-dark-isense-normal-medium { background-position: 0 -3162px; height: 26px; width: 47px; } .feature-icon-dark-isense3d-large { background-position: 0 -748px; height: 35px; width: 102px; } .feature-icon-dark-isense3d-medium { background-position: 0 -2211px; height: 26px; width: 72px; } .feature-icon-dark-lounge-large { background-position: 0 -1286px; height: 35px; width: 86px; } .feature-icon-dark-lounge-medium { background-position: 0 -1618px; height: 26px; width: 65px; } .feature-icon-dark-yog-large { background-position: 0 -2022px; height: 35px; width: 45px; } .feature-icon-dark-yog-medium { background-position: 0 -3188px; height: 25px; width: 32px; } .feature-icon-light-2d-large { background-position: 0 -4412px; height: 35px; width: 29px; } .feature-icon-light-2d-medium { background-position: 0 -4499px; height: 26px; width: 24px; } .feature-icon-light-3d-large { background-position: 0 -3075px; height: 35px; width: 72px; } .feature-icon-light-3d-medium { background-position: 0 -3955px; height: 26px; width: 54px; } .feature-icon-light-ambar-large { background-position: 0 -3676px; height: 35px; width: 60px; } .feature-icon-light-ambar-medium { background-position: 0 -2324px; height: 26px; width: 45px; } .feature-icon-light-ambar-xl { background-position: 0 -1679px; height: 32px; width: 76px; } .feature-icon-light-ambar-xxl { background-position: 0 -177px; height: 78px; width: 130px; } .feature-icon-light-backBritishFilm-large { background-position: 0 -1734px; height: 35px; width: 74px; } .feature-icon-light-backBritishFilm-medium { background-position: 0 -4154px; height: 26px; width: 19px; } .feature-icon-light-backbritishfilm-large { background-position: 0 -1769px; height: 35px; width: 74px; } .feature-icon-light-backbritishfilm-medium { background-position: 0 -4180px; height: 26px; width: 19px; } .feature-icon-light-beechdean-large { background-position: 0 -783px; height: 35px; width: 61px; } .feature-icon-light-beechdean-medium { background-position: 0 -1961px; height: 26px; width: 51px; } .feature-icon-light-blast-large { background-position: 0 -1461px; height: 35px; width: 61px; } .feature-icon-light-blast-medium { background-position: 0 -2596px; height: 26px; width: 45px; } .feature-icon-light-bnj-large { background-position: 0 -1830px; height: 35px; width: 85px; } .feature-icon-light-bnj-medium { background-position: 0 -1062px; height: 26px; width: 64px; } .feature-icon-light-coffeerepublic-large { background-position: 0 -2263px; height: 35px; width: 75px; } .feature-icon-light-coffeerepublic-medium { background-position: 0 -2988px; height: 26px; width: 58px; } .feature-icon-light-coffeerepublic-xl { background-position: 0 -472px; height: 34px; width: 102px; } .feature-icon-light-costa-large { background-position: 0 -3850px; height: 35px; width: 74px; } .feature-icon-light-costa-medium { background-position: 0 -3049px; height: 26px; width: 56px; } .feature-icon-light-costa-xl { background-position: 0 -3369px; height: 32px; width: 95px; } .feature-icon-light-croma-large { background-position: 0 -3213px; height: 35px; width: 87px; } .feature-icon-light-croma-medium { background-position: 0 -3981px; height: 26px; width: 65px; } .feature-icon-light-croma-xl { background-position: 0 -2538px; height: 32px; width: 107px; } .feature-icon-light-dbox-large { background-position: 0 -4033px; height: 35px; width: 76px; } .feature-icon-light-dbox-medium { background-position: 0 -3401px; height: 26px; width: 59px; } .feature-icon-light-dbox-xl { background-position: 0 -3462px; height: 32px; width: 96px; } .feature-icon-light-dbox-xxl { background-position: 0 -377px; height: 78px; width: 178px; } .feature-icon-light-dolby2d-large { background-position: 0 -333px; height: 22px; width: 100px; } .feature-icon-light-dolby2d-medium { background-position: 0 -355px; height: 22px; width: 100px; } .feature-icon-light-dolby3d-large { background-position: 0 -635px; height: 22px; width: 100px; } .feature-icon-light-dolby3d-medium { background-position: 0 -657px; height: 22px; width: 100px; } .feature-icon-light-gallery-large { background-position: 0 -1644px; height: 35px; width: 75px; } .feature-icon-light-gallery-medium { background-position: 0 -2402px; height: 26px; width: 56px; } .feature-icon-light-gallery-xl { background-position: 0 -2057px; height: 32px; width: 95px; } .feature-icon-light-gallery-xxl { background-position: 0 -255px; height: 78px; width: 168px; } .feature-icon-light-imax-large { background-position: 0 -3014px; height: 35px; width: 62px; } .feature-icon-light-imax-medium { background-position: 0 -3772px; height: 26px; width: 48px; } .feature-icon-light-imax-small { background-position: 0 -4146px; height: 8px; width: 36px; } .feature-icon-light-imax-xl { background-position: 0 -4525px; height: 32px; width: 94px; } .feature-icon-light-imax-xxl { background-position: 0 -4264px; height: 78px; width: 151px; } .feature-icon-light-imax-xxxl { background-position: 0 -4206px; height: 58px; width: 178px; } .feature-icon-light-imax3d-large { background-position: 0 -3737px; height: 35px; width: 92px; } .feature-icon-light-imax3d-medium { background-position: 0 -2622px; height: 26px; width: 75px; } .feature-icon-light-isense-large { background-position: 0 0; height: 21px; width: 108px; } .feature-icon-light-isense-medium { background-position: 0 -1711px; height: 23px; width: 77px; } .feature-icon-light-isense-xl { background-position: 0 -1219px; height: 32px; width: 83px; } .feature-icon-light-isense-xxl { background-position: 0 -21px; height: 78px; width: 175px; } .feature-icon-light-isense3d-large { background-position: 0 -966px; height: 35px; width: 102px; } .feature-icon-light-isense3d-medium { background-position: 0 -2648px; height: 26px; width: 72px; } .feature-icon-light-lounge-large { background-position: 0 -1321px; height: 35px; width: 86px; } .feature-icon-light-lounge-medium { background-position: 0 -1496px; height: 26px; width: 65px; } .feature-icon-light-yog-large { background-position: 0 -2454px; height: 35px; width: 45px; } .feature-icon-light-yog-medium { background-position: 0 -3651px; height: 25px; width: 32px; } .feature-icon-navy-blue-2d-large { background-position: 0 -4342px; height: 35px; width: 29px; } .feature-icon-navy-blue-2d-medium { background-position: 0 -4447px; height: 26px; width: 24px; } .feature-icon-navy-blue-3d-large { background-position: 0 -2700px; height: 35px; width: 72px; } .feature-icon-navy-blue-3d-medium { background-position: 0 -3711px; height: 26px; width: 54px; } .feature-icon-navy-blue-ambar-large { background-position: 0 -3427px; height: 35px; width: 60px; } .feature-icon-navy-blue-ambar-medium { background-position: 0 -2124px; height: 26px; width: 45px; } .feature-icon-navy-blue-backbritishfilm-large { background-position: 0 -1356px; height: 35px; width: 74px; } .feature-icon-navy-blue-backbritishfilm-medium { background-position: 0 -4120px; height: 26px; width: 19px; } .feature-icon-navy-blue-beechdean-large { background-position: 0 -679px; height: 35px; width: 61px; } .feature-icon-navy-blue-beechdean-medium { background-position: 0 -1804px; height: 26px; width: 51px; } .feature-icon-navy-blue-blast-large { background-position: 0 -1001px; height: 35px; width: 61px; } .feature-icon-navy-blue-blast-medium { background-position: 0 -2185px; height: 26px; width: 45px; } .feature-icon-navy-blue-bnj-large { background-position: 0 -1114px; height: 35px; width: 85px; } .feature-icon-navy-blue-bnj-medium { background-position: 0 -1088px; height: 26px; width: 64px; } .feature-icon-navy-blue-coffeerepublic-large { background-position: 0 -2089px; height: 35px; width: 75px; } .feature-icon-navy-blue-coffeerepublic-medium { background-position: 0 -2674px; height: 26px; width: 58px; } .feature-icon-navy-blue-costa-large { background-position: 0 -3274px; height: 35px; width: 74px; } .feature-icon-navy-blue-costa-medium { background-position: 0 -2770px; height: 26px; width: 56px; } .feature-icon-navy-blue-croma-large { background-position: 0 -2918px; height: 35px; width: 87px; } .feature-icon-navy-blue-croma-medium { background-position: 0 -3798px; height: 26px; width: 65px; } .feature-icon-navy-blue-dbox-large { background-position: 0 -3885px; height: 35px; width: 76px; } .feature-icon-navy-blue-dbox-medium { background-position: 0 -3136px; height: 26px; width: 59px; } .feature-icon-navy-blue-dolby2d-medium { background-position: 0 -455px; height: 17px; width: 100px; } .feature-icon-navy-blue-dolby3d-medium { background-position: 0 -618px; height: 17px; width: 100px; } .feature-icon-navy-blue-gallery-large { background-position: 0 -1522px; height: 35px; width: 75px; } .feature-icon-navy-blue-gallery-medium { background-position: 0 -2298px; height: 26px; width: 56px; } .feature-icon-navy-blue-imax-large { background-position: 0 -2822px; height: 35px; width: 62px; } @charset "UTF-8";/*#333333;*//* mobile site navigation - msn */@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500italic,500);#mobile-menu-holder { position: relative; height: 30px; z-index: 2000; } #msn { width: 100%; height: 30px; top: 0; left: 0; background: #2b70b9 linear-gradient(#3289d1, #245da8); position: absolute; z-index: 1; } #msn #msn-menu-user { float: right; margin-right: 0; text-align: right; } #msn #msn-menu-user a { padding: 0.25em 1em; color: #fff; font-size: 0.8em; } #msn #msn-menu-user a svg { width: 16px; margin: 2px; fill: #fff; } #msn #msn-menu-open-close { width: 70px; float: right; transition: width 0.3s ease; } #msn #msn-menu-open-close a { padding: 5px; color: #FFF; text-transform: uppercase; line-height: 20px; font-size: 12px; } #msn #msn-menu-open-close #open-mobile-menu { /* "burger" icon */ float: left; } #msn #msn-menu-open-close #open-mobile-menu:after { display: block; float: right; margin: 2px 0 0 5px; content: ''; height: 15px; width: 15px; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 20%, transparent 20%, transparent 40%, #ffffff 40%, #ffffff 60%, transparent 60%, transparent 80%, #ffffff 80%, #ffffff 100%); } #msn #msn-menu-open-close #close-mobile-menu { display: none; text-transform: lowercase; padding-right: 10px; } #msn #msn-menu-open-close #close-mobile-menu:after { content: ' ▸'; } #msn #mobile-site-navigation { overflow: visible; position: absolute; right: 0; width: 0; z-index: 100; overflow-y: auto; margin-top: 30px; transition: width 0.3s ease; } #msn #mobile-site-navigation a { display: block; color: #000; padding: 0.5em; font-size: 12px; width: 100%; } #msn #mobile-site-navigation ul { border-top: 1px solid #BABABA; padding: 5px 0 30px 0; margin: 0; background: #DEDEDE; width: 100%; float: right; font-style: italic; color: #2257a5; } #msn #mobile-site-navigation ul .seperator { display: inline-block; width: 100%; } #msn #mobile-site-navigation ul .seperator a { font-size: 16px; padding: 5px; } #msn #mobile-site-navigation ul .seperator a:before { display: none; } #msn #mobile-site-navigation ul .seperator.above { border-top: 1px solid #BABABA; } #msn #mobile-site-navigation ul .seperator.below { border-bottom: 1px solid #BABABA; } #msn #mobile-site-navigation ul li span { font-size: 16px; padding: 5px; } #msn #mobile-site-navigation ul li a { color: #2257a5; } #msn #mobile-site-navigation ul li a:before { content: '●'; display: inline-block; margin-right: 10px; } #msn #mobile-site-navigation ul li ul { width: 100%; padding: 0; border: 0; } #msn #mobile-site-navigation ul li ul li { text-indent: 5px; border: 0; font-size: 14px; } #msn:target #msn-menu-open-close { width: 50%; float: right; transition: width 0.3s ease; } #msn:target #msn-menu-open-close #close-mobile-menu { display: block; float: right; } #msn:target #mobile-site-navigation { width: 50%; } #msn:target #mobile-site-navigation ul { outline: 0; } #msn:target #mobile-site-navigation #mobile-site-navigation:after { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 34px; } /*! normalize.css v3.0.2 | 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, menu, 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-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: .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: -.5em; } sub { bottom: -.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 silver; margin: 0 2px; padding: .35em .625em .75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*#333333;*/.container { max-width: 100%; margin: 0 auto; background: transparent; overflow: hidden; } .container_header { margin-bottom: 0.5em; } .container_bg-white { background: #fff; } .row { width: 100%; padding: 0; display: block; } .row_header { max-width: 35.500em; } .block { display: block; width: 100%; } .block-half { width: 100%; margin: 0 auto; } .btn { width: 100%; display: inline-block; padding: 0 12px; margin-bottom: 0; font-size: 18px; line-height: 40px; margin: 0; height: 40px; min-width: 50px; text-align: center; text-decoration: none; vertical-align: top; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #e6e6e6; /* Fallback Color */ background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#e6e6e6)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, white, #e6e6e6); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, white, #e6e6e6); /* FF3.6 */ background-image: -ms-linear-gradient(top, white, #e6e6e6); /* IE10 */ background-image: -o-linear-gradient(top, white, #e6e6e6); /* Opera 11.10+ */ background-image: linear-gradient(top, #ffffff, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e6e6e6'); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border: 1px solid #cccccc; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .btn-orange,.btn.orange { -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; text-shadow: none; font-weight: bold; color: #333333; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdb914), color-stop(100%, #e98536)), #f5a422; background: -webkit-linear-gradient(#fdb914, #e98536), #f5a422; background: -moz-linear-gradient(#fdb914, #e98536), #f5a422; background: -o-linear-gradient(#fdb914, #e98536), #f5a422; background: linear-gradient(#fdb914, #e98536), #f5a422; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDB914', endColorstr='#FFE98536'); background-repeat: repeat-x; } .btn-orange:hover, .btn.orange:hover { background: #fdb914; } .btn-blue,.btn.blue { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; text-shadow: none; font-weight: bold; color: white !important; background: #2d75bd; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3389cc), color-stop(100%, #2258a5)), #2d75bd; background: -webkit-linear-gradient(#3389cc, #2258a5), #2d75bd; background: -moz-linear-gradient(#3389cc, #2258a5), #2d75bd; background: -o-linear-gradient(#3389cc, #2258a5), #2d75bd; background: linear-gradient(#3389cc, #2258a5), #2d75bd; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3389CC', endColorstr='#FF2258A5'); } .btn-blue:hover, .btn.blue:hover { background: #3389cc; } .btn.darkblue { background: #1b6bb5; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1f76bd), color-stop(100%, #1458a5)), #1b6bb5; background: -webkit-linear-gradient(#1f76bd, #1458a5), #1b6bb5; background: -moz-linear-gradient(#1f76bd, #1458a5), #1b6bb5; background: -o-linear-gradient(#1f76bd, #1458a5), #1b6bb5; background: linear-gradient(#1f76bd, #1458a5), #1b6bb5; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1F76BD', endColorstr='#FF1458A5'); } .btn.darkblue:hover { background: #1f76bd; } .btn-large { height: 58px; padding-left: 20px; padding-right: 20px; font-size: 22px; width: 100%; line-height: 38px; } a.btn-large { line-height: 48px; } .btn-larger { height: 54px; padding-left: 20px; padding-right: 20px; font-size: 22px; width: 100%; margin-top: 30px; margin-bottom: 15px; } .btn-change { width: 200px; font-size: 16px; font-weight: normal; padding: 5px 0; height: auto; margin: 5px 10px; background: none; text-decoration: underline; color: #2257a5; border: 0; text-align: left; } .btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .facebook { position: relative; padding: 0 20px 0 70px; text-decoration: none; line-height: 40px; font-size: 16px; height: 40px; } .facebook i { position: absolute; top: 0; left: 0; -webkit-box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.2); box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.2); display: inline-block; height: 40px; width: 52px; background: url("../images/film-icon.png") no-repeat; background-position: 0 -137px; } .buttons-tab .btn { display: block; width: 32%; margin: 0; float: left; font-size: 16px; padding: 5px 0; } .buttons-tab .btn:first-child { margin-right: 2%; } .buttons-tab .btn:last-child { margin-left: 2%; } .call-btn { color: #fff; background-color: #12397A; text-shadow: -1px 1px #12397A; border: none; padding: 7px 46px; border-radius: 5px; margin-top: 5px; } .call-btn:hover { background-color: #27496d; } .call-btn:active { border: none; -webkit-appearance: none; } a.moreLink { text-decoration: underline; } /*#333333;*/.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .popover { position: absolute; top: 0; left: 0; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: white; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-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; z-index: 3500; width: 236px; margin-left: 10px; } .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.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.left { margin-left: -10px; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: white; bottom: -10px; } .popover.bottom { margin-top: 10px; margin-left: 0; } .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: white; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover .popover-title { background: none; border-color: #1096d4; font-size: 18px; margin: 9px 14px 0 14px !important; padding: 0 0 10px 0; height: auto !important; } .popover-content { padding: 9px 14px; } .popover-content img { max-width: 100%; } .pagination { margin: 20px 0; } .pagination ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination ul > li { display: inline; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: white; border: 1px solid #dddddd; border-left-width: 0; } .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: whitesmoke; } .pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus { color: #999999; background-color: transparent; cursor: default; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 19px; font-size: 17.5px; } .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .pagination-mini ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > a, .pagination-small ul > li:first-child > span { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .pagination-mini ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > a, .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; } .pagination-small ul > li > a, .pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; } .pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 0px 6px; font-size: 10.5px; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-tabs:after, .nav-pills:before, .nav-pills:after { display: table; content: ""; line-height: 0; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; list-style: none; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { /*border-color: blue;*/ } .nav-tabs.flex-list { display: flex; align-items: stretch; } .nav-tabs.flex-list li a { line-height: 1.5 !important; padding: 10px 0 !important; height: calc(100% - 10px) !important; } .nav-tabs.flex-list li.active a { padding: 15px 0 !important; height: 100% !important; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #555555; background-color: white; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus { color: white; background-color: #0088cc; } .nav-stacked > li { float: none; } .nav-stacked > li > a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .nav-tabs.nav-stacked > li > a:hover, .nav-tabs.nav-stacked > li > a:focus { border-color: #ddd; z-index: 2; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .nav .dropdown-toggle .caret { border-top-color: #0088cc; border-bottom-color: #0088cc; margin-top: 6px; } .nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret { border-top-color: #005580; border-bottom-color: #005580; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tab-content > .tab-pane#tab-cinemas,.tab-content > .tab-pane#plus-cinemas,.tab-content > .tab-pane#plus-performances { padding: 0; } .tab-content > .tab-pane#tab-cinemas .tab-pane, .tab-content > .tab-pane#plus-cinemas .tab-pane, .tab-content > .tab-pane#plus-performances .tab-pane { padding: 0; } .tab-content > .tab-pane#tab-cinemas form.film-order, .tab-content > .tab-pane#plus-cinemas form.film-order, .tab-content > .tab-pane#plus-performances form.film-order { padding: 20px; } .tab-content > .tab-pane#tab-cinemas .movie-filter h1, .tab-content > .tab-pane#plus-cinemas .movie-filter h1, .tab-content > .tab-pane#plus-performances .movie-filter h1 { color: #143365; } .tab-content > .tab-pane#tab-cinemas .movie-filter__overlay .span3, .tab-content > .tab-pane#plus-cinemas .movie-filter__overlay .span3, .tab-content > .tab-pane#plus-performances .movie-filter__overlay .span3 { padding: .625rem .625rem 5rem; } .tab-content > .tab-pane#tab-cinemas .film-booking-box, .tab-content > .tab-pane#plus-cinemas .film-booking-box, .tab-content > .tab-pane#plus-performances .film-booking-box { padding: 10px; } #odeonEventCinemaTablist { padding: 0; margin: 0; height: auto; overflow: hidden; } #odeonEventCinemaTablist li { float: none; width: 100%; height: auto; } #odeonEventCinemaTablist li .tab-dropdown { height: auto; padding: 0; position: static; } #odeonEventCinemaTablist li .tab-dropdown p { float: none; text-align: center; margin: 0 !important; padding: 10px 5px; } .row.content .nav-tabs { border-bottom: none; margin-bottom: 0; } .row.content .nav-tabs > li { margin-bottom: 0; width: 33.33%; height: 66px; } .row.content .nav-tabs > li a { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; background: #00539e; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; color: white; border: none; outline: none; border-top: 1px solid #30bce4; border-left: 1px solid #30bce4; border-right: 1px solid #30bce4; border-bottom: 1px solid #30bce4; margin: 10px 0 0 0; height: 40px; line-height: 40px; text-align: center; font-size: 18px; font-weight: bold; } .row.content .nav-tabs > li:first-child:not(.active) a { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } .row.content .nav-tabs > li:last-child:not(.active) a { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } /*.row.content .nav-tabs > li:last-child a { border-right: none !important;} */.row.content .nav-tabs > .active > a { background: #30bce4; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; height: 50px; line-height: 50px; margin: 0; color: white; } .row.content .nav-tabs .prices { background: #f5a422; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdb914), color-stop(100%, #e98536)), #f5a422; background: -webkit-linear-gradient(#fdb914, #e98536), #f5a422; background: -moz-linear-gradient(#fdb914, #e98536), #f5a422; background: -o-linear-gradient(#fdb914, #e98536), #f5a422; background: linear-gradient(#fdb914, #e98536), #f5a422; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDB914', endColorstr='#FFE98536'); color: black; } .row.content .nav-tabs.underline { border-bottom: 10px solid #1096d4; padding: 25px 20px 0 20px; } .row.content .nav-tabs.color { border-bottom: none; position: relative; height: 196px; -webkit-box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.2); margin-bottom: 20px; } .row.content .nav-tabs.color > li { width: 25%; } .row.content .nav-tabs.color > li a { border-right: 1px solid rgba(255, 255, 255, 0.5); } .row.content .nav-tabs.color .tab-dropdown { position: absolute; left: 0; width: 900px; height: 50px; padding: 40px; overflow: hidden; display: none; } .row.content .nav-tabs.color .tab-dropdown .shadow-corner { background: rgba(0, 0, 0, 0.05); width: 200px; height: 150px; position: absolute; } .row.content .nav-tabs.color .tab-dropdown .shadow-corner.left { left: -115px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .row.content .nav-tabs.color .tab-dropdown .shadow-corner.right { right: -115px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .row.content .nav-tabs.color .tab-dropdown img { float: left; margin-right: 40px; } .row.content .nav-tabs.color .tab-dropdown p { float: left; width: 75%; color: white; margin-top: -5px !important; } .row.content .nav-tabs.color li.active .tab-dropdown { display: block; } .row.content .nav-tabs.color li.culture a { background: #1096d5; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1096d5), color-stop(100%, #0d7baf)), #1096d5; background: -webkit-linear-gradient(#1096d5, #0d7baf), #1096d5; background: -moz-linear-gradient(#1096d5, #0d7baf), #1096d5; background: -o-linear-gradient(#1096d5, #0d7baf), #1096d5; background: linear-gradient(#1096d5, #0d7baf), #1096d5; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1096D5', endColorstr='#FF0D7BAF'); } .row.content .nav-tabs.color li.culture .tab-dropdown { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .row.content .nav-tabs.color li.culture.active a { background: #1096d5; } .row.content .nav-tabs.color li.culture.active .tab-dropdown { background: #1096d5; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1096d5), color-stop(100%, #0d7baf)), #1096d5; background: -webkit-linear-gradient(#1096d5, #0d7baf), #1096d5; background: -moz-linear-gradient(#1096d5, #0d7baf), #1096d5; background: -o-linear-gradient(#1096d5, #0d7baf), #1096d5; background: linear-gradient(#1096d5, #0d7baf), #1096d5; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1096D5', endColorstr='#FF0D7BAF'); } .row.content .nav-tabs.color li.music a { background: #ec008c; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ec008c), color-stop(100%, #c30074)), #ec008c; background: -webkit-linear-gradient(#ec008c, #c30074), #ec008c; background: -moz-linear-gradient(#ec008c, #c30074), #ec008c; background: -o-linear-gradient(#ec008c, #c30074), #ec008c; background: linear-gradient(#ec008c, #c30074), #ec008c; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEC008C', endColorstr='#FFC30074'); } .row.content .nav-tabs.color li.music .tab-dropdown { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .row.content .nav-tabs.color li.music.active a { background: #ec008c; } .row.content .nav-tabs.color li.music.active .tab-dropdown { background: #ec008c; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ec008c), color-stop(100%, #c30074)), #ec008c; background: -webkit-linear-gradient(#ec008c, #c30074), #ec008c; background: -moz-linear-gradient(#ec008c, #c30074), #ec008c; background: -o-linear-gradient(#ec008c, #c30074), #ec008c; background: linear-gradient(#ec008c, #c30074), #ec008c; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEC008C', endColorstr='#FFC30074'); } .row.content .nav-tabs.color li.sport a { background: #48a145; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #48a145), color-stop(100%, #3b8439)), #48a145; background: -webkit-linear-gradient(#48a145, #3b8439), #48a145; background: -moz-linear-gradient(#48a145, #3b8439), #48a145; background: -o-linear-gradient(#48a145, #3b8439), #48a145; background: linear-gradient(#48a145, #3b8439), #48a145; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF48A145', endColorstr='#FF3B8439'); } .row.content .nav-tabs.color li.sport .tab-dropdown { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .row.content .nav-tabs.color li.sport.active a { background: #48a145; } .row.content .nav-tabs.color li.sport.active .tab-dropdown { background: #48a145; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #48a145), color-stop(100%, #3b8439)), #48a145; background: -webkit-linear-gradient(#48a145, #3b8439), #48a145; background: -moz-linear-gradient(#48a145, #3b8439), #48a145; background: -o-linear-gradient(#48a145, #3b8439), #48a145; background: linear-gradient(#48a145, #3b8439), #48a145; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF48A145', endColorstr='#FF3B8439'); } .row.content .nav-tabs.color li.games a { background: #f58c39; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f58c39), color-stop(100%, #f37512)), #f58c39; background: -webkit-linear-gradient(#f58c39, #f37512), #f58c39; background: -moz-linear-gradient(#f58c39, #f37512), #f58c39; background: -o-linear-gradient(#f58c39, #f37512), #f58c39; background: linear-gradient(#f58c39, #f37512), #f58c39; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF58C39', endColorstr='#FFF37512'); } .row.content .nav-tabs.color li.games .tab-dropdown { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .row.content .nav-tabs.color li.games.active a { background: #f58c39; } .row.content .nav-tabs.color li.games.active .tab-dropdown { background: #f58c39; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f58c39), color-stop(100%, #f37512)), #f58c39; background: -webkit-linear-gradient(#f58c39, #f37512), #f58c39; background: -moz-linear-gradient(#f58c39, #f37512), #f58c39; background: -o-linear-gradient(#f58c39, #f37512), #f58c39; background: linear-gradient(#f58c39, #f37512), #f58c39; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF58C39', endColorstr='#FFF37512'); } .row.content .nav-tabs.large { border-bottom: none; padding: 0; margin: 0; } .row.content .nav-tabs.large > li { width: 33.33%; height: 150px; } .row.content .nav-tabs.large > li a { height: 124px; line-height: 50px; font-size: 30px; font-weight: normal; } .row.content .nav-tabs.large > li:first-child:not(.active) a { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; } .row.content .nav-tabs.large > li:last-child:not(.active) a { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; } .row.content .nav-tabs.large > .active > a { background: #fff; color: #2258a5; height: 134px; } .row.content .nav-tabs.large [class^="tab-icon-"], .row.content .nav-tabs.large [class*=" tab-icon-"] { display: block; margin: 15px auto 0 auto; } .row.content .nav-tabs.large .active .tab-icon-times-off { background-position: 0 0; } .row.content .nav-tabs.large .active .tab-icon-times-on { background-position: 0 0; } .row.content .nav-tabs.large .active .tab-icon-find-off { background-position: 0 -96px; } .row.content .nav-tabs.large .active .tab-icon-find-on { background-position: 0 0; } .row.content .nav-tabs.large .active .tab-icon-price-off { background-position: 0 -147px; } .row.content .nav-tabs.large .active .tab-icon-price-on { background-position: 0 0; } .row.content .nav-tabs.large .active .tab-icon-price-off-ire { background-position: 0 -292px; } .row.content .nav-tabs.large .active .tab-icon-price-on-ire { background-position: 0 0; } .row.content .nav-tabs.large.flat > li { width: 50%; line-height: 110px; height: 110px; } .row.content .nav-tabs.large.flat > li a { line-height: 84px; height: 84px; font-size: 30px; } .row.content .nav-tabs.large.flat > .active > a { line-height: 94px; height: 94px; } .row.content .nav-tabs.flat.invert, .row.content .nav-tabs.invert { border: 0; padding: 0; margin-left: 40px; display: inline-block; } .row.content .nav-tabs.flat.invert > li, .row.content .nav-tabs.invert > li { width: 238px; height: 90px; } .row.content .nav-tabs.flat.invert > li:not(:last-child), .row.content .nav-tabs.invert > li:not(:last-child) { margin-right: 6px; } .row.content .nav-tabs.flat.invert > li a, .row.content .nav-tabs.invert > li a { width: 239px; height: 64px; line-height: normal; font-size: 18px; background: #2d75bd; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #17468a), color-stop(8%, #2258a5), color-stop(100%, #3389cc)), #2d75bd; background: -webkit-linear-gradient(top, #17468a 1%, #2258a5 8%, #3389cc), #2d75bd; background: -moz-linear-gradient(top, #17468a 1%, #2258a5 8%, #3389cc), #2d75bd; background: -o-linear-gradient(top, #17468a 1%, #2258a5 8%, #3389cc), #2d75bd; background: linear-gradient(top, #17468a 1%, #2258a5 8%, #3389cc), #2d75bd; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2258A5', endColorstr='#FF3389CC'); -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; border-right: none; margin: 0; display: table-cell; vertical-align: middle; } .row.content .nav-tabs.flat.invert > .active > a, .row.content .nav-tabs.invert > .active > a { background: #3388cb; height: 74px; } .row.content .nav-tabs.pure { border: none; padding: 0 20px; } .row.content .nav-tabs.pure > li { width: auto; height: auto; } .row.content .nav-tabs.pure > li a { -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; height: auto; line-height: 30px; font-size: 14px; margin: 0 10px 0 0; padding: 8px 20px; } .row.content .nav-tabs.pure > li a:hover, .row.content .nav-tabs.pure > li a:focus { /*background: #3389cc;*/ } .row.content .nav-tabs.pure > .active > a { background: #30bce4; } .row.content .nav-tabs.pure.medium { padding: 0; } .row.content .nav-tabs.pure.medium > li { width: 33.33%; } .row.content .nav-tabs.pure.medium > li a, .row.content .nav-tabs.pure.medium > li a:hover, .row.content .nav-tabs.pure.medium > li a:focus { /*background: #2d75bd; background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(1%, #17468a), color-stop(8%, #2258a5), color-stop(100%, #3389cc)), #2d75bd; background: -webkit-linear-gradient(bottom, #17468a 1%, #2258a5 8%, #3389cc), #2d75bd; background: -moz-linear-gradient(bottom, #17468a 1%, #2258a5 8%, #3389cc), #2d75bd; background: -o-linear-gradient(bottom, #17468a 1%, #2258a5 8%, #3389cc), #2d75bd; background: linear-gradient(bottom, #17468a 1%, #2258a5 8%, #3389cc), #2d75bd; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3389CC', endColorstr='#FF2258A5');*/ background: #00539e; height: 50px; line-height: 22px; font-size: 14px; margin: 0; padding: 12px 38px 8px 38px; /*-moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; border-right: 1px solid rgba(255, 255, 255, 0.25);*/ } .row.content .nav-tabs.pure.medium > .active > a { background: #fff !important; color: #333333; } .row.content .nav-tabs.pure.medium.moar > li { width: 33.33%; } .row.content .nav-tabs.pure.medium.moar > li a, .row.content .nav-tabs.pure.medium.moar > li a:hover, .row.content .nav-tabs.pure.medium.moar > li a:focus { line-height: 50px; padding: 8px 20px; } .row.content .nav-tabs.pure.medium.moar > .active > a { background: #30bce4 !important; color: white; } .row.content .nav-tabs.pure.medium.moar > .active > a#publicReviewTab { background: #00539e; border-top-left-radius: 0; border-top-right-radius: 0; } .row.content .nav-tabs.arrow { margin-bottom: 7px; border: none; height: 60px; position: relative; -webkit-box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.2); } .row.content .nav-tabs.arrow > li { -webkit-transition-property: background-position; -moz-transition-property: background-position; -o-transition-property: background-position; transition-property: background-position; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; background-position: 40px -335px; padding-bottom: 7px; width: 10%; height: auto; } .row.content .nav-tabs.arrow > li.active { background-position: 40px -328px; } .row.content .nav-tabs.arrow > li a { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; height: 44px; line-height: normal; font-size: 14px; font-weight: normal; margin: 0; border-right: 2px solid #fff; } .row.content .nav-tabs.arrow > li a strong { font-size: 16px; } .row.content .nav-tabs.arrow > li:first-child a, .row.content .nav-tabs.arrow > li:last-child a { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .row.content .nav-tabs.single > li { width: 100% !important; } .row.content .tab-content { overflow: visible; } .row.content .tab-pane { padding: 20px; } .row.content .tab-pane.find-film, .row.content .tab-pane.find-cinema, .row.content .tab-pane.films-grid { border-top: 5px solid #30bce4; } .row.content .tab-pane [class^="span"], .row.content .tab-pane [class*=" span"] { padding: 0; } .row.content .nav-tabs.arrow > li a,.row.content .nav-tabs.pure > li a,.row.content .nav-tabs.pure.medium > li a,.row.content .nav-tabs.pure.medium > li a:hover,.row.content .nav-tabs.pure.medium > li a:focus { font-size: 11px; } @media screen and (min-width: 25rem) { .row.content .nav-tabs.arrow > li a, .row.content .nav-tabs.pure > li a, .row.content .nav-tabs.pure.medium > li a, .row.content .nav-tabs.pure.medium > li a:hover, .row.content .nav-tabs.pure.medium > li a:focus { font-size: 14px; } } .star-rating[class*="rating-icon-star-"], .buzz-rating[class*="rating-icon-buzz-"] { display: block; float: left; margin: 5px 0; position: relative; } .star-rating[class*="rating-icon-star-"] div, .buzz-rating[class*="rating-icon-buzz-"] div { display: block; float: left; } .star-rating[class*="rating-icon-star-"] i, .buzz-rating[class*="rating-icon-buzz-"] i { float: right; } .star-rating.rating-icon-star-light-xtrasmall-inactive, .star-rating.rating-icon-star-dark-xtrasmall-inactive { width: 65px; } .star-rating.rating-icon-star-light-xtrasmall-inactive .s0, .star-rating.rating-icon-star-dark-xtrasmall-inactive .s0 { width: 0; } .star-rating.rating-icon-star-light-xtrasmall-inactive .s1, .star-rating.rating-icon-star-dark-xtrasmall-inactive .s1 { width: 7px; } .star-rating.rating-icon-star-light-xtrasmall-inactive .s2, .star-rating.rating-icon-star-dark-xtrasmall-inactive .s2 { width: 13px; } .star-rating.rating-icon-star-light-xtrasmall-inactive .s3, .star-rating.rating-icon-star-dark-xtrasmall-inactive .s3 { width: 20px; } .star-rating.rating-icon-star-light-xtrasmall-inactive .s4, .star-rating.rating-icon-star-dark-xtrasmall-inactive .s4 { width: 26px; } .star-rating.rating-icon-star-light-xtrasmall-inactive .s5, .star-rating.rating-icon-star-dark-xtrasmall-inactive .s5 { width: 33px; } .star-rating.rating-icon-star-light-xtrasmall-inactive .s6, .star-rating.rating-icon-star-dark-xtrasmall-inactive .s6 { width: 39px; } .star-rating.rating-icon-star-light-xtrasmall-inactive .s7, .star-rating.rating-icon-star-dark-xtrasmall-inactive .s7 { width: 46px; } .star-rating.rating-icon-star-light-xtrasmall-inactive .s8, .star-rating.rating-icon-star-dark-xtrasmall-inactive .s8 { width: 52px; } .star-rating.rating-icon-star-light-xtrasmall-inactive .s9, .star-rating.rating-icon-star-dark-xtrasmall-inactive .s9 { width: 59px; } .star-rating.rating-icon-star-light-xtrasmall-inactive .s10, .star-rating.rating-icon-star-dark-xtrasmall-inactive .s10 { width: 65px; } .star-rating.rating-icon-star-light-xtrasmall-inactive .rate-over, .star-rating.rating-icon-star-dark-xtrasmall-inactive .rate-over { position: absolute; width: 13px; height: 13px; } .star-rating.rating-icon-star-light-xtrasmall-inactive .rate-over.s1, .star-rating.rating-icon-star-dark-xtrasmall-inactive .rate-over.s1 { left: 0; } .star-rating.rating-icon-star-light-xtrasmall-inactive .rate-over.s2, .star-rating.rating-icon-star-dark-xtrasmall-inactive .rate-over.s2 { left: 13px; } .star-rating.rating-icon-star-light-xtrasmall-inactive .rate-over.s3, .star-rating.rating-icon-star-dark-xtrasmall-inactive .rate-over.s3 { left: 26px; } .star-rating.rating-icon-star-light-xtrasmall-inactive .rate-over.s4, .star-rating.rating-icon-star-dark-xtrasmall-inactive .rate-over.s4 { left: 39px; } .star-rating.rating-icon-star-light-xtrasmall-inactive .rate-over.s5, .star-rating.rating-icon-star-dark-xtrasmall-inactive .rate-over.s5 { left: 52px; } .star-rating.rating-icon-star-light-small-inactive, .star-rating.rating-icon-star-dark-small-inactive { width: 95px; } .star-rating.rating-icon-star-light-small-inactive .s0, .star-rating.rating-icon-star-dark-small-inactive .s0 { width: 0; } .star-rating.rating-icon-star-light-small-inactive .s1, .star-rating.rating-icon-star-dark-small-inactive .s1 { width: 10px; } .star-rating.rating-icon-star-light-small-inactive .s2, .star-rating.rating-icon-star-dark-small-inactive .s2 { width: 19px; } .star-rating.rating-icon-star-light-small-inactive .s3, .star-rating.rating-icon-star-dark-small-inactive .s3 { width: 29px; } .star-rating.rating-icon-star-light-small-inactive .s4, .star-rating.rating-icon-star-dark-small-inactive .s4 { width: 38px; } .star-rating.rating-icon-star-light-small-inactive .s5, .star-rating.rating-icon-star-dark-small-inactive .s5 { width: 48px; } .star-rating.rating-icon-star-light-small-inactive .s6, .star-rating.rating-icon-star-dark-small-inactive .s6 { width: 57px; } .star-rating.rating-icon-star-light-small-inactive .s7, .star-rating.rating-icon-star-dark-small-inactive .s7 { width: 67px; } .star-rating.rating-icon-star-light-small-inactive .s8, .star-rating.rating-icon-star-dark-small-inactive .s8 { width: 76px; } .star-rating.rating-icon-star-light-small-inactive .s9, .star-rating.rating-icon-star-dark-small-inactive .s9 { width: 86px; } .star-rating.rating-icon-star-light-small-inactive .s10, .star-rating.rating-icon-star-dark-small-inactive .s10 { width: 95px; } .star-rating.rating-icon-star-light-small-inactive .rate-over, .star-rating.rating-icon-star-dark-small-inactive .rate-over { position: absolute; width: 19px; height: 19px; } .star-rating.rating-icon-star-light-small-inactive .rate-over.s1, .star-rating.rating-icon-star-dark-small-inactive .rate-over.s1 { left: 0; } .star-rating.rating-icon-star-light-small-inactive .rate-over.s2, .star-rating.rating-icon-star-dark-small-inactive .rate-over.s2 { left: 19px; } .star-rating.rating-icon-star-light-small-inactive .rate-over.s3, .star-rating.rating-icon-star-dark-small-inactive .rate-over.s3 { left: 38px; } .star-rating.rating-icon-star-light-small-inactive .rate-over.s4, .star-rating.rating-icon-star-dark-small-inactive .rate-over.s4 { left: 57px; } .star-rating.rating-icon-star-light-small-inactive .rate-over.s5, .star-rating.rating-icon-star-dark-small-inactive .rate-over.s5 { left: 76px; } .star-rating.rating-icon-star-light-medium-inactive, .star-rating.rating-icon-star-dark-medium-inactive { width: 150px; } .star-rating.rating-icon-star-light-medium-inactive .s0, .star-rating.rating-icon-star-dark-medium-inactive .s0 { width: 0; } .star-rating.rating-icon-star-light-medium-inactive .s1, .star-rating.rating-icon-star-dark-medium-inactive .s1 { width: 15px; } .star-rating.rating-icon-star-light-medium-inactive .s2, .star-rating.rating-icon-star-dark-medium-inactive .s2 { width: 30px; } .star-rating.rating-icon-star-light-medium-inactive .s3, .star-rating.rating-icon-star-dark-medium-inactive .s3 { width: 45px; } .star-rating.rating-icon-star-light-medium-inactive .s4, .star-rating.rating-icon-star-dark-medium-inactive .s4 { width: 60px; } .star-rating.rating-icon-star-light-medium-inactive .s5, .star-rating.rating-icon-star-dark-medium-inactive .s5 { width: 75px; } .star-rating.rating-icon-star-light-medium-inactive .s6, .star-rating.rating-icon-star-dark-medium-inactive .s6 { width: 90px; } .star-rating.rating-icon-star-light-medium-inactive .s7, .star-rating.rating-icon-star-dark-medium-inactive .s7 { width: 105px; } .star-rating.rating-icon-star-light-medium-inactive .s8, .star-rating.rating-icon-star-dark-medium-inactive .s8 { width: 120px; } .star-rating.rating-icon-star-light-medium-inactive .s9, .star-rating.rating-icon-star-dark-medium-inactive .s9 { width: 135px; } .star-rating.rating-icon-star-light-medium-inactive .s10, .star-rating.rating-icon-star-dark-medium-inactive .s10 { width: 150px; } .star-rating.rating-icon-star-light-medium-inactive .rate-over, .star-rating.rating-icon-star-dark-medium-inactive .rate-over { position: absolute; width: 29px; height: 29px; } .star-rating.rating-icon-star-light-medium-inactive .rate-over.s1, .star-rating.rating-icon-star-dark-medium-inactive .rate-over.s1 { left: 0; } .star-rating.rating-icon-star-light-medium-inactive .rate-over.s2, .star-rating.rating-icon-star-dark-medium-inactive .rate-over.s2 { left: 30px; } .star-rating.rating-icon-star-light-medium-inactive .rate-over.s3, .star-rating.rating-icon-star-dark-medium-inactive .rate-over.s3 { left: 60px; } .star-rating.rating-icon-star-light-medium-inactive .rate-over.s4, .star-rating.rating-icon-star-dark-medium-inactive .rate-over.s4 { left: 90px; } .star-rating.rating-icon-star-light-medium-inactive .rate-over.s5, .star-rating.rating-icon-star-dark-medium-inactive .rate-over.s5 { left: 120px; } .buzz-rating.rating-icon-buzz-light-small-inactive, .buzz-rating.rating-icon-buzz-dark-small-inactive { width: 102px; } .buzz-rating.rating-icon-buzz-light-small-inactive div, .buzz-rating.rating-icon-buzz-dark-small-inactive div { background-repeat: no-repeat; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .buzz-rating.rating-icon-buzz-light-small-inactive .s0, .buzz-rating.rating-icon-buzz-dark-small-inactive .s0 { width: 0; } .buzz-rating.rating-icon-buzz-light-small-inactive .s1, .buzz-rating.rating-icon-buzz-dark-small-inactive .s1 { width: 14px; } .buzz-rating.rating-icon-buzz-light-small-inactive .s2, .buzz-rating.rating-icon-buzz-dark-small-inactive .s2 { width: 26px; } .buzz-rating.rating-icon-buzz-light-small-inactive .s3, .buzz-rating.rating-icon-buzz-dark-small-inactive .s3 { width: 38px; } .buzz-rating.rating-icon-buzz-light-small-inactive .s4, .buzz-rating.rating-icon-buzz-dark-small-inactive .s4 { width: 50px; } .buzz-rating.rating-icon-buzz-light-small-inactive .s5, .buzz-rating.rating-icon-buzz-dark-small-inactive .s5 { width: 62px; } .buzz-rating.rating-icon-buzz-light-small-inactive .rate-over, .buzz-rating.rating-icon-buzz-dark-small-inactive .rate-over { position: absolute; width: 10px; height: 10px; } .buzz-rating.rating-icon-buzz-light-small-inactive .rate-over.s1, .buzz-rating.rating-icon-buzz-dark-small-inactive .rate-over.s1 { left: 2px; } .buzz-rating.rating-icon-buzz-light-small-inactive .rate-over.s2, .buzz-rating.rating-icon-buzz-dark-small-inactive .rate-over.s2 { left: 14px; } .buzz-rating.rating-icon-buzz-light-small-inactive .rate-over.s3, .buzz-rating.rating-icon-buzz-dark-small-inactive .rate-over.s3 { left: 26px; } .buzz-rating.rating-icon-buzz-light-small-inactive .rate-over.s4, .buzz-rating.rating-icon-buzz-dark-small-inactive .rate-over.s4 { left: 38px; } .buzz-rating.rating-icon-buzz-light-small-inactive .rate-over.s5, .buzz-rating.rating-icon-buzz-dark-small-inactive .rate-over.s5 { left: 50px; } .buzz-rating.rating-icon-buzz-light-medium-inactive, .buzz-rating.rating-icon-buzz-dark-medium-inactive { width: 145px; } .buzz-rating.rating-icon-buzz-light-medium-inactive div, .buzz-rating.rating-icon-buzz-dark-medium-inactive div { background-repeat: no-repeat; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-bottomright: 9px; -webkit-border-bottom-right-radius: 9px; border-bottom-right-radius: 9px; } .buzz-rating.rating-icon-buzz-light-medium-inactive .s0, .buzz-rating.rating-icon-buzz-dark-medium-inactive .s0 { width: 0; } .buzz-rating.rating-icon-buzz-light-medium-inactive .s1, .buzz-rating.rating-icon-buzz-dark-medium-inactive .s1 { width: 19px; } .buzz-rating.rating-icon-buzz-light-medium-inactive .s2, .buzz-rating.rating-icon-buzz-dark-medium-inactive .s2 { width: 37px; } .buzz-rating.rating-icon-buzz-light-medium-inactive .s3, .buzz-rating.rating-icon-buzz-dark-medium-inactive .s3 { width: 54px; } .buzz-rating.rating-icon-buzz-light-medium-inactive .s4, .buzz-rating.rating-icon-buzz-dark-medium-inactive .s4 { width: 71px; } .buzz-rating.rating-icon-buzz-light-medium-inactive .s5, .buzz-rating.rating-icon-buzz-dark-medium-inactive .s5 { width: 88px; } .buzz-rating.rating-icon-buzz-light-medium-inactive .rate-over, .buzz-rating.rating-icon-buzz-dark-medium-inactive .rate-over { position: absolute; width: 14px; height: 14px; } .buzz-rating.rating-icon-buzz-light-medium-inactive .rate-over.s1, .buzz-rating.rating-icon-buzz-dark-medium-inactive .rate-over.s1 { left: 3px; } .buzz-rating.rating-icon-buzz-light-medium-inactive .rate-over.s2, .buzz-rating.rating-icon-buzz-dark-medium-inactive .rate-over.s2 { left: 20px; } .buzz-rating.rating-icon-buzz-light-medium-inactive .rate-over.s3, .buzz-rating.rating-icon-buzz-dark-medium-inactive .rate-over.s3 { left: 37px; } .buzz-rating.rating-icon-buzz-light-medium-inactive .rate-over.s4, .buzz-rating.rating-icon-buzz-dark-medium-inactive .rate-over.s4 { left: 54px; } .buzz-rating.rating-icon-buzz-light-medium-inactive .rate-over.s5, .buzz-rating.rating-icon-buzz-dark-medium-inactive .rate-over.s5 { left: 71px; } .buzz-rating.rating-icon-buzz-light-large-inactive, .buzz-rating.rating-icon-buzz-dark-large-inactive { width: 250px; } .buzz-rating.rating-icon-buzz-light-large-inactive div, .buzz-rating.rating-icon-buzz-dark-large-inactive div { background-repeat: no-repeat; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; border-top-left-radius: 15px; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; border-bottom-right-radius: 15px; } .buzz-rating.rating-icon-buzz-light-large-inactive .s0, .buzz-rating.rating-icon-buzz-dark-large-inactive .s0 { width: 0; } .buzz-rating.rating-icon-buzz-light-large-inactive .s1, .buzz-rating.rating-icon-buzz-dark-large-inactive .s1 { width: 40px; } .buzz-rating.rating-icon-buzz-light-large-inactive .s2, .buzz-rating.rating-icon-buzz-dark-large-inactive .s2 { width: 75px; } .buzz-rating.rating-icon-buzz-light-large-inactive .s3, .buzz-rating.rating-icon-buzz-dark-large-inactive .s3 { width: 110px; } .buzz-rating.rating-icon-buzz-light-large-inactive .s4, .buzz-rating.rating-icon-buzz-dark-large-inactive .s4 { width: 145px; } .buzz-rating.rating-icon-buzz-light-large-inactive .s5, .buzz-rating.rating-icon-buzz-dark-large-inactive .s5 { width: 180px; } .buzz-rating.rating-icon-buzz-light-large-inactive .rate-over, .buzz-rating.rating-icon-buzz-dark-large-inactive .rate-over { position: absolute; width: 31px; height: 29px; } .buzz-rating.rating-icon-buzz-light-large-inactive .rate-over.s1, .buzz-rating.rating-icon-buzz-dark-large-inactive .rate-over.s1 { left: 5px; } .buzz-rating.rating-icon-buzz-light-large-inactive .rate-over.s2, .buzz-rating.rating-icon-buzz-dark-large-inactive .rate-over.s2 { left: 40px; } .buzz-rating.rating-icon-buzz-light-large-inactive .rate-over.s3, .buzz-rating.rating-icon-buzz-dark-large-inactive .rate-over.s3 { left: 75px; } .buzz-rating.rating-icon-buzz-light-large-inactive .rate-over.s4, .buzz-rating.rating-icon-buzz-dark-large-inactive .rate-over.s4 { left: 110px; } .buzz-rating.rating-icon-buzz-light-large-inactive .rate-over.s5, .buzz-rating.rating-icon-buzz-dark-large-inactive .rate-over.s5 { left: 145px; } .buzz-rating.rating-icon-buzz-light-large-inactive i, .buzz-rating.rating-icon-buzz-dark-large-inactive i { margin-top: 7px; } /*#333333;*/.navbar__top__button { background: transparent; border: none; width: 48px; height: 45px; text-indent: -900em; overflow: hidden; position: relative; cursor: pointer; outline: none; float: right; } .navbar__top__button:after { content: ''; position: absolute; width: 68%; height: 5px; background: #fff; top: 10px; left: 16%; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; } /* Accordion style */.navbar__top__menu { background: white; height: 0; overflow: hidden; } .navbar__top__menu,.navbar__top__menu ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .navbar__top__menu li { position: relative; } .navbar__top__menu li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; font-weight: 300; color: #fff; outline: none; text-decoration: none; } .navbar__top__menu li > a { background-color: #2257a5; /* Fallback Color */ background-image: -webkit-gradient(linear, left top, left bottom, from(#3389cc), to(#2257a5)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #3389cc, #2257a5); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #3389cc, #2257a5); /* FF3.6 */ background-image: -ms-linear-gradient(top, #3389cc, #2257a5); /* IE10 */ background-image: -o-linear-gradient(top, #3389cc, #2257a5); /* Opera 11.10+ */ background-image: linear-gradient(top, #3389cc, #2257a5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#3389cc', EndColorStr='#2257a5'); -webkit-border-radius: 0.3125rem; -moz-border-radius: 0.3125rem; border-radius: 0.3125rem; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; margin: 0; height: auto; } .no-touch #mobile-menu li a:hover { background: rgba(255, 248, 213, 0.1); } #mobile-menu li.dl-back > a { padding-left: 30px; background: rgba(0, 0, 0, 0.1); } #mobile-menu li.dl-back:after,#mobile-menu li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'icomoon'; speak: none; -webkit-font-smoothing: antialiased; content: "e000"; } #mobile-menu li.dl-back:after { left: 10px; color: rgba(212, 204, 198, 0.3); -webkit-transform: rotate(180deg); transform: rotate(180deg); } #mobile-menu li > a:after { right: 10px; color: rgba(0, 0, 0, 0.15); } #mobile-menu .dl-menu { margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } #mobile-menu .dl-menu.dl-menu-toggle { transition: all 0.3s ease; } #mobile-menu .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px); } /* Hide the inner submenus */#mobile-menu li .dl-submenu { display: none; } /* When a submenu is openend, we will hide all li siblings.For that we give a class to the parent menu called "dl-subview".We also hide the submenu link. The opened submenu will get the class "dl-subviewopen".All this is done for any sub-level being entered.*/.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subviewopen > a,.dl-menu.dl-subview li.dl-subview > a { display: none; } .dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; } /* Dynamically added submenu outside of the menu context */#mobile-menu > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; } /* Animation classes for moving out and in */.dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; } @-webkit-keyframes MenuAnimOut1 { 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @keyframes MenuAnimOut1 { 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } .dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; } @-webkit-keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); transform: translateZ(0px) rotateY(0deg); opacity: 1; } } #mobile-menu > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; } @-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } #mobile-menu > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; } @-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); opacity: 0; } } @keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } /* No JS Fallback */.no-js #mobile-menu .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none; } .no-js #mobile-menu li .dl-submenu { display: block; } .no-js #mobile-menu li.dl-back { display: none; } .no-js #mobile-menu li > a:not(:only-child) { background: rgba(0, 0, 0, 0.1); } .no-js #mobile-menu li > a:not(:only-child):after { content: ''; } /*#333333;*/.hero-carousel .article-element { max-height: 11.25rem; padding-bottom: 2.5rem; position: relative; } .hero-carousel .article-element .info { position: absolute; bottom: 0; left: 0; width: 100%; display: block; padding: 0.625rem; background: transparent; } .hero-carousel .article-element .info h4 { color: white; width: 60%; float: left; margin-top: 0; margin-bottom: 0; font-size: 1rem; } .hero-carousel .article-element .info h4 a { color: white; width: 100%; } .hero-carousel .article-element .info .btn { float: right; width: 40%; } .hero-carousel .article-element img { width: 100%; } /* Slider */.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Slider *//* Icons *//* Arrows *//* Dots */.slick-slider { margin-bottom: 0; } .hero-carousel .prev,.hero-carousel .next { position: absolute; list-style: none; background: url(../static/img/mobile-page/images/arrow-orange-left.png) no-repeat white; opacity: 0.8; outline: none; display: block; float: left; width: 50px; height: 50px; text-indent: -9999em; top: 50%; margin-top: -25px; background-position: 87% 48%; } .hero-carousel .prev { left: -4px; } .hero-carousel .next { right: -4px; background-image: url(../static/img/mobile-page/images/arrow-orange-right.png); } div.counter { background: #000; color: #fff; } .counter-top img { margin: 0 !important; } .counter-content { text-align: center; } .counter-description { text-align: center; margin-bottom: 10px; } .counter-content span { width: 18%; display: inline-block; font-size: 40px; font-weight: bold; line-height: 90px; } .span6 .counter-content span { width: 18%; font-size: 45px; line-height: 40px; } .span4 .counter-content span { width: 18%; font-size: 30px; line-height: 35px; } .span3 .counter-content span { width: 18%; font-size: 22px; line-height: 20px; } .counter-description span { width: 18%; display: inline-block; font-size: 18px; line-height: 30px; } .span6 .counter-description span { font-size: 15px; line-height: 20px; } .span4 .counter-description span { font-size: 10px; line-height: 15px; } .span3 .counter-description span { font-size: 10px; line-height: 13px; } .counter-content span.distance, .counter-description span.distance { width: 2%; display: inline-block; } /** * Styles for auto complete field *//* * easy-autocomplete * jQuery plugin for autocompletion * * @author Łukasz Pawełczak (http://github.com/pawelczak) * @version 1.3.5 * Copyright License: */.easy-autocomplete { position: relative; } .easy-autocomplete input { border-color: #ccc; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: #555; float: none; padding: 6px 12px; } .easy-autocomplete input:hover, .easy-autocomplete input:focus { box-shadow: none; } .easy-autocomplete a { display: block; } .easy-autocomplete.eac-blue-light input:hover, .easy-autocomplete.eac-blue-light input:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); } .easy-autocomplete.eac-blue-light ul { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); } .easy-autocomplete.eac-blue-light ul li, .easy-autocomplete.eac-blue-light ul .eac-category { border-color: #66afe9; } .easy-autocomplete.eac-blue-light ul li.selected, .easy-autocomplete.eac-blue-light ul .eac-category.selected { background-color: #ecf5fc; } .easy-autocomplete.eac-green-light input:hover, .easy-autocomplete.eac-green-light input:focus { border-color: #41DB00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6); } .easy-autocomplete.eac-green-light ul { border-color: #41DB00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6); } .easy-autocomplete.eac-green-light ul li, .easy-autocomplete.eac-green-light ul .eac-category { border-color: #41DB00; } .easy-autocomplete.eac-green-light ul li.selected, .easy-autocomplete.eac-green-light ul .eac-category.selected { background-color: #9eff75; } .easy-autocomplete.eac-red-light input:hover, .easy-autocomplete.eac-red-light input:focus { border-color: #ff5b5b; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6); } .easy-autocomplete.eac-red-light ul { border-color: #ff5b5b; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6); } .easy-autocomplete.eac-red-light ul li, .easy-autocomplete.eac-red-light ul .eac-category { border-color: #ff5b5b; } .easy-autocomplete.eac-red-light ul li.selected, .easy-autocomplete.eac-red-light ul .eac-category.selected { background-color: #ff8e8e; } .easy-autocomplete.eac-yellow-light input:hover, .easy-autocomplete.eac-yellow-light input:focus { border-color: #ffdb00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6); } .easy-autocomplete.eac-yellow-light ul { border-color: #ffdb00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6); } .easy-autocomplete.eac-yellow-light ul li, .easy-autocomplete.eac-yellow-light ul .eac-category { border-color: #ffdb00; } .easy-autocomplete.eac-yellow-light ul li.selected, .easy-autocomplete.eac-yellow-light ul .eac-category.selected { background-color: #ffe233; } .easy-autocomplete.eac-dark-light input:hover, .easy-autocomplete.eac-dark-light input:focus { border-color: #333; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6); } .easy-autocomplete.eac-dark-light ul { border-color: #333; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6); } .easy-autocomplete.eac-dark-light ul li, .easy-autocomplete.eac-dark-light ul .eac-category { border-color: #333; } .easy-autocomplete.eac-dark-light ul li.selected, .easy-autocomplete.eac-dark-light ul .eac-category.selected { background-color: #4d4d4d; color: #fff; } .easy-autocomplete.eac-dark { color: #fff; } .easy-autocomplete.eac-dark input { background-color: #404040; border-radius: 4px; box-shadow: 0; color: #f6f6f6; } .easy-autocomplete.eac-dark input:hover, .easy-autocomplete.eac-dark input:focus { border-color: #333; box-shadow: 0; } .easy-autocomplete.eac-dark ul { border-color: #333; } .easy-autocomplete.eac-dark ul li, .easy-autocomplete.eac-dark ul .eac-category { background-color: #404040; border-color: #333; } .easy-autocomplete.eac-dark ul li.selected, .easy-autocomplete.eac-dark ul .eac-category.selected { background-color: #737373; color: #f6f6f6; } .easy-autocomplete.eac-dark-glass { color: #fff; } .easy-autocomplete.eac-dark-glass input { background-color: rgba(0, 0, 0, 0.8); border-radius: 4px; box-shadow: 0; color: #f6f6f6; } .easy-autocomplete.eac-dark-glass input:hover, .easy-autocomplete.eac-dark-glass input:focus { border-color: rgba(0, 0, 0, 0.8); box-shadow: 0; } .easy-autocomplete.eac-dark-glass ul { border-color: rgba(0, 0, 0, 0.8); } .easy-autocomplete.eac-dark-glass ul li, .easy-autocomplete.eac-dark-glass ul .eac-category { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.8); } .easy-autocomplete.eac-dark-glass ul li.selected, .easy-autocomplete.eac-dark-glass ul .eac-category.selected { background-color: rgba(64, 64, 64, 0.8); color: #f6f6f6; } .easy-autocomplete.eac-dark-glass ul li:last-child, .easy-autocomplete.eac-dark-glass ul .eac-category:last-child { border-radius: 0 0 4px 4px; } .easy-autocomplete.eac-blue { color: #fff; } .easy-autocomplete.eac-blue input { background-color: #6d9ed1; border-radius: 4px; box-shadow: 0; color: #f6f6f6; } .easy-autocomplete.eac-blue input::-webkit-input-placeholder { color: #f6f6f6; } .easy-autocomplete.eac-blue input:-moz-placeholder { color: #f6f6f6; } .easy-autocomplete.eac-blue input::-moz-placeholder { color: #f6f6f6; } .easy-autocomplete.eac-blue input:-ms-input-placeholder { color: #f6f6f6; } .easy-autocomplete.eac-blue input:hover, .easy-autocomplete.eac-blue input:focus { border-color: #5A91CB; box-shadow: 0; } .easy-autocomplete.eac-blue ul { border-color: #5A91CB; } .easy-autocomplete.eac-blue ul li, .easy-autocomplete.eac-blue ul .eac-category { background-color: #6d9ed1; border-color: #5A91CB; } .easy-autocomplete.eac-blue ul li.selected, .easy-autocomplete.eac-blue ul .eac-category.selected { background-color: #94b8dd; color: #f6f6f6; } .easy-autocomplete.eac-yellow { color: #333; } .easy-autocomplete.eac-yellow input { background-color: #ffdb7e; border-color: #333; border-radius: 4px; box-shadow: 0; color: #333; } .easy-autocomplete.eac-yellow input:hover, .easy-autocomplete.eac-yellow input:focus { border-color: #333; box-shadow: 0; } .easy-autocomplete.eac-yellow ul { border-color: #333; } .easy-autocomplete.eac-yellow ul li, .easy-autocomplete.eac-yellow ul .eac-category { background-color: #ffdb7e; border-color: #333; } .easy-autocomplete.eac-yellow ul li.selected, .easy-autocomplete.eac-yellow ul .eac-category.selected { background-color: #ffe9b1; color: #333; } .easy-autocomplete.eac-purple { color: #333; } .easy-autocomplete.eac-purple input { background-color: #d6d1e7; border-color: #b8afd5; box-shadow: 0; color: #333; } .easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-purple input:focus { border-color: #333; box-shadow: 0; } .easy-autocomplete.eac-purple ul { border-color: #333; } .easy-autocomplete.eac-purple ul li, .easy-autocomplete.eac-purple ul .eac-category { background-color: #d6d1e7; border-color: #333; } .easy-autocomplete.eac-purple ul li.selected, .easy-autocomplete.eac-purple ul .eac-category.selected { background-color: #ebe8f3; color: #333; } .easy-autocomplete.eac-bootstrap input { border-color: #ccc; border-radius: 4px; border-style: solid; border-width: 1px; color: #555; padding: 6px 12px; } .easy-autocomplete-container { left: 0; position: absolute; width: 100%; z-index: 2; } .easy-autocomplete-container ul { background: none repeat scroll 0 0 #ffffff; border-top: 1px dotted #ccc; display: none; margin-top: 0; padding-bottom: 0; padding-left: 0; position: relative; top: -1px; } .easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category { background: inherit; border-color: #ccc; border-image: none; border-style: solid; border-width: 0 1px; display: block; font-size: 14px; font-weight: normal; padding: 4px 12px; } .easy-autocomplete-container ul li:last-child { border-radius: 0 0 2px 2px; border-width: 0 1px 1px; } .easy-autocomplete-container ul li.selected { background: none repeat scroll 0 0 #ebebeb; cursor: pointer; } .easy-autocomplete-container ul li.selected div { font-weight: normal; } .easy-autocomplete-container ul li div { display: block; font-weight: normal; word-break: break-all; } .easy-autocomplete-container ul li b { font-weight: bold; } .easy-autocomplete-container ul .eac-category { font-color: #aaa; font-style: italic; } .eac-description .eac-item span { color: #aaa; font-style: italic; font-size: 0.9em; } .eac-icon-left .eac-item img { margin-right: 4px; max-height: 30px; } .eac-icon-right .eac-item { margin-top: 8px; min-height: 24px; position: relative; } .eac-icon-right .eac-item img { margin-left: 4px; max-height: 30px; position: absolute; right: -4px; top: -8px; } .easy-autocomplete-container { top: 45px; } .easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category { font-size: 16px; padding: 7px 12px 7px 30px; } /** * Info tooltips */form { /** * Inputs */ /** * Cinema choice 3 field style */ /** * Search fields */ /** * Button styles */ /** * Links inside forms */ /** * Form errors */ } form .info { display: inline-block; width: 17px; height: 17px; float: right; margin-top: -5px; position: relative; } form .info .info-icon { fill: #54698D; width: 16px; padding-bottom: 5px; } form .info .infobulle { transform: scale(0); position: absolute; background-color: #13539E; border-radius: 5px 0 5px 5px; padding: 14px; margin-top: 20px; margin-left: -200px; box-shadow: 0 2px 3px #A8B7C7; transition: 0.25s; width: 200px; z-index: 1; font-style: normal; font-weight: normal; line-height: 16px; font-size: 12px; color: #fff; left: 15px; top: 5px; } form .info .infobulle::before { content: ''; position: absolute; border-bottom: 8px solid #13539E; border-left: 8px solid transparent; border-right: 8px solid transparent; margin-top: -22px; margin-left: 170px; } form .info:hover > .infobulle { transform: scale(1); } form .field-holder { width: 100%; margin: 1em 0; } form input:invalid { border-color: #E63621; } form input:disabled { background: linear-gradient(180deg, #eeeeee 0%, #cecece 100%); color: #565656; } form .cinema-choice-3 { margin-bottom: 10px; } form .search-field { position: relative; } form .search-field .search-icon { fill: #A8B7C7; position: absolute; top: 5px; padding: 4px; left: 5px; } form .search-field input { text-indent: 30px; } form #payment:disabled { background: linear-gradient(180deg, #f1f1f1 0%, #cfcfcf 100%); border-radius: 4px; border: none; color: #143364; } form #goToPart2:active, form #payment:active { background: linear-gradient(180deg, #e9ca6e 0%, #e6ba70 100%); border-radius: 4px; border: none; color: #143364; } form #goToPart2:focus, form #payment:focus { background: linear-gradient(180deg, #fabb05 0%, #d39a35 100%); border-radius: 4px; border: 1px solid #4A90E2; color: #143364; } form .link { font-style: italic; font-weight: normal; line-height: 16px; font-size: 12px; color: #4A90E2; text-decoration: underline; cursor: pointer; position: relative; } form .link-expand { cursor: pointer; } form .link-expand .direction { transform: rotate(0deg); background-image: url(../../static/img/wifi/arrow.svg); display: inline-block; width: 10px; height: 10px; text-decoration: none; filter: invert(60%) sepia(79%) saturate(1986%) hue-rotate(188deg) brightness(86%) contrast(106%); background-size: 100%; position: absolute; top: 3px; right: -15px; } form .link-expand.open .direction { transform: rotate(180deg); } form .alert { margin: 1em 0; padding: 10px; font-size: 12px; border-radius: 5px; } form .alert-error { background: red; color: #fff; } form .errors { color: #E63621; font-size: 12px; } form .errors.filled { font-size: 12px; padding: 0.5em 0; color: red; } form .parsley-error, form .parsley-error { width: 100%; border-color: #E63621; } *[hidden] { display: none; } p.error { color: #E63621; } .text-danger { color: #E63621; font-size: 12px; } .blockform .alert { margin: 1em 0; padding: 10px; font-size: 12px; border-radius: 5px; } .blockform .alert-error { background: red; color: #fff; } .components-sprite, .components-share-fb-icon, .components-share-gp-icon, .components-share-pi-icon, .components-share-tw-icon { background: url('../../static/img/sprites/components-s4144ac44fb.png') no-repeat; } .components-share-fb-icon { background-position: 0 -58px; height: 21px; width: 10px; } .components-share-gp-icon { background-position: 0 -22px; height: 19px; width: 21px; } .components-share-pi-icon { background-position: 0 0; height: 22px; width: 22px; } .components-share-tw-icon { background-position: 0 -41px; height: 17px; width: 21px; } .icon-sprite, .icon-android, .icon-arrow-hor-blue, .icon-cardholder-plus-blue, .icon-cardholder-plus-white, .icon-cinemas, .icon-close-blk, .icon-close-blue, .icon-close-light, .icon-details-black, .icon-details-blue, .icon-email, .icon-facebook, .icon-fav-star-blue, .icon-fav-star-grey, .icon-fav-star, .icon-fav-trash-blue, .icon-fav-trash-grey, .icon-films, .icon-form-info-small, .icon-form-info, .icon-google, .icon-help-blue, .icon-help, .icon-home, .icon-homes, .icon-icon-close, .icon-info-blue, .icon-info-darkblue, .icon-info-large-black, .icon-info-large-white, .icon-info-white, .icon-iphone, .icon-li-star-light, .icon-location-marker-arrow, .icon-logo-jurassic-world, .icon-logo-spectre, .icon-logo, .icon-magazine, .icon-mail-light, .icon-message, .icon-mobile, .icon-my-odeon, .icon-news-large-dark, .icon-odeon-light-small, .icon-opc-card-small, .icon-padlock-black, .icon-padlock-blue, .icon-page-first-blue, .icon-page-first-disabled, .icon-page-last-blue, .icon-page-last-disabled, .icon-page-next-blue, .icon-page-next-disabled, .icon-page-prev-blue, .icon-page-prev-disabled, .icon-phone-light, .icon-phone, .icon-pinterest, .icon-prefs-black, .icon-prefs-blue, .icon-premier-dark, .icon-premier-light, .icon-printpage, .icon-screen-light, .icon-search-large-close-retina, .icon-search-large-close, .icon-search-large-retina, .icon-search-large, .icon-search, .icon-twitter-medium, .icon-twitter, .icon-user-black, .icon-user-blue, .icon-vote-down, .icon-vote-up, .icon-wheelchair-dark, .icon-wheelchair-light, .icon-youtube { background: url('../../static/img/sprites/icon-s1019e42ad4.png') no-repeat; } .icon-android { background-position: 0 -1053px; height: 21px; width: 22px; } .icon-arrow-hor-blue { background-position: 0 -1646px; height: 42px; width: 21px; } .icon-cardholder-plus-blue { background-position: 0 -312px; height: 11px; width: 11px; } .icon-cardholder-plus-white { background-position: 0 -323px; height: 11px; width: 11px; } .icon-cinemas { background-position: 0 -554px; height: 50px; width: 53px; } .icon-close-blk { background-position: 0 -1537px; height: 16px; width: 16px; } .icon-close-blue { background-position: 0 -1244px; height: 16px; width: 16px; } .icon-close-light { background-position: 0 -1224px; height: 20px; width: 21px; } .icon-details-black { background-position: 0 -1625px; height: 21px; width: 21px; } .icon-details-blue { background-position: 0 -1183px; height: 21px; width: 21px; } .icon-email { background-position: 0 -1303px; height: 22px; width: 30px; } .icon-facebook { background-position: 0 -1701px; height: 21px; width: 22px; } .icon-fav-star-blue { background-position: 0 -1260px; height: 22px; width: 23px; } .icon-fav-star-grey { background-position: 0 -866px; height: 22px; width: 22px; } .icon-fav-star { background-position: 0 -820px; height: 25px; width: 26px; } .icon-fav-trash-blue { background-position: 0 -1882px; height: 17px; width: 13px; } .icon-fav-trash-grey { background-position: 0 -1865px; height: 17px; width: 13px; } .icon-films { background-position: 0 -419px; height: 50px; width: 53px; } .icon-form-info-small { background-position: 0 -296px; height: 16px; width: 16px; } .icon-form-info { background-position: 0 -1204px; height: 20px; width: 20px; } .icon-google { background-position: 0 -1325px; height: 21px; width: 22px; } .icon-help-blue { background-position: 0 -275px; height: 21px; width: 22px; } .icon-help { background-position: 0 -616px; height: 21px; width: 22px; } .icon-home { background-position: 0 -637px; height: 21px; width: 21px; } .icon-homes { background-position: 0 -695px; height: 50px; width: 53px; } .icon-icon-close { background-position: 0 -888px; height: 26px; width: 26px; } .icon-info-blue { background-position: 0 -745px; height: 18px; width: 18px; } .icon-info-darkblue { background-position: 0 -786px; height: 18px; width: 18px; } .icon-info-large-black { background-position: 0 -228px; height: 47px; width: 47px; } .icon-info-large-white { background-position: 0 -507px; height: 47px; width: 47px; } .icon-info-white { background-position: 0 -845px; height: 21px; width: 21px; } .icon-iphone { background-position: 0 -1364px; height: 21px; width: 22px; } .icon-li-star-light { background-position: 0 -1346px; height: 18px; width: 18px; } .icon-location-marker-arrow { background-position: 0 -1144px; height: 18px; width: 16px; } .icon-logo-jurassic-world { background-position: 0 -85px; height: 85px; width: 219px; } .icon-logo-spectre { background-position: 0 0; height: 85px; width: 219px; } .icon-logo { background-position: 0 -334px; height: 85px; width: 219px; } .icon-magazine { background-position: 0 -1431px; height: 21px; width: 22px; } .icon-mail-light { background-position: 0 -1096px; height: 23px; width: 30px; } .icon-message { background-position: 0 -1553px; height: 13px; width: 19px; } .icon-mobile { background-position: 0 -1587px; height: 21px; width: 22px; } .icon-my-odeon { background-position: 0 -1787px; height: 13px; width: 12px; } .icon-news-large-dark { background-position: 0 -469px; height: 38px; width: 35px; } .icon-odeon-light-small { background-position: 0 -604px; height: 12px; width: 38px; } .icon-opc-card-small { background-position: 0 -170px; height: 58px; width: 90px; } .icon-padlock-black { background-position: 0 -1385px; height: 21px; width: 21px; } .icon-padlock-blue { background-position: 0 -1282px; height: 21px; width: 21px; } .icon-page-first-blue { background-position: 0 -1839px; height: 13px; width: 12px; } .icon-page-first-disabled { background-position: 0 -1852px; height: 13px; width: 12px; } .icon-page-last-blue { background-position: 0 -1800px; height: 13px; width: 12px; } .icon-page-last-disabled { background-position: 0 -1813px; height: 13px; width: 12px; } .icon-page-next-blue { background-position: 0 -1735px; height: 13px; width: 11px; } .icon-page-next-disabled { background-position: 0 -1722px; height: 13px; width: 11px; } .icon-page-prev-blue { background-position: 0 -1774px; height: 13px; width: 11px; } .icon-page-prev-disabled { background-position: 0 -1748px; height: 13px; width: 11px; } .icon-phone-light { background-position: 0 -1406px; height: 25px; width: 30px; } .icon-phone { background-position: 0 -1119px; height: 25px; width: 30px; } .icon-pinterest { background-position: 0 -1162px; height: 21px; width: 22px; } .icon-prefs-black { background-position: 0 -1452px; height: 22px; width: 21px; } .icon-prefs-blue { background-position: 0 -1074px; height: 22px; width: 21px; } .icon-premier-dark { background-position: 0 -1973px; height: 12px; width: 14px; } .icon-premier-light { background-position: 0 -1985px; height: 13px; width: 10px; } .icon-printpage { background-position: 0 -1608px; height: 17px; width: 20px; } .icon-screen-light { background-position: 0 -1998px; height: 13px; width: 20px; } .icon-search-large-close-retina { background-position: 0 -979px; height: 74px; width: 74px; } .icon-search-large-close { background-position: 0 -658px; height: 37px; width: 37px; } .icon-search-large-retina { background-position: 0 -1899px; height: 74px; width: 74px; } .icon-search-large { background-position: 0 -914px; height: 37px; width: 37px; } .icon-search { background-position: 0 -951px; height: 28px; width: 25px; } .icon-twitter-medium { background-position: 0 -763px; height: 23px; width: 30px; } .icon-twitter { background-position: 0 -1516px; height: 21px; width: 22px; } .icon-user-black { background-position: 0 -1474px; height: 21px; width: 21px; } .icon-user-blue { background-position: 0 -1495px; height: 21px; width: 21px; } .icon-vote-down { background-position: 0 -1761px; height: 13px; width: 15px; } .icon-vote-up { background-position: 0 -1826px; height: 13px; width: 15px; } .icon-wheelchair-dark { background-position: 0 -804px; height: 16px; width: 14px; } .icon-wheelchair-light { background-position: 0 -1688px; height: 13px; width: 12px; } .icon-youtube { background-position: 0 -1566px; height: 21px; width: 22px; } .select-icon-sprite, .select-icon-select, .select-icon-small-dropdown-arrow { background: url('../../static/img/sprites/select-icon-sea849ff4eb.png') no-repeat; } .select-icon-select { background-position: 0 -30px; height: 28px; width: 35px; } .select-icon-small-dropdown-arrow { background-position: 0 0; height: 30px; width: 75px; } .nav-icon-sprite, .nav-icon-all-cinemas-ire, .nav-icon-all-cinemas, .nav-icon-arrow-blue, .nav-icon-arrow-white, .nav-icon-food-drink, .nav-icon-gallery-seating, .nav-icon-imax, .nav-icon-lounge, .nav-icon-my-cinemas-01, .nav-icon-my-cinemas-02, .nav-icon-my-cinemas-03, .nav-icon-odeon-3d, .nav-icon-odeon-dbox, .nav-icon-odeon-isense, .nav-icon-odeon-luxe, .nav-icon-premier-seating { background: url('../../static/img/sprites/nav-icon-s44e105f553.png') no-repeat; } .nav-icon-all-cinemas-ire { background-position: 0 -151px; height: 75px; width: 300px; } .nav-icon-all-cinemas { background-position: 0 0; height: 75px; width: 300px; } .nav-icon-arrow-blue { background-position: 0 -917px; height: 15px; width: 9px; } .nav-icon-arrow-white { background-position: 0 -932px; height: 15px; width: 9px; } .nav-icon-food-drink { background-position: 0 -737px; height: 60px; width: 110px; } .nav-icon-gallery-seating { background-position: 0 -857px; height: 60px; width: 110px; } .nav-icon-imax { background-position: 0 -497px; height: 60px; width: 110px; } .nav-icon-lounge { background-position: 0 -617px; height: 60px; width: 110px; } .nav-icon-my-cinemas-01 { background-position: 0 -302px; height: 75px; width: 260px; } .nav-icon-my-cinemas-02 { background-position: 0 -75px; height: 76px; width: 260px; } .nav-icon-my-cinemas-03 { background-position: 0 -226px; height: 76px; width: 260px; } .nav-icon-odeon-3d { background-position: 0 -437px; height: 60px; width: 110px; } .nav-icon-odeon-dbox { background-position: 0 -557px; height: 60px; width: 110px; } .nav-icon-odeon-isense { background-position: 0 -377px; height: 60px; width: 110px; } .nav-icon-odeon-luxe { background-position: 0 -797px; height: 60px; width: 110px; } .nav-icon-premier-seating { background-position: 0 -677px; height: 60px; width: 110px; } .rating-icon-sprite, .rating-icon-buzz-dark-large-inactive, .rating-icon-buzz-dark-medium-inactive, .rating-icon-buzz-dark-small-inactive, .rating-icon-buzz-large-active, .rating-icon-buzz-large-icon, .rating-icon-buzz-light-large-inactive, .rating-icon-buzz-light-medium-inactive, .rating-icon-buzz-light-small-inactive, .rating-icon-buzz-medium-active, .rating-icon-buzz-medium-icon, .rating-icon-buzz-small-active, .rating-icon-buzz-small-icon, .rating-icon-star-dark-medium-inactive, .rating-icon-star-dark-small-inactive, .rating-icon-star-dark-xtrasmall-inactive, .rating-icon-star-light-medium-inactive, .rating-icon-star-light-small-inactive, .rating-icon-star-light-xtrasmall-inactive, .rating-icon-star-medium-active, .rating-icon-star-small-active, .rating-icon-star-xtrasmall-active { background: url('../../static/img/sprites/rating-icon-s3fb62657eb.png') no-repeat; } .rating-icon-buzz-dark-large-inactive { background-position: 0 -172px; height: 29px; width: 180px; } .rating-icon-buzz-dark-medium-inactive { background-position: 0 -320px; height: 14px; width: 88px; } .rating-icon-buzz-dark-small-inactive { background-position: 0 -367px; height: 10px; width: 63px; } .rating-icon-buzz-large-active { background-position: 0 0; height: 29px; width: 180px; } .rating-icon-buzz-large-icon { background-position: 0 -57px; height: 15px; width: 54px; } .rating-icon-buzz-light-large-inactive { background-position: 0 -143px; height: 29px; width: 180px; } .rating-icon-buzz-light-medium-inactive { background-position: 0 -280px; height: 14px; width: 88px; } .rating-icon-buzz-light-small-inactive { background-position: 0 -357px; height: 10px; width: 63px; } .rating-icon-buzz-medium-active { background-position: 0 -266px; height: 14px; width: 88px; } .rating-icon-buzz-medium-icon { background-position: 0 -72px; height: 15px; width: 54px; } .rating-icon-buzz-small-active { background-position: 0 -347px; height: 10px; width: 63px; } .rating-icon-buzz-small-icon { background-position: 0 -219px; height: 11px; width: 38px; } .rating-icon-star-dark-medium-inactive { background-position: 0 -115px; height: 28px; width: 150px; } .rating-icon-star-dark-small-inactive { background-position: 0 -248px; height: 18px; width: 95px; } .rating-icon-star-dark-xtrasmall-inactive { background-position: 0 -334px; height: 13px; width: 65px; } .rating-icon-star-light-medium-inactive { background-position: 0 -87px; height: 28px; width: 150px; } .rating-icon-star-light-small-inactive { background-position: 0 -230px; height: 18px; width: 95px; } .rating-icon-star-light-xtrasmall-inactive { background-position: 0 -307px; height: 13px; width: 65px; } .rating-icon-star-medium-active { background-position: 0 -29px; height: 28px; width: 150px; } .rating-icon-star-small-active { background-position: 0 -201px; height: 18px; width: 95px; } .rating-icon-star-xtrasmall-active { background-position: 0 -294px; height: 13px; width: 65px; } .tab-icon-sprite, .tab-icon-arrow, .tab-icon-find-off, .tab-icon-find-on, .tab-icon-price-off-ire, .tab-icon-price-off, .tab-icon-price-on-ire, .tab-icon-price-on, .tab-icon-times-off, .tab-icon-times-on { background: url('../../static/img/sprites/tab-icon-sf64870c698.png') no-repeat; } .tab-icon-arrow { background-position: 0 -388px; height: 7px; width: 14px; } .tab-icon-find-off { background-position: 0 -194px; height: 51px; width: 38px; } .tab-icon-find-on { background-position: 0 -96px; height: 51px; width: 38px; } .tab-icon-price-off-ire { background-position: 0 -340px; height: 48px; width: 37px; } .tab-icon-price-off { background-position: 0 -245px; height: 47px; width: 37px; } .tab-icon-price-on-ire { background-position: 0 -292px; height: 48px; width: 37px; } .tab-icon-price-on { background-position: 0 -147px; height: 47px; width: 37px; } .tab-icon-times-off { background-position: 0 -48px; height: 48px; width: 49px; } .tab-icon-times-on { background-position: 0 0; height: 48px; width: 49px; } .carousel-icon-sprite, .carousel-icon-left, .carousel-icon-right { background: url('../../static/img/sprites/carousel-icon-s3632415626.png') no-repeat; } .carousel-icon-left { background-position: 0 -22px; height: 22px; width: 15px; } .carousel-icon-right { background-position: 0 0; height: 22px; width: 15px; } .film-icon-sprite, .film-icon-add, .film-icon-btn-facebook, .film-icon-btn-play, .film-icon-btn-watch-checked, .film-icon-btn-watch-deleted, .film-icon-btn-watch, .film-icon-distance, .film-icon-expiry-black, .film-icon-expiry-white, .film-icon-expiry, .film-icon-img-ribbon, .film-icon-watch { background: url('../../static/img/sprites/film-icon-s3b22bb1bfe.png') no-repeat; } .film-icon-add { background-position: 0 -177px; height: 18px; width: 18px; } .film-icon-btn-facebook { background-position: 0 -137px; height: 40px; width: 52px; } .film-icon-btn-play { background-position: 0 -210px; height: 16px; width: 16px; } .film-icon-btn-watch-checked { background-position: 0 -226px; height: 15px; width: 15px; } .film-icon-btn-watch-deleted { background-position: 0 -241px; height: 16px; width: 16px; } .film-icon-btn-watch { background-position: 0 -195px; height: 15px; width: 15px; } .film-icon-distance { background-position: 0 -257px; height: 10px; width: 17px; } .film-icon-expiry-black { background-position: 0 -93px; height: 22px; width: 18px; } .film-icon-expiry-white { background-position: 0 0; height: 22px; width: 18px; } .film-icon-expiry { background-position: 0 -115px; height: 22px; width: 18px; } .film-icon-img-ribbon { background-position: 0 -58px; height: 35px; width: 134px; } .film-icon-watch { background-position: 0 -22px; height: 36px; width: 36px; } .filter-icon-sprite, .filter-icon-closed, .filter-icon-opened { background: url('../../static/img/sprites/filter-icon-sa7f9c10043.png') no-repeat; } .filter-icon-closed { background-position: 0 0; height: 11px; width: 11px; } .filter-icon-opened { background-position: 0 -11px; height: 11px; width: 11px; } .filter-dark-icon-sprite, .filter-dark-icon-closed, .filter-dark-icon-opened { background: url('../../static/img/sprites/filter-dark-icon-s00ecd4368d.png') no-repeat; } .filter-dark-icon-closed { background-position: 0 0; height: 11px; width: 11px; } .filter-dark-icon-opened { background-position: 0 -11px; height: 11px; width: 11px; } .checkbox-icon-sprite, .checkbox-icon-checked, .checkbox-icon-unchecked { background: url('../../static/img/sprites/checkbox-icon-s8c623d09fe.png') no-repeat; } .checkbox-icon-checked { background-position: 0 0; height: 15px; width: 15px; } .checkbox-icon-unchecked { background-position: 0 -15px; height: 15px; width: 15px; } .radio-icon-sprite, .radio-icon-checked, .radio-icon-unchecked { background: url('../../static/img/sprites/radio-icon-sc0bf11fbd9.png') no-repeat; } .radio-icon-checked { background-position: 0 0; height: 15px; width: 14px; } .radio-icon-unchecked { background-position: 0 -15px; height: 15px; width: 14px; } .feature-icon-sprite, .feature-icon-dark-2d-large, .feature-icon-dark-2d-medium, .feature-icon-dark-3d-large, .feature-icon-dark-3d-medium, .feature-icon-dark-ambar-large, .feature-icon-dark-ambar-medium, .feature-icon-dark-backBritishFilm-large, .feature-icon-dark-backBritishFilm-medium, .feature-icon-dark-backbritishfilm-large, .feature-icon-dark-backbritishfilm-medium, .feature-icon-dark-beechdean-large, .feature-icon-dark-beechdean-medium, .feature-icon-dark-blast-large, .feature-icon-dark-blast-medium, .feature-icon-dark-bnj-large, .feature-icon-dark-bnj-medium, .feature-icon-dark-coffeerepublic-large, .feature-icon-dark-coffeerepublic-medium, .feature-icon-dark-coffeerepublic-xxl, .feature-icon-dark-costa-large, .feature-icon-dark-costa-medium, .feature-icon-dark-costa-xxl, .feature-icon-dark-croma-large, .feature-icon-dark-croma-medium, .feature-icon-dark-croma-xxl, .feature-icon-dark-dbox-large, .feature-icon-dark-dbox-medium, .feature-icon-dark-dolby2d-large, .feature-icon-dark-dolby2d-medium, .feature-icon-dark-dolby3d-large, .feature-icon-dark-dolby3d-medium, .feature-icon-dark-gallery-large, .feature-icon-dark-gallery-medium, .feature-icon-dark-imax-large, .feature-icon-dark-imax-medium, .feature-icon-dark-imax3d-large, .feature-icon-dark-imax3d-medium, .feature-icon-dark-isense-large, .feature-icon-dark-isense-medium, .feature-icon-dark-isense-normal-medium, .feature-icon-dark-isense3d-large, .feature-icon-dark-isense3d-medium, .feature-icon-dark-lounge-large, .feature-icon-dark-lounge-medium, .feature-icon-dark-yog-large, .feature-icon-dark-yog-medium, .feature-icon-light-2d-large, .feature-icon-light-2d-medium, .feature-icon-light-3d-large, .feature-icon-light-3d-medium, .feature-icon-light-ambar-large, .feature-icon-light-ambar-medium, .feature-icon-light-ambar-xl, .feature-icon-light-ambar-xxl, .feature-icon-light-backBritishFilm-large, .feature-icon-light-backBritishFilm-medium, .feature-icon-light-backbritishfilm-large, .feature-icon-light-backbritishfilm-medium, .feature-icon-light-beechdean-large, .feature-icon-light-beechdean-medium, .feature-icon-light-blast-large, .feature-icon-light-blast-medium, .feature-icon-light-bnj-large, .feature-icon-light-bnj-medium, .feature-icon-light-coffeerepublic-large, .feature-icon-light-coffeerepublic-medium, .feature-icon-light-coffeerepublic-xl, .feature-icon-light-costa-large, .feature-icon-light-costa-medium, .feature-icon-light-costa-xl, .feature-icon-light-croma-large, .feature-icon-light-croma-medium, .feature-icon-light-croma-xl, .feature-icon-light-dbox-large, .feature-icon-light-dbox-medium, .feature-icon-light-dbox-xl, .feature-icon-light-dbox-xxl, .feature-icon-light-dolby2d-large, .feature-icon-light-dolby2d-medium, .feature-icon-light-dolby3d-large, .feature-icon-light-dolby3d-medium, .feature-icon-light-gallery-large, .feature-icon-light-gallery-medium, .feature-icon-light-gallery-xl, .feature-icon-light-gallery-xxl, .feature-icon-light-imax-large, .feature-icon-light-imax-medium, .feature-icon-light-imax-small, .feature-icon-light-imax-xl, .feature-icon-light-imax-xxl, .feature-icon-light-imax-xxxl, .feature-icon-light-imax3d-large, .feature-icon-light-imax3d-medium, .feature-icon-light-isense-large, .feature-icon-light-isense-medium, .feature-icon-light-isense-xl, .feature-icon-light-isense-xxl, .feature-icon-light-isense3d-large, .feature-icon-light-isense3d-medium, .feature-icon-light-lounge-large, .feature-icon-light-lounge-medium, .feature-icon-light-yog-large, .feature-icon-light-yog-medium, .feature-icon-navy-blue-2d-large, .feature-icon-navy-blue-2d-medium, .feature-icon-navy-blue-3d-large, .feature-icon-navy-blue-3d-medium, .feature-icon-navy-blue-ambar-large, .feature-icon-navy-blue-ambar-medium, .feature-icon-navy-blue-backbritishfilm-large, .feature-icon-navy-blue-backbritishfilm-medium, .feature-icon-navy-blue-beechdean-large, .feature-icon-navy-blue-beechdean-medium, .feature-icon-navy-blue-blast-large, .feature-icon-navy-blue-blast-medium, .feature-icon-navy-blue-bnj-large, .feature-icon-navy-blue-bnj-medium, .feature-icon-navy-blue-coffeerepublic-large, .feature-icon-navy-blue-coffeerepublic-medium, .feature-icon-navy-blue-costa-large, .feature-icon-navy-blue-costa-medium, .feature-icon-navy-blue-croma-large, .feature-icon-navy-blue-croma-medium, .feature-icon-navy-blue-dbox-large, .feature-icon-navy-blue-dbox-medium, .feature-icon-navy-blue-dolby2d-medium, .feature-icon-navy-blue-dolby3d-medium, .feature-icon-navy-blue-gallery-large, .feature-icon-navy-blue-gallery-medium, .feature-icon-navy-blue-imax-large, .feature-icon-navy-blue-imax-medium, .feature-icon-navy-blue-imax3d-large, .feature-icon-navy-blue-imax3d-medium, .feature-icon-navy-blue-isense-large, .feature-icon-navy-blue-isense-medium, .feature-icon-navy-blue-isense3d-large, .feature-icon-navy-blue-isense3d-medium, .feature-icon-navy-blue-lounge-large, .feature-icon-navy-blue-lounge-medium, .feature-icon-navy-blue-yog-large, .feature-icon-navy-blue-yog-medium { background: url('../../static/img/sprites/feature-icon-s67177ab82c.png') no-repeat; } .feature-icon-dark-2d-large { background-position: 0 -4377px; height: 35px; width: 29px; } .feature-icon-dark-2d-medium { background-position: 0 -4473px; height: 26px; width: 24px; } .feature-icon-dark-3d-large { background-position: 0 -2735px; height: 35px; width: 72px; } .feature-icon-dark-3d-medium { background-position: 0 -4007px; height: 26px; width: 54px; } .feature-icon-dark-ambar-large { background-position: 0 -3494px; height: 35px; width: 60px; } .feature-icon-dark-ambar-medium { background-position: 0 -2237px; height: 26px; width: 45px; } .feature-icon-dark-backBritishFilm-large { background-position: 0 -1391px; height: 35px; width: 74px; } .feature-icon-dark-backBritishFilm-medium { background-position: 0 -4068px; height: 26px; width: 19px; } .feature-icon-dark-backbritishfilm-large { background-position: 0 -1426px; height: 35px; width: 74px; } .feature-icon-dark-backbritishfilm-medium { background-position: 0 -4094px; height: 26px; width: 19px; } .feature-icon-dark-beechdean-large { background-position: 0 -931px; height: 35px; width: 61px; } .feature-icon-dark-beechdean-medium { background-position: 0 -1900px; height: 26px; width: 51px; } .feature-icon-dark-blast-large { background-position: 0 -1251px; height: 35px; width: 61px; } .feature-icon-dark-blast-medium { background-position: 0 -2428px; height: 26px; width: 45px; } .feature-icon-dark-bnj-large { background-position: 0 -1149px; height: 35px; width: 85px; } .feature-icon-dark-bnj-medium { background-position: 0 -1036px; height: 26px; width: 64px; } .feature-icon-dark-coffeerepublic-large { background-position: 0 -2150px; height: 35px; width: 75px; } .feature-icon-dark-coffeerepublic-medium { background-position: 0 -2857px; height: 26px; width: 58px; } .feature-icon-dark-coffeerepublic-xxl { background-position: 0 -540px; height: 78px; width: 170px; } .feature-icon-dark-costa-large { background-position: 0 -3334px; height: 35px; width: 74px; } .feature-icon-dark-costa-medium { background-position: 0 -2796px; height: 26px; width: 56px; } .feature-icon-dark-costa-xxl { background-position: 0 -818px; height: 78px; width: 164px; } .feature-icon-dark-croma-large { background-position: 0 -2953px; height: 35px; width: 87px; } .feature-icon-dark-croma-medium { background-position: 0 -3824px; height: 26px; width: 65px; } .feature-icon-dark-croma-xxl { background-position: 0 -99px; height: 78px; width: 237px; } .feature-icon-dark-dbox-large { background-position: 0 -3920px; height: 35px; width: 76px; } .feature-icon-dark-dbox-medium { background-position: 0 -3248px; height: 26px; width: 59px; } .feature-icon-dark-dolby2d-large { background-position: 0 -506px; height: 17px; width: 100px; } .feature-icon-dark-dolby2d-medium { background-position: 0 -523px; height: 17px; width: 100px; } .feature-icon-dark-dolby3d-large { background-position: 0 -714px; height: 17px; width: 100px; } .feature-icon-dark-dolby3d-medium { background-position: 0 -731px; height: 17px; width: 100px; } .feature-icon-dark-gallery-large { background-position: 0 -1557px; height: 35px; width: 75px; } .feature-icon-dark-gallery-medium { background-position: 0 -2350px; height: 26px; width: 56px; } .feature-icon-dark-imax-large { background-position: 0 -2883px; height: 35px; width: 62px; } .feature-icon-dark-imax-medium { background-position: 0 -3625px; height: 26px; width: 48px; } .feature-icon-dark-imax3d-large { background-position: 0 -3564px; height: 35px; width: 92px; } .feature-icon-dark-imax3d-medium { background-position: 0 -2570px; height: 26px; width: 75px; } .feature-icon-dark-isense-large { background-position: 0 -1865px; height: 35px; width: 67px; } .feature-icon-dark-isense-medium { background-position: 0 -2515px; height: 23px; width: 67px; } .feature-icon-dark-isense-normal-medium { background-position: 0 -3162px; height: 26px; width: 47px; } .feature-icon-dark-isense3d-large { background-position: 0 -748px; height: 35px; width: 102px; } .feature-icon-dark-isense3d-medium { background-position: 0 -2211px; height: 26px; width: 72px; } .feature-icon-dark-lounge-large { background-position: 0 -1286px; height: 35px; width: 86px; } .feature-icon-dark-lounge-medium { background-position: 0 -1618px; height: 26px; width: 65px; } .feature-icon-dark-yog-large { background-position: 0 -2022px; height: 35px; width: 45px; } .feature-icon-dark-yog-medium { background-position: 0 -3188px; height: 25px; width: 32px; } .feature-icon-light-2d-large { background-position: 0 -4412px; height: 35px; width: 29px; } .feature-icon-light-2d-medium { background-position: 0 -4499px; height: 26px; width: 24px; } .feature-icon-light-3d-large { background-position: 0 -3075px; height: 35px; width: 72px; } .feature-icon-light-3d-medium { background-position: 0 -3955px; height: 26px; width: 54px; } .feature-icon-light-ambar-large { background-position: 0 -3676px; height: 35px; width: 60px; } .feature-icon-light-ambar-medium { background-position: 0 -2324px; height: 26px; width: 45px; } .feature-icon-light-ambar-xl { background-position: 0 -1679px; height: 32px; width: 76px; } .feature-icon-light-ambar-xxl { background-position: 0 -177px; height: 78px; width: 130px; } .feature-icon-light-backBritishFilm-large { background-position: 0 -1734px; height: 35px; width: 74px; } .feature-icon-light-backBritishFilm-medium { background-position: 0 -4154px; height: 26px; width: 19px; } .feature-icon-light-backbritishfilm-large { background-position: 0 -1769px; height: 35px; width: 74px; } .feature-icon-light-backbritishfilm-medium { background-position: 0 -4180px; height: 26px; width: 19px; } .feature-icon-light-beechdean-large { background-position: 0 -783px; height: 35px; width: 61px; } .feature-icon-light-beechdean-medium { background-position: 0 -1961px; height: 26px; width: 51px; } .feature-icon-light-blast-large { background-position: 0 -1461px; height: 35px; width: 61px; } .feature-icon-light-blast-medium { background-position: 0 -2596px; height: 26px; width: 45px; } .feature-icon-light-bnj-large { background-position: 0 -1830px; height: 35px; width: 85px; } .feature-icon-light-bnj-medium { background-position: 0 -1062px; height: 26px; width: 64px; } .feature-icon-light-coffeerepublic-large { background-position: 0 -2263px; height: 35px; width: 75px; } .feature-icon-light-coffeerepublic-medium { background-position: 0 -2988px; height: 26px; width: 58px; } .feature-icon-light-coffeerepublic-xl { background-position: 0 -472px; height: 34px; width: 102px; } .feature-icon-light-costa-large { background-position: 0 -3850px; height: 35px; width: 74px; } .feature-icon-light-costa-medium { background-position: 0 -3049px; height: 26px; width: 56px; } .feature-icon-light-costa-xl { background-position: 0 -3369px; height: 32px; width: 95px; } .feature-icon-light-croma-large { background-position: 0 -3213px; height: 35px; width: 87px; } .feature-icon-light-croma-medium { background-position: 0 -3981px; height: 26px; width: 65px; } .feature-icon-light-croma-xl { background-position: 0 -2538px; height: 32px; width: 107px; } .feature-icon-light-dbox-large { background-position: 0 -4033px; height: 35px; width: 76px; } .feature-icon-light-dbox-medium { background-position: 0 -3401px; height: 26px; width: 59px; } .feature-icon-light-dbox-xl { background-position: 0 -3462px; height: 32px; width: 96px; } .feature-icon-light-dbox-xxl { background-position: 0 -377px; height: 78px; width: 178px; } .feature-icon-light-dolby2d-large { background-position: 0 -333px; height: 22px; width: 100px; } .feature-icon-light-dolby2d-medium { background-position: 0 -355px; height: 22px; width: 100px; } .feature-icon-light-dolby3d-large { background-position: 0 -635px; height: 22px; width: 100px; } .feature-icon-light-dolby3d-medium { background-position: 0 -657px; height: 22px; width: 100px; } .feature-icon-light-gallery-large { background-position: 0 -1644px; height: 35px; width: 75px; } .feature-icon-light-gallery-medium { background-position: 0 -2402px; height: 26px; width: 56px; } .feature-icon-light-gallery-xl { background-position: 0 -2057px; height: 32px; width: 95px; } .feature-icon-light-gallery-xxl { background-position: 0 -255px; height: 78px; width: 168px; } .feature-icon-light-imax-large { background-position: 0 -3014px; height: 35px; width: 62px; } .feature-icon-light-imax-medium { background-position: 0 -3772px; height: 26px; width: 48px; } .feature-icon-light-imax-small { background-position: 0 -4146px; height: 8px; width: 36px; } .feature-icon-light-imax-xl { background-position: 0 -4525px; height: 32px; width: 94px; } .feature-icon-light-imax-xxl { background-position: 0 -4264px; height: 78px; width: 151px; } .feature-icon-light-imax-xxxl { background-position: 0 -4206px; height: 58px; width: 178px; } .feature-icon-light-imax3d-large { background-position: 0 -3737px; height: 35px; width: 92px; } .feature-icon-light-imax3d-medium { background-position: 0 -2622px; height: 26px; width: 75px; } .feature-icon-light-isense-large { background-position: 0 0; height: 21px; width: 108px; } .feature-icon-light-isense-medium { background-position: 0 -1711px; height: 23px; width: 77px; } .feature-icon-light-isense-xl { background-position: 0 -1219px; height: 32px; width: 83px; } .feature-icon-light-isense-xxl { background-position: 0 -21px; height: 78px; width: 175px; } .feature-icon-light-isense3d-large { background-position: 0 -966px; height: 35px; width: 102px; } .feature-icon-light-isense3d-medium { background-position: 0 -2648px; height: 26px; width: 72px; } .feature-icon-light-lounge-large { background-position: 0 -1321px; height: 35px; width: 86px; } .feature-icon-light-lounge-medium { background-position: 0 -1496px; height: 26px; width: 65px; } .feature-icon-light-yog-large { background-position: 0 -2454px; height: 35px; width: 45px; } .feature-icon-light-yog-medium { background-position: 0 -3651px; height: 25px; width: 32px; } .feature-icon-navy-blue-2d-large { background-position: 0 -4342px; height: 35px; width: 29px; } .feature-icon-navy-blue-2d-medium { background-position: 0 -4447px; height: 26px; width: 24px; } .feature-icon-navy-blue-3d-large { background-position: 0 -2700px; height: 35px; width: 72px; } .feature-icon-navy-blue-3d-medium { background-position: 0 -3711px; height: 26px; width: 54px; } .feature-icon-navy-blue-ambar-large { background-position: 0 -3427px; height: 35px; width: 60px; } .feature-icon-navy-blue-ambar-medium { background-position: 0 -2124px; height: 26px; width: 45px; } .feature-icon-navy-blue-backbritishfilm-large { background-position: 0 -1356px; height: 35px; width: 74px; } .feature-icon-navy-blue-backbritishfilm-medium { background-position: 0 -4120px; height: 26px; width: 19px; } .feature-icon-navy-blue-beechdean-large { background-position: 0 -679px; height: 35px; width: 61px; } .feature-icon-navy-blue-beechdean-medium { background-position: 0 -1804px; height: 26px; width: 51px; } .feature-icon-navy-blue-blast-large { background-position: 0 -1001px; height: 35px; width: 61px; } .feature-icon-navy-blue-blast-medium { background-position: 0 -2185px; height: 26px; width: 45px; } .feature-icon-navy-blue-bnj-large { background-position: 0 -1114px; height: 35px; width: 85px; } .feature-icon-navy-blue-bnj-medium { background-position: 0 -1088px; height: 26px; width: 64px; } .feature-icon-navy-blue-coffeerepublic-large { background-position: 0 -2089px; height: 35px; width: 75px; } .feature-icon-navy-blue-coffeerepublic-medium { background-position: 0 -2674px; height: 26px; width: 58px; } .feature-icon-navy-blue-costa-large { background-position: 0 -3274px; height: 35px; width: 74px; } .feature-icon-navy-blue-costa-medium { background-position: 0 -2770px; height: 26px; width: 56px; } .feature-icon-navy-blue-croma-large { background-position: 0 -2918px; height: 35px; width: 87px; } .feature-icon-navy-blue-croma-medium { background-position: 0 -3798px; height: 26px; width: 65px; } .feature-icon-navy-blue-dbox-large { background-position: 0 -3885px; height: 35px; width: 76px; } .feature-icon-navy-blue-dbox-medium { background-position: 0 -3136px; height: 26px; width: 59px; } .feature-icon-navy-blue-dolby2d-medium { background-position: 0 -455px; height: 17px; width: 100px; } .feature-icon-navy-blue-dolby3d-medium { background-position: 0 -618px; height: 17px; width: 100px; } .feature-icon-navy-blue-gallery-large { background-position: 0 -1522px; height: 35px; width: 75px; } .feature-icon-navy-blue-gallery-medium { background-position: 0 -2298px; height: 26px; width: 56px; } .feature-icon-navy-blue-imax-large { background-position: 0 -2822px; height: 35px; width: 62px; } .feature-icon-navy-blue-imax-medium { background-position: 0 -3599px; height: 26px; width: 48px; } .feature-icon-navy-blue-imax3d-large { background-position: 0 -3529px; height: 35px; width: 92px; } .feature-icon-navy-blue-imax3d-medium { background-position: 0 -2489px; height: 26px; width: 75px; } .feature-icon-navy-blue-isense-large { background-position: 0 -1987px; height: 35px; width: 67px; } .feature-icon-navy-blue-isense-medium { background-position: 0 -3110px; height: 26px; width: 47px; } .feature-icon-navy-blue-isense3d-large { background-position: 0 -896px; height: 35px; width: 102px; } .feature-icon-navy-blue-isense3d-medium { background-position: 0 -2376px; height: 26px; width: 72px; } .feature-icon-navy-blue-lounge-large { background-position: 0 -1184px; height: 35px; width: 86px; } .feature-icon-navy-blue-lounge-medium { background-position: 0 -1592px; height: 26px; width: 65px; } .feature-icon-navy-blue-yog-large { background-position: 0 -1926px; height: 35px; width: 45px; } .feature-icon-navy-blue-yog-medium { background-position: 0 -3309px; height: 25px; width: 32px; } .cert-icon-sprite, .cert-icon-ire-12A-large, .cert-icon-ire-12A-medium, .cert-icon-ire-12A-small, .cert-icon-ire-15A-large, .cert-icon-ire-15A-medium, .cert-icon-ire-15A-small, .cert-icon-ire-16-large, .cert-icon-ire-16-medium, .cert-icon-ire-16-small, .cert-icon-ire-18-large, .cert-icon-ire-18-medium, .cert-icon-ire-18-small, .cert-icon-ire-GEN-large, .cert-icon-ire-GEN-medium, .cert-icon-ire-GEN-small, .cert-icon-ire-Gen-large, .cert-icon-ire-Gen-medium, .cert-icon-ire-Gen-small, .cert-icon-ire-PG-large, .cert-icon-ire-PG-medium, .cert-icon-ire-PG-small, .cert-icon-ire-TBC-large, .cert-icon-ire-TBC-medium, .cert-icon-ire-TBC-small, .cert-icon-uk-12-large, .cert-icon-uk-12-medium, .cert-icon-uk-12-small, .cert-icon-uk-12A-large, .cert-icon-uk-12A-medium, .cert-icon-uk-12A-small, .cert-icon-uk-15-large, .cert-icon-uk-15-medium, .cert-icon-uk-15-small, .cert-icon-uk-18-large, .cert-icon-uk-18-medium, .cert-icon-uk-18-small, .cert-icon-uk-PG-large, .cert-icon-uk-PG-medium, .cert-icon-uk-PG-small, .cert-icon-uk-TBC-large, .cert-icon-uk-TBC-medium, .cert-icon-uk-TBC-small, .cert-icon-uk-U-large, .cert-icon-uk-U-medium, .cert-icon-uk-U-small { background: url('../../static/img/sprites/cert-icon-sf5e03754df.png') no-repeat; } .cert-icon-ire-12A-large { background-position: 0 -440px; height: 40px; width: 40px; } .cert-icon-ire-12A-medium { background-position: 0 -1032px; height: 23px; width: 23px; } .cert-icon-ire-12A-small { background-position: 0 -1192px; height: 19px; width: 19px; } .cert-icon-ire-15A-large { background-position: 0 -360px; height: 40px; width: 40px; } .cert-icon-ire-15A-medium { background-position: 0 -906px; height: 23px; width: 23px; } .cert-icon-ire-15A-small { background-position: 0 -1093px; height: 19px; width: 19px; } .cert-icon-ire-16-large { background-position: 0 -480px; height: 40px; width: 40px; } .cert-icon-ire-16-medium { background-position: 0 -929px; height: 23px; width: 23px; } .cert-icon-ire-16-small { background-position: 0 -1154px; height: 19px; width: 19px; } .cert-icon-ire-18-large { background-position: 0 -583px; height: 40px; width: 40px; } .cert-icon-ire-18-medium { background-position: 0 -1131px; height: 23px; width: 23px; } .cert-icon-ire-18-small { background-position: 0 -1211px; height: 19px; width: 19px; } .cert-icon-ire-GEN-large { background-position: 0 -200px; height: 40px; width: 40px; } .cert-icon-ire-GEN-medium { background-position: 0 -784px; height: 23px; width: 23px; } .cert-icon-ire-GEN-small { background-position: 0 -952px; height: 19px; width: 19px; } .cert-icon-ire-Gen-large { background-position: 0 -240px; height: 40px; width: 40px; } .cert-icon-ire-Gen-medium { background-position: 0 -807px; height: 23px; width: 23px; } .cert-icon-ire-Gen-small { background-position: 0 -971px; height: 19px; width: 19px; } .cert-icon-ire-PG-large { background-position: 0 -160px; height: 40px; width: 40px; } .cert-icon-ire-PG-medium { background-position: 0 -761px; height: 23px; width: 23px; } .cert-icon-ire-PG-small { background-position: 0 -990px; height: 19px; width: 19px; } .cert-icon-ire-TBC-large { background-position: 0 -520px; height: 40px; width: 40px; } .cert-icon-ire-TBC-medium { background-position: 0 -1009px; height: 23px; width: 23px; } .cert-icon-ire-TBC-small { background-position: 0 -1055px; height: 19px; width: 19px; } .cert-icon-uk-12-large { background-position: 0 0; height: 40px; width: 40px; } .cert-icon-uk-12-medium { background-position: 0 -623px; height: 23px; width: 23px; } .cert-icon-uk-12-small { background-position: 0 -868px; height: 19px; width: 19px; } .cert-icon-uk-12A-large { background-position: 0 -120px; height: 40px; width: 40px; } .cert-icon-uk-12A-medium { background-position: 0 -669px; height: 23px; width: 23px; } .cert-icon-uk-12A-small { background-position: 0 -830px; height: 19px; width: 19px; } .cert-icon-uk-15-large { background-position: 0 -40px; height: 40px; width: 40px; } .cert-icon-uk-15-medium { background-position: 0 -646px; height: 23px; width: 23px; } .cert-icon-uk-15-small { background-position: 0 -887px; height: 19px; width: 19px; } .cert-icon-uk-18-large { background-position: 0 -80px; height: 40px; width: 40px; } .cert-icon-uk-18-medium { background-position: 0 -560px; height: 23px; width: 23px; } .cert-icon-uk-18-small { background-position: 0 -849px; height: 19px; width: 19px; } .cert-icon-uk-PG-large { background-position: 0 -400px; height: 40px; width: 40px; } .cert-icon-uk-PG-medium { background-position: 0 -738px; height: 23px; width: 27px; } .cert-icon-uk-PG-small { background-position: 0 -1112px; height: 19px; width: 21px; } .cert-icon-uk-TBC-large { background-position: 0 -280px; height: 40px; width: 40px; } .cert-icon-uk-TBC-medium { background-position: 0 -692px; height: 23px; width: 27px; } .cert-icon-uk-TBC-small { background-position: 0 -1074px; height: 19px; width: 21px; } .cert-icon-uk-U-large { background-position: 0 -320px; height: 40px; width: 40px; } .cert-icon-uk-U-medium { background-position: 0 -715px; height: 23px; width: 27px; } .cert-icon-uk-U-small { background-position: 0 -1173px; height: 19px; width: 21px; } .large-info-icon-sprite, .large-info-icon-cinemas, .large-info-icon-clapper, .large-info-icon-email, .large-info-icon-inspire-me, .large-info-icon-rating, .large-info-icon-ticket { background: url('../../static/img/sprites/large-info-icon-sea05d39732.png') no-repeat; } .large-info-icon-cinemas { background-position: 0 -300px; height: 75px; width: 75px; } .large-info-icon-clapper { background-position: 0 -75px; height: 75px; width: 75px; } .large-info-icon-email { background-position: 0 -225px; height: 75px; width: 75px; } .large-info-icon-inspire-me { background-position: 0 0; height: 75px; width: 75px; } .large-info-icon-rating { background-position: 0 -150px; height: 75px; width: 75px; } .large-info-icon-ticket { background-position: 0 -375px; height: 75px; width: 75px; } .medium-info-icon-sprite, .medium-info-icon-cinemas, .medium-info-icon-clapper, .medium-info-icon-email, .medium-info-icon-inspire-me, .medium-info-icon-rating, .medium-info-icon-ticket { background: url('../../static/img/sprites/medium-info-icon-s97d5b73d3e.png') no-repeat; } .medium-info-icon-cinemas { background-position: 0 -260px; height: 65px; width: 65px; } .medium-info-icon-clapper { background-position: 0 -130px; height: 65px; width: 65px; } .medium-info-icon-email { background-position: 0 -195px; height: 65px; width: 65px; } .medium-info-icon-inspire-me { background-position: 0 0; height: 65px; width: 65px; } .medium-info-icon-rating { background-position: 0 -65px; height: 65px; width: 65px; } .medium-info-icon-ticket { background-position: 0 -325px; height: 65px; width: 65px; } .info-icon-sprite, .info-icon-form-info-small-grey, .info-icon-form-info-small-white, .info-icon-form-info-small, .info-icon-form-info-white, .info-icon-form-info { background: url('../../static/img/sprites/info-icon-s1584a3e72a.png') no-repeat; } .info-icon-form-info-small-grey { background-position: 0 -52px; height: 16px; width: 16px; } .info-icon-form-info-small-white { background-position: 0 -36px; height: 16px; width: 16px; } .info-icon-form-info-small { background-position: 0 0; height: 16px; width: 16px; } .info-icon-form-info-white { background-position: 0 -68px; height: 20px; width: 20px; } .info-icon-form-info { background-position: 0 -16px; height: 20px; width: 20px; } .film-icon-sprite, .film-icon-add, .film-icon-btn-facebook, .film-icon-btn-play, .film-icon-btn-watch-checked, .film-icon-btn-watch-deleted, .film-icon-btn-watch, .film-icon-distance, .film-icon-expiry-black, .film-icon-expiry-white, .film-icon-expiry, .film-icon-img-ribbon, .film-icon-watch { background: url('../../static/img/sprites/film-icon-s3b22bb1bfe.png') no-repeat; } .film-icon-add { background-position: 0 -177px; height: 18px; width: 18px; } .film-icon-btn-facebook { background-position: 0 -137px; height: 40px; width: 52px; } .film-icon-btn-play { background-position: 0 -210px; height: 16px; width: 16px; } .film-icon-btn-watch-checked { background-position: 0 -226px; height: 15px; width: 15px; } .film-icon-btn-watch-deleted { background-position: 0 -241px; height: 16px; width: 16px; } .film-icon-btn-watch { background-position: 0 -195px; height: 15px; width: 15px; } .film-icon-distance { background-position: 0 -257px; height: 10px; width: 17px; } .film-icon-expiry-black { background-position: 0 -93px; height: 22px; width: 18px; } .film-icon-expiry-white { background-position: 0 0; height: 22px; width: 18px; } .film-icon-expiry { background-position: 0 -115px; height: 22px; width: 18px; } .film-icon-img-ribbon { background-position: 0 -58px; height: 35px; width: 134px; } .film-icon-watch { background-position: 0 -22px; height: 36px; width: 36px; } .icon-sprite, .icon-android, .icon-arrow-hor-blue, .icon-cardholder-plus-blue, .icon-cardholder-plus-white, .icon-cinemas, .icon-close-blk, .icon-close-blue, .icon-close-light, .icon-details-black, .icon-details-blue, .icon-email, .icon-facebook, .icon-fav-star-blue, .icon-fav-star-grey, .icon-fav-star, .icon-fav-trash-blue, .icon-fav-trash-grey, .icon-films, .icon-form-info-small, .icon-form-info, .icon-google, .icon-help-blue, .icon-help, .icon-home, .icon-homes, .icon-icon-close, .icon-info-blue, .icon-info-darkblue, .icon-info-large-black, .icon-info-large-white, .icon-info-white, .icon-iphone, .icon-li-star-light, .icon-location-marker-arrow, .icon-logo-jurassic-world, .icon-logo-spectre, .icon-logo, .icon-magazine, .icon-mail-light, .icon-message, .icon-mobile, .icon-my-odeon, .icon-news-large-dark, .icon-odeon-light-small, .icon-opc-card-small, .icon-padlock-black, .icon-padlock-blue, .icon-page-first-blue, .icon-page-first-disabled, .icon-page-last-blue, .icon-page-last-disabled, .icon-page-next-blue, .icon-page-next-disabled, .icon-page-prev-blue, .icon-page-prev-disabled, .icon-phone-light, .icon-phone, .icon-pinterest, .icon-prefs-black, .icon-prefs-blue, .icon-premier-dark, .icon-premier-light, .icon-printpage, .icon-screen-light, .icon-search-large-close-retina, .icon-search-large-close, .icon-search-large-retina, .icon-search-large, .icon-search, .icon-twitter-medium, .icon-twitter, .icon-user-black, .icon-user-blue, .icon-vote-down, .icon-vote-up, .icon-wheelchair-dark, .icon-wheelchair-light, .icon-youtube { background: url('../../static/img/sprites/icon-s1019e42ad4.png') no-repeat; } .icon-android { background-position: 0 -1053px; height: 21px; width: 22px; } .icon-arrow-hor-blue { background-position: 0 -1646px; height: 42px; width: 21px; } .icon-cardholder-plus-blue { background-position: 0 -312px; height: 11px; width: 11px; } .icon-cardholder-plus-white { background-position: 0 -323px; height: 11px; width: 11px; } .icon-cinemas { background-position: 0 -554px; height: 50px; width: 53px; } .icon-close-blk { background-position: 0 -1537px; height: 16px; width: 16px; } .icon-close-blue { background-position: 0 -1244px; height: 16px; width: 16px; } .icon-close-light { background-position: 0 -1224px; height: 20px; width: 21px; } .icon-details-black { background-position: 0 -1625px; height: 21px; width: 21px; } .icon-details-blue { background-position: 0 -1183px; height: 21px; width: 21px; } .icon-email { background-position: 0 -1303px; height: 22px; width: 30px; } .icon-facebook { background-position: 0 -1701px; height: 21px; width: 22px; } .icon-fav-star-blue { background-position: 0 -1260px; height: 22px; width: 23px; } .icon-fav-star-grey { background-position: 0 -866px; height: 22px; width: 22px; } .icon-fav-star { background-position: 0 -820px; height: 25px; width: 26px; } .icon-fav-trash-blue { background-position: 0 -1882px; height: 17px; width: 13px; } .icon-fav-trash-grey { background-position: 0 -1865px; height: 17px; width: 13px; } .icon-films { background-position: 0 -419px; height: 50px; width: 53px; } .icon-form-info-small { background-position: 0 -296px; height: 16px; width: 16px; } .icon-form-info { background-position: 0 -1204px; height: 20px; width: 20px; } .icon-google { background-position: 0 -1325px; height: 21px; width: 22px; } .icon-help-blue { background-position: 0 -275px; height: 21px; width: 22px; } .icon-help { background-position: 0 -616px; height: 21px; width: 22px; } .icon-home { background-position: 0 -637px; height: 21px; width: 21px; } .icon-homes { background-position: 0 -695px; height: 50px; width: 53px; } .icon-icon-close { background-position: 0 -888px; height: 26px; width: 26px; } .icon-info-blue { background-position: 0 -745px; height: 18px; width: 18px; } .icon-info-darkblue { background-position: 0 -786px; height: 18px; width: 18px; } .icon-info-large-black { background-position: 0 -228px; height: 47px; width: 47px; } .icon-info-large-white { background-position: 0 -507px; height: 47px; width: 47px; } .icon-info-white { background-position: 0 -845px; height: 21px; width: 21px; } .icon-iphone { background-position: 0 -1364px; height: 21px; width: 22px; } .icon-li-star-light { background-position: 0 -1346px; height: 18px; width: 18px; } .icon-location-marker-arrow { background-position: 0 -1144px; height: 18px; width: 16px; } .icon-logo-jurassic-world { background-position: 0 -85px; height: 85px; width: 219px; } .icon-logo-spectre { background-position: 0 0; height: 85px; width: 219px; } .icon-logo { background-position: 0 -334px; height: 85px; width: 219px; } .icon-magazine { background-position: 0 -1431px; height: 21px; width: 22px; } .icon-mail-light { background-position: 0 -1096px; height: 23px; width: 30px; } .icon-message { background-position: 0 -1553px; height: 13px; width: 19px; } .icon-mobile { background-position: 0 -1587px; height: 21px; width: 22px; } .icon-my-odeon { background-position: 0 -1787px; height: 13px; width: 12px; } .icon-news-large-dark { background-position: 0 -469px; height: 38px; width: 35px; } .icon-odeon-light-small { background-position: 0 -604px; height: 12px; width: 38px; } .icon-opc-card-small { background-position: 0 -170px; height: 58px; width: 90px; } .icon-padlock-black { background-position: 0 -1385px; height: 21px; width: 21px; } .icon-padlock-blue { background-position: 0 -1282px; height: 21px; width: 21px; } .icon-page-first-blue { background-position: 0 -1839px; height: 13px; width: 12px; } .icon-page-first-disabled { background-position: 0 -1852px; height: 13px; width: 12px; } .icon-page-last-blue { background-position: 0 -1800px; height: 13px; width: 12px; } .icon-page-last-disabled { background-position: 0 -1813px; height: 13px; width: 12px; } .icon-page-next-blue { background-position: 0 -1735px; height: 13px; width: 11px; } .icon-page-next-disabled { background-position: 0 -1722px; height: 13px; width: 11px; } .icon-page-prev-blue { background-position: 0 -1774px; height: 13px; width: 11px; } .icon-page-prev-disabled { background-position: 0 -1748px; height: 13px; width: 11px; } .icon-phone-light { background-position: 0 -1406px; height: 25px; width: 30px; } .icon-phone { background-position: 0 -1119px; height: 25px; width: 30px; } .icon-pinterest { background-position: 0 -1162px; height: 21px; width: 22px; } .icon-prefs-black { background-position: 0 -1452px; height: 22px; width: 21px; } .icon-prefs-blue { background-position: 0 -1074px; height: 22px; width: 21px; } .icon-premier-dark { background-position: 0 -1973px; height: 12px; width: 14px; } .icon-premier-light { background-position: 0 -1985px; height: 13px; width: 10px; } .icon-printpage { background-position: 0 -1608px; height: 17px; width: 20px; } .icon-screen-light { background-position: 0 -1998px; height: 13px; width: 20px; } .icon-search-large-close-retina { background-position: 0 -979px; height: 74px; width: 74px; } .icon-search-large-close { background-position: 0 -658px; height: 37px; width: 37px; } .icon-search-large-retina { background-position: 0 -1899px; height: 74px; width: 74px; } .icon-search-large { background-position: 0 -914px; height: 37px; width: 37px; } .icon-search { background-position: 0 -951px; height: 28px; width: 25px; } .icon-twitter-medium { background-position: 0 -763px; height: 23px; width: 30px; } .icon-twitter { background-position: 0 -1516px; height: 21px; width: 22px; } .icon-user-black { background-position: 0 -1474px; height: 21px; width: 21px; } .icon-user-blue { background-position: 0 -1495px; height: 21px; width: 21px; } .icon-vote-down { background-position: 0 -1761px; height: 13px; width: 15px; } .icon-vote-up { background-position: 0 -1826px; height: 13px; width: 15px; } .icon-wheelchair-dark { background-position: 0 -804px; height: 16px; width: 14px; } .icon-wheelchair-light { background-position: 0 -1688px; height: 13px; width: 12px; } .icon-youtube { background-position: 0 -1566px; height: 21px; width: 22px; } .booking-sprite, .booking-available-seat-dbox, .booking-available-seat-premier, .booking-available-seat-standard, .booking-available-seat-wheelchair, .booking-double-seat-dbox, .booking-double-seat-premier, .booking-double-seat-standard, .booking-double-seat-wheelchair, .booking-earn-rewards-teaser, .booking-eticket-paper, .booking-eticket-phone, .booking-logo, .booking-odeon-e-ticket-logo, .booking-odeon-premium-mascot, .booking-package-default-teaser, .booking-print-confirmation-icon, .booking-retail-minus-icon, .booking-retail-plus-icon, .booking-share-facebook-icon, .booking-share-google-icon, .booking-share-twitter-icon, .booking-small-close-icon, .booking-trash-icon, .booking-unavailable-seat-dbox, .booking-unavailable-seat-premier, .booking-unavailable-seat-standard, .booking-unavailable-seat-wheelchair, .booking-wheelchair-space, .booking-your-seat { background: url('../../static/img/sprites/booking-sf97aba9245.png') no-repeat; } .booking-available-seat-dbox { background-position: 0 -1057px; height: 16px; width: 18px; } .booking-available-seat-premier { background-position: 0 -981px; height: 16px; width: 18px; } .booking-available-seat-standard { background-position: 0 -1093px; height: 16px; width: 18px; } .booking-available-seat-wheelchair { background-position: 0 -1587px; height: 16px; width: 18px; } .booking-double-seat-dbox { background-position: 0 -945px; height: 16px; width: 39px; } .booking-double-seat-premier { background-position: 0 -909px; height: 16px; width: 39px; } .booking-double-seat-standard { background-position: 0 -873px; height: 16px; width: 39px; } .booking-double-seat-wheelchair { background-position: 0 -1551px; height: 16px; width: 39px; } .booking-earn-rewards-teaser { background-position: 0 -258px; height: 50px; width: 247px; } .booking-eticket-paper { background-position: 0 -1129px; height: 99px; width: 122px; } .booking-eticket-phone { background-position: 0 -1248px; height: 107px; width: 71px; } .booking-logo { background-position: 0 -1375px; height: 84px; width: 169px; } .booking-odeon-e-ticket-logo { background-position: 0 -473px; height: 47px; width: 282px; } .booking-odeon-premium-mascot { background-position: 0 0; height: 238px; width: 281px; } .booking-package-default-teaser { background-position: 0 -328px; height: 125px; width: 220px; } .booking-print-confirmation-icon { background-position: 0 -691px; height: 17px; width: 20px; } .booking-retail-minus-icon { background-position: 0 -1667px; height: 24px; width: 24px; } .booking-retail-plus-icon { background-position: 0 -1623px; height: 24px; width: 24px; } .booking-share-facebook-icon { background-position: 0 -1017px; height: 20px; width: 10px; } .booking-share-google-icon { background-position: 0 -615px; height: 20px; width: 23px; } .booking-share-twitter-icon { background-position: 0 -764px; height: 16px; width: 20px; } .booking-small-close-icon { background-position: 0 -540px; height: 19px; width: 19px; } .booking-trash-icon { background-position: 0 -836px; height: 17px; width: 12px; } .booking-unavailable-seat-dbox { background-position: 0 -728px; height: 16px; width: 18px; } .booking-unavailable-seat-premier { background-position: 0 -579px; height: 16px; width: 18px; } .booking-unavailable-seat-standard { background-position: 0 -655px; height: 16px; width: 18px; } .booking-unavailable-seat-wheelchair { background-position: 0 -1515px; height: 16px; width: 18px; } .booking-wheelchair-space { background-position: 0 -1479px; height: 16px; width: 15px; } .booking-your-seat { background-position: 0 -800px; height: 16px; width: 14px; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Basic Styles--------------------------------------------------*/@font-face { font-family: "Open Sans Condensed"; src: url("../static/fonts/OpenSans-CondBold.eot"); src: url("../static/fonts/OpenSans-CondBold.eot?#iefix") format("eot"), url("../static/fonts/OpenSans-CondBold.woff") format("woff"), url("../static/fonts/OpenSans-CondBold.ttf") format("truetype"), url("../static/fonts/OpenSans-CondBold.svg") format("svg"); } body { background: linear-gradient(90deg, #143365, rgba(20, 51, 101, 0.5), rgba(20, 51, 101, 0.2), rgba(20, 51, 101, 0.5), #143365) #1b6bb3; /*background: $dark-blue url("../static/img/bg-static-mobile.jpg") repeat-y; background-attachment: fixed; background-size:cover;*/ color: #143365; /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/ font-family: "Ubuntu",Helvetica,Arial,sans-serif; position: relative; } body.xtra-padding { padding-top: 3.125rem; } @media screen and (min-width: 35.5rem) { body { max-width: 35.500em; margin-left: auto; margin-right: auto; } } h1 { font-family: "Open Sans Condensed", "Impact"; text-transform: capitalize; color: white; text-align: left; font-size: 1.375rem; margin: 0.9375rem 0; width: 20rem; } h3 { font-size: 1.53125rem; } h4 { font-size: 1.125rem; margin: 0.9375rem 0; line-height: normal; padding: 0; } a { color: #2257a5; text-decoration: none; } p { font-size: 1rem; line-height: 1.375rem; } img { max-width: 100%; display: block; } .hide,.hide-small { display: none; } .show,.show-small { display: block; } /* Re-usables--------------------------------------------------*/.hidden-small { display: none; } .visible-small { display: block; } .cf:after { content: ""; display: table; clear: both; } .sticky { display: block; position: fixed; top: 0; z-index: 1000; } [class^="glyphicon-"] { background: url("../static/img/glyphicons-halflings.png"); display: inline-block; width: 14px; height: 14px; line-height: 14px; vertical-align: text-top; background-position: 14px 14px; background-repeat: no-repeat; margin-top: 1px; } .glyphicon-close { background-position: -312px 0; } .glyphicon-chevron-right { background-position: -456px -72px; } .icon-fav-star { line-height: 14px; vertical-align: text-top; display: inline-block; background: url("../static/img/mobile-page/images/favorite.png") no-repeat; background-position: 0 0; height: 26px; width: 26px; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid white; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ''; } .caret.blue { border-top-color: #2257a5; } .caret-right { display: inline-block; width: 0; height: 0; vertical-align: middle; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 6px solid white; content: ''; } .caret-right.blue { border-left-color: #2257a5; } .container .row.content .accordion-group.questions .accordion-toggle .caret { float: right; margin: 22px 5px 0 0; } .row.content .nav-tabs.color .tab-dropdown,.row.content .nav-tabs.color .tab-dropdown p { width: 100%; } #faq-accordion .accordion-heading h4,.accordion .accordion-heading span.accordiontitle { display: inline-block; margin: 15px 0; max-width: 90%; font-size: 1.125rem; } .container .row.content .accordion-group.questions .accordion-toggle { font-weight: bold; padding: 12px 0; } .container .row.content .accordion-group.questions .accordion-body { border-bottom: 1px solid #cccccc; } .container .row.content .accordion-group.questions .accordion-inner br { display: none; } .caret_large { border-top: 8px solid white; border-right: 8px solid transparent; border-left: 8px solid transparent; } .arrow-link .caret { vertical-align: middle; margin-right: 5px; } .specialLinkComponent { padding: 10px 0; } .specialLinkComponent .specialLink .nav-icon-arrow-blue { margin-right: 5px; vertical-align: middle; } .container .row.content .white { background: white; } .row.content.white { background: white; } /** * Cookies message */#icoCookiesBanner { position: fixed; z-index: 100; margin: 0 auto; bottom: 0; max-width: 35.500em; } #icoCookiesBanner .cookie-container { position: relative; padding: 0; margin: 0; background: rgba(0, 0, 0, 0.75); } #icoCookiesBanner .cookie-container #icoCookieMsg { color: #fff; float: right; position: absolute; right: 20px; top: 10px; text-decoration: none; } #icoCookiesBanner .cookie-container h2, #icoCookiesBanner .cookie-container p { font-weight: normal; margin: 0; padding: 10px 20px; color: #fff; } #icoCookiesBanner .cookie-container h2 a, #icoCookiesBanner .cookie-container p a { text-decoration: underline; color: #fff; } #icoCookiesBanner .cookie-container p { padding-top: 0; font-size: 13px; } .container .row.content .border-blue { border-bottom: 5px solid #143365; } .container .row.content .comp.hrComponent { width: 100%; } .container .row.content .comp.hrComponent hr { border-color: rgba(0, 0, 0, 0.1); width: 100%; } .row.content.grey, .row.content .grey { background: #f3f3f3; } .form-box.white, .form-box.grey { padding: 15px 20px; } .form-box.white input[type="text"], .form-box.white textarea, .form-box.grey input[type="text"], .form-box.grey textarea { width: 100%; margin-top: 10px; padding: 6px; } .container .row.content .grad-ver { background: #2d75bd; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3389cc), color-stop(100%, #2258a5)), #2d75bd; background: -webkit-linear-gradient(#3389cc, #2258a5), #2d75bd; background: -moz-linear-gradient(#3389cc, #2258a5), #2d75bd; background: -o-linear-gradient(#3389cc, #2258a5), #2d75bd; background: linear-gradient(#3389cc, #2258a5), #2d75bd; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3389CC', endColorstr='#FF2258A5'); color: white; } .container .row.content .container-shadow > [class^="span"], .container .row.content .container-shadow > [class*=" span"] { margin: 0; padding: 10px; } .container .row.content [class*="border-"] { padding-bottom: 40px !important; } .loading-box { margin: 0 auto; padding: 0.3125rem 0; width: 6rem; } /* Select Box--------------------------------------------------*/.select-icon-sprite, .select-icon-select, .select-icon-small-dropdown-arrow, .select-icon-select, .select-icon-small-dropdown-arrow { background: url("../../../static/img/sprites/select-icon-sea849ff4eb.png") no-repeat; display: inline-block; } .selectpicker.select-icon-select { background-color: #fff; background-image: none; border: 1px solid #a6a6a6; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; width: 100%; height: 1.875rem; margin-right: 6px; overflow: hidden; vertical-align: middle; position: relative; overflow: hidden; } .selectpicker.select-icon-select:before { background: white url("../static/img/select-icon/select.png?t=1380022823") no-repeat 100% 0; position: absolute; display: block; width: 32px; height: 1.875rem; top: 0; right: 3px; pointer-events: none; content: ""; } .selectpicker.select-icon-select select { width: 100%; height: 1.875rem; background: transparent; border: 0; -moz-appearance: none; -webkit-appearance: none; line-height: 1 !important; font-size: 16px; color: #555555; border-radius: 4px; vertical-align: middle; padding: 4px 6px; } .selectpicker { background-position: 143px -30px; margin-top: 10px; width: 178px; } /* Notification Bar--------------------------------------------------*/.notification-bar { width: 100%; padding: 0.1875rem 0.625rem; font-size: 0.875rem; position: relative; z-index: 1000; background-color: white; } .notification-bar-holder { margin-bottom: 20px; } .notification-bar-header { background-color: #3389cc; color: white; font-weight: bold; } .notification-bar_attention { background-color: #ed7b7b; } .notification-bar__message { float: left; width: 90%; width: calc(100% - 24px); } .notification-bar__message p { width: 100%; font-size: 0.875rem; } /* Top Ad--------------------------------------------------*/.drev-inpage-banner-outer-header img { margin: 0 auto; } .drev-inpage-banner-outer-header iframe { margin: 0 auto; display: block; } /* Navbar--------------------------------------------------*/.navbar { background: white; text-align: right; height: 3.125rem; position: relative; } .navbar__top { background-color: #2257a5; /* Fallback Color */ background-image: -webkit-gradient(linear, left top, left bottom, from(#3389cc), to(#2257a5)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #3389cc, #2257a5); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #3389cc, #2257a5); /* FF3.6 */ background-image: -ms-linear-gradient(top, #3389cc, #2257a5); /* IE10 */ background-image: -o-linear-gradient(top, #3389cc, #2257a5); /* Opera 11.10+ */ background-image: linear-gradient(top, #3389cc, #2257a5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#3389cc', EndColorStr='#2257a5'); -webkit-box-shadow: 0 0.0625rem 0.625rem rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0.0625rem 0.625rem rgba(0, 0, 0, 0.6); box-shadow: 0 0.0625rem 0.625rem rgba(0, 0, 0, 0.6); position: relative; overflow: visible; padding: 0.3125rem 0.625rem; } .navbar__top__message { color: white; font-size: 0.875rem; max-width: 80%; float: left; margin-top: 7px; } .navbar__logo { background: url("../static/img/mobile-page/images/odeon-logo.png") no-repeat; background-size: cover; height: 3.125rem; width: 6.4375rem; margin: 0 0 0 0.625rem; float: left; } .navbar__logo a { display: block; width: 100%; height: 100%; } .navbar__selects { position: relative; display: inline-block; height: 3.125rem; margin-left: 1%; margin-right: 0.3125rem; } .navbar__selects select { position: absolute; opacity: 0; top: 0; left: 0; height: 3.125rem; width: 100%; -webkit-appearance: menulist-button; } .navbar__links { float: left; line-height: 3.125rem; text-decoration: none; text-transform: capitalize; font-family: "Open Sans Condensed", "Impact"; font-size: 1rem; color: #2257a5; margin-left: 0; margin: 0px 5px; padding: 0; position: relative; } .navbar__links:after { content: ""; height: 2px; width: 100%; position: absolute; bottom: 15px; left: 0; background-color: #2257a5; } .navbar__content { display: none; } .navbar__content.open { display: block; width: 100%; height: 50px; text-align: center; background: #f3f3f3; vertical-align: middle; line-height: 50px; } .navbar__content.open select { line-height: 3.125rem; text-decoration: none; font-family: "Open Sans Condensed", "Impact"; font-size: 1rem; background: transparent; border: 0; } .navbar__content.open select#your-cinema { max-width: 9.0625rem; } .navbar__content.open select#your-film { max-width: 11.25rem; } .navbar__content.open select:focus, .navbar__content.open select:active { outline: none; box-shadow: 0 0 0 rgba(255, 255, 255, 0); border: 0; } .navbar__search { float: right; display: inline-block; margin-right: 0.3125rem; background: white url("../static/img/icon/search-large-retina.png") no-repeat top left; background-size: 100%; height: 2.3125rem; width: 2.3125rem; margin-top: 0.4375rem; } .navbar__search.open { background: white url("../static/img/icon/search-large-close-retina.png") no-repeat top left; background-size: 100%; height: 2.3125rem; width: 2.3125rem; } .navbar__searchoverlay { background: white; display: block; padding: 0.625rem; right: 0; width: 100%; height: auto; overflow: hidden; margin-top: -3.75rem; -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; } .navbar__searchoverlay.open { margin-top: 0; z-index: 1010; overflow: visible; } .navbar__searchoverlay input[type="text"] { width: 100%; background-color: white; -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2); border: 1px solid #a6a6a6; margin: 0 0 5px 0; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; display: inline-block; height: 30px; padding: 4px 6px 4px 30px; line-height: 30px; border-radius: 4px; vertical-align: middle; background: url("../static/img/sprites/icon-s1019e42ad4.png") no-repeat; background-position: 0 -723px; } .navbar__searchoverlay input[type="text"]:focus { border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); outline: 0; } .navbar__searchoverlay ul { border: 1px solid #a6a6a6; padding-left: 0; margin: 0; } .navbar__searchoverlay li { list-style: none; } .navbar__searchoverlay li a { display: inline-block; width: 100%; padding: 10px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; border-top: 1px solid #f3f3f3; } .navbar__searchoverlay li a:hover, .navbar__searchoverlay li a:focus { background: rgba(19, 151, 213, 0.3); } .navbar__searchoverlay li img { display: block; width: 36px; height: 52px; float: left; margin-right: 12px; } .navbar__searchoverlay li.active { background: rgba(19, 151, 213, 0.3); } .navbar__searchoverlay .form-box.grey { background: #f3f3f3; padding: 5px 10px; } .navbar__searchoverlay .form-box.white { background: white; } .navbar__searchoverlay h3 { font-size: 14px; line-height: 20px; margin: 0; padding: 0; text-align: left; } .navbar__searchoverlay h4 { color: #2258a5; font-size: 13px; text-align: left; line-height: 16px; margin: 0; position: relative; top: -3px; max-width: 250px; height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .navbar__searchoverlay [class*="cert-icon-"] { margin: 2px 6px 0 0; display: inline-block; float: left; } .navbar__searchoverlay .rating-icon-star-dark-xtrasmall-inactive { background-position: 0 -334px; height: 13px; width: 65px; } .navbar__searchoverlay .star-rating[class*="rating-icon-star-"], .navbar__searchoverlay .buzz-rating[class*="rating-icon-buzz-"] { display: block; float: left; margin: 5px 0; position: relative; } .navbar__searchoverlay .star-rating.rating-icon-star-light-xtrasmall-inactive, .navbar__searchoverlay .star-rating.rating-icon-star-dark-xtrasmall-inactive { width: 65px; } .navbar__searchoverlay .star-rating[class*="rating-icon-star-"] div, .navbar__searchoverlay .buzz-rating[class*="rating-icon-buzz-"] div { display: block; float: left; } .navbar__searchoverlay .star-rating.rating-icon-star-light-xtrasmall-inactive .s1, .navbar__searchoverlay .star-rating.rating-icon-star-dark-xtrasmall-inactive .s1 { width: 7px; } .navbar__searchoverlay .star-rating.rating-icon-star-light-xtrasmall-inactive .rate-over, .navbar__searchoverlay .star-rating.rating-icon-star-dark-xtrasmall-inactive .rate-over { position: absolute; width: 13px; height: 13px; } .navbar__searchoverlay .star-rating.rating-icon-star-light-xtrasmall-inactive .rate-over.s1, .navbar__searchoverlay .star-rating.rating-icon-star-dark-xtrasmall-inactive .rate-over.s1 { left: 0; } .navbar__searchoverlay p { color: #333333; font-size: 11px; line-height: 11px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; margin: 0; max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .navbar__searchoverlay .star-rating + p { margin-left: 48px; } .navbar__searchoverlay .description { margin-top: 25px; margin-left: 0; } .navbar__searchoverlay .typeahead-noresult { padding: 10px; } .navbar__searchoverlay .btn { width: 100%; height: 3.125rem; line-height: 3.125rem; padding: 0; margin-top: 0.625rem; text-align: center; background-color: #2257a5; /* Fallback Color */ background-image: -webkit-gradient(linear, left top, left bottom, from(#3389cc), to(#2257a5)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #3389cc, #2257a5); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #3389cc, #2257a5); /* FF3.6 */ background-image: -ms-linear-gradient(top, #3389cc, #2257a5); /* IE10 */ background-image: -o-linear-gradient(top, #3389cc, #2257a5); /* Opera 11.10+ */ background-image: linear-gradient(top, #3389cc, #2257a5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#3389cc', EndColorStr='#2257a5'); color: white; font-size: 16px; border: 0; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: inherit; } .navbar__top__dropdown { display: none; background: white; padding: 0.625rem 0.3125rem; clear: both; -webkit-box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.6); box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.6); } .navbar__top__dropdown h3 { -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; margin: 0; height: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; text-shadow: none; font-weight: bold; color: white; background: #2d75bd; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3389cc), color-stop(100%, #2258a5)), #2d75bd; background: -webkit-linear-gradient(#3389cc, #2258a5), #2d75bd; background: -moz-linear-gradient(#3389cc, #2258a5), #2d75bd; background: -o-linear-gradient(#3389cc, #2258a5), #2d75bd; background: linear-gradient(#3389cc, #2258a5), #2d75bd; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3389CC', endColorstr='#FF2258A5'); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: normal; font-size: 1rem; height: auto; padding: 0.5rem 0.625rem 0.5rem 2rem; margin-bottom: 0.625rem; position: relative; } .navbar__top__dropdown h3 i { background: url("../static/img/sprites/filter-icon-sa7f9c10043.png") no-repeat; background-position: 0 0; height: 11px; width: 11px; position: absolute; top: 12px; left: 11px; } .navbar__top__dropdown h3 + div { display: none; } .navbar__top__dropdown h3.sub-open i { background-position: 0 -11px; } .navbar__top__dropdown h3.sub-open + div { display: block; } .navbar__top__dropdown li { list-style: none; } .navbar__top__dropdown li div { padding: 0 0 0.9375rem 0.9375rem; } .navbar__top__dropdown li div ul { padding-left: 0; } .navbar__top__dropdown li a { display: block; padding: 0.625rem 0; } .navbar__top__dropdown h4 { font-size: 100%; color: #2257a5; font-weight: normal; padding: 0.625rem 0; margin: 0; } .navbar__top__dropdown h4 + div { display: none; } .navbar__top__dropdown h4.sub-open .glyphicon-chevron-right { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .navbar__top__dropdown h4.sub-open + div { display: block; } .navbar__top__button.open + .navbar__top__dropdown { display: block; height: auto; } /* Page Title---------------------------------------------------*/.page-title { position: relative; padding: 0.625rem; } .page-title h1 { width: 90%; width: calc(100% - 36px); text-align: left; margin: 0.3125rem 0 0; } .headline { padding: 0 0.625rem 0.3125rem; } .remember-cinemaa-as-favorite { position: absolute; top: 0.3125rem; right: 0.625rem; } .remember-cinemaa-as-favorite span { display: none; } .remember-cinemaa-as-favorite.orange .icon-fav-star { background: url("../static/img/mobile-page/images/favorite.png") no-repeat; background-position: 0 -26px; } .headline [class^="feature-icon-"] { display: inline-block; padding: 0.625rem 0; margin-right: 0.9375rem; float: left; } /* Movie Filter---------------------------------------------------*/.movie-filter { padding-left: 0.625rem; } .movie-filter h2 { color: white; padding-left: 0.625rem; margin-top: 0.625rem; margin-bottom: 0.625rem; } .movie-filter__wrapper { display: inline-block; background-color: #2257a5; /* Fallback Color */ background-image: -webkit-gradient(linear, left top, left bottom, from(#3389cc), to(#2257a5)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #3389cc, #2257a5); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #3389cc, #2257a5); /* FF3.6 */ background-image: -ms-linear-gradient(top, #3389cc, #2257a5); /* IE10 */ background-image: -o-linear-gradient(top, #3389cc, #2257a5); /* Opera 11.10+ */ background-image: linear-gradient(top, #3389cc, #2257a5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#3389cc', EndColorStr='#2257a5'); border-top: 1px solid white; border-left: 1px solid white; padding: 0.3125rem 0.625rem; float: right; } .movie-filter__filter { color: white; } .movie-filter__filter .caret { margin-top: 0.375rem; } .movie-filter__init { display: none; } .toggleftm_up { width: 95%; margin-left: 2.5%; text-align: center; } .toggleftm_up:before { float: right; display: block; content: '▲'; } .toggleftm_down { width: 95%; margin-left: 2.5%; text-align: center; } .toggleftm_down:after { float: right; display: inline-block; content: '▼'; } .movie-filter__overlay { height: 100%; width: 100%; } .movie-filter__overlay .headline h2 { font-size: 1rem; margin-top: 0; } .movie-filter__overlay .headline [class^="icon-"] { display: inline-block; position: absolute; top: 0.625rem; right: 4%; } .movie-filter__overlay .span3 { width: 95%; height: 100%; margin-left: 2.5%; background: white; overflow-y: auto; padding: 0.625rem 0.625rem 5rem 0.625rem; } .movie-filter__overlay select { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; } .movie-filter__overlay .accordion { margin-bottom: 20px; } .movie-filter__overlay .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .movie-filter__overlay .accordion-heading { border-bottom: 0; } .movie-filter__overlay .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .movie-filter__overlay .accordion-toggle { cursor: pointer; } .movie-filter__overlay .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } .movie-filter__overlay .accordion-group.times-filter { background: #f3f3f3; border: none; margin-bottom: 10px; } .movie-filter__overlay .accordion-group.times-filter .accordion-inner { padding: 10px 10px 15px 10px; border: none; } .movie-filter__overlay .accordion-group.times-filter .accordion-inner:after { content: ""; display: table; clear: both; } .movie-filter__overlay .accordion-group.times-filter .accordion-inner input { width: 10%; float: left; clear: left; margin-bottom: 0.9375rem; } .movie-filter__overlay .accordion-group.times-filter .accordion-inner input:last-child { margin-bottom: 0; } .movie-filter__overlay .accordion-group.times-filter .accordion-inner label { margin-bottom: 0; font-size: 14px; font-weight: bold; position: relative; width: 80%; float: left; margin-bottom: 0.9375rem; } .movie-filter__overlay .accordion-group.times-filter .accordion-inner label:last-child { margin-bottom: 0; } .movie-filter__overlay .accordion-group.times-filter .accordion-inner [class*="cert-icon-"] { position: absolute; left: 40px; top: 0; } .movie-filter__overlay .accordion-group.times-filter .accordion-inner a { font-size: 12px; text-decoration: underline; color: #2258a5; margin-left: 22px; } .movie-filter__overlay .accordion-group#special-screenings .accordion-inner:first-child { background: #e1e1e1; } .movie-filter__overlay .accordion-group#show-only-this-film { background: none; } .movie-filter__overlay .accordion-group#show-only-this-film .accordion-inner { padding: 0; } .movie-filter__overlay .accordion-group#whats-on-filter-films { background: #666666; overflow: hidden; margin: 30px 20px 0 20px; } .movie-filter__overlay .accordion-group#whats-on-filter-films .accordion-heading { background: #4d4d4d; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; height: 48px; padding-top: 8px; } .movie-filter__overlay .accordion-group#whats-on-filter-films .accordion-heading label { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; display: inline-block; float: none; } .movie-filter__overlay .accordion-group#whats-on-filter-films .accordion-heading a { display: inline-block; color: #fff; text-decoration: none; font-size: 18px; font-weight: bold; } .movie-filter__overlay .accordion-group#whats-on-filter-films .accordion-heading a i { margin-right: 15px; position: relative; top: -1px; } .movie-filter__overlay .accordion-group#whats-on-filter-films .accordion-heading a.collapsed i { background-position: 0 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } .movie-filter__overlay .accordion-group#whats-on-filter-films .accordion-heading form { margin: 3px 0 0 0; } .movie-filter__overlay .accordion-group#whats-on-filter-films .accordion-inner { padding: 0 20px 20px 20px; float: left; } .movie-filter__overlay .accordion-group#whats-on-filter-films .accordion-inner .span3 { margin: 0; } .movie-filter__overlay .accordion-group#whats-on-filter-films .accordion-inner h3 { font-size: 20px; } .movie-filter__overlay .times-all .accordion-group { background: #ebf9ff; border: none; float: left; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin: 0; width: 100%; } .movie-filter__overlay .times-all .accordion-group .collapse { width: 100%; } .movie-filter__overlay .times-all .accordion-group .accordion-inner { padding: 0; } .movie-filter__overlay .times-all .accordion-group .accordion-inner a { margin-left: 0; font-size: 14px; } .movie-filter__overlay hr { clear: both; border-top: 0; } .movie-filter__overlay .grey-disabled-text { color: #a2a2a2 !important; } .movie-filter__overlay .btn.blue.form, .movie-filter__overlay a.blue.form { -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; margin: 0; height: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; text-shadow: none; font-weight: bold; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; background: #3389cc; font-size: 16px; font-weight: normal; position: relative; color: white; height: auto; padding-left: 32px; } .movie-filter__overlay .btn.blue.form i, .movie-filter__overlay a.blue.form i { background: url("../static/img/sprites/filter-icon-sa7f9c10043.png") no-repeat; background-position: 0 -11px; height: 11px; width: 11px; position: absolute; top: 12px; left: 11px; } .movie-filter__overlay .btn.blue.form.collapsed i, .movie-filter__overlay a.blue.form.collapsed i { background-position: 0 0; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .movie-filter__overlay__buttons { position: absolute; bottom: 0; width: 100%; left: 50%; margin-left: -50%; height: 5.9375rem; padding: 0.3125rem 0.625rem 0; background-color: white; -webkit-box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.6); box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.6); } .movie-filter__overlay__buttons button { margin-bottom: 0.3125rem; width: 100%; } /* Showtimes--------------------------------------------------*/.loading-box { background: white; width: 100%; float: left; } .loading-box img { display: block; margin: 25px auto; width: 100px; height: 100px; } .no-showtimes { padding: 15px; } .showtimes { width: 100%; padding: 0.3125rem; overflow: hidden; display: inline-block; background: white; } .showtimes__scroll-container { overflow: hidden; overflow-x: scroll; float: left; width: 71%; width: calc(100% - 90px); height: 100%; } .showtimes__list { list-style: none; margin: 0; padding: 0; width: 40.625rem; } .showtimes__list__item { display: inline-block; width: 3.125rem; height: 100%; } .showtimes__list__item a { display: table-cell; height: 2.8125rem; width: 3.125rem; /*@include linear-gradient($light-blue, $dark-blue);*/ background: #00539e; color: white; text-decoration: none; text-align: center; font-size: 0.8125rem; vertical-align: middle; } .showtimes__list__item.active a { background: #30bce4; } .showtimes__list__item.showtimes__list__last { width: 6.25rem; } .showtimes__list__item.showtimes__list__last a.advanced { width: 6.25rem; } .showtimes__arrow { width: 40px; height: 50px; margin-top: 0.3125rem; display: block; } .showtimes__arrow.showtimes__arrow_prev { float: left; } .showtimes__arrow.showtimes__arrow_prev button.prev { background: white url("../static/img/mobile-page/images/arrow-orange-left.png") no-repeat; background-position: -76px -18px; width: 100%; height: 100%; outline: none; border: 0; } .showtimes__arrow.showtimes__arrow_prev button.prev.disabled { background: white url("../static/img/mobile-page/images/arrow-orange-left.png") no-repeat; background-position: -10px -18px; } .showtimes__arrow.showtimes__arrow_next { float: right; } .showtimes__arrow.showtimes__arrow_next button.next { background: white url("../static/img/mobile-page/images/arrow-orange-right.png") no-repeat; background-position: -76px -18px; width: 100%; height: 100%; outline: none; border: 0; } .showtimes__arrow.showtimes__arrow_next button.next.disabled { background: white url("../static/img/mobile-page/images/arrow-orange-right.png") no-repeat; background-position: -10px -18px; } .grad-hor { background: #2d75bd; background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #2258a5), color-stop(100%, #1096d4)), #2d75bd; background: -webkit-linear-gradient(left, #2258a5, #1096d4), #2d75bd; background: -moz-linear-gradient(left, #2258a5, #1096d4), #2d75bd; background: -o-linear-gradient(left, #2258a5, #1096d4), #2d75bd; background: linear-gradient(left, #2258a5, #1096d4), #2d75bd; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF3389CC', endColorstr='#FF2258A5'); color: white; } .grad-hor a { color: white; } .grad-hor.subheading { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .span12.grad-hor { background: #00539e; } .content-container.grad-hor, .content-container .grad-hor { /*background: #2d75bd; background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #2258a5), color-stop(100%, #1096d4)), #2d75bd; background: -webkit-linear-gradient(left, #2258a5, #1096d4), #2d75bd; background: -moz-linear-gradient(left, #2258a5, #1096d4), #2d75bd; background: -o-linear-gradient(left, #2258a5, #1096d4), #2d75bd; background: linear-gradient(left, #2258a5, #1096d4), #2d75bd; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF3389CC', endColorstr='#FF2258A5');*/ background: #00539e; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .content-container.grad-hor .presentation-info, .content-container .grad-hor .presentation-info { float: left; width: 70%; width: calc(100% - 90px); margin-left: 20px; } .content-container.grad-hor .presentation-info h4, .content-container .grad-hor .presentation-info h4 { max-width: 85%; height: 23px; margin-right: 5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0; } .content-container.grad-hor .presentation-info h4 a, .content-container .grad-hor .presentation-info h4 a { text-decoration: none; } .content-container.grad-hor .presentation-info .star-rating, .content-container.grad-hor .presentation-info .buzz-rating, .content-container .grad-hor .presentation-info .star-rating, .content-container .grad-hor .presentation-info .buzz-rating { margin-left: 0; margin-top: -0.125rem; float: left; } .content-container.grad-hor .presentation-info .buzz-rating, .content-container .grad-hor .presentation-info .buzz-rating { margin-top: 0.1875rem; } .content-container .grad-hor .presentation-info .film-genre { float: left; font-size: 0.875rem; max-width: 46%; margin-left: 1rem; } .content-container.grad-hor h4, .content-container .grad-hor h4 { float: left; } .content-container.grad-hor [class*="cert-icon-"], .content-container .grad-hor [class*="cert-icon-"] { margin-top: 1px; display: inline-block; } .content-container.grad-hor span, .content-container .grad-hor span { margin-left: 20px; vertical-align: super; } .content-container.grad-hor p, .content-container .grad-hor p { margin: 5px 0 0 20px; float: left; width: 70%; width: calc(100% - 90px); font-size: 0.9em; padding-bottom: 0; line-height: 1.3; } .content-container.grad-hor .description, .content-container .grad-hor .description { font-size: 12px; line-height: 20px; display: none; } .content-container.film.grad-hor, .content-container.film .grad-hor { width: 100%; height: auto; float: left; padding: 10px; display: inline-block; } .content-container.film.grad-hor:after, .content-container.film .grad-hor:after { content: ""; display: table; clear: both; } .content-container.film .grad-hor img { width: 70px; float: left; } .content-container.film .grad-hor a.play-button-link img { width: 70px; float: left; } .content-container.film .info-corner { background: #013655; width: 120px; min-height: 130px; padding: 20px 20px 0 20px; float: left; display: none; } .content-container.film .info-corner .img-bundle { height: 55px; overflow: hidden; } .content-container.film .info-corner [class*="feature-icon-"] { margin-right: 8px; } .content-container.times, .content-container .times { border-bottom: 3px solid #9bdffd; background: #d7f1fc; min-height: 3px; } .content-container.times:after, .content-container .times:after { content: ""; display: table; clear: both; } .content-container.times .presentation-info, .content-container .times .presentation-info { color: #2258a5; float: none; display: block; text-align: center; width: 100%; padding: 10px; clear: both; } .content-container.times .presentation-info [class*="info-icon-form-info"], .content-container .times .presentation-info [class*="info-icon-form-info"] { position: relative; top: 0; vertical-align: bottom; } .content-container.times .presentation-info .popover .popover-content, .content-container .times .presentation-info .popover .popover-content { color: #333333; } .content-container.times .presentation-info.week, .content-container .times .presentation-info.week, .content-container .times .presentation-info.future { color: #333333; padding: 10px; width: 90px; } .content-container.times .presentation-info.future { color: #333333; width: 100%; text-align: left; } .content-container.times .presentation-info.future br { display: none; } .content-container.times .presentation-info.future strong { padding-right: 5px; } .content-container.times ul, .content-container .times ul { border-top: 1px solid #9bdffd; margin: 0; padding: 18px 10px 10px 10px !important; float: none; display: block; width: 100%; } .content-container.times li, .content-container .times li { float: left; margin: 0 1% 10px 0 !important; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; max-width: 100%; } .content-container.times li a, .content-container .times li a { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; height: 48px !important; min-width: 30%; font-weight: bold; list-style: none; line-height: 26px; padding: 0; position: relative; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; line-height: 48px; z-index: 100; } .content-container.times li i, .content-container .times li .vert-wrapper { position: relative; float: left; margin-right: 0; border: 0; z-index: 10; margin-left: -5px; display: inline-block; border-top: 2px solid #2257a5; border-right: 2px solid #2257a5; border-bottom: 2px solid #2257a5; background-color: #fff; padding: 2px 5px 2px 8px; max-width: 60%; max-width: calc(100% - 58px); height: 48px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .content-container.times li i:last-child, .content-container .times li .vert-wrapper:last-child { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .content-container.times li i:last-child, .content-container .times li .vert-wrapper + .vert-wrapper { margin-left: 0; padding: 2px 5px; } .content-container.times li i, .content-container .times li i { font-style: normal; border: 0; font-size: 13px !important; line-height: 1 !important; max-width: 100%; } .content-container.times li i:last-child, .content-container .times li i:last-child { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .content-container.times li i.small, .content-container .times li i.small { font-size: 10px; } .content-container.times li i.moar, .content-container .times li i.moar { line-height: 11px; } .content-container.times li a, .content-container .times li a { float: left; padding: 0 10px; text-decoration: none; } .content-container.times li .subtitled { background: white url("../static/img/industry-icons/st.png") no-repeat top left; display: inline-block; width: 48px; height: 48px; background-size: 38px 46px; background-position: 50%; vertical-align: middle; } .content-container.times li .audio { background: white url("../static/img/industry-icons/ad.png") no-repeat top left; display: inline-block; width: 48px; height: 48px; background-size: 46px 46px; background-position: 50%; vertical-align: middle; } .content-container.times li .afs { background: white url("../static/img/industry-icons/afs_icon.png") no-repeat top left; display: inline-block; width: 69px; height: 48px; background-size: 58px 40px; background-position: 50%; vertical-align: middle; } .content-container.times li.performance-lightgreen a, .content-container .times li.performance-lightgreen a { -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; text-shadow: none; font-weight: bold; color: white; background: #3f8e36; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4fa245), color-stop(100%, #2c7623)), #3f8e36; background: -webkit-linear-gradient(#4fa245, #2c7623), #3f8e36; background: -moz-linear-gradient(#4fa245, #2c7623), #3f8e36; background: -o-linear-gradient(#4fa245, #2c7623), #3f8e36; background: linear-gradient(#4fa245, #2c7623), #3f8e36; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4FA245', endColorstr='#FF2C7623'); } .content-container.times li.performance-lightgreen .vert-wrapper, .content-container .times li.performance-lightgreen .vert-wrapper { border-top: 2px solid #2c7623; border-right: 2px solid #2c7623; border-bottom: 2px solid #2c7623; } .content-container.times li.performance-lightgreen a:hover, .content-container.times li.performance-lightgreen a:focus, .content-container .times li.performance-lightgreen a:hover, .content-container .times li.performance-lightgreen a:focus { background: #4fa245; } .content-container.times li.performance-lightgreen a, .content-container .times li.performance-lightgreen a { color: white; } .content-container.times li.performance-lightgreen i, .content-container .times li.performance-lightgreen i { color: #3f8e36; } .content-container.times li.performance-darkgreen a, .content-container .times li.performance-darkgreen a { -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; text-shadow: none; font-weight: bold; color: white; background: #268066; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #28856c), color-stop(100%, #1d6651)), #268066; background: -webkit-linear-gradient(#28856c, #1d6651), #268066; background: -moz-linear-gradient(#28856c, #1d6651), #268066; background: -o-linear-gradient(#28856c, #1d6651), #268066; background: linear-gradient(#28856c, #1d6651), #268066; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF28856C', endColorstr='#FF1D6651'); } .content-container.times li.performance-darkgreen .vert-wrapper, .content-container .times li.performance-darkgreen .vert-wrapper { border-top: 2px solid #1d6651; border-right: 2px solid #1d6651; border-bottom: 2px solid #1d6651; } .content-container.times li.performance-darkgreen a:hover, .content-container.times li.performance-darkgreen a:focus, .content-container .times li.performance-darkgreen a:hover, .content-container .times li.performance-darkgreen a:focus { background: #28856c; } .content-container.times li.performance-darkgreen a, .content-container .times li.performance-darkgreen a { color: white; } .content-container.times li.performance-darkgreen i, .content-container .times li.performance-darkgreen i { color: #268066; } .content-container.times li.performance-lightblue a, .content-container .times li.performance-lightblue a { -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; text-shadow: none; font-weight: bold; color: #333333 !important; background: #61baef; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6ec7fa), color-stop(100%, #338dc7)), #61baef; background: -webkit-linear-gradient(#6ec7fa, #338dc7), #61baef; background: -moz-linear-gradient(#6ec7fa, #338dc7), #61baef; background: -o-linear-gradient(#6ec7fa, #338dc7), #61baef; background: linear-gradient(#6ec7fa, #338dc7), #61baef; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF6EC7FA', endColorstr='#FF338DC7'); } .content-container.times li.performance-lightblue .vert-wrapper, .content-container .times li.performance-lightblue .vert-wrapper { border-top: 2px solid #338dc7; border-right: 2px solid #338dc7; border-bottom: 2px solid #338dc7; } .content-container.times li.performance-lightblue a:hover, .content-container.times li.performance-lightblue a:focus, .content-container .times li.performance-lightblue a:hover, .content-container .times li.performance-lightblue a:focus { background: #6ec7fa; } .content-container.times li.performance-lightblue a, .content-container .times li.performance-lightblue a { color: #333333; } .content-container.times li.performance-lightblue i, .content-container .times li.performance-lightblue i { color: #333333; } .content-container.times li.performance-blue a, .content-container .times li.performance-blue a { -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; text-shadow: none; font-weight: bold; color: white; background: #00539e; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00539e), color-stop(100%, rgba(20, 51, 101, 0.4))), #00539e; background: -webkit-linear-gradient(#00539e, rgba(20, 51, 101, 0.4)), #00539e; background: -moz-linear-gradient(#00539e, rgba(20, 51, 101, 0.4)), #00539e; background: -o-linear-gradient(#00539e, rgba(20, 51, 101, 0.4)), #00539e; background: linear-gradient(#00539e, rgba(20, 51, 101, 0.4)), #00539e; background-repeat: repeat-x; *zoom: 1; /*filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3389CC', endColorstr='#FF2258A5');*/ } .content-container.times li.performance-blue .vert-wrapper, .content-container .times li.performance-blue .vert-wrapper { border-top: 2px solid #2258a5; border-right: 2px solid #2258a5; border-bottom: 2px solid #2258a5; } .content-container.times li.performance-blue a:hover, .content-container.times li.performance-blue a:focus, .content-container .times li.performance-blue a:hover, .content-container .times li.performance-blue a:focus { background: #00539e; } .content-container.times li.performance-blue a, .content-container .times li.performance-blue a { color: white; } .content-container.times li.performance-blue i, .content-container .times li.performance-blue i { color: #2258a5; } .content-container.times li.performance-yellow a, .content-container .times li.performance-yellow a { -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; text-shadow: none; font-weight: bold; color: #333333 !important; background: #f3d231; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6d92a), color-stop(100%, #e4be26)), #f3d231; background: -webkit-linear-gradient(#f6d92a, #e4be26), #f3d231; background: -moz-linear-gradient(#f6d92a, #e4be26), #f3d231; background: -o-linear-gradient(#f6d92a, #e4be26), #f3d231; background: linear-gradient(#f6d92a, #e4be26), #f3d231; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF6D92A', endColorstr='#FFE4BE26'); } .content-container.times li.performance-yellow .vert-wrapper, .content-container .times li.performance-yellow .vert-wrapper { border-top: 2px solid #e4be26; border-right: 2px solid #e4be26; border-bottom: 2px solid #e4be26; } .content-container.times li.performance-yellow a:hover, .content-container.times li.performance-yellow a:focus, .content-container .times li.performance-yellow a:hover, .content-container .times li.performance-yellow a:focus { background: #f6d92a; } .content-container.times li.performance-yellow a, .content-container .times li.performance-yellow a { color: #333333; } .content-container.times li.performance-yellow i, .content-container .times li.performance-yellow i { color: #333333; } .content-container.times li.performance-purple a, .content-container .times li.performance-purple a { -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; text-shadow: none; font-weight: bold; color: white; background: #4d3969; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #59427a), color-stop(100%, #3a2b50)), #4d3969; background: -webkit-linear-gradient(#59427a, #3a2b50), #4d3969; background: -moz-linear-gradient(#59427a, #3a2b50), #4d3969; background: -o-linear-gradient(#59427a, #3a2b50), #4d3969; background: linear-gradient(#59427a, #3a2b50), #4d3969; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF59427A', endColorstr='#FF3A2B50'); } .content-container.times li.performance-purple .vert-wrapper, .content-container .times li.performance-purple .vert-wrapper { border-top: 2px solid #3a2b50; border-right: 2px solid #3a2b50; border-bottom: 2px solid #3a2b50; } .content-container.times li.performance-purple a:hover, .content-container.times li.performance-purple a:focus, .content-container .times li.performance-purple a:hover, .content-container .times li.performance-purple a:focus { background: #59427a; } .content-container.times li.performance-purple a, .content-container .times li.performance-purple a { color: white; } .content-container.times li.performance-purple i, .content-container .times li.performance-purple i { color: #4d3969; } .content-container.times li.performance-disabled, .content-container .times li.performance-disabled { background: #ccc !important; } .content-container.times li.performance-disabled i, .content-container.times li.performance-disabled a, .content-container .times li.performance-disabled i, .content-container .times li.performance-disabled a { color: #9fa1a1; } .content-container.times:nth-child(odd), .content-container .times:nth-child(odd) { background: #ebf9ff; } .content-container.times.stopper { background: #9bdffd; clear: both; } .content-container.times-all:not(.times) { margin-bottom: 20px; } .content-container.red, .content-container .red { background: #cf1600; text-align: center; } .content-container.red h6, .content-container .red h6 { margin: 0; color: white; font-size: 0.8125rem; } .content-container.tech, .content-container .tech { background: #1096d4; text-align: center; border-top: 3px solid #EBF9FF; } .content-container.tech a, .content-container .tech a { color: white; display: inline-block; } .content-container.tech a + a, .content-container .tech a + a { position: relative; left: 5px; top: 2px; } .tab-content [id*="DAY"] .span9,.tab-content [id*="ind-future"] .span9 { background: white; } [id^="film-list-"] .film-order { padding-left: 0.625rem; padding-right: 0.625rem; } [id^="film-list-"] .selectpicker.select-icon-select { margin-bottom: 0.625rem; margin-top: 0.625rem; margin-left: 2.5%; width: 95%; } #film-list-ind .content-container { padding-left: 0.625rem; padding-right: 0.625rem; } /* Gallery--------------------------------------------------*/.content-container.gallery-key { clear: both; } .content-container.gallery-key ul, .content-container .gallery-key ul { background: #001b31; margin: 0; color: #fff; font-size: 14px; padding: 0.625rem 0; } .content-container.gallery-key li, .content-container .gallery-key li { vertical-align: middle; list-style: none; display: inline-block; } .content-container.gallery-key li:last-child, .content-container .gallery-key li:last-child { width: 100%; padding: 0.625rem; } .content-container.gallery-key img, .content-container .gallery-key img { margin-left: 10px; } /* Other cinemas--------------------------------------------------*/.other-local-cinemas { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .other-local-cinemas h4 { color: white; margin: 0; } .other-local-cinemas a { width: 45%; margin-right: 5%; margin-bottom: 0.625rem; padding: 0.625rem; text-align: center; background: #00539e; border: 1px solid #30bce4; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .other-local-cinemas .teaserComponent { display: inline-block; text-decoration: none; width: 100%; height: 100%; font-size: 18px; margin: 0; } .other-local-cinemas a:nth-of-type(2n) { margin-right: 0; } .other-local-cinemas p { font-size: 13px; margin: 0; } /* Offers & Competitions----------------------------------------------*/.span12.container-shadow { /*-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px;*/ overflow: hidden; padding: 0 !important; } .span12.container-shadow:after { display: table; content: ''; line-height: 0; } .span12.container-shadow .span12.grad-blue.border-blue { max-width: 320px; display: block; padding: 0 10px; margin: 0 auto; color: white; border-bottom: 5px solid #143365; } .span12.container-shadow .span12.grad-blue.border-blue .row .span4:first-child .teaserComponent { margin-top: 0; } .span12.container-shadow .span4 { float: none; margin-left: 0; width: 100%; } .span12.container-shadow .teaserComponent { position: relative; margin-top: 0; background: transparent; } .span12.container-shadow .teaserComponent h4 { margin-top: 5px; } .span12.container-shadow .teaserComponent img { display: block; margin: 0 0; } .span12.container-shadow .teaserComponent .film-icon-img-ribbon { display: inline-block; position: absolute; top: 10px; left: -5px; font-style: normal; font-size: 11px; color: white; text-transform: uppercase; padding-left: 15px; line-height: 30px; background: url("../static/img/sprites/film-icon-s3b22bb1bfe.png") no-repeat; background-position: 0 -58px; height: 35px; width: 134px; } .span12.container-shadow .teaserComponent .film-icon-expiry { display: inline-block; position: relative; top: 4px; margin-right: 10px; background: url("../static/img/sprites/film-icon-s3b22bb1bfe.png") no-repeat; background-position: 0 -115px; height: 22px; width: 18px; } .span12.container-shadow .teaserComponent .btn { line-height: 30px; } .filmpage__featuredoffer_image { text-align: center; } .filmpage__featuredoffer_image img { display: inline-block; } .row.content .offers .grad-hor h3 { margin: 0; font-weight: bold; font-size: 1rem; padding: 0.625rem; } /* Offers Detail Pages--------------------------------------------------*/.offer-details [class^="film-icon-"],.offer-details [class^="cert-icon-"] { display: inline-block; } .offer-details h1.centered { text-align: left; } .offer-details h4 { margin-bottom: 0; } .offer-details .btn.darkblue { line-height: 35px; border: 0; } .offer-details .info-line { margin-bottom: 0; } .offer-details .action-call-box { margin-top: 0.9375rem; } .offer-details .star-rating-container,.offer-details .buzz-rating-container { display: block; float: none; } .offer-details .functions { display: none; } .offer-details .span12.grad-hor.titlebar h3 { margin: 0; font-weight: bold; font-size: 1rem; padding: 0.625rem; } /* Cinema Finder */.cinema-finder button { margin: 10px 0; } .cinema-finder input { width: 100%; margin-top: 10px; color: #000; } .cinema-finder > img { display: block; margin: 0 auto; } .cinema-finder > a { display: block; text-align: center; } .cinema-finder .line-ver { text-align: center; margin: 10px 0 20px 0; line-height: 0; border-bottom: 1px solid #6698C5; text-transform: uppercase; text-shadow: -1px -1px #00539E, 1px 1px #00539E, 1px -1px #00539E, -1px 1px #00539E, -3px 0px #00539E, 3px 0px #00539E, -4px 0px #00539E, 4px 0px #00539E; } /* Special Screenings--------------------------------------------------*/.grad-blue a { color: white; } .grad-blue a.btn { color: #143365; } .teaserComponent.comp p { margin-top: 0; } .teaserComponent.comp .btn { height: auto; } .cinema-special-screenings .span4 { padding-bottom: 1.2rem; } .cinema-special-screenings .span4:last-of-type { padding-bottom: 0; } /* Contact Us--------------------------------------------------*/.tripleContent .cbx-placeholder .component.clearfix { float: left !important; width: 48% !important; margin: 1% !important; } .tripleContent .cbx-placeholder .component.clearfix a { float: none !important; } .tripleContent .cbx-placeholder .component.clearfix img { height: auto; } /* Accessibility & other inline-editor pages--------------------------------------------------*/.linkListComponent ul.side-nav { margin: 0; padding: 0; } .linkListComponent ul.side-nav li:first-child a { border-top: 0.0625rem solid #cccccc; } .linkListComponent ul.side-nav li a { padding: 0.625rem; display: block; border-bottom: 0.0625rem solid #cccccc; } .linkListComponent ul.side-nav li a:hover { background: #f3f3f3; } .linkListComponent ul.side-nav li a.active { background: #c3def6; } table.table { width: 100%; } table.table th, table.table td { padding: 0 0.3125rem; } table.table th:first-child, table.table td:first-child { padding-left: 0; } table.table th:last-child, table.table td:last-child { padding-right: 0; } table.table th { text-align: left; padding-bottom: 0.3125rem; vertical-align: bottom; } table.table td { padding: 0.3125rem; border-top: 0.0625rem solid #dddddd; vertical-align: top; } /* Cinema Info--------------------------------------------------*/.container .row.content .cinema-info .nav-tabs.pure.medium.moar { margin-top: 0; } .container .row.content .cinema-info .nav-tabs.pure.medium.moar li { width: 49%; margin-right: 1%; } .container .row.content .cinema-info .nav-tabs.pure.medium.moar li:nth-of-type(2n+2) { margin-right: 0; } .container .row.content .cinema-info .nav-tabs.pure.medium.moar li a { font-family: "Open Sans Condensed", "Impact"; width: 100%; display: block; height: 3rem; line-height: 3rem; padding: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 0.3125rem; } .container .row.content .cinema-info h3 { font-weight: bold; margin: 10px 0 30px 0; font-size: 1.25rem; } .container .row.content .grey-box { background: #f3f3f3; padding: 20px; } .grey-boy-buzz-fix { padding: 20px 20px 60px 20px !important; } .container .row.content .cinema-info .grey-box li { clear: both; list-style: none; } .container .row.content .cinema-info .grey-box li a { text-decoration: underline; } .container .row.content .cinema-info .grey-box li i { float: left; margin-right: 15px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .container .row.content .cinema-info .grey-box li:first-child i { margin-top: 5px; } .container .row.content .cinema-info .accessibility h4 { margin: 0 0 20px 0; display: inline-block; } .container .row.content .cinema-info .accessibility .grey-box i { margin: -4px 8px 0 0; vertical-align: middle; } .container .row.content .cinema-info .accessibility .grey-box p:not(.or) { margin: 0 !important; } .container .row.content .cinema-info .accessibility .grey-box p.or { margin-top: 10px; } .container .row.content .cinema-info .accessibility .grey-box p.teaser { white-space: nowrap; } .container .row.content .cinema-info .accessibility .grey-box h4 + p.teaser { margin-bottom: 10px !important; } .container .row.content .cinema-info .accessibility .grey-box .hrComponent { display: inline-block; float: none; } .container .row.content .cinema-info .corporate-hire .span4 ul { margin-left: 15px; } .container .row.content .cinema-info .auditorium-info { font-size: 13px; } .auditorium-info .row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .container .row.content .cinema-info .auditorium-info .span12 p { margin-bottom: 20px; } .container .row.content .cinema-info .auditorium-info .hrComponent.comp { display: none; } .container .row.content .cinema-info .auditorium-info .row:nth-child(2) .span2 h4 { margin-top: 0; } .container .row.content .cinema-info .auditorium-info .span2 { width: 49%; border-right: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); margin-left: 1%; padding-right: 5px; padding-top: 0.625rem; } .container .row.content .cinema-info .auditorium-info .span2 ul { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; padding-left: 1.25rem; } .container .row.content .cinema-info .auditorium-info .span2 ul li { font-size: 14px; line-height: 18px; } .container .row.content .cinema-info .auditorium-info .span2 ul i { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; } .container .row.content .cinema-info .auditorium-info .span2 h4 { margin: 10px 0 5px 0; } .container .row.content .cinema-info .auditorium-info hr { margin: 0; height: 1px; } /* Quick links--------------------------------------------------*/.container .row.content .quick-links .nav-tabs.pure.medium.moar > li { width: 50%; } .container .row.content .quick-links .nav-tabs.pure.medium.moar > li a { padding: 0; text-align: center; width: 100%; height: 100%; display: block; margin-top: 0.625rem; } .container .row.content .quick-links .nav-tabs.pure.medium.moar > li.active a { -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; line-height: 3.75rem; margin-top: 0; } .quick-links form { margin: 0; } .quick-links ul { margin-top: 0; } .quick-links .span2 h3 { margin: 8px 0 0 60px; line-height: 28px; font-weight: normal; } .quick-links .span3 a { font-size: 0.875rem; margin-top: 0.625rem; margin-bottom: 0.625rem; display: block; text-align: right; } .quick-links .span1 .btn { margin-top: 0.625rem; } .quick-links select { padding: 4px 6px; } /* Promospot--------------------------------------------------*/.banner-container .container:first-child { margin-top: 0px; } .banner-container .container { margin-top: 10px; } .banner-container .container:last-child { margin-bottom: 20px; } .banner-container img { width: 100%; } .promospot { background: white; } .promospot a { display: block; text-decoration: none; width: 100%; height: 100%; } .promospot a:after { content: ""; display: table; clear: both; } .promospot .promospot__img-container { display: inline-block; max-width: 30%; float: left; } .promospot .promospot__img-container img { max-height: 55px; } .promospot .promospot__content-wrapper { display: inline-block; max-width: 70%; float: left; padding: 0.3125rem; } .promospot .promospot__content-wrapper p { font-size: 0.875rem; padding: 0; margin: 0; color: #143365; } /* What's on--------------------------------------------------*/.row.content.whats-on .nav-tabs.pure { padding: 0; margin-top: 0; } .row.content.whats-on .nav-tabs.pure > li { width: 32.5%; margin-right: 1.25%; height: 2.5rem; } .row.content.whats-on .nav-tabs.pure > li:last-child { margin-right: 0; } .row.content.whats-on .nav-tabs.pure > li a { padding: 0; display: block; width: 100%; height: 100%; line-height: 2.5rem; } .row.content.whats-on .tab-pane { padding: 0 0 1.25rem; } .row.content.whats-on .film-box-single { position: relative; width: 49.5%; height: auto; min-height: 19.0625rem; float: left; padding: 0 0.625rem; text-align: center; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; } .row.content.whats-on .film-box-single h4 { margin-top: 0; display: block; overflow: hidden; position: relative; display: block; width: 100%; height: 4.3125rem; text-align: center; } .row.content.whats-on .film-box-single h4 .filmTitle { bottom: 0; position: absolute; left: 0 !important; bottom: 0; display: block; max-height: 100%; width: 100%; } .row.content.whats-on .film-box-single h4 a { color: white; font-size: 1rem; vertical-align: bottom; } .row.content.whats-on .film-box-single img { width: 8.75rem; margin: 0 auto; display: block; } .row.content.whats-on .film-box-single .functions, .row.content.whats-on .film-box-single .btn-group, .row.content.whats-on .film-box-single .note, .row.content.whats-on .film-box-single .film-icon-watch, .row.content.whats-on .film-box-single .rating-box, .row.content.whats-on .film-box-single [class^="film-icon-"] { display: none; } @media screen and (min-width: 30rem) { .film-box-single .row.content.whats-on { width: 33.3333%; } } @media screen and (min-width: 40rem) { .row.content.whats-on .film-box-single { width: 25%; } } /* Film Header--------------------------------------------------*/.headline.page-title h1 { font-style: normal; } .headline.page-title .cert-notification { display: inline-block; width: 100%; } .headline.page-title .cert-notification [class*="cert-icon-"] { float: left; margin-right: 8px; } .headline.page-title .cert-notification [class*="cert-icon-"] a { display: inline-block; } .headline.page-title .cert-notification .description { display: inline-block; padding-top: 4px; font-size: 0.875rem; color: white; width: 80%; width: calc(100% - 50px); } .headline.page-title .star-rating-container { display: inline-block; float: left; margin-top: 0; margin-right: 0.9375rem; } .headline.page-title .buzz-rating-container { display: inline-block; float: left; margin-top: 0.625rem; margin-right: 0.9375rem; } .headline [class^="film-icon-"] { display: inline-block; margin-top: 0; margin-right: 0.3125rem; float: left; } /* Select a cinema--------------------------------------------------*/.row.content .filter span { color: #fff; font-size: 12px; margin-top: 32px; float: left; } .container .row.content .container-shadow .cinema-showtimes { background: #00539e; border: 1px solid #30bce4; margin-left: 0; margin-right: 0; padding: 0.3125rem 0 0.3125rem 0.625rem; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .container .row.content .container-shadow .cinema-showtimes form { margin: 0 0.3125rem 0.625rem 0.3125rem; } .container .row.content .container-shadow .cinema-showtimes form label { font-size: 1rem; display: inline-block; width: 40%; vertical-align: middle; margin-top: 10px; } .container .row.content .container-shadow .cinema-showtimes form .selectpicker.select-icon-select { display: inline-block; width: 55%; } .container .row.content .container-shadow .cinema-showtimes form .selectpicker.select-icon-select select { font-size: 16px; } .container .row.content .container-shadow .cinema-showtimes + div.span12.white.border-blue.no-padding { padding: 0; padding-bottom: 0 !important; border-bottom: 0; } .container .row.content .container-shadow .cinema-showtimes + div.span12.white.border-blue.no-padding .showtimes { padding: 0; border-bottom: 5px solid #143365; display: none; height: 0; } .container .row.content .container-shadow .cinema-showtimes + div.span12.white.border-blue.no-padding .showtimes.loaded { display: block; height: auto; margin-top: 0.625rem; } .cinema-page-filter .movie-filter { margin-top: 0.625rem; } /* About this film--------------------------------------------------*/.about-the-film.span12 { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .about-the-film.span12 .span12[class*="border-"] { padding-bottom: 0 !important; } .about-the-film .grad-hor { height: 5px; width: 100%; } .about-the-film .row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .about-the-film .span3.table-cell { width: 40%; float: left; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .about-the-film .span6 { width: 100%; display: inline-block; clear: both; padding: 0; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .about-the-film .span6 hr { display: block; height: 1px; border: 0; border-top: 1px solid #2d75bd; margin: 1em 0; padding: 0; } .about-the-film .span3.info-corner { width: 60%; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .about-the-film .span3.info-corner ul { padding-left: 0.625rem; margin-top: 0; } .about-the-film .span3.info-corner li { list-style: none; font-size: 0.875rem; line-height: 1.5rem; } .about-the-film #filmFunctions { display: none; } .about-the-film p { font-size: 0.875rem; } /* Showtimes Format Filter--------------------------------------------------*/#ftm-film-format-filter:after { content: ""; display: table; clear: both; } #ftm-film-format-filter span { display: block; width: 100%; } #ftm-film-format-filter span,#ftm-film-format-filter label { color: white; } #ftm-film-format-filter label { display: inline-block; width: 50%; margin-top: 0.3125rem; } #ftm-film-format-filter input[type="checkbox"] { display: none; } #ftm-film-format-filter input[type="checkbox"] + label i { width: 15px; height: 15px; margin: 0; vertical-align: middle; cursor: pointer; display: inline-block; } #ftm-film-format-filter input[type="checkbox"]:checked + label i { background-position: 0 0; } #ftm-film-format-filter label,#ftm-film-format-filter input[type="checkbox"] { float: left; } #ftm-film-format-filter [class*="icon-"] { display: inline-block; vertical-align: middle; } /* Trailer Play Button--------------------------------------------------*/a.play-button-link { position: relative; display: inline-block; line-height: 0px; } a.play-button-link img.play-button { position: absolute; top: 50%; left: 50%; width: 60px !important; z-index: 10; margin-left: -30px; margin-top: -30px; /*-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";*/ /*IE fix for alpha transparency, however it doesn't work with transparent .pngs*/ display: inline-block; /*max-width : 20%; */ } .content-container.film .grad-hor a.play-button-link { float: left; } /* Reviews and Ratings--------------------------------------------------*/.star-rating[class*="rating-icon-star-"] div, .buzz-rating[class*="rating-icon-buzz-"] div { display: block; float: left; } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f6f6f6; background-image: -moz-linear-gradient(top, whitesmoke, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(whitesmoke), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, whitesmoke, #f9f9f9); background-image: -o-linear-gradient(top, whitesmoke, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF5F5F5', endColorstr='#FFF9F9F9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .progress .bar { width: 0%; height: 100%; color: white; float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0d90d1; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF149BDF', endColorstr='#FF0480BE', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-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-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); } .row.content .reviews-ratings .tab-pane { padding: 0; } .row.content .reviews-ratings .grad-ver { margin: 0; height: 2.5rem; padding: 0.625rem; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; text-shadow: none; font-weight: bold; color: white; background: #00539e; /*background: #2d75bd; @include linear-gradient($light-blue, $dark-blue); background-repeat: repeat-x;*/ -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; height: auto; } .row.content .reviews-ratings .grad-ver h3 { margin: 0; font-weight: bold; font-size: 1rem; padding: 0.625rem; } .row.content .reviews-ratings .film-review-left { padding: 0.625rem; } .row.content .reviews-ratings .film-review-left img { margin-left: auto; margin-right: auto; } .row.content .reviews-ratings.span6.container-shadow .nav-tabs.pure.medium { margin-top: 0; } .row.content .reviews-ratings.span6.container-shadow .nav-tabs.pure.medium li { width: 100%; } .row.content .reviews-ratings.span6.container-shadow .nav-tabs.pure.medium li.active a { padding: 0.625rem 0; background: #1096d4 !important; color: white; } .row.content .reviews-ratings.span6.container-shadow .nav-tabs.pure.medium li.active a#publicReviewTab { background: #00539e !important; border-top-left-radius: 0; border-top-right-radius: 0; border: 0; } .row.content .reviews-ratings.span6.container-shadow .nav-tabs.pure.medium a { padding: 0.625rem 0; display: block; width: 100%; } .row.content .reviews-ratings .grey { background: #f3f3f3; padding: 0.625rem; } .row.content .reviews-ratings .public .form-box { margin-bottom: 10px; } .row.content .reviews-ratings .form-box h3 { font-size: 1.375rem; font-weight: normal; } .row.content .reviews-ratings .public .form-box h4 { margin: 0; padding: 0.3125rem 0 0; text-align: center; } .row.content .reviews-ratings .public .form-box span { line-height: 28px; } .row.content .reviews-ratings .public .form-box .functions { margin-top: 10px; } .row.content .reviews-ratings .public .form-box:nth-child(2) { margin-bottom: 20px; } .row.content .reviews-ratings .public .form-box:nth-child(2) .star-rating { margin-top: 5px; } .row.content .reviews-ratings .public .form-box:nth-child(2) .or { display: block; line-height: 40px; margin: 0 30px 0 20px; text-align: center; } .row.content .reviews-ratings .public .progress { background-image: none; background-color: white; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 0; position: relative; } .row.content .reviews-ratings .public .progress .bar { background-image: none; background-color: #f89406; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .row.content .reviews-ratings .public .progress .count { position: absolute; right: 6px; font-weight: bold; } .row.content .reviews-ratings .public .star-rating { margin: 0 15px 0 0; } .row.content .reviews-ratings .public .functions a:not(.btn) { margin-right: 105px; } .row.content .reviews-ratings .public .pagination { background: #f3f3f3; clear: both; padding: 10px 0 6px; } .row.content .reviews-ratings .public .pagination ul { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .row.content .reviews-ratings .public .pagination a, .row.content .reviews-ratings .public .pagination span { background: none; border: none; padding: 4px 6px; } .row.content .reviews-ratings .comment-box { border-color: rgba(0, 0, 0, 0.1); float: left; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 15px; padding-bottom: 10px; } .row.content .reviews-ratings .comment-box a { text-decoration: none; } .row.content .reviews-ratings .comment-box a:hover, .row.content .reviews-ratings .comment-box a:focus { text-decoration: underline; } .row.content .reviews-ratings .comment-box h4 { margin: 0 0 5px 0; } .row.content .reviews-ratings .comment-box span { margin-right: 15px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; max-width: 190px; height: 18px; line-height: 20px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .row.content .reviews-ratings .comment-box a + span { margin-right: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .row.content .reviews-ratings .comment-box form { float: right; margin-bottom: 10px; } .row.content .reviews-ratings .comment-box .functions { margin-bottom: 5px; } .row.content .reviews-ratings .input-prepend.vote { float: left; } .row.content .reviews-ratings .input-prepend.vote input, .row.content .reviews-ratings .input-prepend.vote .btn { padding: 2px 8px; } .row.content .reviews-ratings .input-prepend.vote input { max-width: 35px; text-align: right; font-size: 15px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .row.content .reviews-ratings .public .pagination ul { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .row.content .reviews-ratings .public .pagination a, .row.content .reviews-ratings .public .pagination span { background: none; border: none; padding: 4px 6px; } .row.content .reviews-ratings .public .pagination [class^="icon-"] { display: inline-block; } /* Film Social Share--------------------------------------------------*/.social-share { padding-top: 0; margin-top: -1.25rem; margin-bottom: -2.1875rem; } .social-share ul { list-style: none; padding-left: 0; } .social-buttons li { float: left; width: 50%; background: #00539e; padding: 0; border-right: 1px solid #30bce4; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .social-buttons li p { margin: 0; padding: 0 0.1875rem; height: 2.1875rem; line-height: 2.1875rem; color: white; } .social-buttons li:last-child { border-right: none; } .social-buttons.social-buttons-active li { width: 20%; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .social-buttons.social-buttons-active li:last-child { border-right: 1px solid #6499cd; } .social-buttons a { text-indent: -9999em; width: 100%; height: 35px; padding: 0; display: block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .social-buttons a.facebook { padding-left: 0; background: url(../../../static/img/trailerplayer/icon-fb-large.png) 50% 50% no-repeat; } .social-buttons a.twitter { padding-left: 0; background: url(../../../static/img/trailerplayer/icon-tw-large.png) 50% 50% no-repeat; } .social-buttons a.pinterest { background: url(../../../static/img/trailerplayer/icon-pi-large.png) 50% 50% no-repeat; } .social-buttons a.facebook:hover, .social-buttons li a.facebook.highlight,.social-buttons a.twitter:hover, .social-buttons li a.twitter.highlight,.social-buttons a.pinterest:hover, .social-buttons li a.pinterest.highlight { background-color: #3389cc; } .social-panels { display: block; background: #2257A5; height: 35px; overflow: hidden; position: relative; } .social-panels li { background: transparent; text-align: center; width: 30%; height: 35px; line-height: 35px; padding: 0; padding-left: 6px; position: absolute; top: 5px; left: -122px; -webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out; opacity: 0; } .social-panels li.active { left: 0; opacity: 1; } .social-panels li img { padding-top: 5px; } /* Other films like this--------------------------------------------------*/.whats-on.filmlist { display: inline-block; position: relative; } .whats-on.filmlist:after { content: ""; background: transparent url("../static/img/mobile-page/images/arrow-orange-right.png") no-repeat top left; background-position: -68px -18px; width: 40px; height: 50px; position: absolute; top: 50%; right: 0.625rem; margin-top: -25px; } .whats-on.filmlist .container { overflow: hidden; overflow-x: scroll; float: left; width: 85%; width: calc(100% - 45px); height: 23.75rem; } .whats-on.filmlist .tab-pane { list-style: none; margin: 0; padding: 0; width: 60rem; } .whats-on.filmlist .film-box-single { display: inline-block; width: 10rem !important; height: 100%; } .whats-on.filmlist .film-box-single h4 { margin-top: 0; display: block; overflow: hidden; position: relative; display: block; width: 100%; height: 2.9375rem !important; text-align: center; } .whats-on.filmlist .film-box-single h4 span { bottom: 0; position: absolute; left: 0 !important; bottom: 0; display: block; max-height: 100%; width: 100%; } .whats-on.filmlist .film-box-single h4 a { color: white; font-size: 1rem; vertical-align: bottom; } .whats-on.filmlist .film-box-single .star-rating, .whats-on.filmlist .film-box-single .star-rating + a { display: inline-block; margin-top: 0.3125rem; } .whats-on.filmlist .film-box-single .buzz-rating { display: inline-block; margin-top: 0.75rem; } .whats-on.filmlist .film-box-single .buzz-rating + a { display: inline-block; margin-top: 0.3125rem; } .whats-on.filmlist .film-box-single [class*="cert-icon-"] { margin-top: 0.3125rem; display: inline-block; vertical-align: middle; } /* 404 and other--------------------------------------------------*/.container .row.content .container-shadow.page-error .span12 ul { margin: 25px 0 0; } .container .row.content .container-shadow.page-error .span12 ul li { margin: 10px 0; } .container .row.content .container-shadow.page-error .span12 ul a { font-size: 16px; line-height: 60px; padding-left: 65px; width: 100%; display: inline-block; } /*[class*="icon-"] { display: inline-block;} *//* Helper--------------------------------------------------*/.hidden { display: none; } ul.unstyled, ol.unstyled { list-style: outside none none; margin-left: 0; } /* Offers & Competitions */.offer-items-container { font-size: 0; } .offer-item { width: 50%; padding: 10px; display: inline-block; vertical-align: top; } .offer-item .teaser-image img { width: 100%; } .offer-item .teaser-text { margin: .5em 0; } .offer-text .teaser-image img { width: 100%; } .film-booking-box { font-size: 0; } .film-booking-box .movie-image { width: 30%; display: inline-block; vertical-align: top; padding-right: 20px; } .film-booking-box .movie-image img { width: 100%; } .film-booking-box .content-area { display: inline-block; width: 70%; vertical-align: top; } .film-booking-box .content-area h4 { margin-top: 0; } .film-booking-box [class^="film-icon-"], .film-booking-box [class^="cert-icon-"] { display: inline-block; vertical-align: middle; } .offer-details h3.terms { background: #f3f3f3; font-size: 20px; padding: 10px; margin: 10px -10px; } /* Footer--------------------------------------------------*/footer { padding: 0.625rem; } footer hr { margin: 0 auto; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; } footer .row { background-color: #143365; } footer a:hover { color: white; text-decoration: none; } footer h2 { margin-bottom: 8px; } footer h2, footer a, footer span, footer p { font-size: 16px; color: white; vertical-align: middle; } footer h2, footer li { height: 30px; list-style: none; } footer ul { padding-left: 20px; } footer li i { display: inline-block; vertical-align: bottom; } /*footer .row.content .span3 { width:30%; display: inline-block; vertical-align: top;} */footer .row.content:first-child .span3 p { font-size: 16px; line-height: 20px; max-width: 180px; } footer .row.content:first-child .span3 ul + h2 { margin-bottom: 0; } footer .row.content:first-child .container:last-child a, footer .row.content:first-child .container:last-child span, footer .row.content:first-child .container:last-child p { font-size: 16px; } footer .row.content:first-child .container ul.inline { margin: 0; padding-left: 0; } footer .row.content:first-child .container ul.inline li { display: inline-block; } footer .row.content:first-child .container ul.inline span { font-size: 12px; vertical-align: bottom; margin: 0 10px; } footer .row.content:first-child ul.inline li { height: auto; } footer .row.content:last-child .container:last-child { height: 9.375rem; text-align: center; padding-top: 2.5rem; } footer .row.content:last-child .container .footer-quote i { margin: 5px 0 0 5px; } footer .row.content { margin-bottom: 0; } footer .row.content .container { padding-top: 15px; padding-bottom: 15px; padding-left: 10px; } footer .row.content .container:nth-of-type(2) .span3 a { margin-top: 15px; display: inline-block; } footer i { margin-right: 4px; } footer div.container > span#footer-quote { font-size: 300px; color: red !important; .container: last-child span; } @media screen and (min-width: 480px) { h1.centered, .special-screenings h1 { width: 100%; text-align: center; } .span12.container-shadow .span12.grad-blue.border-blue { max-width: 100%; } .span12.container-shadow .span12.grad-blue.border-blue .row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; justify-content: space-around; } .span12.container-shadow .span12.grad-blue.border-blue .row .span4 { width: 45%; } .span12.container-shadow .span12.grad-blue.border-blue .row .span4 h4 { text-align: center; } } .movie-offer { clear: both; background: #fff; box-sizing: border-box; border-bottom: 5px solid #9bdffd; padding: 0.625rem; display: flex; flex-direction: column; } .movie-offer.last-offer { margin-bottom: 0; } .movie-offer__picture { grid-area: movie-offer__picture; } .movie-offer__picture img { width: 100%; } .movie-offer__title { grid-area: movie-offer__title; margin-top: 0.5rem; margin-bottom: 0.2rem; padding: 0; } .movie-offer__teaser { grid-area: movie-offer__teaser; margin-top: 0; margin-bottom: 0.2rem; } .movie-offer__date { grid-area: movie-offer__date; margin-top: 0; margin-bottom: 0.2rem; } .movie-offer__button { grid-area: movie-offer__button; margin-top: 0.2rem; } .navbar__searchoverlay { margin-top: 0; } .navbar__searchoverlay input[type="text"] { background-position: 1px -951px; } .film-box-single { padding-bottom: 30px; } .film-box-single:after { content: ''; display: block; clear: both; } .film-box-single img { float: left; width: 30%; padding-right: 10px; } .film-box-single .star-rating-container { margin-top: 0; margin-right: 5px; } .film-box-single .star-rating-container ~ .film-icon-, .film-box-single .star-rating-container ~ a { float: left; margin-right: 5px; } .film-box-single .functions { float: left; width: 70%; margin-bottom: 20px; } .film-box-single .functions .watchlistbutton .film-icon-btn-watch { position: absolute; top: 13px; left: 11px; background: url("../../static/img/sprites/film-icon-s3b22bb1bfe.png") no-repeat 0 -195px !important; height: 15px; width: 15px; } .film-box-single .functions .btn-group { font-size: 0; } .film-box-single .functions .btn-group > .btn.trailer, .film-box-single .functions .btn-group > .btn.watchlist { position: relative; margin: 10px 0 0 0 !important; height: auto !important; font-size: 14px; font-weight: normal !important; transition-property: background; transition-duration: 0.2s; margin: 0; height: 30px; color: white; background: linear-gradient(#00539e, rgba(20, 51, 101, 0.4)), #00539e; background-repeat: repeat-x; border: 0 !important; text-shadow: none; } .film-box-single .functions .btn-group > .btn.trailer:not(.dropdown-toggle), .film-box-single .functions .btn-group > .btn.watchlist:not(.dropdown-toggle) { width: calc(100% - 45px); height: 40px !important; padding-left: 35px; text-align: left; border-radius: 5px 0 0 5px; box-sizing: border-box; border: 0 !important; z-index: 2; box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.2); } .film-box-single .functions .btn-group > .btn.trailer.dropdown-toggle, .film-box-single .functions .btn-group > .btn.watchlist.dropdown-toggle { border-radius: 0 5px 5px 0; box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.2) !important; z-index: 2000; padding: 5px 8px; height: 40px !important; width: 45px !important; min-width: 45px !important; box-sizing: border-box; border: 0 !important; } .film-box-single .functions .btn-group > .btn.trailer.dropdown-toggle .caret, .film-box-single .functions .btn-group > .btn.watchlist.dropdown-toggle .caret { vertical-align: text-top; margin-top: 2px; } .film-box-single .functions .btn-group > .btn.trailer + .dropdown-menu, .film-box-single .functions .btn-group > .btn.watchlist + .dropdown-menu { transition-property: height; transition-duration: 0.3s; background: #00539e; box-shadow: none; border: none; border-radius: 0 0 5px 5px; margin: -4px 0 0 0 !important; padding: 0; min-width: 0; width: 100%; height: 0px; overflow: hidden; display: block; position: relative; z-index: 1; font-size: 14px; } .film-box-single .functions .btn-group > .btn.trailer + .dropdown-menu a, .film-box-single .functions .btn-group > .btn.watchlist + .dropdown-menu a { color: white; font-size: 12px; padding: 14px 0 0 0; text-align: center; display: block; width: 100%; } .film-box-single .btn-group.open > .btn.trailer + .dropdown-menu, .film-box-single .btn-group.open > .btn.watchlist + .dropdown-menu { height: 40px; } .navbar__searchoverlay { margin-top: 0 !important; height: 50px !important; position: absolute; transform-origin: center top !important; transform: scaleY(0) !important; transition: transform 0.2s !important; } .navbar__searchoverlay input { margin-bottom: 0 !important; opacity: 0; transition: opacity 0.2s !important; } .navbar__searchoverlay + .container { margin-top: 0; transition: margin-top 0.2s !important; } .navbar__searchoverlay.open { transform-origin: center top !important; transform: scaleY(1) !important; transition: transform 0.2s !important; } .navbar__searchoverlay.open input { opacity: 1; transition: opacity 0.2s !important; } .navbar__searchoverlay.open + .container { margin-top: 50px; transition: margin-top 0.2s !important; } .navbar__search { cursor: pointer; } /** * Form errors */input.error, textarea.error { background-color: #fff5f5; border-color: red !important; } .selectpicker.select-icon-select.error { background-color: #fff5f5; border-color: red !important; padding: 0; margin: 0 !important; } .selectpicker.select-icon-select.error:before { background-color: #fff5f5; border-color: red !important; } /** * Mobile user journey */.mobile-user-journey { border-top: 2px solid #143364; background: #fff; padding: 0.625rem; /** * Form inputs */ } .mobile-user-journey h1 { color: #143364; font-family: 'Ubuntu', arial, sans-serif; font-style: italic; font-size: 21px; } .mobile-user-journey p { color: #000; font-size: 12px; } .mobile-user-journey .error p { color: #E63621; } .mobile-user-journey label { font-style: normal; font-weight: normal; line-height: 17px; font-size: 13px; color: #54698D; width: 217px; display: inline-block; padding: 0.25em 0; } .mobile-user-journey input[type="text"], .mobile-user-journey input[type="date"], .mobile-user-journey input[type="password"] { background-color: #FFFFFF; border: 1px solid #A8B7C7; box-sizing: border-box; border-radius: 4px; margin-bottom: 5px; width: 100%; padding: 0.75em; display: block; font-style: normal; font-weight: normal; line-height: normal; font-size: 16px; color: #000000; opacity: 0.9; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mobile-user-journey .selectpicker { margin-top: 0; } .mobile-user-journey .checkbox { width: 100%; font-style: normal; font-weight: normal; line-height: normal; font-size: 16px; color: #54698D; margin-bottom: 5px; } .mobile-user-journey .checkbox span { width: 90%; float: right; } .mobile-user-journey .btn, .mobile-user-journey .btn[disabled] { width: 90%; margin: 5%; background: linear-gradient(180deg, #fcc005 0%, #f49b0a 100%); border-radius: 4px; border: none; height: 28px; font-style: normal; font-weight: normal; line-height: normal; font-size: 13px; text-align: center; letter-spacing: 0.08px; color: #143364; } .mobile-user-journey .btn[disabled] { background-image: linear-gradient(to bottom, #f2f2f2, #cdcdcd); } .mobile-user-journey a.btn { padding: 7px; } /** * Make links look more hyperlinky :( */.hyperlinky { color: #4a90e2; font-style: italic; text-decoration: underline; } /** * Spinner Wheel Overlay */.whiteoverlay { background-color: #fff; display: none; position: absolute; width: 100%; height: 100%; z-index: 99; opacity: 0.5; } @keyframes spinner { to { transform: rotate(360deg); } } .spinner:before { content: ''; box-sizing: border-box; position: fixed; top: 50%; left: 50%; width: 70px; height: 70px; margin-top: -35px; margin-left: -35px; border-radius: 50%; border: 6px solid #ccc; border-top-color: #2b70b9; animation: spinner .6s linear infinite; } .spinner.absolute:before { position: absolute !important; }