.container .row.content .opc.activate .join-box img { width: 40%; height: 40%; float: left; margin: 0 20px 20px 0; } .container .row.content .opc.activate .join-box .btn { font-size: 14px; margin-top: 20px; } .container .row.content .opc-activate { overflow: visible; } .container .row.content .opc-activate .span6 h3 { margin: 10px 0 30px 0; } .container .row.content .opc-activate .span6 img { margin: -45px 0 0 40px; } .container .row.content .opc-join-checkout .span5 h3 { margin-bottom: 20px; } .container .row.content .opc-join-checkout .span5 img { margin-top: 15px; } .container .row.content .opc-join-checkout .span7 h4 { margin-top: 0; } .container .row.content .opc-join-checkout .span7 table tr.tableborder { border-bottom: 1px solid #333; } .container .row.content .opc-join-checkout .span7 table td { padding: 5px 0; } .container .row.content .opc-join-checkout .span7 table td.padding-left { padding-left: 5px; } .container .row.content .opc-join-checkout .span7 table td.padding-right { padding-right: 15px; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc { padding: 0; width: 100%; height: 75px; background-color: #2257a5; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb { display: inline-block; clear: left; width: 100%; height: 75px; margin: 0; padding: 0; background-color: #2257a5; overflow: hidden; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item { position: relative; display: inline-block; float: left; margin-left: -3%; width: 35.33333%; height: 110%; background-color: #2257a5; background-color: transparent; border: 0; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item.one { z-index: 24; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item.two { z-index: 20; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item.three { z-index: 16; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item.four { z-index: 12; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item.five { z-index: 8; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item.six { z-index: 4; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item:first-child { margin-left: 0; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item:first-child a { text-align: left; text-indent: 10%; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item:last-child { /*a { text-align: center; } */ } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item:last-child span.corner { display: none; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item:last-child span.blend { width: 100%; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item span.corner { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: black 0px 0px 10px; -moz-box-shadow: black 0px 0px 10px; box-shadow: black 0px 0px 10px; position: absolute; display: block; top: 0; right: 18.75px; z-index: 0; height: 75px; width: 75px; background-color: #2257a5; border: 1px solid white; margin-top: -1px; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item span.blend { position: absolute; display: block; top: 0; left: 0; z-index: 1; height: 75px; width: 75%; background-color: #2257a5; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item.current span.blend, .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item.current span.corner { background-color: #3896d6; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item.unavailable span.blend, .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item.unavailable span.corner { background-color: #2257a5; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item a, .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item span.crumb-item-label { font-family: "Ubuntu", Helvetica, Arial, sans-serif; font-size: 22px; display: inline-block; position: absolute; top: 0; left: 6px; z-index: 2; width: 100%; height: 100%; background-color: transparent; line-height: 80px; text-shadow: none; text-align: left; text-indent: 23%; text-decoration: none; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item { width: 36.33%; margin-left: -4%; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item a { text-indent: 0 !important; text-align: center !important; font-family: "Ubuntu", Helvetica, Arial, sans-serif; font-size: 22px; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item span.blend { width: 85%; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item:first-child { margin-left: -1%; } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item:first-child a, .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item:first-child span.blend { /*@include border-radius($radius 0 0 0);*/ } .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item:last-child a, .container .row.content .opc-join-checkout #steps-breadcrumb-container-opc .stepcrumb div.crumb-item:last-child span.blend { /*@include border-radius(0 $radius 0 0);*/ } .container .row.content .opc-join-checkout.details .span8 { margin-left: 0; width: 640px; } .container .row.content .opc-join-checkout.details .span8 h3 { margin-left: 20px; } .container .row.content .opc-join-checkout .join-box { overflow: hidden; } .container .row.content .opc-join-checkout .join-box h3 { color: white; font-weight: bold; text-transform: uppercase; margin: 10px 20px 0 20px; } .container .row.content .opc-join-checkout .join-box table tr:first-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .container .row.content .opc-join-checkout .join-box table tr:nth-child(2) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-weight: bold; } .container .row.content .opc-join-checkout .join-box table tr:last-child { background: #001d38; background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #001d38), color-stop(100%, #001d38)), #001d38; background: -webkit-linear-gradient(left top, #001d38, #001d38), #001d38; background: -moz-linear-gradient(left top, #001d38, #001d38), #001d38; background: -o-linear-gradient(left top, #001d38, #001d38), #001d38; background: linear-gradient(left top, #001d38, #001d38), #001d38; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF001D38', endColorstr='#FF001D38'); padding: 15px 20px; font-weight: bold; font-size: 16px; text-align: right; } .container .row.content .opc-join-checkout .join-box table td { padding: 10px 20px; vertical-align: top; } .container .row.content .opc-join-checkout .join-box table td + td { text-align: right; } .container .row.content .opc-join-checkout .join-box table a { font-weight: normal; } .container .row.content .opc-activate-checkout { position: relative; } .container .row.content .opc-activate-checkout .span12.no-padding { padding: 40px 0 20px 0 !important; } .container .row.content .opc-activate-checkout img { position: absolute; top: 82px; right: 20px; z-index: 10; } .container .row.content .opc-activate-checkout .partnermails, .container .row.content .opc-activate-checkout .inner { width: 630px; } .container .row.content .opc-activate-checkout .partnermails .inner, .container .row.content .opc-activate-checkout .inner .inner { width: auto; } .container .row.content .opc-activate-checkout .step-headline { display: inline-block; width: 100%; } .container .row.content .opc-activate-checkout .step-headline span { margin-right: 408px; } .container .row.content .zomg-a-details-form-class .inner-wrap-text p { margin: 0 40px 30px 0; } .container .row.content .zomg-a-details-form-class .step-headline, .container .row.content .zomg-a-details-form-class h3 { position: relative; margin: 11px 0 0 20px; height: 45px; } .container .row.content .zomg-a-details-form-class .step-headline span.agenda, .container .row.content .zomg-a-details-form-class h3 span.agenda { float: right; font-size: 12px; font-weight: normal; line-height: 40px; } .container .row.content .zomg-a-details-form-class .step-headline + p { margin-left: 20px; } .container .row.content .zomg-a-details-form-class ul { width: 100%; list-style: none; margin: 0; padding: 0; } .container .row.content .zomg-a-details-form-class ul li { width: 100%; height: 60px; } .container .row.content .zomg-a-details-form-class ul li.odd { background-color: #f3f3f3; } .container .row.content .zomg-a-details-form-class ul li label { display: inline-block; width: 167px; font-weight: bold; text-indent: 21px; line-height: 45px; } .container .row.content .zomg-a-details-form-class ul li label.checkbox { line-height: 1.2em; text-indent: 0; margin: 20px 0 0 0; padding: 0; } .container .row.content .zomg-a-details-form-class ul li label.empty { width: 190px; } .container .row.content .zomg-a-details-form-class ul li input[type="text"], .container .row.content .zomg-a-details-form-class ul li input[type="password"] { margin: 15px 10px 0 0; width: 190px; } .container .row.content .zomg-a-details-form-class ul li .selectpicker { margin-top: 15px !important; } .container .row.content .zomg-a-details-form-class ul li #day-of-birth.selectpicker { width: 80px; margin-right: 10px; } .container .row.content .zomg-a-details-form-class ul li #month-of-birth.selectpicker { width: 100px; margin-right: 10px; } .container .row.content .zomg-a-details-form-class ul li #year-of-birth.selectpicker { width: 90px; } .container .row.content .zomg-a-details-form-class ul li #mobilenumber { width: 228px; } .container .row.content .zomg-a-details-form-class ul li #postcode { width: 140px; } .container .row.content .zomg-a-details-form-class ul li .icon-form-info { margin-top: 10px !important; vertical-align: middle !important; } .container .row.content .zomg-a-details-form-class ul li#postcode-row { height: 90px; } .container .row.content .zomg-a-details-form-class ul li#postcode-row p { margin: -10px 0 0 0; } .container .row.content .zomg-a-details-form-class ul li#postcode-row .btn.blue { margin-top: 15px; } .container .row.content .zomg-a-details-form-class ul li#postcode-row #know-postcode-link { margin-left: 170px; font-size: 12px; text-decoration: underline; } .container .row.content .zomg-a-details-form-class #details-blocker { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background-color: white; } .container .row.content .zomg-a-details-form-class #confirm-details-container { clear: both; width: 100%; margin-bottom: 40px; } .container .row.content .zomg-a-details-form-class #confirm-details-container .btn { margin-left: 40px; } .container .row.content .zomg-a-details-form-class #payment-frame-container { position: relative; clear: both; margin-left: -20px; margin-bottom: 15px; min-height: 515px; width: 730px; } .container .row.content .zomg-a-details-form-class #payment-frame-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .container .row.content .zomg-a-details-form-class .screening-column { margin-top: 20px; } .container .row.content .zomg-a-details-form-class .inner { clear: both; margin: 15px 0 15px 20px; } .container .row.content .zomg-a-details-form-class .inner.boxed { border: 1px solid #ccc; background-color: #eee; margin-left: 10px; } .container .row.content .zomg-a-details-form-class .inner.boxed .odd { background-color: white; } .container .row.content .zomg-a-details-form-class .inner.boxed .description { margin-left: 41px; } .container .row.content .zomg-a-details-form-class .inner.boxed .description.limitless { margin-left: 0px; } .container .row.content .zomg-a-details-form-class .inner.boxed .checkbox { margin: 0 20px 0 20px; padding-bottom: 10px; } .container .row.content .zomg-a-details-form-class .inner.boxed + .boxed { margin-top: -16px; } .container .row.content .zomg-a-details-form-class .inner .description { margin-bottom: 20px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .container .row.content .zomg-a-details-form-class .inner h4 { margin-left: 19px; } .container .row.content .proposition #showtimes-container { margin-left: 0; } .container .row.content .proposition .showtimes { padding-top: 40px; } .container .row.content .proposition .showtimes h3 { float: left; font-weight: bold; } .container .row.content .proposition .showtimes > .film-order label { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; font-size: 18px; } .container .row.content .proposition.grad-hor .film-order { float: left; } .container .row.content .proposition.grad-hor .film-order label { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; font-size: 18px; } .container .row.content .faqs, .container .row.content .privacy-legal { position: relative; } .container .row.content .faqs .grad-hor form, .container .row.content .privacy-legal .grad-hor form { margin: 20px 0 10px 20px; } .container .row.content .faqs .span4, .container .row.content .privacy-legal .span4 { position: relative; left: -20px; } .container .row.content .faqs .span4 .form-box, .container .row.content .privacy-legal .span4 .form-box { position: relative; top: -80px; margin: 20px; font-weight: bold; } .container .row.content .faqs .span8, .container .row.content .privacy-legal .span8 { padding-top: 20px; } .container .row.content .faqs .span8 h3, .container .row.content .faqs .span8 h4, .container .row.content .privacy-legal .span8 h3, .container .row.content .privacy-legal .span8 h4 { font-weight: bold; margin: 0 0 20px 0; display: inline-block; } .container .row.content .faqs .span8 h5, .container .row.content .privacy-legal .span8 h5 { text-transform: uppercase; display: inline-block; margin-right: 5px; } .container .row.content .faqs .span8 p, .container .row.content .privacy-legal .span8 p { margin-bottom: 20px; } .container .row.content .faqs .span8 h3 + p, .container .row.content .privacy-legal .span8 h3 + p { margin-bottom: 40px; } .container .row.content .accessibility-box .span8 h3 { margin-bottom: 20px; } .container .row.content .accessibility-box .grey-box { width: 280px; float: right; margin: 0 0 20px 20px; } .container .row.content .accessibility-box .grey-box h4 { display: inline-block; margin: 0 0 20px 0; } .container .row.content .accessibility-box .grey-box i { margin: -4px 8px 0 0; } .container .row.content .accessibility-box .span4 { position: relative; left: -20px; } .container .row.content .search-results .grad-hor form { margin: 20px; } .container .row.content .search-results .grad-hor form input.search { height: 30px !important; margin-bottom: 0; padding-left: 40px; font-size: 16px; } .container .row.content .search-results .span8 { width: 640px; } .container .row.content .search-results .span8 .span8:first-child:not(.show-more-element) { margin-bottom: 20px; } .container .row.content .search-results .span8 .span8:first-child.show-more-element { /*height:700px;*/ } .container .row.content .search-results .span8 .span8:first-child.show-more-element .show-more-overlay { width: 620px; /*height:200px;*/ } .container .row.content .search-results .span8 .span8:not(:first-child).show-more-element { /*height:785px;*/ } .container .row.content .search-results .span8 .span8:not(:first-child).show-more-element h3 { margin-top: 20px; } .container .row.content .search-results .span4 { width: 280px; position: relative; } .container .row.content .search-results .span4 a { display: block; } .container .row.content .search-results .divider-shadow { right: 300px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .container .row.content .search-results .show-more { width: 620px; margin: 0 20px 20px 20px; } .container .row.content .search-results h3 { margin-bottom: 20px; font-weight: bold; } .container .row.content .search-results h3 span { font-weight: normal; } .container .row.content .search-results p { margin: 0; } .container .row.content .search-results form label { display: inline-block; margin-right: 20px; } .container .row.content .search-results form hr { margin: 5px 0; } .container .row.content .search-results form + .hrComponent { margin-bottom: 20px; } .container .row.content .search-results hr { margin: 15px 0; } .container .row.content .search-results .film-box-single { left: -10px; height: auto; float: left; margin-bottom: 20px; } .container .row.content .search-results .film-box-single h4 span { color: #2258a5; } .container .row.content .search-results .film-box-single span { color: white; } .container .row.content .search-results .film-box-single:hover, .container .row.content .search-results .film-box-single:focus { background: none; } .container .row.content .quick-bite { /*background:image-url("quickbite-bg.png") no-repeat 0 -137px;*/ position: relative; height: 328px; overflow: visible; /* Softdrink */ /* Slogan */ /* Pink Footer */ /* Popcorn */ /* Slider */ } .container .row.content .quick-bite .fd-quickbite-softdrink { position: absolute; bottom: 0; left: -126px; } .container .row.content .quick-bite .fd-quickbite-softdrink img { display: block; } .container .row.content .quick-bite .fd-quickbite-slogan { position: absolute; top: 65px; left: 210px; width: 250px; } .container .row.content .quick-bite .fd-quickbite-slogan h2 { color: #fff; font-size: 24px; font-weight: bold; margin-bottom: 15px; line-height: 26px; } .container .row.content .quick-bite .fd-quickbite-slogan p { font-size: 14px; color: #fff; line-height: 20px; margin: 0; } .container .row.content .quick-bite .fd-quickbite-footer { background-color: #30bce4; position: absolute; bottom: 0; left: 0; height: 70px; width: 980px; } .container .row.content .quick-bite .fd-quickbite-footer h2 { color: #fff; font-size: 24px; font-weight: bold; margin-bottom: 0; position: absolute; bottom: 15px; left: 210px; } .container .row.content .quick-bite .fd-quickbite-footer p { color: #fff; font-size: 14px; line-height: 20px; margin-bottom: 0; position: absolute; bottom: 15px; left: 420px; width: 300px; } .container .row.content .quick-bite .fd-quickbite-footer p strong { font-weight: bold; } .container .row.content .quick-bite .fd-quickbite-popcorn { position: absolute; bottom: -79px; right: -15px; } .container .row.content .quick-bite .fd-quickbite-popcorn img { display: block; z-index: 1; } .container .row.content .quick-bite .fd-quickbite-slider { width: 460px; overflow: visible; height: auto; position: absolute; top: 20px; left: 500px; text-align: center; z-index: 1000; } .container .row.content .quick-bite .fd-quickbite-nav-wrapper { margin-top: 18px; display: block; width: 460px; height: 26px; } .container .row.content .quick-bite #fd-quickbite-prev { background: url('../../static/img/quickbite-nav-left.png?t=1521467966') no-repeat top left; float: left; width: 17px; height: 26px; cursor: pointer; } .container .row.content .quick-bite #fd-quickbite-next { background: url('../../static/img/quickbite-nav-right.png?t=1521467966') no-repeat top left; float: left; width: 17px; height: 26px; cursor: pointer; } .container .row.content .quick-bite #fd-quickbite-custom-pager { display: block; float: left; width: 426px; } .container .row.content .quick-bite #fd-quickbite-custom-pager a { display: inline-block !important; list-style: none; width: 11px; height: 11px; overflow: hidden; background: url('../../static/img/quickbite-nav-dots.png?t=1521467966'); background-repeat: no-repeat; background-position: -11px 0; cursor: pointer; text-indent: -9999em; margin-right: 5px; margin-top: 7px; } .container .row.content .quick-bite .fd-quickbite-slides a { display: block; width: 460px; height: 164px; } .container .row.content .quick-bite #fd-quickbite-custom-pager a.cycle-pager-active, .container .row.content .quick-bite #fd-quickbite-custom-pager a:hover { background-position: 0 0; } .container .row.content .ticket-prices { /* Tabellen Styles Allgemein */ /* Tabellen Styles */ /* Farben fuer Tabellenzellen */ } .container .row.content .ticket-prices table.fd-ticket-prices-table { border-collapse: collapse; } .container .row.content .ticket-prices table.fd-ticket-prices-table th, .container .row.content .ticket-prices table.fd-ticket-prices-table td { padding: 15px 10px 20px; } .container .row.content .ticket-prices table.fd-ticket-prices-table thead tr.fd-heading-row-1 th, .container .row.content .ticket-prices table.fd-ticket-prices-table thead tr.fd-heading-row-1 td { padding: 15px 10px 0; vertical-align: top; } .container .row.content .ticket-prices table.fd-ticket-prices-table thead tr.fd-heading-row-2 th, .container .row.content .ticket-prices table.fd-ticket-prices-table thead tr.fd-heading-row-2 td { padding: 10px 10px 14px; vertical-align: top; } .container .row.content .ticket-prices table.fd-ticket-prices-table tbody tr { height: 70px; } .container .row.content .ticket-prices table.fd-ticket-prices-table .fd-heading-row-1 { height: 75px; } .container .row.content .ticket-prices table.fd-ticket-prices-table .fd-heading-row-2 { height: 20px; border-bottom: 1px dashed #000; } .container .row.content .ticket-prices table.fd-ticket-prices-table .fd-vert-table-spacer { width: 20px; padding: 0 !important; } .container .row.content .ticket-prices table.fd-ticket-prices-table { table-layout: fixed; width: 940px; border: 0; vertical-align: middle; } .container .row.content .ticket-prices table.fd-ticket-prices-table th { width: 140px; text-align: left; font-size: 14px; font-weight: 400; } .container .row.content .ticket-prices table.fd-ticket-prices-table th strong { font-weight: 700; } .container .row.content .ticket-prices table.fd-ticket-prices-table th h2 { font-size: 18px; font-weight: 700; margin: 0; } .container .row.content .ticket-prices table.fd-ticket-prices-table td { width: 120px; text-align: center; font-size: 14px; font-weight: 700; } .container .row.content .ticket-prices table.fd-ticket-prices-table td.price { font-size: 16px; vertical-align: middle !important; } .container .row.content .ticket-prices table.fd-ticket-prices-table .off-peak, .container .row.content .ticket-prices table.fd-ticket-prices-table .peak { width: 210px; font-size: 18px; font-weight: 700; line-height: 20px; } .container .row.content .ticket-prices table.fd-ticket-prices-table th strong { font-weight: 700; } .container .row.content .ticket-prices table.fd-ticket-prices-table td small { text-align: center; font-size: 12px; font-weight: 400; display: block; } .container .row.content .ticket-prices table.fd-ticket-prices-table th.light-grey { background-color: #f7f7f7; } .container .row.content .ticket-prices table.fd-ticket-prices-table th.grey { background-color: #cecece; } .container .row.content .ticket-prices table.fd-ticket-prices-table td.lightest-blue { background-color: #cfeaf6; } .container .row.content .ticket-prices table.fd-ticket-prices-table td.light-blue { background-color: #b7e0f2; } .container .row.content .ticket-prices table.fd-ticket-prices-table td.blue { background-color: #9fd5ee; } .container .row.content .ticket-prices table.fd-ticket-prices-table td.dark-blue { background-color: #83c9e9; } .container .row.content .ticket-prices table.fd-ticket-prices-table td.darker-blue { background-color: #3faadc; color: #fff; } .container .row.content .ticket-prices table.fd-ticket-prices-table td.darkest-blue { background-color: #1397d5; color: #fff; } .container .row.content .ticket-prices table.fd-ticket-prices-table tr.even td, .container .row.content .ticket-prices table.fd-ticket-prices-table tr.even th { background-color: #9dd6ef; } .container .row.content .our-history { /* About Us Our History Timeline Styles */ } .container .row.content .our-history .span12 { width: 980px; padding: 20px 0; } .container .row.content .our-history #timeline { width: 980px; height: 450px; overflow: hidden; margin: 0; position: relative; } .container .row.content .our-history #timeline-line { position: absolute; display: block; width: 980px; top: 48px; left: 0; height: 1px; border: 0; background: #4da4d6; background: rgba(255, 255, 255, 0.2); z-index: 1; } .container .row.content .our-history #dates { width: 980px; height: 75px; margin: 0 auto; overflow: hidden; padding-left: 0; } .container .row.content .our-history #dates li { list-style: none; float: left; width: 160px; height: 75px; font-size: 24px; text-align: center; z-index: 1000; position: relative; } .container .row.content .our-history #dates a, .container .row.content .our-history #dates a:visited { color: #4da4d6; line-height: 36px; height: 55px; text-decoration: none; background: url('../../static/img/biggerdot.png?t=1521467966') center bottom no-repeat; display: block; position: relative; z-index: 1000; } .container .row.content .our-history #dates .selected, .container .row.content .our-history #dates a:hover { font-size: 38px; color: #fff; background: url('../../static/img/biggerdot-selected.png?t=1521467966') center bottom no-repeat; position: relative; z-index: 1000; } .container .row.content .our-history #issues { width: 980px; height: 390px; overflow: hidden; padding-left: 0; margin: 0; } .container .row.content .our-history #issues li { width: 980px; height: 390px; list-style: none; float: left; opacity: 0 !important; } .container .row.content .our-history #issues li.selected { opacity: 1 !important; } .container .row.content .our-history #issues li img { display: block; margin: 0; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE 6 & 7 */ zoom: 1; } .container .row.content .our-history #issues li h1 { opacity: 0 !important; } .container .row.content .our-history #issues li.selected h1 { color: #fff; font-size: 48px; position: absolute; top: 368px; left: 175px; margin: 0; padding: 0; opacity: 1 !important; line-height: normal; } .container .row.content .our-history #issues li p { color: #fff; font-size: 13px; font-weight: 700; position: absolute; top: 376px; left: 300px; width: 540px; margin: 0; padding: 0; line-height: normal; } .container .row.content .our-history #next, .container .row.content .our-history #prev { position: absolute; font-size: 70px; top: 396px; width: 21px; height: 32px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; } .container .row.content .our-history #next:hover, .container .row.content .our-history #prev:hover { background-position: 0 -64px; } .container .row.content .our-history #next { right: 40px; background-image: url('../../static/img/next.png?t=1521467966'); } .container .row.content .our-history #prev { left: 40px; background-image: url('../../static/img/prev.png?t=1521467966'); } .container .row.content .our-history #next.disabled, .container .row.content .our-history #prev.disabled { opacity: 0.2; } .container .row.content .spending-points { /* Spending your points Spalten */ /* Aktivierte Tabellen Styles */ /* Streifen fuer die Tabellenzeilen in auch fuer IE8 */ /* Aktivierte Tabellenzeile */ /* Zusaetzlicher Text unten */ } .container .row.content .spending-points .fd-points-hint p { width: 940px !important; } .container .row.content .spending-points .functions { padding: 20px; } .container .row.content .spending-points .opcPointsBar { width: 600px; overflow: hidden; } .container .row.content .spending-points .info-corner.blue-arrow { background: #2257a5; width: 200px; min-height: 100px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; float: right; padding: 20px; font-size: 14px; } .container .row.content .spending-points .info-corner.blue-arrow .arrow { position: absolute; top: 50%; left: -20px; margin-top: -20px; } .container .row.content .spending-points .info-corner.blue-arrow h5 { margin-bottom: 15px; } .container .row.content .spending-points .fd-points-content-ire { width: 940px; margin: 0 10px 0 20px; float: left; } .container .row.content .spending-points .fd-points-content-ire table.fd-points-table { width: 940px; } .container .row.content .spending-points .fd-points-content-ire table.fd-points-table th { width: 220px; } .container .row.content .spending-points .fd-points-content-ire table.fd-points-table .two-cols { width: 600px; } .container .row.content .spending-points .fd-points-content-ire table.fd-points-table .text-right { text-align: right; } .container .row.content .spending-points .fd-points-content-ire table.fd-points-table td { width: 200px; text-align: center; font-weight: normal !important; } .container .row.content .spending-points .fd-points-content { width: 940px; margin: 0 10px 0 20px; float: left; } .container .row.content .spending-points .fd-points-content table.fd-points-table { width: 940px; } .container .row.content .spending-points .fd-points-content table.fd-points-table th { width: 600px; } .container .row.content .spending-points .fd-points-content table.fd-points-table td { width: 130px; text-align: center; } .container .row.content .spending-points .fd-points-content-left { width: 300px; margin: 0 10px 0 20px; float: left; } .container .row.content .spending-points .fd-points-content-middle { width: 300px; margin: 0 10px 0 10px; float: left; } .container .row.content .spending-points .fd-points-content-right { width: 300px; margin: 0 20px 0 10px; float: left; } .container .row.content .spending-points .fd-points-content-ire h2, .container .row.content .spending-points .fd-points-content h2 { height: 85px; font-size: 25px; font-weight: 700; line-height: 85px; margin: 0; width: 700px; float: left; } .container .row.content .spending-points .fd-points-content-left h2, .container .row.content .spending-points .fd-points-content-middle h2 { height: 85px; font-size: 25px; font-weight: 700; line-height: 85px; margin: 0; } .container .row.content .spending-points .fd-points-content-ire .fd-points-explanation, .container .row.content .spending-points .fd-points-content .fd-points-explanation { float: right; height: 20px; line-height: 20px; padding-top: 20px; } .container .row.content .spending-points .fd-points-content-right .fd-points-explanation { height: 85px; font-size: 14px; font-weight: 400; line-height: 85px; } .container .row.content .spending-points table.fd-points-table { table-layout: fixed; width: 300px; border: 0; vertical-align: middle; } .container .row.content .spending-points table.fd-points-table tr.even:hover, .container .row.content .spending-points table.fd-points-table tr.odd:hover { cursor: pointer; } .container .row.content .spending-points table.fd-points-table tr.point-description:hover td, .container .row.content .spending-points table.fd-points-table tr.point-description:hover th { background: #ffffff; color: #333; } .container .row.content .spending-points table.fd-points-table tr.even:hover td, .container .row.content .spending-points table.fd-points-table tr.odd:hover td, .container .row.content .spending-points table.fd-points-table tr.even:hover th, .container .row.content .spending-points table.fd-points-table tr.odd:hover th { background: #ee6bb9; background: -moz-linear-gradient(top, #ee6bb9 0%, #ec008c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee6bb9), color-stop(100%, #ec008c)); background: -webkit-linear-gradient(top, #ee6bb9 0%, #ec008c 100%); background: -o-linear-gradient(top, #ee6bb9 0%, #ec008c 100%); background: -ms-linear-gradient(top, #ee6bb9 0%, #ec008c 100%); background: linear-gradient(to bottom, #ee6bb9 0%, #ec008c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee6bb9', endColorstr='#ec008c',GradientType=0 ); color: white; } .container .row.content .spending-points table.fd-points-table th { width: 220px; font-weight: 400; } .container .row.content .spending-points table.fd-points-table th, .container .row.content .spending-points table.fd-points-table td { text-align: left; font-size: 14px; padding: 12px 10px; } .container .row.content .spending-points table.fd-points-table td { text-align: right; font-weight: 700; padding-right: 20px; } .container .row.content .spending-points table.fd-points-table tr.odd td, .container .row.content .spending-points table.fd-points-table tr.odd th { background-color: #c4e6f5; } .container .row.content .spending-points table.fd-points-table tr.even td, .container .row.content .spending-points table.fd-points-table tr.even th { background-color: #9dd6ef; } .container .row.content .spending-points table.fd-points-table tr.fd-active td, .container .row.content .spending-points table.fd-points-table tr.fd-active th { background: #ee6bb9; background: -moz-linear-gradient(top, #ee6bb9 0%, #ec008c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee6bb9), color-stop(100%, #ec008c)); background: -webkit-linear-gradient(top, #ee6bb9 0%, #ec008c 100%); background: -o-linear-gradient(top, #ee6bb9 0%, #ec008c 100%); background: -ms-linear-gradient(top, #ee6bb9 0%, #ec008c 100%); background: linear-gradient(to bottom, #ee6bb9 0%, #ec008c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee6bb9', endColorstr='#ec008c',GradientType=0 ); color: white; } .container .row.content .spending-points .fd-points-hint { clear: both; float: left; } .container .row.content .spending-points .fd-points-hint p { font-size: 14px; font-weight: 400; line-height: 20px; width: 620px; margin: 30px 0 15px 20px; } .container .row.content .spending-points .fd-points-hint p.fd-italic { font-size: 14px; font-weight: 400; font-style: italic; line-height: 20px; width: 620px; margin: 0 0 30px 20px; } .container .row.content .arrow-link { margin-top: 5px; font-weight: bold; } .container .row.content .arrow-link .caret { margin-top: 7px; } .container .row.content .arrow-link.expand, .container .row.content .arrow-link.collapse-all { float: right; margin-right: 5px; } .container .row.content .arrow-link.top .caret { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .container .row.content .accordion-group.questions { border: none; } .container .row.content .accordion-group.questions .accordion-toggle { padding: 12px 0; font-weight: bold; } .container .row.content .accordion-group.questions .accordion-toggle:hover { text-decoration: none; color: #333333; } .container .row.content .accordion-group.questions .accordion-toggle:hover h4 { text-decoration: none; color: #333; } .container .row.content .accordion-group.questions .accordion-toggle .caret { float: right; margin: 6px 5px 0 0; } .container .row.content .accordion-group.questions .accordion-toggle h4 { color: #2258a5; font-size: 14px; margin-bottom: 0; } .container .row.content .accordion-group.questions .accordion-body { border-bottom: 1px solid #cccccc; } .container .row.content .accordion-group.questions .accordion-body .accordion-inner { border: none; padding: 0 25px 15px 0; } .container .row.content .privacy-legal .accordion { border-top: 1px solid #cccccc; } .container .row.content .opcPointsBar { float: right; } .container .row.content .opcPointsBar .progress.opcPoints { margin-bottom: 5px; } .container .row.content .opcPointsBar .progress, .container .row.content .opcPointsBar .progress .bar { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .container .row.content .opcPointsBar .progress-opc .bar, .container .row.content .opcPointsBar .progress .bar-opc { background: #eb1090; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ec6cb9), color-stop(100%, #eb1090)), #eb1090; background: -webkit-linear-gradient(#ec6cb9, #eb1090), #eb1090; background: -moz-linear-gradient(#ec6cb9, #eb1090), #eb1090; background: -o-linear-gradient(#ec6cb9, #eb1090), #eb1090; background: linear-gradient(#ec6cb9, #eb1090), #eb1090; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEC6CB9', endColorstr='#FFEB1090'); } .container .row.content .opcPointsBar ul:not(.text) { float: left; margin: 0; padding: 0; } .container .row.content .opcPointsBar li { float: left; list-style: none; margin: 0; padding: 0; } .container .row.content .opcPointsBar li.line { height: 10px; border-right: 1px solid white; text-align: right; } .container .row.content .opcPointsBar li.text { text-align: center; } .container .row.content ul.side-nav { background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); background-image: -webkit-linear-gradient(left, #ffffff, #dddddd); background-image: -moz-linear-gradient(left, #ffffff, #dddddd); background-image: -o-linear-gradient(left, #ffffff, #dddddd); background-image: linear-gradient(left, #ffffff, #dddddd); background-size: 100% 1px; background-repeat: no-repeat; /*border-right:5px solid rgba(202,200,201, 0.4);*/ list-style: none; margin: 20px 0 100px 0; padding-top: 1px; } .container .row.content ul.side-nav li a { background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); background-image: -webkit-linear-gradient(left, #ffffff, #dddddd); background-image: -moz-linear-gradient(left, #ffffff, #dddddd); background-image: -o-linear-gradient(left, #ffffff, #dddddd); background-image: linear-gradient(left, #ffffff, #dddddd); background-size: 100% 1px; background-repeat: no-repeat; background-position: 0 100%; display: block; padding: 10px 20px; } .container .row.content ul.side-nav li a:hover, .container .row.content ul.side-nav li a:focus { background: #f3f3f3; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; color: #333; padding: 10px 20px 9px 20px; margin-top: -1px; } .container .row.content ul.side-nav li a.active { background: #c3def6; background-image: none; background-size: 0; border-right: 5px solid #3a95d8; border-top: 1px solid #9fbad2; border-bottom: 1px solid #9fbad2; color: #333; text-decoration: none; padding: 10px 20px 9px 20px; margin-top: -1px; } .container .row.content ul.side-nav li h2 { padding: 2px 0; margin: 0; font-size: 14px; color: #2258a5; } .container .row.content ul.side-nav li a.active h2, .container .row.content ul.side-nav li a:hover h2 { color: #333; } .container .row.content ul.side-nav li i { float: left; margin-right: 15px; } .container .row.content .privacy-legal ul.side-nav li:not(:first-child) a { padding-left: 30px; } .container .row.content .filmlist.inner .film-box-single { left: 10px; height: auto; float: left; margin-bottom: 20px; } .container .row.content .filmlist.inner .film-box-single h4 span { color: #2258a5; } .container .row.content .filmlist.inner .film-box-single span { color: white; } .container .row.content .filmlist.inner .film-box-single:hover, .container .row.content .filmlist.inner .film-box-single:focus { background: none; } .container .row.content ul.side-nav + .divider-shadow { top: -20px; right: -15px; } .container .row.content .comp { position: relative; } .container .row.content .comp h3 { font-weight: bold; margin-bottom: 20px; } .container .row.content .comp img { display: block; margin: 0 20px 20px 0; } .container .row.content .comp .btn { margin-top: 10px; } .container .row.content .comp .btn + a { float: right; margin-top: 20px; } .container .row.content .comp.hrComponent { float: left; width: 100%; } .container .row.content .comp.hrComponent hr { border-color: rgba(0, 0, 0, 0.1); float: left; width: 100%; } .container .row.content .comp.hrComponent.hrComponent.purple hr { border-color: rgba(85, 63, 115, 0.8) !important; float: left; width: 100%; margin: 15px 0; } .container .row.content .comp.centered-img img { margin: 0 auto; } .container .row.content [class*="film-icon-expiry"] { position: relative; top: 4px; margin-right: 10px; margin-top: -10px; } .container .row.content .film-icon-distance { margin-right: 5px; } .container .row.content .film-icon-img-ribbon { position: absolute; top: 10px; left: -5px; font-style: normal; font-size: 11px; color: white; text-transform: uppercase; padding-left: 15px; line-height: 30px; } .container .row.moar.content { margin-left: 0; position: relative; /*.span6.tabs { > .span6 { @include stretch-y; top:70px; } } */ } .container .row.moar.content .span6:first-child { margin-left: 0; } .container .row.moar.content.film-info-bg { background-image: url('../../static/img/columnbg.png?t=1521467966'); background-repeat: repeat-y; background-position: 0 20px; } .container .row.moar.content.film-info-bg .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); } .container .row.moar.content.border-end .span6 { width: 480px; } .container .row.moar.content.border-end .span6 .border-blue { width: 480px; padding-bottom: 0 !important; margin-right: 20px; } .row.content.whats-on { margin-top: 45px; border-top: 5px solid #30bce4; } .row.content.whats-on .container { position: relative; top: -72px; color: #fff; margin-bottom: -66px; float: none !important; } .row.content.whats-on .container .tab-pane { padding-left: 15px; padding-right: 10px; margin-left: -5px; } .row.content.whats-on .container .selectpicker.select-icon-select { margin-right: 20px; } .row.content.whats-on hr { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; border-color: #2258a5; margin: 8px 0; float: left; width: 100%; } .row.content.filmlist, .row.content.other-coming-soon { border-bottom: 5px solid #2155a8; margin-top: 0; padding-bottom: 50px; } .row.content.filmlist .container, .row.content.other-coming-soon .container { top: 0; } .row.content.educational-films { /*margin-bottom:0;*/ } .row.content.educational-films .container .tab-pane { padding: 20px; margin: 0; } .row.content.educational-films .film-box.narrow .left-part { width: 70px; } .row.content.educational-films .film-box.narrow .right-part { width: 210px; } .row.content.educational-films .film-box.narrow h5 { color: white; width: 175px; float: left; margin-bottom: 0; } .row.content.educational-films .film-box.narrow [class*="cert-icon-"] { float: right; } .row.content.educational-films .description { font-size: 12px; } .row.content.educational-films a { color: white; } .row.content.educational-films hr { margin: 30px 0; } .row.content { margin-bottom: 25px; min-width: 980px; } .row.content.white, .row.content .white { background: white; } .row.content.black, .row.content .black { background: black; color: white; } .row.content.grey, .row.content .grey { background: #f3f3f3; } .row.content .divider-shadow { position: absolute; top: 0; bottom: 0; width: 15px; } .row.content .divider-shadow.grey { background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, rgba(243, 243, 243, 0)), color-stop(100%, #cccccc)); background: -webkit-linear-gradient(right, rgba(243, 243, 243, 0) 0%, #cccccc 100%); background: -moz-linear-gradient(right, rgba(243, 243, 243, 0) 0%, #cccccc 100%); background: -o-linear-gradient(right, rgba(243, 243, 243, 0) 0%, #cccccc 100%); background: linear-gradient(right, rgba(243, 243, 243, 0) 0%, #cccccc 100%); } .row.content .divider-shadow.grey .inner { background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, #f3f3f3), color-stop(25%, rgba(243, 243, 243, 0))), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, #f3f3f3), color-stop(25%, rgba(243, 243, 243, 0))); background: -webkit-linear-gradient(bottom, #f3f3f3 5%, rgba(243, 243, 243, 0) 25%), -webkit-linear-gradient(top, #f3f3f3 5%, rgba(243, 243, 243, 0) 25%); background: -moz-linear-gradient(bottom, #f3f3f3 5%, rgba(243, 243, 243, 0) 25%), -moz-linear-gradient(top, #f3f3f3 5%, rgba(243, 243, 243, 0) 25%); background: -o-linear-gradient(bottom, #f3f3f3 5%, rgba(243, 243, 243, 0) 25%), -o-linear-gradient(top, #f3f3f3 5%, rgba(243, 243, 243, 0) 25%); background: linear-gradient(bottom, #f3f3f3 5%, rgba(243, 243, 243, 0) 25%), linear-gradient(top, #f3f3f3 5%, rgba(243, 243, 243, 0) 25%); } .row.content .divider-shadow.light { background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #cccccc)); background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #cccccc 100%); background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #cccccc 100%); background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #cccccc 100%); background: linear-gradient(right, rgba(255, 255, 255, 0) 0%, #cccccc 100%); } .row.content .divider-shadow.light .inner { background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, #ffffff), color-stop(25%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, #ffffff), color-stop(25%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, #ffffff 5%, rgba(255, 255, 255, 0) 25%), -webkit-linear-gradient(top, #ffffff 5%, rgba(255, 255, 255, 0) 25%); background: -moz-linear-gradient(bottom, #ffffff 5%, rgba(255, 255, 255, 0) 25%), -moz-linear-gradient(top, #ffffff 5%, rgba(255, 255, 255, 0) 25%); background: -o-linear-gradient(bottom, #ffffff 5%, rgba(255, 255, 255, 0) 25%), -o-linear-gradient(top, #ffffff 5%, rgba(255, 255, 255, 0) 25%); background: linear-gradient(bottom, #ffffff 5%, rgba(255, 255, 255, 0) 25%), linear-gradient(top, #ffffff 5%, rgba(255, 255, 255, 0) 25%); } .row.content .divider-shadow .inner { position: absolute; top: 0; bottom: 0; width: 15px; } .row.content > div:not([class^="span"]), .row.content > div:not([class*=" span"]) { padding: 20px 20px 20px 40px; } .row.content .nav-tabs { border-bottom: none; margin-bottom: 0; /*> li:last-child a { border-right:none !important; } */ } .row.content .nav-tabs > li { margin-bottom: 0; width: 33.33%; height: 66px; } .row.content .nav-tabs > li a { 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; outline: none; border-right: 1px solid rgba(255, 255, 255, 0.25); margin: 10px 0 0 0; height: 40px; line-height: 40px; text-align: center; font-size: 18px; font-weight: normal; } .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 > .active > a { background: #1096d4; -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; /*border:1px solid #ddd;*/ } .row.content .nav-tabs > li > a:hover, .row.content .nav-tabs > li > a:focus { border: 1px solid rgba(255, 255, 255, 0); border-right: 1px solid rgba(255, 255, 255, 0.25); } .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'); height: 0px; } .row.content .nav-tabs.color li.culture.active .tab-dropdown .teaser { margin-top: -12px !important; } .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; border: 1px solid #DDDDDD; } .row.content .nav-tabs.large > .active:last-child a { border: 1px solid #DDDDDD !important; } .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.half > li { width: 50%; height: 150px; } .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: #00539e; -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; margin: 0; display: table-cell; vertical-align: middle; border: 1px solid #30bce4; border-top: none; } .row.content .nav-tabs.flat.invert > .active > a, .row.content .nav-tabs.invert > .active > a { background: #30bce4; 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 { background: #00539e; -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; font-weight: normal; margin: 0 10px 0 0; padding: 8px 20px; border: 1px solid #30bce4; border-bottom: none; } .row.content .nav-tabs.pure > li a:hover, .row.content .nav-tabs.pure > li a:focus { /*background:$btn-grad-top-blue;*/ } .row.content .nav-tabs.pure > .active > a { background: #30bce4 !important; } .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%, #00539e), color-stop(100%, #00539e)), #2d75bd; background: -webkit-linear-gradient(bottom, #17468a 1%, #00539e 8%, #00539e), #2d75bd; background: -moz-linear-gradient(bottom, #17468a 1%, #00539e 8%, #00539e), #2d75bd; background: -o-linear-gradient(bottom, #17468a 1%, #00539e 8%, #00539e), #2d75bd; background: linear-gradient(bottom, #17468a 1%, #00539e 8%, #00539e), #2d75bd; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF00539E', endColorstr='#FF00539E'); height: 50px; line-height: 22px; font-size: 18px; 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: #1096d4 !important; color: white; } .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 [class^="span"], .row.content .tab-pane [class*=" span"] { padding: 0; } .row.content .dayview, .row.content .weekview, .row.content .futureview { padding: 20px 0; } .row.content .dayview .tab-pane, .row.content .weekview .tab-pane, .row.content .futureview .tab-pane { padding: 0 !important; margin: 0; } .row.content .dayview .span9, .row.content .weekview .span9, .row.content .futureview .span9 { width: 760px; margin: 0; } .row.content .dayview .span9 > span, .row.content .dayview .span9 h4, .row.content .weekview .span9 > span, .row.content .weekview .span9 h4, .row.content .futureview .span9 > span, .row.content .futureview .span9 h4 { padding: 0 20px; } .row.content .dayview .span9 > span, .row.content .weekview .span9 > span, .row.content .futureview .span9 > span { margin-top: 25px; display: inline-block; } .row.content .dayview .span9 section + span, .row.content .weekview .span9 section + span, .row.content .futureview .span9 section + span { margin-top: 0; } .row.content .dayview .span9 .carousel, .row.content .weekview .span9 .carousel, .row.content .futureview .span9 .carousel { margin-bottom: 0; } .row.content .dayview .span9 label, .row.content .weekview .span9 label, .row.content .futureview .span9 label { font-size: 12px; } .row.content .dayview .span3, .row.content .weekview .span3, .row.content .futureview .span3 { width: 180px; margin: 0; padding: 20px; } .row.content .dayview .span3 .selectpicker, .row.content .weekview .span3 .selectpicker, .row.content .futureview .span3 .selectpicker { background-position: 143px -30px; margin-top: 10px; width: 178px; } .row.content .dayview .span3 .selectpicker select, .row.content .weekview .span3 .selectpicker select, .row.content .futureview .span3 .selectpicker select { width: 178px; } .row.content .dayview .span3 .btn, .row.content .weekview .span3 .btn, .row.content .futureview .span3 .btn { width: 100%; } .row.content .dayview .span9 form { margin-top: 20px !important; } .row.content .weekview .span9 form { margin-top: -95px !important; } .row.content .weekview .span3 { padding-top: 0; } .row.content .futureview .span9 form { margin-top: -55px !important; } .row.content .futureview .span3 { padding-top: 0; } .row.content .prices .end { border-left: 1px solid #fff; } .row.content .prices .row { position: relative; } .row.content .prices .notice { margin-top: 10px; margin-bottom: 10px; } .row.content .prices .attr.span2 { padding: 5px 0 10px 0; } .row.content .prices .attr:nth-child(2) { left: 160px; } .row.content .prices .attr:last-child { right: 0; } .row.content .prices .attr.span2:not(:first-child) { width: 132px; } .row.content .prices .attr.span2:nth-child(3) { left: 293px; width: 133px; } .row.content .prices .attr.span2:nth-child(4) { left: 427px; } .row.content .prices .attr.span2:nth-child(5) { left: 560px; } .row.content .prices .attr.span2:nth-child(6) { left: 693px; width: 133px; } .row.content .prices .attr.span3 { width: 199px; } .row.content .prices .attr:nth-child(3).span3 { left: 360px; } .row.content .prices .attr:nth-child(4).span3 { left: 560px; } .row.content .prices .attr.span4 { width: 266px; } .row.content .prices .attr:nth-child(3).span4 { left: 427px; width: 265px; } .row.content .prices .attr.span5 { width: 399px; } .row.content .prices .attr.span10 { width: 799px; } .row.content .prices .attr:not(.span2), .row.content .prices .attr.span2:not(:first-child) { padding: 5px 1px 10px 0; text-align: center; margin-left: 0px; position: absolute; top: 0; bottom: 0; font-weight: bold; font-size: 18px; } .row.content .prices .attr:not(.span2) span, .row.content .prices .attr.span2:not(:first-child) span { height: 20px; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .row.content .prices .attr span { color: white; } .row.content .prices .attr.grey { background: #e6e6e6; } .row.content .prices .attr.peak-times { background: #143365; } .row.content .prices .attr.peak-weekdays { background: #4fa245; } .row.content .prices .attr.off-peak-weekend { background: #59427a; } .row.content .prices .attr.peak-weekend { background: #28856c; } .row.content .prices .attr.super-saver { background: #4fbcc1; } .row.content .prices .attr.saver { background: #30bce4; } .row.content .prices .attr.special-screening { background: #28856c; } .row.content .prices .attr.early-bird { background: #f6d92a; } .row.content .prices .row:nth-child(odd):not(.title) .attr.peak-times { background: #143365; } .row.content .prices .row:nth-child(odd):not(.title) .attr.super-saver { background: #4fbcc1; } .row.content .prices .row:nth-child(odd):not(.title) .attr.saver { background: #30bce4; } .row.content .prices .row:nth-child(odd):not(.title) .attr.peak-weekdays { background: rgba(79, 162, 69, 0.6); } .row.content .prices .row:nth-child(odd):not(.title) .attr.off-peak-weekend { background: rgba(89, 66, 122, 0.4); } .row.content .prices .row:nth-child(odd):not(.title) .attr.peak-weekend { background: rgba(40, 133, 108, 0.6); } .row.content .prices .row:nth-child(odd):not(.title) .attr.special-screening { background: rgba(40, 133, 108, 0.5); } .row.content .prices .row:nth-child(odd):not(.title) .attr.early-bird { background: rgba(246, 217, 42, 0.4); } .row.content .prices .row { border-bottom: 1px solid white; } .row.content .prices .row:nth-child(even):not(.title) .attr.grey { background: rgba(230, 230, 230, 0); } .row.content .prices .row:nth-child(even):not(.title) .attr.peak-times { background: #143365; } .row.content .prices .row:nth-child(even):not(.title) .attr.super-saver { background: #4fbcc1; } .row.content .prices .row:nth-child(even):not(.title) .attr.saver { background: #30bce4; } .row.content .prices .row:nth-child(even):not(.title) .attr.peak-weekdays { background: rgba(79, 162, 69, 0.4); } .row.content .prices .row:nth-child(even):not(.title) .attr.off-peak-weekend { background: rgba(89, 66, 122, 0.6); } .row.content .prices .row:nth-child(even):not(.title) .attr.peak-weekend { background: rgba(40, 133, 108, 0.4); } .row.content .prices .row:nth-child(even):not(.title) .attr.special-screening { background: rgba(40, 133, 108, 0.4); } .row.content .prices .row:nth-child(even):not(.title) .attr.early-bird { background: rgba(246, 217, 42, 0.2); } .row.content .prices .row.title { color: white; } .row.content .prices .row.title .attr.early-bird { color: #333333; } .row.content .prices .row.title [class*="span"] { height: 80px; border-bottom: 1px dashed #333333; } .row.content .prices .row.title p { padding: 0 20px; } .row.content .prices .row.type-title [class*="span"] { height: 15px; } .row.content .prices .row.title:nth-child(2) .attr.grey { background: rgba(230, 230, 230, 0); } .row.content .prices .row.title:nth-child(2) [class*="span"] { height: 15px; } .row.content .prices .prices h4 { margin: 5px 0; padding-left: 10px; } .row.content .prices .prices p { margin: 0; padding-left: 10px; } .row.content .prices .prices a, .row.content .prices .prices .kids, .row.content .prices .prices .newbies, .row.content .prices .prices .seniors { padding-left: 50px; } .row.content .prices .prices .kids { background: url('../../static/img/screening-icon/kids.png?t=1521467966') no-repeat 0 3px; } .row.content .prices .prices .newbies { background: url('../../static/img/screening-icon/newbies.png?t=1521467966') no-repeat 0 3px; } .row.content .prices .prices .seniors { background: url('../../static/img/screening-icon/seniors.png?t=1521467966') no-repeat 0 3px; } .row.content .prices .content-container + .row, .row.content .prices .content-container + .row + .row, .row.content .prices .content-container + .row + .row + .row { display: table; border-spacing: 1px 0; border-top: 1px solid white; left: 16px; } .row.content .prices .content-container + .row [class*="span"], .row.content .prices .content-container + .row + .row [class*="span"], .row.content .prices .content-container + .row + .row + .row [class*="span"] { float: none; display: table-cell; padding: 10px 0 !important; } .row.content .prices .content-container + .row [class*="span"]:not(:first-child), .row.content .prices .content-container + .row + .row [class*="span"]:not(:first-child), .row.content .prices .content-container + .row + .row + .row [class*="span"]:not(:first-child) { margin-left: 1px; } .row.content .prices .content-container + .row .span2, .row.content .prices .content-container + .row + .row .span2, .row.content .prices .content-container + .row + .row + .row .span2 { background: rgba(19, 151, 213, 0.4); padding: 0; } .row.content .prices .content-container + .row .span4, .row.content .prices .content-container + .row + .row .span4, .row.content .prices .content-container + .row + .row + .row .span4 { background: rgba(19, 151, 213, 0.2); width: 329px; } .row.content .prices .content-container + .row .span4:last-child, .row.content .prices .content-container + .row + .row .span4:last-child, .row.content .prices .content-container + .row + .row + .row .span4:last-child { width: 328px; } .row.content .prices .content-container + .row p, .row.content .prices .content-container + .row + .row p, .row.content .prices .content-container + .row + .row + .row p { padding: 0 18px; } .row.content .prices .content-container { text-align: left !important; padding: 10px 0; margin-top: 10px; } .row.content .prices .content-container span { display: inline-block; font-size: 18px; font-weight: bold; line-height: 25px; vertical-align: top; padding: 5px 0; color: white; } .row.content .prices .content-container span:first-child { margin-left: 20px; } .row.content .prices .content-container span:nth-child(2) { margin-left: 75px; } .row.content .prices .content-container .btn { float: right; margin-right: 20px; } .row.content .prices .content-container .btn span { font-size: 14px; line-height: normal; vertical-align: baseline; margin-left: 0; } .row.content .prices .hrComponent.comp hr { border-color: rgba(0, 0, 0, 0.4); } .row.content .prices .span6 h5 { margin: 0 0 5px 0; } .row.content .prices .span6 p { padding: 0; margin-bottom: 20px; } .row.content .prices .span6 a { text-decoration: underline; font-size: 12px; } .row.content .gethere { min-height: 560px; } .row.content .gethere, .row.content .cinema-results { -webkit-box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.5); box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.5); margin: 20px 0 -40px 0; float: left; width: 100%; position: relative; } .row.content .gethere .span4, .row.content .cinema-results .span4 { padding: 20px 0 20px 20px; } .row.content .gethere .span4 h5, .row.content .cinema-results .span4 h5 { margin: 0 0 2px 60px; } .row.content .gethere .span4 h5 + .description, .row.content .cinema-results .span4 h5 + .description { padding: 0 0 35px 60px; } .row.content .gethere .span4 a, .row.content .cinema-results .span4 a { text-decoration: underline; } .row.content .gethere .span4 .teaser, .row.content .cinema-results .span4 .teaser { margin: 0 !important; } .row.content .gethere .span4 .teaser + .description, .row.content .cinema-results .span4 .teaser + .description { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .row.content .gethere .span4 p, .row.content .cinema-results .span4 p { margin-right: 20px; } .row.content .gethere .span4 .description + .functions, .row.content .gethere .span4 .functions + .functions, .row.content .cinema-results .span4 .description + .functions, .row.content .cinema-results .span4 .functions + .functions { padding-left: 60px; width: 75%; } .row.content .gethere .span4 .description + .functions [class*="feature-icon-"], .row.content .gethere .span4 .functions + .functions [class*="feature-icon-"], .row.content .cinema-results .span4 .description + .functions [class*="feature-icon-"], .row.content .cinema-results .span4 .functions + .functions [class*="feature-icon-"] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; margin: 0 20px 15px 0; } .row.content .gethere .span4 .comp.hrComponent, .row.content .cinema-results .span4 .comp.hrComponent { width: 325px; margin-right: -20px; left: -20px; } .row.content .gethere .span4 .comp.hrComponent hr, .row.content .cinema-results .span4 .comp.hrComponent hr { margin: 10px 0; } .row.content .gethere .span4 .location-marker, .row.content .cinema-results .span4 .location-marker { left: 20px; } .row.content .gethere .span8, .row.content .cinema-results .span8 { padding: 20px 20px 0 20px; border-left: 1px solid rgba(0, 0, 0, 0.1); } .row.content .gethere .span8 a.underline, .row.content .cinema-results .span8 a.underline { font-weight: bold; float: right; } .row.content .gethere .span8 .location-map, .row.content .cinema-results .span8 .location-map { width: 654px; height: 480px; -webkit-box-shadow: inset 10px 10px 5px -5px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 10px 10px 5px -5px rgba(0, 0, 0, 0.2); box-shadow: inset 10px 10px 5px -5px rgba(0, 0, 0, 0.2); position: absolute; right: 0; } .row.content .gethere .switch, .row.content .cinema-results .switch { background: #043a59; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; display: inline-block; padding: 0 3px; margin-bottom: 20px; } .row.content .gethere .switch a, .row.content .cinema-results .switch a { color: white; padding: 6px 18px; display: inline-block; } .row.content .gethere .switch a.active, .row.content .cinema-results .switch a.active { background: #1096d4; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 3px 18px; } .row.content .location-marker { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: none; display: block; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 45px; text-align: center; margin-top: 22px; padding: 0; } .row.content .location-marker .icon-location-marker-arrow { position: absolute; bottom: -18px; left: 15px; } .row.content .location-marker .popover-content { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; overflow: hidden; padding: 0; } .row.content .location-marker .feature-icon { background: #043a59; } .row.content .location-marker .icon { background: #189bd7; background: -webkit-gradient(linear, 100% 0%, 0% 100%, color-stop(0%, #43b3e7), color-stop(100%, #189bd7)), #189bd7; background: -webkit-linear-gradient(right top, #43b3e7, #189bd7), #189bd7; background: -moz-linear-gradient(right top, #43b3e7, #189bd7), #189bd7; background: -o-linear-gradient(right top, #43b3e7, #189bd7), #189bd7; background: linear-gradient(right top, #43b3e7, #189bd7), #189bd7; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF43B3E7', endColorstr='#FF189BD7'); } .row.content .location-marker [class*="icon-"] { vertical-align: middle; margin-top: -4px; } .row.content .location-marker p { font-weight: bold; color: white; margin: -6px 0 0 0 !important; } .row.content .popover.cinema-location { background: #2d75bd; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00539e), color-stop(100%, #00539e)), #2d75bd; background: -webkit-linear-gradient(#00539e, #00539e), #2d75bd; background: -moz-linear-gradient(#00539e, #00539e), #2d75bd; background: -o-linear-gradient(#00539e, #00539e), #2d75bd; background: linear-gradient(#00539e, #00539e), #2d75bd; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF00539E', endColorstr='#FF00539E'); border: none; width: 380px !important; padding: 0; color: white; } .row.content .popover.cinema-location .arrow { border: none; margin-left: 0; } .row.content .popover.cinema-location .arrow:after { border-top-color: #00539e; border-width: 20px; margin-left: -20px; bottom: -29px; } .row.content .popover.cinema-location .popover-content { padding: 15px; font-size: 13px; line-height: 16px; } .row.content .popover.cinema-location .popover-content div, .row.content .popover.cinema-location .popover-content span, .row.content .popover.cinema-location .popover-content label, .row.content .popover.cinema-location .popover-content a { font-family: "Ubuntu",Helvetica,Arial,sans-serif; font-size: 13px; } .row.content .popover.cinema-location .popover-content img { float: left; margin: 0 10px 0 0; } .row.content .popover.cinema-location .popover-content h5 { margin: 0 0 4px 0; } .row.content .popover.cinema-location .popover-content a:not(.btn) { color: white; line-height: 30px; text-decoration: underline; } .row.content .popover.cinema-location .popover-content .btn { margin-right: 10px; padding: 0 12px; display: inline-block; } .row.content .popover.cinema-location .popover-content .functions { margin-top: 15px; } .row.content .popover.cinema-location .popover-content .functions .info-line { margin: 0 15px 15px 0; float: left; } .row.content .popover.cinema-location .popover-content .functions i { margin-right: 5px; } .row.content .popover.cinema-location .close { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; position: absolute; top: 10px; right: 10px; } .row.content .popover.cinema-location .close img { margin: 0; } .row.content .tab-content h1 { color: #2258a5 !important; margin: 20px 20px 0 20px; } .row.content .tab-content .no-padding > h4, .row.content .tab-content .no-padding > h5 { padding-right: 20px; padding-left: 20px; } .row.content .content-container { width: 100%; float: left; min-height: 3px; } .row.content .content-container.grey, .row.content .content-container .grey { background: #f3f3f3; } .row.content .content-container.grey h5, .row.content .content-container .grey h5 { float: left; width: auto; padding: 10px 20px; } .row.content .content-container.grey a, .row.content .content-container .grey a { float: right; text-decoration: none; color: #333333; font-weight: bold; margin: 10px 20px; } .row.content .content-container.grey a i, .row.content .content-container .grey a i { padding-right: 10px; } .row.content .content-container.grad-hor, .row.content .content-container .grad-hor { background: #00539e; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .row.content .content-container.grad-hor .presentation-info, .row.content .content-container .grad-hor .presentation-info { float: left; width: 85%; } .row.content .content-container.grad-hor .presentation-info h4, .row.content .content-container .grad-hor .presentation-info h4 { max-width: 285px; height: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .row.content .content-container.grad-hor .presentation-info .star-rating, .row.content .content-container.grad-hor .presentation-info .buzz-rating, .row.content .content-container .grad-hor .presentation-info .star-rating, .row.content .content-container .grad-hor .presentation-info .buzz-rating { margin-left: 20px; } .row.content .content-container.grad-hor .presentation-info .star-rating, .row.content .content-container .grad-hor .presentation-info .star-rating { margin-top: 0; } .row.content .content-container.grad-hor h4, .row.content .content-container .grad-hor h4 { float: left; } .row.content .content-container.grad-hor img, .row.content .content-container .grad-hor img { float: left; display: block; width: 70px; height: 108px; } .row.content .content-container.grad-hor [class*="cert-icon-"], .row.content .content-container .grad-hor [class*="cert-icon-"] { margin-top: 1px; } .row.content .content-container.grad-hor span, .row.content .content-container .grad-hor span { margin-left: 20px; vertical-align: super; } .row.content .content-container.grad-hor p, .row.content .content-container .grad-hor p { margin: 5px 0 8px 20px; float: left; max-width: 470px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .row.content .content-container.grad-hor .description, .row.content .content-container .grad-hor .description { font-size: 12px; line-height: 20px; } .row.content .content-container.film.grad-hor, .row.content .content-container.film .grad-hor { width: 560px; height: 110px; float: left; padding: 20px; } .row.content .content-container.film .info-corner { background: #00539e; width: 120px; min-height: 130px; padding: 20px 20px 0 20px; float: left; } .row.content .content-container.film .info-corner .img-bundle { min-height: 55px; max-height: 70px; overflow: hidden; } .row.content .content-container.film .info-corner [class*="feature-icon-"] { margin-right: 8px; } .row.content .content-container.film .presentation-info h4 { font-weight: bold; } .row.content .content-container.times, .row.content .content-container .times { border-bottom: 1px solid #9bdffd; background: #d7f1fc; } .row.content .content-container.times .presentation-info, .row.content .content-container .times .presentation-info { color: #2258a5; float: left; text-align: right; width: 95px; padding: 20px 10px; } .row.content .content-container.times .presentation-info [class*="info-icon-form-info"], .row.content .content-container .times .presentation-info [class*="info-icon-form-info"] { position: relative; top: 0; } .row.content .content-container.times .presentation-info .popover .popover-content, .row.content .content-container .times .presentation-info .popover .popover-content { color: #333333; } .row.content .content-container.times .presentation-info.week, .row.content .content-container.times .presentation-info.future, .row.content .content-container .times .presentation-info.week, .row.content .content-container .times .presentation-info.future { color: #333333; padding: 10px; width: 90px; } .row.content .content-container.times ul, .row.content .content-container .times ul { border-left: 1px solid #9bdffd; margin: 0; padding: 18px 10px 10px 10px !important; float: left; max-width: 80%; } .row.content .content-container.times li, .row.content .content-container .times li { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; height: 26px !important; font-weight: bold; line-height: 26px; padding: 0; margin: 0 3px 3px 0 !important; position: relative; min-width: 56px; -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; } .row.content .content-container.times li i, .row.content .content-container .times li i { background-color: #fff; font-style: normal; padding: 0 8px; height: 24px; display: inline-block; position: relative; top: 1px; float: left; margin-right: 1px; } .row.content .content-container.times li i:last-child, .row.content .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; } .row.content .content-container.times li i.small, .row.content .content-container .times li i.small { font-size: 10px; } .row.content .content-container.times li i.moar, .row.content .content-container .times li i.moar { line-height: 11px; } .row.content .content-container.times li a, .row.content .content-container .times li a { float: left; padding: 0 10px; text-decoration: none; } .row.content .content-container.times li.performance-lightgreen, .row.content .content-container .times li.performance-lightgreen { -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: #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'); } .row.content .content-container.times li.performance-lightgreen:hover, .row.content .content-container.times li.performance-lightgreen:focus, .row.content .content-container .times li.performance-lightgreen:hover, .row.content .content-container .times li.performance-lightgreen:focus { background: #4fa245; } .row.content .content-container.times li.performance-lightgreen a, .row.content .content-container .times li.performance-lightgreen a { color: white; } .row.content .content-container.times li.performance-lightgreen i, .row.content .content-container .times li.performance-lightgreen i { color: #3f8e36; } .row.content .content-container.times li.performance-darkgreen, .row.content .content-container .times li.performance-darkgreen { -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: #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'); } .row.content .content-container.times li.performance-darkgreen:hover, .row.content .content-container.times li.performance-darkgreen:focus, .row.content .content-container .times li.performance-darkgreen:hover, .row.content .content-container .times li.performance-darkgreen:focus { background: #28856c; } .row.content .content-container.times li.performance-darkgreen a, .row.content .content-container .times li.performance-darkgreen a { color: white; } .row.content .content-container.times li.performance-darkgreen i, .row.content .content-container .times li.performance-darkgreen i { color: #268066; } .row.content .content-container.times li.performance-lightblue, .row.content .content-container .times li.performance-lightblue { -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: #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'); } .row.content .content-container.times li.performance-lightblue:hover, .row.content .content-container.times li.performance-lightblue:focus, .row.content .content-container .times li.performance-lightblue:hover, .row.content .content-container .times li.performance-lightblue:focus { background: #6ec7fa; } .row.content .content-container.times li.performance-lightblue a, .row.content .content-container .times li.performance-lightblue a { color: #333333; } .row.content .content-container.times li.performance-lightblue i, .row.content .content-container .times li.performance-lightblue i { color: #333333; } .row.content .content-container.times li.performance-blue, .row.content .content-container .times li.performance-blue { -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: #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='#FF00539E', endColorstr='#66143365'); } .row.content .content-container.times li.performance-blue:hover, .row.content .content-container.times li.performance-blue:focus, .row.content .content-container .times li.performance-blue:hover, .row.content .content-container .times li.performance-blue:focus { background: #00539e; } .row.content .content-container.times li.performance-blue a, .row.content .content-container .times li.performance-blue a { color: white; } .row.content .content-container.times li.performance-blue i, .row.content .content-container .times li.performance-blue i { color: #2258a5; } .row.content .content-container.times li.performance-yellow, .row.content .content-container .times li.performance-yellow { -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: #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'); } .row.content .content-container.times li.performance-yellow:hover, .row.content .content-container.times li.performance-yellow:focus, .row.content .content-container .times li.performance-yellow:hover, .row.content .content-container .times li.performance-yellow:focus { background: #f6d92a; } .row.content .content-container.times li.performance-yellow a, .row.content .content-container .times li.performance-yellow a { color: #333333; } .row.content .content-container.times li.performance-yellow i, .row.content .content-container .times li.performance-yellow i { color: #333333; } .row.content .content-container.times li.performance-purple, .row.content .content-container .times li.performance-purple { -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: #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'); } .row.content .content-container.times li.performance-purple:hover, .row.content .content-container.times li.performance-purple:focus, .row.content .content-container .times li.performance-purple:hover, .row.content .content-container .times li.performance-purple:focus { background: #59427a; } .row.content .content-container.times li.performance-purple a, .row.content .content-container .times li.performance-purple a { color: white; } .row.content .content-container.times li.performance-purple i, .row.content .content-container .times li.performance-purple i { color: #4d3969; } .row.content .content-container.times li.performance-disabled, .row.content .content-container .times li.performance-disabled { background: #ccc !important; } .row.content .content-container.times li.performance-disabled i, .row.content .content-container.times li.performance-disabled a, .row.content .content-container .times li.performance-disabled i, .row.content .content-container .times li.performance-disabled a { color: #9fa1a1; } .row.content .content-container.times:nth-child(odd), .row.content .content-container .times:nth-child(odd) { background: #ebf9ff; } .row.content .content-container.times.stopper { background: #9bdffd; } .row.content .content-container.times-all:not(.times) { margin-bottom: 40px; } .row.content .content-container.times li .subtitled { background: white url("../static/img/industry-icons/st-small.png") no-repeat top left; display: inline-block; width: 24px; height: 24px; background-size: 19px 22px; background-position: 50%; vertical-align: middle; } .row.content .content-container.times li .audio { background: white url("../static/img/industry-icons/ad-small.png") no-repeat top left; display: inline-block; width: 24px; height: 24px; background-size: 19px 22px; background-position: 50%; vertical-align: middle; } .row.content .content-container.times li .afs { background: white url("../static/img/industry-icons/afs_icon-small.png") no-repeat top left; display: inline-block; width: 34px; height: 24px; background-size: 30px 22px; background-position: 50%; vertical-align: middle; } .row.content .content-container.gallery-key ul, .row.content .content-container .gallery-key ul { 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; margin: 0; color: #fff; font-size: 13px; } .row.content .content-container.gallery-key li, .row.content .content-container .gallery-key li { vertical-align: middle; } .row.content .content-container.gallery-key li:last-child, .row.content .content-container .gallery-key li:last-child { width: 445px; } .row.content .content-container.gallery-key img, .row.content .content-container .gallery-key img { margin-left: 10px; } .row.content .content-container.tech, .row.content .content-container .tech { background: #00539e; text-align: center; border-top: 3px solid #EBF9FF; } .row.content .content-container.tech a, .row.content .content-container .tech a { color: white; display: inline-block; } .row.content .content-container.tech a + a, .row.content .content-container .tech a + a { position: relative; left: -8px; top: -1px; } .row.content .content-container.purple, .row.content .content-container .purple { background: #6a468a; text-align: center; } .row.content .content-container.purple h6, .row.content .content-container .purple h6 { margin: 0; color: white; } .row.content .content-container.red, .row.content .content-container .red { background: #cf1600; text-align: center; } .row.content .content-container.red h6, .row.content .content-container .red h6 { margin: 0; color: white; } .row.content .content-container.blue:not(.btn), .row.content .content-container .blue:not(.btn) { background: #265f8e; text-align: center; } .row.content .content-container.blue:not(.btn) h6, .row.content .content-container .blue:not(.btn) h6 { margin: 0; color: white; } .row.content .content-container.violet, .row.content .content-container .violet { background: #a61175; text-align: center; } .row.content .content-container.violet h6, .row.content .content-container .violet h6 { margin: 0; color: white; } .row.content .content-container.brown, .row.content .content-container .brown { background: #b9570e; text-align: center; } .row.content .content-container.brown h6, .row.content .content-container .brown h6 { margin: 0; color: white; } .row.content .content-container.lightblue, .row.content .content-container .lightblue { background: #1096d5; text-align: center; } .row.content .content-container.lightblue h6, .row.content .content-container .lightblue h6 { margin: 0; color: white; } .row.content .content-container.pink, .row.content .content-container .pink { background: #ec008c; text-align: center; } .row.content .content-container.pink h6, .row.content .content-container .pink h6 { margin: 0; color: white; } .row.content .content-container.green, .row.content .content-container .green { background: #48a145; text-align: center; } .row.content .content-container.green h6, .row.content .content-container .green h6 { margin: 0; color: white; } .row.content .content-container.orange:not(.btn), .row.content .content-container .orange:not(.btn) { background: #f58c39; text-align: center; } .row.content .content-container.orange:not(.btn) h6, .row.content .content-container .orange:not(.btn) h6 { margin: 0; color: white; } .row.content .content-container.normal-blue:not(.btn), .row.content .content-container .normal-blue:not(.btn) { background: #2257a5; } .row.content .content-container.text, .row.content .content-container .text { margin-bottom: 15px; } .row.content .content-container.text h4, .row.content .content-container .text h4 { font-size: 15px; color: #333333; margin: 0; } .row.content .content-container.text h4:first-child, .row.content .content-container .text h4:first-child { color: #2258a5; margin-bottom: 5px; } .row.content .content-container.text span, .row.content .content-container .text span { font-size: 12px; padding: 0 20px; display: inline-block; } .row.content.tabs { text-align: center; border-top: 10px solid #3388cb; } .opc-teaser { margin-bottom: 60px !important; } .opc-teaser .row { position: relative; } .opc-teaser .row .span9 img { margin: 10px 0 0 0; } .opc-teaser .row .span9 .btn { position: absolute; top: 215px; left: 34px; font-size: 14px !important; } .opc-teaser .row .span9 .btn i { position: relative; top: 2px; margin-right: 4px; } .opc-teaser .row .span3 { padding: 20px 20px 0 20px; background: rgba(0, 0, 0, 0.2); } .opc-teaser .row .span3 form { margin: 0px; } .opc-teaser .row .span3 h4 { margin: 0 0 10px 0; } .opc-teaser .row .span3 h4:first-child { margin-bottom: 0; } .opc-teaser .row .span3 input:first-of-type { margin-top: 10px; } .opc-teaser .row .span3 button:first-of-type { margin: 10px 0 20px 0; } .opc-teaser .row .span3 button:last-of-type { margin: 0 0 20px 0; } .opc-teaser .row .span3 a { float: right; } .opc-teaser .row .span3 a.underline { margin-bottom: 5px; } .row.content.all-over { margin-bottom: 0; } .row.content.all-over.grad-hor-pink { background: #de009d; background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #b70077), color-stop(100%, #e0009c)), #de009d; background: -webkit-linear-gradient(left, #b70077, #e0009c), #de009d; background: -moz-linear-gradient(left, #b70077, #e0009c), #de009d; background: -o-linear-gradient(left, #b70077, #e0009c), #de009d; background: linear-gradient(left, #b70077, #e0009c), #de009d; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFB70077', endColorstr='#FFE0009C'); color: white; } .row.content.all-over.grad-hor-pink a { color: white; } .row.content.all-over.grad-hor-pink.subheading { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .row.content.all-over .tab-pane { padding: 0 !important; } .row.content.all-over.quick-links { margin-bottom: 20px; background: white; color: #143365; } .row.content.all-over.quick-links .container { padding: 15px 20px; } .row.content.all-over.quick-links form { margin: 0; } .row.content.all-over.quick-links .span2 h3 { margin: 8px 0 0 60px; line-height: 28px; text-align: center; font-weight: normal; font-size: 31.5px; } .row.content.all-over.quick-links .span3 a { font-size: 12px; } .row.content.all-over.quick-links .span1 .btn { margin-top: 30px; } .row.content.all-over.quick-links #quick-links-reset { margin-left: 10px; font-size: 12px; } .row.content.all-over.notification { background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(50%, #1096d4), color-stop(50%, #ffffff)); background-image: -webkit-linear-gradient(left, #1096d4 50%, #ffffff 50%); background-image: -moz-linear-gradient(left, #1096d4 50%, #ffffff 50%); background-image: -o-linear-gradient(left, #1096d4 50%, #ffffff 50%); background-image: linear-gradient(left, #1096d4 50%, #ffffff 50%); margin-top: 10px; margin-bottom: 30px; font-size: 13px; } .row.content.all-over.notification .span6 { padding: 5px 0 0 10px; max-width: 450px; } .row.content.all-over.notification .span6:first-child { background: url('../../static/img/icon/info-large-white.png?t=1521467966') no-repeat 0 0; color: white; width: 390px; min-height: 45px; padding-left: 70px; } .row.content.all-over.notification .span6:first-child h3 { font-size: 16px; line-height: 18px; margin: 0 0 2px 0; } .row.content.all-over.notification.single { background-image: none; margin-top: 10px; margin-bottom: 30px; font-size: 13px; min-height: 45px; } .row.content.all-over.notification.single.blue { background: #1096d4; color: white; margin-bottom: 0; } .row.content.all-over.notification.single.purple { background: #65498d; color: white; margin-bottom: 0; } .row.content.all-over.notification.single.white { background: white; margin-top: 0; } .row.content.all-over.notification.single.white .allmessages-carousel div { max-width: 940px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; margin-left: 0 !important; } .row.content.all-over.notification.single:not(.white) .span12 { background: url('../../static/img/icon/info-large-white.png?t=1521467966') no-repeat 0 0; min-height: 45px; } .row.content.all-over.notification.single .span12 { padding: 5px 0 0 70px; width: 870px; } .row.content.all-over.notification.single h3 { font-size: 16px; line-height: 18px; margin: 10px 0 2px 0; } .row.content.all-over.top-films { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(6, 79, 123, 0.8)), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(rgba(6, 79, 123, 0.8) 0%, #000000 100%); background-image: -moz-linear-gradient(rgba(6, 79, 123, 0.8) 0%, #000000 100%); background-image: -o-linear-gradient(rgba(6, 79, 123, 0.8) 0%, #000000 100%); background-image: linear-gradient(rgba(6, 79, 123, 0.8) 0%, #000000 100%); margin-left: 0; } .row.content.all-over.top-films .container { padding: 0 20px; } .row.content.all-over.top-films .span3 { border-right: 1px solid rgba(255, 255, 255, 0.2); padding: 20px 0; margin-left: 10px; width: 230px; height: 110px; } .row.content.all-over.top-films .span3 .star-rating { margin-right: 55px; } .row.content.all-over.top-films .span3 img { width: 70px; height: 105px; display: block; outline: none; border: none; float: left; margin-right: 12px; } .row.content.all-over.top-films .span3 [class*="cert-icon-"] { margin: 4px 8px 0 0; } .row.content.all-over.top-films .span3 h3 { font-size: 13px; margin: 0; line-height: 16px; margin-bottom: 4px; height: 50px; overflow: hidden; } .row.content.all-over.top-films .span3 h3 a { color: white; } .row.content.all-over.top-films .span3 span { float: left; color: white; margin-left: 16px; font-size: 13px; } .row.content.all-over.top-films .span3:first-child [class*="feature-icon-"] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; margin: 0 0 5px 10px; } .row.content.all-over.bg-primary-navi { background: #143365; } .row.content.all-over.quick-book-dropdown { -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); color: #333333; } .row.content.all-over.quick-book-dropdown .container { padding: 0; } .row.content.all-over.quick-book-dropdown .container .span4 { padding-top: 20px; } .row.content.all-over.quick-book-dropdown .container .span4 img { width: 140px; height: 205px; } .row.content.all-over.quick-book-dropdown .container .span4 a { text-decoration: none; } .row.content.all-over.quick-book-dropdown .container .span4 .star-rating, .row.content.all-over.quick-book-dropdown .container .span4 .buzz-rating { float: none; margin-bottom: 15px !important; } .row.content.all-over.quick-book-dropdown .content-container.grey { background: #e6e6e6; -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); border-width: 0 1px 1px 1px; border-color: #cccccc; border-style: solid; } .row.content.all-over.quick-book-dropdown .content-container.grey h5 { padding-left: 20px; } .row.content.all-over.quick-book-dropdown .content-container.times-all { border-width: 0 1px; border-color: #9BDFFD; border-style: solid; margin-bottom: 0; } .row.content.all-over.quick-book-dropdown .content-container.times-all .content-container.times ul { max-width: 75%; } .row.content.all-over.quick-book-dropdown .content-container.times-all .content-container.gallery-key li:last-child { width: 300px; font-size: 12px; line-height: 14px; } .container .row.content.notification.cycle-carousel .head, .container .row.content.notification.cycle-carousel .pager, .container .row.content.notification.cycle-carousel .slider, .row.content.notification.cycle-carousel .head, .row.content.notification.cycle-carousel .pager, .row.content.notification.cycle-carousel .slider { display: table-cell; vertical-align: middle; } .container .row.content.notification.cycle-carousel .span12.container-shadow, .row.content.notification.cycle-carousel .span12.container-shadow { padding-bottom: 0 !important; } .container .row.content.notification.cycle-carousel .span12, .row.content.notification.cycle-carousel .span12 { padding-bottom: 20px !important; position: relative; } .container .row.content.notification.cycle-carousel .span12 .head, .row.content.notification.cycle-carousel .span12 .head { width: 100px; text-align: center; } .container .row.content.notification.cycle-carousel .span12 .head h3, .row.content.notification.cycle-carousel .span12 .head h3 { font-size: 18px; font-weight: bold; line-height: 14px; margin-bottom: 8px; } .container .row.content.notification.cycle-carousel .span12 .pager, .row.content.notification.cycle-carousel .span12 .pager { font-size: 35px; width: 80px; text-align: left; } .container .row.content.notification.cycle-carousel .span12 .pager span, .row.content.notification.cycle-carousel .span12 .pager span { display: block; color: #bbb; cursor: pointer; width: 12px; margin-left: 20px; } .container .row.content.notification.cycle-carousel .span12 .pager span.active, .row.content.notification.cycle-carousel .span12 .pager span.active { color: #3896d6; } .container .row.content.notification.cycle-carousel .span12 .slider, .row.content.notification.cycle-carousel .span12 .slider { width: 700px; } .container .row.content.notification.cycle-carousel .span12 .slider article, .row.content.notification.cycle-carousel .span12 .slider article { display: none; width: 700px; margin-top: -10px; font-size: 14px; line-height: 18px; vertical-align: middle; } .container .row.content.notification.cycle-carousel .span12 .slider article.active, .row.content.notification.cycle-carousel .span12 .slider article.active { display: table-cell; } .container .row.content .film-box-single, .row.content .film-box-single { position: relative; width: 140px; height: auto; float: left; padding: 0 10px; 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; } .container .row.content .film-box-single h4, .row.content .film-box-single h4 { font-size: 15px; color: white; padding: 0; width: 140px; height: 57px; line-height: 19px; display: block; overflow: hidden; position: relative; } .container .row.content .film-box-single h4 span, .row.content .film-box-single h4 span { position: absolute; left: 0 !important; bottom: 0; display: block; max-height: 100%; width: 100%; } .container .row.content .film-box-single h4 span a, .row.content .film-box-single h4 span a { text-decoration: none; color: white; } .container .row.content .film-box-single h4 span a:hover, .row.content .film-box-single h4 span a:hover { text-decoration: underline; } .container .row.content .film-box-single h4 + img, .row.content .film-box-single h4 + img { width: 140px; height: 205px; display: block; margin: 0 0 30px 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .container .row.content .film-box-single [class*="feature-icon-"], .row.content .film-box-single [class*="feature-icon-"] { margin-right: 8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; height: 23px; } .container .row.content .film-box-single .functions, .row.content .film-box-single .functions { background: rgba(0, 0, 0, 0.5); width: 116px; height: 175px; position: absolute; top: 87px; left: 10px; padding: 30px 12px 0 12px; text-align: left; display: none; } .container .row.content .film-box-single .functions .btn.orange, .row.content .film-box-single .functions .btn.orange { width: 116px; padding: 0; font-size: 12px; } .container .row.content .film-box-single .functions .btn-group, .row.content .film-box-single .functions .btn-group { margin: 0; } .container .row.content .film-box-single .film-icon-watch, .row.content .film-box-single .film-icon-watch { position: absolute; left: 25px; top: 240px; } .container .row.content .film-box-single .note, .row.content .film-box-single .note { width: 140px; height: 20px; line-height: 20px; font-size: 11px; position: absolute; top: 292px; left: 10px; color: white; } .container .row.content .film-box-single .note.new, .row.content .film-box-single .note.new { background: #48a145; } .container .row.content .film-box-single .note.last, .row.content .film-box-single .note.last { background: #6a468a; } .container .row.content .film-box-single .note.booking, .row.content .film-box-single .note.booking { background: #ec008c; } .container .row.content .film-box-single .note.soon, .row.content .film-box-single .note.soon { background: white; color: #333333; } .container .row.content .film-box-single .note.now, .row.content .film-box-single .note.now { background: #333333; } .container .row.content .film-box-single .note.win, .row.content .film-box-single .note.win { background: #1096d5; top: 87px; text-transform: uppercase; } .container .row.content .film-box-single .buzz-rating, .container .row.content .film-box-single .star-rating, .row.content .film-box-single .buzz-rating, .row.content .film-box-single .star-rating { display: inline-block; float: none; margin: 0 !important; } .container .row.content .film-box-single .buzz-rating, .row.content .film-box-single .buzz-rating { top: -3px; } .container .row.content .film-box-single .star-rating, .row.content .film-box-single .star-rating { top: -1px; } .container .row.content .film-box-single .rating-box [class*="cert-icon-"], .row.content .film-box-single .rating-box [class*="cert-icon-"] { margin-left: 3px; } .container .row.content .film-box-single.no-title, .row.content .film-box-single.no-title { height: auto; } .container .row.content .film-box-single.no-title .note, .row.content .film-box-single.no-title .note { top: 205px; } .container .row.content .film-box-single.no-title:hover, .container .row.content .film-box-single.no-title:focus, .row.content .film-box-single.no-title:hover, .row.content .film-box-single.no-title:focus { background: none; } .container .row.content .film-box.wide, .row.content .film-box.wide { margin-bottom: 20px; } .container .row.content .film-box.wide h4, .row.content .film-box.wide h4 { margin: 0 0 15px 0; } .container .row.content .film-box.wide p, .row.content .film-box.wide p { margin: 5px 0 15px 0; } .container .row.content .film-box.wide img, .row.content .film-box.wide img { float: left; margin-right: 20px; } .container .row.content .film-box.wide [class*="feature-icon-"], .row.content .film-box.wide [class*="feature-icon-"] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; float: right; margin-left: 20px; } .container .row.content .film-box.wide .star-rating, .container .row.content .film-box.wide .buzz-rating, .row.content .film-box.wide .star-rating, .row.content .film-box.wide .buzz-rating { margin-right: 10px; } .container .row.content .film-box.wide .star-rating, .row.content .film-box.wide .star-rating { margin-top: 0; } .container .row.content .film-box.wide .btn.orange, .container .row.content .film-box.wide .btn-group, .row.content .film-box.wide .btn.orange, .row.content .film-box.wide .btn-group { width: 116px; margin-right: 5px; } .container .row.content .film-box.wide .btn.orange, .row.content .film-box.wide .btn.orange { display: block; } .container .row.content .film-box.wide .dropdown-menu, .row.content .film-box.wide .dropdown-menu { position: absolute; } .container .row.content .film-box.narrow, .row.content .film-box.narrow { float: left; margin-bottom: 20px; } .container .row.content .film-box.narrow .left-part, .row.content .film-box.narrow .left-part { float: left; width: 140px; } .container .row.content .film-box.narrow .right-part, .row.content .film-box.narrow .right-part { float: left; width: 140px; padding-left: 20px; } .container .row.content .film-box.narrow h5, .row.content .film-box.narrow h5 { color: #2258a5; margin: 0 0 15px 0; padding: 0; line-height: normal; } .container .row.content .film-box.narrow p, .row.content .film-box.narrow p { margin: 5px 0 5px 0; clear: both; } .container .row.content .film-box.narrow a, .row.content .film-box.narrow a { text-decoration: underline; } .container .row.content .film-box.narrow img, .row.content .film-box.narrow img { float: left; margin: 0 20px 10px 0; } .container .row.content .film-box.narrow [class*="cert-icon-"], .row.content .film-box.narrow [class*="cert-icon-"] { margin-right: 8px; } .container .row.content .film-box.narrow [class*="feature-icon-"], .row.content .film-box.narrow [class*="feature-icon-"] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; margin: -5px 15px 5px 0; } .container .row.content .film-box.narrow h5 + .star-rating, .container .row.content .film-box.narrow h5 + .buzz-rating, .row.content .film-box.narrow h5 + .star-rating, .row.content .film-box.narrow h5 + .buzz-rating { margin-right: 10px; margin-bottom: 25px; } .container .row.content .film-box.narrow p + .star-rating, .container .row.content .film-box.narrow p + .buzz-rating, .row.content .film-box.narrow p + .star-rating, .row.content .film-box.narrow p + .buzz-rating { margin-bottom: 15px; width: 100%; } .container .row.content .film-box.narrow .star-rating, .row.content .film-box.narrow .star-rating { margin-top: 0; } .container .row.content .film-box.narrow .btn.orange, .container .row.content .film-box.narrow .btn.remove, .row.content .film-box.narrow .btn.orange, .row.content .film-box.narrow .btn.remove { width: 140px; margin-bottom: 5px; } .container .row.content .food-concession .visual, .row.content .food-concession .visual { width: 480px; padding: 0; overflow: hidden; } .container .row.content .food-concession .btn, .row.content .food-concession .btn { text-decoration: none; margin-top: 20px; } .container .row.content .food-concession .logo, .row.content .food-concession .logo { margin: 10px 0; } .show-more { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(60%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 60%); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 60%); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 60%); background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 60%); border-top: 2px solid rgba(20, 51, 101, 0.4); display: inline-block; width: 100%; text-align: center; height: 40px; margin: -2px 0 20px 0; position: relative; z-index: 1000; } .show-more .btn { font-size: 13px !important; -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; } .show-more .caret { margin-right: 10px; } .show-more.no-shadow { background: none; } .show-more-element { overflow: hidden; position: relative; } .show-more-element .show-more-overlay { position: absolute; bottom: 0; width: 100%; } .show-more-element .show-more-overlay.light { background: rgba(255, 255, 255, 0.5); } .show-more-element .show-more-overlay.dark { background: rgba(0, 0, 0, 0.5); } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, -webkit-transform-origin, opacity; -moz-transition-property: -moz-transform, -moz-transform-origin, opacity; -o-transition-property: -o-transform, -o-transform-origin, opacity; transition-property: transform, transform-origin, opacity; } /**** disabling Isotope CSS3 transitions ****/.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles *//* disable CSS transitions for containers with infinite scrolling*/.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .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; } .carousel { background: #f8f8f8; padding: 0 30px; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; -webkit-box-shadow: inset 5px 0px 15px -5px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 5px 0px 15px -5px rgba(0, 0, 0, 0.2); box-shadow: inset 5px 0px 15px -5px rgba(0, 0, 0, 0.2); } .carousel-indicators { list-style: none; margin: 0; position: absolute; right: 15px; top: 15px; z-index: 5; } .carousel-control { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; top: 55%; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .carousel-control.left { left: 10px; } .carousel-control.right { right: 10px; } .carousel-inner { position: relative; overflow: hidden; height: 120px; } .carousel-inner .jcarousel-list { width: 20000em; position: absolute; list-style: none; margin: 0; padding: 0; } .carousel-inner .jcarousel-item { float: left; width: 213px; padding: 15px 10px; border-right: 1px solid #ccc; -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; } .carousel-inner .item > div:last-child { margin-right: 0; border-right: 0; } .carousel-inner .jcarousel-item:hover, .carousel-inner .jcarousel-item:focus { background: #f0f0f0; } .carousel-inner img { width: 60px; height: 90px; display: block; outline: none; border: none; float: left; margin-right: 12px; } .carousel-inner [class*="cert-icon-"] { float: right; } .carousel-inner h3 { font-size: 13px; margin: 0; line-height: 16px; float: left; width: 112px; white-space: normal; } .carousel-inner a { color: #2258a5; line-height: 20px; } .carousel-inner span { font-size: 12px; color: #888; float: left; } .carousel-inner .buzz-rating { margin-bottom: 10px; } .container.login-overlay { display: none; width: 660px !important; } .container.login-overlay .row.content { min-width: 0 !important; } .container.login-overlay .container-shadow { width: 660px; } .container.login-overlay .grad-hor { position: relative; } .container.login-overlay .grad-hor .close { position: absolute; top: 22px; right: 20px; } .container.login-overlay .white.rounded { position: relative; } .container.login-overlay .white.rounded .span4:first-child { text-align: center; } .container.login-overlay .white.rounded .span4:first-child .btn { margin: 15px 0 25px; } .container.login-overlay .white.rounded .span4:last-child { width: 280px; float: right; text-align: center; } .container.login-overlay .white.rounded .span4:last-child form label { font-size: 18px; font-weight: bold; margin-bottom: 10px; } .container.login-overlay .white.rounded .span4:last-child form input:not(.btn) { width: 260px; margin-right: 0; } .container.login-overlay .white.rounded .span4:last-child a.underline { display: block; text-align: left; margin: 0 0 20px 3px; } .container.login-overlay .white.rounded .or { height: 40px; line-height: 40px; width: 100%; margin: 15px 0 10px 0; } .container.login-overlay .white.rounded .or hr { border-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; width: 118px; float: left; clear: none; } .container.login-overlay .white.rounded .or span { margin: 0 8px; font-weight: bold; font-size: 18px; text-transform: uppercase; float: left; } .container.login-overlay .white.rounded .divider-shadow { left: 330px; } .popover { z-index: 3500; width: 236px; } .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 .popover-title:empty { display: none; } .popover.performance-popup { left: -197px; width: 450px; max-width: 450px; border: none; padding: 0; color: white; font-size: 13px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .popover.performance-popup .arrow { border: none; margin-left: 0; } .popover.performance-popup .arrow:after { border-bottom-color: #013655; } .popover.performance-popup .popover-content { background: #013655; padding: 0; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .popover.performance-popup .popover-inner { position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 100%; } .popover.performance-popup .info-corner { width: 230px; min-height: 40px; line-height: 20px; padding: 20px; font-weight: normal; } .popover.performance-popup .info-corner .attr-left { width: 80px; float: left; } .popover.performance-popup .grad-ver { -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: 140px; line-height: normal; padding: 20px; text-align: center; float: right; position: relative; } .popover.performance-popup .grad-ver > div { /*position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;*/ } .popover.performance-popup .grad-ver .btn { width: 138px; margin-bottom: 15px; padding-left: 0; padding-right: 0; text-align: center; } .popover.performance-popup .grad-ver .btn:last-child { height: 40px; line-height: 40px; margin: 0; } .popover.performance-popup .white, .popover.performance-popup .key { color: #333333; float: left; font-size: 12px; } .popover.performance-popup .white { background: white; width: 100%; text-align: center; height: 30px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .popover.performance-popup .key { background: #c3e5fc; line-height: 14px; padding: 8px 20px; font-weight: normal; } .popover.performance-popup .gallery-showing { border-bottom: 1px solid #3896d6; padding-bottom: 5px; margin-bottom: 5px; } .popover.performance-popup .gallery-showing h5 { float: left; margin-right: 5px; } .popover.performance-popup .gallery-showing i { background: white; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #2258a5; color: #2258a5; font-size: 11px; font-weight: bold; font-style: normal; height: 18px; line-height: 18px; padding: 0 4px; margin-right: 6px; top: -1px; float: left; } .popover.performance-popup h5 { padding: 0; margin: 0; } .popover.performance-popup a { color: #2258a5; float: none; padding: 0; line-height: 30px; } .popover.one-btn .grad-ver { display: block; position: absolute; top: 0; bottom: 0; right: 0; background: #2d75bd; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00539e), color-stop(100%, #00539e)), #2d75bd; background: -webkit-linear-gradient(#00539e, #00539e), #2d75bd; background: -moz-linear-gradient(#00539e, #00539e), #2d75bd; background: -o-linear-gradient(#00539e, #00539e), #2d75bd; background: linear-gradient(#00539e, #00539e), #2d75bd; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF00539E', endColorstr='#FF00539E'); color: white; } .popover.one-btn .grad-ver a { color: white; } .popover.one-btn .grad-ver .btn:last-child { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .popover.two-btn .info-corner { display: block; position: absolute; top: 0; bottom: 0; } .popover.sold-out { left: -52px; width: 300px; } .popover.sold-out .info-corner { width: 240px; min-height: 65px; text-align: center; } .popover.sold-out span { font-size: 16px; } .info-corner.grad-diag { padding: 20px 0; margin: 0 0 5px 0; } .info-corner.grad-diag.blue { 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'); color: white; } form label { vertical-align: top; padding-top: 5px; } .form-box.white, .form-box.grey { padding: 15px 20px; } .form-box.white label, .form-box.grey label { display: inline-block; font-weight: bold; } .form-box.white input:not(.btn), .form-box.white textarea, .form-box.white select, .form-box.grey input:not(.btn), .form-box.grey textarea, .form-box.grey select { margin: 0; } .form-box.white { background: white; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .form-box.grey { background: #f3f3f3; } .form-box.blue { background: rgba(19, 151, 213, 0.3); } div.information, div.error { margin-bottom: 20px; } div.information p, div.error p { margin-bottom: 0; color: #333333; } div.information ul, div.error ul { margin: 20px 0 0; } div.information { background-color: #e8f5e7; border: 1px solid #4fa245; padding: 15px 20px; text-align: center; color: #4fa245; } div.error { background-color: #fff5f5; border: 1px solid red; padding: 15px 20px; text-align: center; color: red; } 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; } .input1, label.input1 .selectpicker.select-icon-select.input1 { width: 46px !important; } .input1 select, label.input1 .selectpicker.select-icon-select.input1 select { width: 46px !important; } .input2, label.input2 .selectpicker.select-icon-select.input2 { width: 126px !important; } .input2 select, label.input2 .selectpicker.select-icon-select.input2 select { width: 126px !important; } .input3, label.input3 .selectpicker.select-icon-select.input3 { width: 206px !important; } .input3 select, label.input3 .selectpicker.select-icon-select.input3 select { width: 206px !important; } .input4, label.input4 .selectpicker.select-icon-select.input4 { width: 286px !important; } .input4 select, label.input4 .selectpicker.select-icon-select.input4 select { width: 286px !important; } .input5, label.input5 .selectpicker.select-icon-select.input5 { width: 366px !important; } .input5 select, label.input5 .selectpicker.select-icon-select.input5 select { width: 366px !important; } .input6, label.input6 .selectpicker.select-icon-select.input6 { width: 446px !important; } .input6 select, label.input6 .selectpicker.select-icon-select.input6 select { width: 446px !important; } .input7, label.input7 .selectpicker.select-icon-select.input7 { width: 526px !important; } .input7 select, label.input7 .selectpicker.select-icon-select.input7 select { width: 526px !important; } .input8, label.input8 .selectpicker.select-icon-select.input8 { width: 606px !important; } .input8 select, label.input8 .selectpicker.select-icon-select.input8 select { width: 606px !important; } .input9, label.input9 .selectpicker.select-icon-select.input9 { width: 686px !important; } .input9 select, label.input9 .selectpicker.select-icon-select.input9 select { width: 686px !important; } .input10, label.input10 .selectpicker.select-icon-select.input10 { width: 766px !important; } .input10 select, label.input10 .selectpicker.select-icon-select.input10 select { width: 766px !important; } .input11, label.input11 .selectpicker.select-icon-select.input11 { width: 846px !important; } .input11 select, label.input11 .selectpicker.select-icon-select.input11 select { width: 846px !important; } .input12, label.input12 .selectpicker.select-icon-select.input12 { width: 926px !important; } .input12 select, label.input12 .selectpicker.select-icon-select.input12 select { width: 926px !important; } .selectpicker.select-icon-select select { background: transparent; border: 0; -moz-appearance: none; -webkit-appearance: none; width: 200px; line-height: 1.1 !important; font-size: 13px; } .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: 200px; height: 28px; margin-right: 6px; overflow: hidden; vertical-align: middle; position: relative; } .selectpicker.select-icon-select:before { background: white url('../../static/img/select-icon/select.png?t=1521467966') no-repeat 100% 0; /*@include background(image-url("select-icon/select.png") no-repeat 100% 0, linear-gradient(right, rgba(white,1.0) 0%, rgba(white,0.0) 30%), $normal-white repeat-x 12px 0);*/ position: absolute; display: block; width: 32px; height: 28px; top: 0; right: 0; pointer-events: none; content: ''; } .selectpicker.select-icon-select select[disabled] { background-color: #eee; } option { outline: none; height: 20px; padding: 3px 6px 0 6px; border: 0; } input { margin-right: 6px; } input[type="checkbox"] { display: none; } input[type="checkbox"] + label i { width: 15px; height: 15px; margin: -2px 2px 0 -20px; vertical-align: middle; cursor: pointer; } input[type="checkbox"]:checked + label i { background-position: 0 0; } input[type="radio"] { display: none; } input[type="radio"] + label i { width: 15px; height: 15px; margin: -2px 4px 0 -20px; vertical-align: middle; cursor: pointer; } input[type="radio"]:checked + label i { background-position: 0 0; } input[type="text"], input[type="password"], textarea { -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; font-size: 13px; } select, input[type="file"] { height: 28px; line-height: 28px; } .icon-form-info { display: inline-block !important; margin-top: 3px !important; vertical-align: baseline !important; } a.btn:not(.btn-primary) { padding: 0 20px; line-height: 30px; text-decoration: none !important; } a.btn.large { line-height: 40px; } .btn { vertical-align: top; } .btn.blue { -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: #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='#FF00539E', endColorstr='#66143365'); min-width: 50px; } .btn.blue:hover, .btn.blue:focus { background: #00539e; } .btn.darkblue { -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: #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; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1F76BD', endColorstr='#FF1458A5'); min-width: 50px; } .btn.darkblue:hover, .btn.darkblue:focus { background: #1f76bd; } .btn.orange { -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: #333333 !important; background: #fcc002; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcc002), color-stop(100%, rgba(234, 98, 10, 0.4))), #fcc002; background: -webkit-linear-gradient(#fcc002, rgba(234, 98, 10, 0.4)), #fcc002; background: -moz-linear-gradient(#fcc002, rgba(234, 98, 10, 0.4)), #fcc002; background: -o-linear-gradient(#fcc002, rgba(234, 98, 10, 0.4)), #fcc002; background: linear-gradient(#fcc002, rgba(234, 98, 10, 0.4)), #fcc002; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFCC002', endColorstr='#66EA620A'); min-width: 50px; } .btn.orange:hover, .btn.orange:focus { background: #fcc002; } .btn.purple { -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: #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'); min-width: 50px; } .btn.purple:hover, .btn.purple:focus { background: #59427a; } .btn.blue.form, 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: #00539e; font-size: 13px; font-weight: normal; position: relative; color: white; height: auto; padding-left: 32px; } .btn.blue.form i, a.blue.form i { position: absolute; top: 12px; left: 11px; } .btn.white.form, a.white.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: white; font-size: 13px; font-weight: normal; position: relative; color: #143365; height: auto; padding-left: 32px; } .btn.white.form i, a.white.form i { position: absolute; top: 12px; left: 11px; } .btn.white.form.collapsed i, a.white.form.collapsed i { background-position: 0 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .btn.blue.form.collapsed, a.blue.form.collapsed { -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: #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='#FF00539E', endColorstr='#66143365'); -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; font-weight: normal; height: auto; } .btn.blue.form.collapsed i, a.blue.form.collapsed i { background-position: 0 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } .btn.large { height: 40px; padding-left: 20px; padding-right: 20px; font-size: 18px !important; } .btn.large .caret { margin-top: 18px; } .btn.remove { -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: #aa2323; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d12e2e), color-stop(100%, #8c1a1a)), #aa2323; background: -webkit-linear-gradient(#d12e2e, #8c1a1a), #aa2323; background: -moz-linear-gradient(#d12e2e, #8c1a1a), #aa2323; background: -o-linear-gradient(#d12e2e, #8c1a1a), #aa2323; background: linear-gradient(#d12e2e, #8c1a1a), #aa2323; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD12E2E', endColorstr='#FF8C1A1A'); text-align: left; font-size: 12px; } .btn.remove:hover, .btn.remove:focus { background: #d12e2e; } .btn.remove i { position: relative; top: 3px; margin-right: 5px; } .btn.facebook, a.btn.facebook { position: relative; padding-left: 70px; color: white !important; } .btn.facebook i, a.btn.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); } .btn-group { white-space: normal; } .btn-group + .btn-group { margin-left: 0; } .btn-group > .btn.trailer, .btn-group > .btn.watchlist { position: relative; z-index: 2000; margin: 10px 0 0 0 !important; padding: 5px 12px; height: auto !important; font-size: 12px; font-weight: normal !important; text-shadow: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -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: #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='#FF00539E', endColorstr='#66143365'); } .btn-group > .btn.trailer:hover, .btn-group > .btn.trailer:focus, .btn-group > .btn.watchlist:hover, .btn-group > .btn.watchlist:focus { background: #00539e; } .btn-group > .btn.trailer i, .btn-group > .btn.watchlist i { position: absolute; top: 7px; left: 10px; } .btn-group > .btn.watchlist.active { -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: #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'); } .btn-group > .btn.watchlist.active:hover, .btn-group > .btn.watchlist.active:focus { -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: #aa2323; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d12e2e), color-stop(100%, #8c1a1a)), #aa2323; background: -webkit-linear-gradient(#d12e2e, #8c1a1a), #aa2323; background: -moz-linear-gradient(#d12e2e, #8c1a1a), #aa2323; background: -o-linear-gradient(#d12e2e, #8c1a1a), #aa2323; background: linear-gradient(#d12e2e, #8c1a1a), #aa2323; background-repeat: repeat-x; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD12E2E', endColorstr='#FF8C1A1A'); -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); } .btn-group > .btn.watchlist.active + .btn.watchlist { -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: #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'); -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.2); } .btn-group > .btn.watchlist.active + .btn.watchlist:hover, .btn-group > .btn.watchlist.active + .btn.watchlist:focus { background: #4fa245; } .btn-group > .btn.watchlist.active + .btn.watchlist + .dropdown-menu { background: #4fa245; } .btn-group > .btn.watchlist.active + .btn.watchlist + .dropdown-menu a:hover, .btn-group > .btn.watchlist.active + .btn.watchlist + .dropdown-menu a:focus { background: #4fa245; } .btn-group > .btn.trailer:not(.dropdown-toggle), .btn-group > .btn.watchlist:not(.dropdown-toggle) { width: 45px; padding-left: 35px; text-align: left; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -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); } .btn-group > .btn.trailer.dropdown-toggle, .btn-group > .btn.watchlist.dropdown-toggle { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.2); z-index: 2000; padding: 5px 8px; } .btn-group.open > .btn.trailer.dropdown-toggle, .btn-group.open > .btn.watchlist.dropdown-toggle { background: #00539e; } .btn-group > .btn.trailer + .dropdown-menu, .btn-group > .btn.watchlist + .dropdown-menu { -webkit-transition-property: height; -moz-transition-property: height; -o-transition-property: height; transition-property: height; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; background: #00539e; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; -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; -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; margin: -4px 0 0 0 !important; padding: 0; min-width: 0; width: 116px; height: 0px; overflow: hidden; display: block; position: relative; z-index: 1; } .btn-group > .btn.trailer + .dropdown-menu a, .btn-group > .btn.watchlist + .dropdown-menu a { color: white; font-size: 12px; padding: 8px 0 0 0; text-align: center; width: 100%; } .btn-group > .btn.trailer + .dropdown-menu a:hover, .btn-group > .btn.trailer + .dropdown-menu a:focus, .btn-group > .btn.watchlist + .dropdown-menu a:hover, .btn-group > .btn.watchlist + .dropdown-menu a:focus { background: #00539e; text-decoration: underline; } .btn-group.open > .btn.trailer + .dropdown-menu, .btn-group.open > .btn.watchlist + .dropdown-menu { height: 32px; } .film-order { float: right; } .film-order label { font-size: 13px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; margin-right: 10px; display: inline-block; } .film-order .selectpicker select { width: 250px; } .film-order .selectpicker { background-position: 215px -30px; width: 250px; } .film-order #full_cinema_schedule_link_container { text-align: right; padding-right: 6px; display: none; } .film-order #full_cinema_schedule_link { font-size: 12px; text-decoration: underline; color: black; } .accordion-group.times-filter { background: white; border: none; margin-bottom: 10px; } .accordion-group.times-filter .accordion-inner { padding: 10px 10px 15px 10px; border: none; } .accordion-group.times-filter .accordion-inner label { margin-bottom: 0; font-size: 12px; position: relative; } .accordion-group.times-filter .accordion-inner [class*="cert-icon-"] { position: absolute; left: 50px; top: 1px; } .accordion-group.times-filter .accordion-inner a { font-size: 12px; text-decoration: underline; color: #2258a5; margin-left: 22px; } /*.accordion-group .accordion-heading a { color:$primary-navy; } */.accordion-group#special-screenings .accordion-inner:first-child { background: #e1e1e1; } .accordion-group#show-only-this-film { background: none; } .accordion-group#show-only-this-film .accordion-inner { padding: 0; } .accordion-group#whats-on-filter-films { background: #666666; overflow: hidden; margin: 30px 20px 0 20px; } .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; } .accordion-group#whats-on-filter-films .accordion-heading label { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; display: inline-block; float: none; } .accordion-group#whats-on-filter-films .accordion-heading a { display: inline-block; color: white; text-decoration: none; font-size: 18px; font-weight: bold; } .accordion-group#whats-on-filter-films .accordion-heading a i { margin-right: 15px; position: relative; top: -1px; } .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; } .accordion-group#whats-on-filter-films .accordion-heading form { margin: 3px 0 0 0; } .accordion-group#whats-on-filter-films .accordion-inner { padding: 0 20px 20px 20px; float: left; } .accordion-group#whats-on-filter-films .accordion-inner .span3 { margin: 0; } .accordion-group#whats-on-filter-films .accordion-inner h3 { font-size: 20px; } .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%; } .times-all .accordion-group .collapse { width: 100%; } .times-all .accordion-group .accordion-inner { padding: 0; } .times-all .accordion-group .accordion-inner a { margin-left: 0; font-size: 14px; } .loading-box { width: 100%; float: left; } .loading-box img { display: block; margin: 50px auto 25px auto; width: 100px; height: 100px; } hr { clear: both; border-top: 0; } .grey-disabled-text { color: #a2a2a2 !important; } .login-popup-wrapper { background: rgba(0, 0, 0, 0.95); position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; z-index: 100000; } .hidden { display: none; } .expired-offers .span3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 25px 15px 15px 20px; margin-left: 0; } .expired-offers .expired-offers-box { position: relative; background: #2258a5; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; display: block; height: 0; width: 100%; padding-bottom: 100%; } .expired-offers .expired-offers-box .expired-offers-text { color: white; display: block; position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-family: "Ubuntu", Helvetica, Arial, sans-serif; font-size: 32px; line-height: 1.4; letter-spacing: 2px; text-transform: uppercase; } .expired-offers .expired-offers-right p:first-of-type { font-weight: bold; font-size: 16px; padding-top: 25px; } div.counter { background: #000; color: #ffffff; } .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: 70px; font-weight: bold; line-height: 90px; } .span6 .counter-content span { width: 18%; font-size: 45px; line-height: 60px; } .span4 .counter-content span { width: 18%; font-size: 30px; line-height: 45px; } .span3 .counter-content span { width: 18%; font-size: 22px; line-height: 30px; } .counter-description span { width: 18%; display: inline-block; font-size: 20px; 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; } /** * Warning message box for when closing cinemas selected */.closingCinemaWarning { display: inline-block; border: 2px solid red; border-radius: 5px; background: #ffcccc; padding: 10px; margin: 0 20px 10px 170px; } .inCinemaMode .closingCinemaWarning { margin: 10px 0; } .movie-offer { clear: both; background: #fff; box-sizing: border-box; border-bottom: 5px solid #9bdffd; padding: 0.625rem; margin-bottom: 0.625rem; display: grid; grid-template-areas: "movie-offer__picture . movie-offer__title . movie-offer__button" "movie-offer__picture . movie-offer__teaser . movie-offer__date"; grid-template-columns: 13rem 0.625rem 1fr 0.625rem 13rem; } .movie-offer + .movie-offer { padding-top: 0; margin-bottom: 0.625rem; } .movie-offer.last-offer { margin-bottom: 0; } .movie-offer__picture { grid-area: movie-offer__picture; } .movie-offer__title { grid-area: movie-offer__title; margin-top: 0; margin-bottom: 0.625rem; padding: 0 !important; } .movie-offer__teaser { grid-area: movie-offer__teaser; margin-top: 0; margin-bottom: 0.625rem; } .movie-offer__date { grid-area: movie-offer__date; margin-bottom: 0.625rem; } .movie-offer__button { grid-area: movie-offer__button; margin-top: 0.625rem; } .container { width: 980px !important; float: none; } .clear { clear: both; } /* ----------------------------------------------------------------------------- 1.2 SOCIAL BUTTONS */.social-share { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; float: left; clear: left; } .social-share ul { list-style: none; } .social-buttons li { float: left; background: #296bb5; padding: 0; border-right: 1px solid #6499cd; } .social-buttons li:last-child { border-right: none; } .social-buttons a { text-indent: -9999em; width: 40px; height: 35px; padding: 0; display: block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } a.facebook { padding-left: 0; } a.facebook span { padding-left: 70px; background: url(../../../static/img/trailerplayer/facebook-share.png) 0 0 no-repeat; display: block; } a.twitter { padding-left: 0; } a.twitter span { padding-left: 45px; background: url(../../../static/img/trailerplayer/icon-twitter.png) 20px 50% no-repeat; display: block; } .social-buttons a.facebook { padding-left: 0; background: url(../../../static/img/trailerplayer/icon-fb-large.png) 50% 50% no-repeat; background: url(../../../static/img/trailerplayer/icon-fb-large.png) 50% 50% no-repeat, -webkit-linear-gradient(bottom, #2257a5, #3389cc); background: url(../../../static/img/trailerplayer/icon-fb-large.png) 50% 50% no-repeat, -moz-linear-gradient(bottom, #2257a5, #3389cc); background: url(../../../static/img/trailerplayer/icon-fb-large.png) 50% 50% no-repeat, -o-linear-gradient(bottom, #2257a5, #3389cc); background: url(../../../static/img/trailerplayer/icon-fb-large.png) 50% 50% no-repeat, -ms-linear-gradient(bottom, #2257a5, #3389cc); background: url(../../../static/img/trailerplayer/icon-fb-large.png) 50% 50% no-repeat, linear-gradient(to top, #2257a5, #3389cc); } .social-buttons a.twitter { padding-left: 0; background: url(../../../static/img/trailerplayer/icon-tw-large.png) 50% 50% no-repeat; background: url(../../../static/img/trailerplayer/icon-tw-large.png) 50% 50% no-repeat, -webkit-linear-gradient(bottom, #2257a5, #3389cc); background: url(../../../static/img/trailerplayer/icon-tw-large.png) 50% 50% no-repeat, -moz-linear-gradient(bottom, #2257a5, #3389cc); background: url(../../../static/img/trailerplayer/icon-tw-large.png) 50% 50% no-repeat, -o-linear-gradient(bottom, #2257a5, #3389cc); background: url(../../../static/img/trailerplayer/icon-tw-large.png) 50% 50% no-repeat, -ms-linear-gradient(bottom, #2257a5, #3389cc); background: url(../../../static/img/trailerplayer/icon-tw-large.png) 50% 50% no-repeat, linear-gradient(to top, #2257a5, #3389cc); } .social-buttons a.pinterest { background: url(../../../static/img/trailerplayer/icon-pi-large.png) 50% 50% no-repeat; background: url(../../../static/img/trailerplayer/icon-pi-large.png) 50% 50% no-repeat, -webkit-linear-gradient(bottom, #2257a5, #3389cc); background: url(../../../static/img/trailerplayer/icon-pi-large.png) 50% 50% no-repeat, -moz-linear-gradient(bottom, #2257a5, #3389cc); background: url(../../../static/img/trailerplayer/icon-pi-large.png) 50% 50% no-repeat, -o-linear-gradient(bottom, #2257a5, #3389cc); background: url(../../../static/img/trailerplayer/icon-pi-large.png) 50% 50% no-repeat, -ms-linear-gradient(bottom, #2257a5, #3389cc); background: url(../../../static/img/trailerplayer/icon-pi-large.png) 50% 50% no-repeat, linear-gradient(to top, #2257a5, #3389cc); } .social-buttons a.facebook:hover, .social-buttons li a.facebook.highlight { background: url(../../../static/img/trailerplayer/icon-fb-large.png) 50% 50% no-repeat #3389cc; } .social-buttons a.twitter:hover, .social-buttons li a.twitter.highlight { background: url(../../../static/img/trailerplayer/icon-tw-large.png) 50% 50% no-repeat #3389cc; } .social-buttons a.pinterest:hover, .social-buttons li a.pinterest.highlight { background: url(../../../static/img/trailerplayer/icon-pi-large.png) 50% 50% no-repeat #3389cc; } .social-panels { display: none; background: #3389cc; width: 122px; height: 35px; overflow: hidden; position: relative; } .social-panels li { background: #3389cc; text-align: center; width: 122px; height: 35px; line-height: 35px; padding: 0; 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; } /* ---------------------------------------------------------------------------------------- 6. POPUP PLAYER */.trailerplayer-popup-wrapper { background: rgba(0, 0, 0, 0.95); position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; z-index: 100000; } #trailerplayer-popup { margin: 150px 50%; left: -350px; width: 700px; position: fixed; -webkit-transform: translateZ(0); -webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out; height: 360px; } #trailerplayer-popup.active { width: 970px; left: -485px; } .title-strip { margin-right: 60px; position: relative; } .title-strip:after { content: ''; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 60px; background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000000 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 100%); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 100%); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 100%); background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, black)); } .title-strip h3 { color: #fff; float: left; padding-right: 10px; } .title-strip #trailerCertification { line-height: 45px; } #trailerplayer-popup a.close { position: absolute; top: 0; right: -60px; padding: 0 17px; z-index: 5; opacity: 0.2; -webkit-transition: All 0.35s ease; -moz-transition: All 0.35s ease; -o-transition: All 0.35s ease; } #trailerplayer-popup a.close:hover { opacity: 0.7; } .modal-nav-wrapper { background-color: transparent; -webkit-transition: All 0.35s ease; -moz-transition: All 0.35s ease; -o-transition: All 0.35s ease; position: absolute; right: 0; top: 42px; /*z-index: 30;*/ height: 360px; overflow: hidden; } .modal-nav-wrapper:hover, .modal-nav-wrapper.active { background-color: #264f9a; background-image: -webkit-linear-gradient(bottom, #1096d4, #264f9a); background-image: -moz-linear-gradient(bottom, #1096d4, #264f9a); background-image: -o-linear-gradient(bottom, #1096d4, #264f9a); background-image: -ms-linear-gradient(bottom, #1096d4, #264f9a); background-image: linear-gradient(to top, #1096d4, #264f9a); } .modal-nav-wrapper ul { margin: 0 !important; } ul.modal-nav { list-style: none; float: right; } ul.modal-nav li { list-style: none; } ul.modal-nav li:first-child { margin-top: 10px; } ul.modal-nav a { list-style: none; padding: 6px 17px; display: block; opacity: 0.2; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; } ul.modal-nav a:hover, ul.modal-nav a.active { opacity: 0.7; } .player-area { background: #000; width: 640px; height: 360px; z-index: 70; position: absolute; top: 42px; left: 0; overflow: hidden; } #playerPlaceholder { width: 640px; height: 360px; } .still { background: url(../../../static/img/trailerplayer/content/player/player-still.jpg) 0 0 no-repeat; width: 640px; height: 360px; z-index: 70; position: absolute; top: 42px; left: 0; overflow: hidden; } .still span { position: absolute; left: 0; bottom: 0; width: 620px; height: 360px; background: url(../../../static/img/trailerplayer/content/player/play-controls.png) 15px 310px no-repeat; opacity: 0; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; } .still:hover span { background: url(../../../static/img/trailerplayer/content/player/play-controls.png) 15px 300px no-repeat; opacity: 1; } ul.modal-slides { float: left; background: #000; margin: 0; -webkit-transition: All 0.6s ease; -moz-transition: All 0.6s ease; -o-transition: All 0.6s ease; } #trailerplayer-popup.active ul.modal-slides { background-color: #fff; } ul.modal-slides.playlist { margin-top: 0px !important; } ul.modal-slides.share { margin-top: -360px !important; } ul.modal-slides.comment { margin-top: -720px !important; } ul.modal-slides.comment > li { overflow: hidden; } ul.modal-slides > li { width: 270px; height: 360px; overflow: auto; } ul.modal-slides > li h4 { line-height: 50px; padding: 0 20px; margin: 0; } ul.modal-slides > li .slide-content { height: 310px; box-shadow: inset 0 13px 13px -13px rgba(0, 0, 0, 0.5); } ul.modal-slides > li .slide-content form { margin-bottom: 0; } ul.trailer-list { padding: 3px 0 0 0; height: 307px; overflow: auto; list-style: none; } ul.trailer-list .upper-half { padding: 10px; } ul.trailer-list input { width: 225px; } ul.trailer-list > li { padding: 10px 7px; clear: both; cursor: pointer; position: relative; } ul.trailer-list > li:not(:first-child) { border-top: 1px solid #EEE; } ul.trailer-list > li:hover { background: rgba(0, 0, 0, 0.04); } ul.trailer-list > li img.poster { border: 3px solid rgba(255, 255, 255, 0); width: 70px; height: 105px; float: left; margin-bottom: 5px; } ul.trailer-list > li.playing img.poster { border-color: #51a045; } ul.trailer-list > li .details { font-size: 12px; min-height: 110px; margin-left: 83px; position: absolute; } ul.trailer-list > li .details h5 { line-height: 16px; font-size: 14px; color: #2257a5; margin-top: 2px; } ul.trailer-list > li .details span { display: block; font-weight: bold; } ul.trailer-list > li .details span.status { color: #51A045; display: none; } ul.trailer-list > li .details .trailerDetailCertification { position: absolute; bottom: 0; left: 0; } ul.trailer-list > li.playing span.status { display: block; } ul.trailer-list > li.playing span.duration { display: none; } ul.trailer-list h5 { font-size: 12px; } .still span a#volume { bottom: 15px; display: block; height: 40px; position: absolute; right: 193px; width: 40px; z-index: 90; opacity: .1; } .still span #volbar { position: absolute; bottom: 15px; right: 191px; opacity: 0; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; } .still span #volbar.active { opacity: 1; } .still span a#playlist { bottom: 15px; display: block; height: 40px; position: absolute; right: 150px; width: 40px; z-index: 90; } .still span #playlist-popup { position: absolute; bottom: 15px; right: 95px; opacity: 0; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; } .still span #playlist-popup.active { opacity: 1; } ul.playerControlBar { z-index: 100; display: block; height: 50px; margin: 0 20px; border-radius: 10px; position: relative; bottom: 60px; background: rgba(0, 0, 0, 0.5); list-style: none; } ul.playerControlBar li { font-size: 11px; float: left; line-height: 50px; padding: 0 10px; margin: 0 0px; color: #FFF; position: relative; } ul.playerControlBar li:last-child { float: right; } ul.playerControlBar .btn:not(.orange) { cursor: pointer; display: inline-block; vertical-align: middle; width: 21px; height: 21px; text-indent: -666em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; background-position: 50%; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; opacity: .3; border: none; box-shadow: none; padding: 0; } ul.playerControlBar .btn.orange { vertical-align: middle; padding: 0 10px; height: 26px; line-height: 26px; } ul.playerControlBar .btn:not(.orange):hover,ul.playerControlBar .btn.active { background-color: transparent; opacity: 1; } ul.playerControlBar .btn.play { background-image: url("../../../static/img/trailerplayer/content/player/icon-play.png"); } ul.playerControlBar .btn.pause { background-image: url("../../../static/img/trailerplayer/content/player/icon-pause.png"); } ul.playerControlBar .btn.sound,ul.playerControlBar .btn.loud { background-image: url("../../../static/img/trailerplayer/content/player/icon-sound-on.png"); } ul.playerControlBar .btn.mute,ul.playerControlBar .btn.sound.off { background-image: url("../../../static/img/trailerplayer/content/player/icon-mute.png"); } ul.playerControlBar .btn.resize { background-image: url("../../../static/img/trailerplayer/content/player/icon-resize.png"); } ul.playerControlBar .btn.add { background-image: url("../../../static/img/trailerplayer/content/player/icon-add.png"); } ul.playerControlBar .btn.playlist { background-image: url("../../../static/img/trailerplayer/content/player/icon-playlist.png"); } ul.playerControlBar .time { font-weight: bold; } ul.playerControlBar .time.elapsed { margin-right: 10px; } ul.playerControlBar .time.total { margin-left: 10px; } ul.playerControlBar .panel { position: absolute; display: none; bottom: 6px; } ul.playerControlBar .panel.volume { width: 38px; height: 198px; left: 0; border: 1px solid #000; border-radius: 3px; background: #303030; text-align: center; } ul.playerControlBar #timeSlider { width: 213px; height: 9px; } ul.playerControlBar #volumeSlider { width: 9px; height: 100px; margin: 10px 14px 0 14px; } ul.playerControlBar #volumeSlider .handle { opacity: 0; left: -3px; } ul.playerControlBar #volumeSlider .elapsed { top: auto; bottom: 0; width: 100%; position: absolute; border-radius: inherit; } ul.playerControlBar .panel.volume .set-mute { margin-top: -12px; border-top: 1px solid #666; border-bottom: 1px solid #666; line-height: 39px; padding-left: 1px; } ul.playerControlBar .panel.volume .set-loud { line-height: 39px; padding-left: 1px; } ul.playerControlBar .panel.add { width: 190px; left: -74px; } ul.playerControlBar .panel.add .area { border: 1px solid #000; border-radius: 3px; background: #303030; } ul.playerControlBar .panel.add .area.top { padding: 0 10px; line-height: 39px; } ul.playerControlBar .panel.add .area.bottom { border-radius: 0 0 3px 3px; border-top: 0; padding: 15px 0 7px 0; line-height: 21px; width: 38px; margin: -1px auto 0 auto; text-align: center; } ul.playerControlBar .panel.add .area.top .btn { text-indent: 0; width: auto; line-height: 21px; padding-left: 30px; font-size: 13px; font-weight: bold; background-position: 0 50%; color: #fff; text-shadow: none; } ul.playerControlBar .panel.add .area.bottom .btn { margin-right: 1px; } .slider { display: inline-block; position: relative; border-radius: 10px; } .slider .handle { position: absolute; z-index: 1; top: -3px; cursor: pointer; width: 15px; height: 15px; border-radius: 15px; background: #FFF; box-shadow: 0 0 10px #000; } .slider .disabled { background: #898989; cursor: default; } .slider .progressBar { background: #666; border-radius: inherit; height: 100%; width: 100%; overflow: hidden; } .slider .buffer { background: #b3b3b3; height: 100%; width: 0; border-radius: inherit; } .slider .elapsed { background: #1096d4; height: 100%; width: 0; position: relative; top: -9px; } #volumeSlider .progressBar { margin: 0 auto; } #slideback { z-index: 100; display: block; right: -15px; top: 160px; position: absolute; opacity: 0; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; } #slideback.active { right: -4px; opacity: 0.8; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; } #slideback.active:hover { right: 0; opacity: 1; } .share-trailer { padding: 20px; } .add-comment { font-size: 12px; } .add-comment input { width: 225px; } .add-comment textarea { margin-bottom: 10px; width: 238px; height: 65px; padding: 5px; font-family: "Ubuntu",Helvetica,Arial,"Lucida Grande", sans-serif; font-size: inherit; } .add-comment textarea + .btn { float: right; } .add-comment h5 { font-size: 12px; } .add-comment .comment-count { float: left; padding-top: 10px; display: block; } .add-comment .upper-half { overflow: hidden; padding: 10px; } .add-comment .lower-half { box-shadow: inset 0 13px 13px -13px rgba(0, 0, 0, 0.5); height: 160px; overflow: auto; } .add-comment.no-login .lower-half { height: 270px; } .add-comment ul.comments li { display: block; padding: 10px; border-bottom: 1px solid #e4e4e4; } .add-comment ul.comments li:nth-child(even) { background: rgba(0, 0, 0, 0.04); } .add-comment ul.comments li p { padding: 0; line-height: 1.3; } .add-comment ul.comments li .name { font-weight: bold; } .add-comment ul.comments li .date { font-size: 11px; color: #8b8b8b; float: right; } .add-comment div.trailer-comment-error { position: relative; margin: 4px 0 10px 0; } .add-comment div.trailer-comment-error a { position: absolute; top: 6px; right: 6px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } a.button { behavior: url(/static/css/PIE.htc); } a.gold { -pie-background: linear-gradient(#f6a81f, #e98436); behavior: url(/static/css/PIE.htc); } #limitlessDropdownMenu + ul { color: #143365; } #limitlessDropdownMenu + ul .span6 { width: 45%; padding-top: 15px; } #limitlessDropdownMenu + ul .span6 h2 { font-size: 26px; } #limitlessDropdownMenu + ul .span6 em { font-size: 26px; font-style: italic; } #limitlessDropdownMenu + ul .span6 img { display: block; margin: 0 auto; max-width: 90%; } #limitlessDropdownMenu + ul .span6 .more-button { text-align: right; } #limitlessDropdownMenu + ul .span6 small { font-size: 75%; display: block; line-height: 1.2; } #limitlessDropdownMenu + ul .span6 p { margin: 1.5em 0; } .limitlessAvatarContainer { text-align: center; border: 6px solid #eee; } .limitlessAvatarContainer.dropMode { border: 6px dashed #1096d5; } .limitlessAvatarContainer label { display: block; border: 4px dashed #1096d5; color: #1096d5; margin-top: 10px; padding: 5px; } .limitlessAvatarContainer.dropMode label { border: 4px dashed #eee; } .limitlessAvatarContainer input[type=file] { border: 0; outline: 0; width: 0; height: 0; } #limitlessAvatarLoadingContainer { width: 240px; height: 300px; position: absolute; background-image: url(/odeon-limitless/loading.gif); background-size: 100px 100px; background-position: center; background-repeat: no-repeat; z-index: 9999; } #photo_guidelines .step-headline { font-size: 14px; font-weight: bold; line-height: 45px; } .limitless-package-select { margin: 15px 0 15px 20px; } .limitless-package-select .upfront-discount-text { margin: 0; } .limitless-package-select-monthly-standard { padding: 15px 0 15px 20px; color: white; background: #4EBEC2; } .limitless-package-select-monthly-upfront { padding: 15px 0 15px 20px; color: white; background: #2A6381; } .month-disabled { background: #525252 !important; } .upfront-disabled { background: #929292 !important; } .limitless-package-select-column { width: 50%; float: left; } .limitless-package-select-renewal { float: left; width: 100%; } .limitless-package-select-renewal .limitless-package-select-column { width: 100%; float: left; } .limitless-package-select-renewal .cols-1 { float: left; width: 100%; } .limitless-package-select-renewal .cols-1 .limitless-package-renewal { padding: 15px 0 15px 240px; } .limitless-package-select-renewal .cols-2 { float: left; width: 50%; } .limitless-package-select-renewal .cols-2 .limitless-package-renewal { padding: 15px 0 15px 15px; } .limitless-package-select h3,.limitless-package-select-column h3 { background: #123464; color: white !important; font-style: normal !important; font-weight: bold !important; margin: 0 !important; padding: 15px 20px; height: auto !important; font-size: 21px; } .limitless-package-select-column input { display: inline-block; vertical-align: middle; margin: 0 15px 0 0; /*width:25px; height:25px; <- causes problems in safari for now (v9.0.2) */ } .limitless-package-select-column label { display: inline-block; vertical-align: middle; font-size: 26px; font-weight: bold; } .limitless-package-select-column label small { font-size: 11px; } .limitless-package-select-column label small:first-child { display: block; } .limitless-package-select-column:first-child .limitless-package-select-monthly-standard { border-right: 1px solid white; } .limitless-package-select-column:first-child .limitless-package-select-monthly-upfront { border-right: 1px solid white; } .limitless-package-select-column:last-child .limitless-package-select-monthly-standard { border-left: 1px solid white; } .limitless-package-select-column:last-child .limitless-package-select-monthly-upfront { border-left: 1px solid white; } .limitless-renewal-error { margin-left: 20px; } .stepcrumb.limitless div.crumb-item { width: 28.245% !important; } .photo_guidelines_examples { margin: 0; } .photo_guidelines_examples span { text-align: center; width: 32%; padding: 0 .5%; float: left; } .photo_guidelines_examples span img { display: block; margin: 0 auto 5px auto !important; width: 90%; } .photo_guidelines_examples span p { line-height: 1.2; } .photo_guidelines_examples span:first-of-type { margin-left: -5px; } .limitlessAvatarContainer { margin-top: 90px; } .join-box table { width: 100%; } input.limitless.marketing-opt-out { display: inline-block; margin-bottom: 7px; } /*.join-box td small { white-space: nowrap; } *//* hack for on MPOS in cinema journey */.incinema-mpos-body { min-width: 100%; } /** Limitless error box style **/div.errorLimitless { border: none; padding: 5px; text-align: left; color: #333333; background-color: #ffe5e6; margin-bottom: 0; } div#giftCodeError span { padding-top: 10px; } .caret-down { display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 6px solid white; border-right: 6px solid transparent; border-left: 6px solid transparent; content: ''; } .caret-down.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; margin-right: 6px; content: ''; } .caret-right.blue { border-left-color: #2257a5; } /** End Limitless error box style**//** Limitless Submit Button **/.limitlessSubmit { border: 2px solid #293c76; background: #fff; font-weight: bold; color: #293c76; padding-left: 15px; padding-right: 15px; border-radius: 5px; } .limitlessSubmit:hover { color: #fff; background: #293c76; } /** End Limitless Submit Button **//** Limitless Success box style **/div.successLimitless { border: none; padding: 5px; text-align: left; color: #333333; background-color: #e4ffec; margin-bottom: 0; } .limitlessRemove { font-weight: bold; padding-left: 15px; background: none; border: none; color: #333333; text-decoration: none; } .limitlessRemove:hover { cursor: pointer; text-decoration: underline; } /** End Limitless Success box style **//** Limitless Payment box style **/h3 a.limitlessSummaryLink { font-style: normal; margin-left: 10px; font-size: 14px; } /** End Limitless Payment box style **//* Limitless renewal only hacks */.limitless-package-select-renewal h3 { text-align: center; border-radius: 10px 10px 0 0; } .limitless-package-select-renewal h3 span { display: block; font-size: 16px; padding: 10px; font-style: italic; } .limitless-package-select .renew-action { text-align: center; position: relative; } .limitless-package-select .renew-action .btn { position: absolute; left: 210px; width: 200px; top: 130px; } .limitless-package-renewal { height: 160px; } .limitless-package-renewal label { font-weight: normal; font-size: 35px; } .limitless-package-renewal label small { display: block; font-size: 14px; padding: 15px 0 0 0; } .limitless-package-renewal label small:first-child { padding: 0 0 15px 0; } /* end renewal only hacks *//** Limitless confirm selection table styling **/#limitless-order-photo { float: left; width: 19%; } #limitless-order-photo img { max-width: 160px; width: 100%; } #limitless-order-selection { float: left; width: 79%; margin-left: 2%; } #confirm-order-table { width: 100%; } #confirm-order-table tfoot { margin-top: 10px; } #confirm-order-table tfoot tr { background: #0b3a80; color: #fff; border-top: 10px solid #fff; } #confirm-order-table tfoot tr td { font-size: 18px; padding: 10px 20px; text-align: right; font-weight: bold; } #confirm-order-table tfoot tr td:last-child { text-align: left; } #confirm-order-table thead tr { border-bottom: 10px solid #fff; } #confirm-order-table thead tr th { padding: 10px 20px; text-align: left; font-style: normal; font-size: 20px; font-weight: bold; } #confirm-order-table thead tr th a { margin-left: 20px; font-size: 14px; } #confirm-order-table tbody tr { background: #e5e4e2; } #confirm-order-table tbody tr td { padding: 10px 20px; font-size: 14px; font-weight: bold; text-align: left; } #confirm-order-table tbody tr td:last-child { text-align: left; } #confirm-order-table tbody tr:last-child { background: #95caf4; } #confirm-order-table tbody tr:last-child td { text-align: right; } #confirm-order-table tbody tr:last-child td:last-child { text-align: left; }