body { margin: 0; padding: 0; }
body.black { background: #000; }

h1, h2, h3, h4 { font-family: 'futura-pt', sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; }
#header a, #header .txt, #footer a, .btn { font-family: 'futura-pt', sans-serif; font-weight: 400; letter-spacing: 0.06em; }

.btn { line-height: 40px; padding: 0 2em; border: 2px solid #fff; color: #fff; text-transform: uppercase; background: transparent; transition: all 0.2s ease 0s; }
.btn:hover { border: 2px solid #f93f54 !important; color: #fff; background: #f93f54; }

#header { transition: all 0.2s ease 0s; width: 100%; height: 60px; top: 0; box-sizing: border-box; padding: 0 30px; float: left; position: absolute; z-index: 999; background: linear-gradient(180deg, rgba(0, 0, 0, 0.3), transparent); }
#page.head-dark #header, #header.dark { position: fixed; background: #000; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); }

#header .logo { float: left; }
#header .logo a { display: block; width: 140px; height: 46px; margin: 10px 0 0; background: transparent url('../images/big-logo.png') center no-repeat; background-size: contain; }
#header .logo a span { display: none; }

#header.blank .logo a { margin-top: 30px; }

#header .number { float: right; line-height: 46px; color: #fff; }
#header .number a { color: #fff; text-transform: uppercase; font-size: 18px; font-weight: 700; line-height: 46px; vertical-align: middle; }
#header .number a span { display: inline-block; padding-top: 5px; }
#header .number a .glyphicon { font-size: 24px; vertical-align: middle; margin-top: -3px; padding-top: 0; padding-right: 20px; }

#header .menu { float: right; }
#header .menu ul { margin: 0; padding: 0; list-style-type: none; }
#header .menu ul li { margin: 0; float: left; line-height: 57px; }
#header .menu ul li a, #header .menu ul li .txt { display: inline-block; padding: 0 12px; vertical-align: middle; color: #fff; text-transform: uppercase; border-bottom: 3px solid transparent; font-size: 14px; }
#header .menu ul li.current a, #header .menu ul li.section a, #header .menu ul li.current .txt, #header .menu ul li.section .txt { text-decoration: none; border-bottom: 3px solid #f53c4e; }
#header .menu ul li a:hover, #header .menu ul li a:focus { text-decoration: none; color: #859094; border-bottom: 3px solid #84929a; }
#header .menu ul li.current a:hover, #header .menu ul li.section a:hover { border-bottom: 3px solid #f53c4e; }

#header .menu ul li.cart { position: relative; padding: 0 15px 0 10px; }
#header .menu ul li.cart > a { position: relative; width: 34px; height: 34px; background: transparent url('../images/cart.png') center no-repeat; border: 1px solid #fff; border-radius: 17px; }
#header .menu ul li.cart > a:hover { color: #fff; }
#header .menu ul li.cart > a span.txt { display: none; }
#header .menu ul li.cart > a span.num { position: absolute; top: -4px; right: -4px; font-size: 10px; line-height: 14px; width: 14px; height: 14px; background: #00adee; border-radius: 7px; text-align: center; }

#header .menu ul li.cart:hover { background: #fff; }
#header .menu ul li.cart:hover > a { border: 1px solid #000; background-image: url('../images/cart-dk.png'); }

#header .menu ul li.cart .dropdown { display: none; position: absolute; background: #fff; right: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; }
#header .menu ul li.cart:hover .dropdown { display: block; }
#header .menu ul li.cart .dropdown .dropdown-items .item { min-width: 320px; float: left; padding: 10px 22px 10px 10px; line-height: 1.5em; }
#header .menu ul li.cart .dropdown .dropdown-items .item:nth-child(2) { background: #f4f4f4; }
#header .menu ul li.cart .dropdown .dropdown-items .item .title { display: block; float: left; }
#header .menu ul li.cart .dropdown .dropdown-items .item .title .name { display: block; font-weight: 700; font-family: 'futura-pt'; text-transform: uppercase; font-size: 14px; margin: 0; padding: 0; }
#header .menu ul li.cart .dropdown .dropdown-items .item .title .detail { color: #808080; display: block; float: left; clear: left; }
#header .menu ul li.cart .dropdown .dropdown-items .item .price { display: block; float: right; padding-top: 21px !important; font-weight: 700; font-family: 'futura-pt'; text-transform: uppercase; font-size: 14px; margin: 0; padding: 0; }

#header .menu ul li.cart .dropdown .totals { display: block; width: 100%; float: left; padding: 20px 22px 10px 10px; line-height: 1.8em; }
#header .menu ul li.cart .dropdown .totals .title { display: block; float: left; font-weight: 700; font-family: 'futura-pt'; text-transform: uppercase; font-size: 14px; margin: 0; padding: 0; }
#header .menu ul li.cart .dropdown .totals .price { display: block; float: right; font-weight: 700; font-family: 'futura-pt'; text-transform: uppercase; font-size: 14px; margin: 0; padding: 0; }
#header .menu ul li.cart .dropdown .actions { display: block; width: 100%; float: left; padding: 0 10px 10px; }
#header .menu ul li.cart .dropdown .actions .btn { width: 100%; background: #1076d3; border: 2px solid #1076d3; }
#header .menu ul li.cart .dropdown .actions .btn:hover { color: #fff; background: #0986f5; border: 2px solid #0986f5 !important; }

#header .menu ul li.social a { width: 22px; height: 22px; margin: 0 3px; background: transparent url('../images/social.png') 0 0 no-repeat; }
#header .menu ul li.social a.instagram { background-position: 0 -22px; }
#header .menu ul li.social a.youtube { background-position: 0 -44px; }
#header .menu ul li.social a:hover, #header .menu ul li.social a:active { border: none !important; text-decoration: none !important; }
#header .menu ul li.social a span { display: none; }

#header .menu ul li.book { padding-left: 30px; }
#header .menu ul li.book a { background: #f73e54; border: 1px solid #f73e54; padding: 0 2em; }
#header .menu ul li.book a:hover { color: #fff; background: #fd8081; border: 1px solid #fd8081 !important; }

@media only screen and (max-width: 1099px) {
#header .menu ul li.book { padding-left: 10px; }
    #header .menu ul li.social { display: none; }
}

#header .menu ul li.has-children:hover { background: #fff; padding: 0 6px; position: relative; }
#header .menu ul li.has-children:hover a, #header .menu ul li.has-children:hover .txt { padding: 0 6px; color: #84929a; border-bottom: 2px solid #84929a; }
#header .menu ul li.has-children ul { display: none; }
#header .menu ul li.has-children:hover ul { display: block; position: absolute; background: #fff; left: 0; top: 59px; min-width: 180px; border-radius: 0 0 3px 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); overflow: hidden; }
#header .menu ul li.has-children ul li { min-width: 180px; line-height: 42px; }
#header .menu ul li.has-children ul li a { padding: 0 15px !important; display: block; float: none; color: #333333 !important; font-weight: 500 !important; border: 0 !important; white-space: nowrap; }
#header .menu ul li.has-children ul li a:hover { border: 0; color: #f53c4e !important; background: #f4f4f4; }

#mob-menu-slideout { display: none; }

#page.head-dark #header .menu ul li.book a, #header.dark .menu ul li.book a { background: #f73e54; border: 1px solid #f73e54; }
#page.head-dark #header .menu ul li.book a:hover, #header.dark .menu ul li.book a:hover { background: #fd8081; border: 1px solid #fd8081 !important; }

#newsletter { width: 100%; float: left; padding: 15px 0; color: #fff; background: #363636; }
#newsletter h3 { float: left; margin: 0; line-height: 44px; text-transform: uppercase; font-size: 18px; }
#newsletter .form { float: right; width: 60%; text-align: right; white-space: nowrap; }
#newsletter .form .field { width: 40%; display: inline-block; position: relative; margin: 0 -3px 0 0; }
#newsletter .form .field input { position: relative; padding: 0 0 0 15px; width: 100%; height: 44px; border: 0; line-height: 44px; color: #000; background: none; }
#newsletter .form .field.has-val input, #newsletter .form .field input:focus { background: #fff; }
#newsletter .form .field label { padding: 0 0 0 15px; width: 100%; position: absolute; text-align: left; font-weight: normal; line-height: 44px; color: #000; background: #fff; }
#newsletter .form .field:first-child input { border-radius: 4px 0 0 4px; }
#newsletter .form .field:first-child label { border-radius: 4px 0 0 4px; }

#newsletter .form .field.has-error label { color: #990000; background: #ffa4a4; }

#newsletter .form .submit { display: inline-block; }
#newsletter .form .submit button { margin: 0; padding: 0 2em; line-height: 44px; color: #fff; background: #f93f54; text-transform: uppercase; border: 0; border-radius: 0 4px 4px 0; }
#newsletter .form .submit button:active, #newsletter .form .submit button:hover { background: #fd8081; }

#newsletter .form .success-msg {  line-height: 44px; text-align: center; }
#newsletter .form .success-msg p { margin: 0; padding: 0; }

#footer { width: 100%; float: left; padding: 60px 0 80px; color: #fff; background: #000; }
#footer .left h4 { text-transform: uppercase; float: left; border-bottom: 2px solid #f73e54; padding-bottom: 3px; }
#footer .left ul { margin: 5px 0 0; padding: 0; float: left; list-style-type: none; white-space: nowrap; }
#footer .left ul li { display: inline-block; padding: 0 10px; margin-bottom: 10px; line-height: 12px; border-left: 1px solid #fff; }
#footer .left ul li:first-child { padding-left: 0; border-left: 0; }
#footer .left ul li a { color: #fff; text-transform: uppercase; }
#footer .left ul li a:hover { text-decoration: none; color: #859094; }

#footer .left ul.logos { margin-top: 25px; }
#footer .left ul.logos li { padding: 0 15px 0 0; border: 0; float: left; }

#footer .right ul { margin: 0; padding: 0; list-style-type: none; text-align: right; }
#footer .right > ul > li { display: inline-block; vertical-align: top; }
#footer .right ul li li { margin: 0 0 14px; padding: 0 50px 0 0; text-align: left; }
#footer .right ul li:last-child li { padding-right: 0; }
#footer .right ul li li a { display: block; color: #fff; text-transform: uppercase; line-height: 22px; }
#footer .right ul li li a:hover { text-decoration: none; color: #859094; }

#footer .right ul li.social li { margin-bottom: 32px; }
#footer .right ul li.social li a { padding-left: 35px; background: transparent url('../images/social.png') 0 0 no-repeat; }
#footer .right ul li.social li a.instagram { background-position: 0 -22px; }
#footer .right ul li.social li a.youtube { background-position: 0 -44px; }

#disclaimer { width: 100%; float: left; color: #c9c9c9; background: #363636; line-height: 30px; font-size: 12px; }
#disclaimer .left p { margin: 0; padding: 0; }
#disclaimer .right { text-align: right; }
#disclaimer .right ul { list-style-type: none; margin: 0; padding: 0; }
#disclaimer .right ul li { display: inline-block; padding: 0 0 0 15px; }
#disclaimer .right ul li a { color: #c9c9c9; }

.overlay { position: absolute; top: 151px; bottom: 0; left: 0; right: 0; z-index: 1000; }
.overlay.overlay-full { top: 0; }
.overlay.overlay-fixed { position: fixed; z-index: 1000000; }
.overlay .mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; background: rgba(0, 0, 0, 0.3); }
.overlay .mask-blk { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; background: rgba(0, 0, 0, 0.8); }
.overlay .inner { position: absolute; width: 80%; margin: 0 10%; }
.overlay .inner > div { display: none; position: absolute; width: 100%; }

.glb-overlay-dialog .actions-top { position: absolute; right: 15px; top: 15px; margin-top: 0; z-index: 100; }
.glb-overlay-dialog .actions-top a { display: block; width: 16px; height: 16px; padding: 0; background: transparent url('../images/close-sml.png') top left no-repeat; }
.glb-overlay-dialog .actions-top a:hover { background: transparent url('../images/close-sml.png') top left no-repeat; }
.glb-overlay-dialog .actions-top a span { display: none; }

.yt-video .glb-overlay-dialog { position: relative; width: 1100px; height: auto; margin: 100px auto 0; }
.yt-video .video { position: relative; width: 100%; padding-bottom: 56.4%; background: #000 url('../images/ajax-loader-blk.gif') center no-repeat; }
.yt-video .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.cast-overlay { position: relative; width: 900px; min-height: 150px; overflow: hidden; margin: 100px auto 0; color: #333; background: #fff; box-shadow: 0 0 80px rgba(0, 0, 0, 0.6); border-radius: 5px; overflow: hidden; }
.cast-overlay.loading { background: #fff url('../images/ajax-loader.gif') center no-repeat; }
.cast-overlay .actions { position: absolute; top: 10px; right: 10px; }
.cast-overlay .actions a { color: #333; opacity: 0.7; }
.cast-overlay .actions a:hover { opacity: 0.9; }

.cast-overlay .cast-overlay-inner { position: relative; }
.cast-overlay .image { position: absolute; width: 33%; top: 0; bottom: 0; background-size: cover; background-position: center; }
.cast-overlay .content { width: 67%; margin-left: 33%; box-sizing: border-box; padding: 50px 30px; }
.cast-overlay .content h2 { font-size: 18px; font-weight: 700; margin: 0 0 5px; }
.cast-overlay .content h3 { font-size: 14px; font-weight: 700; margin: 0 0 20px; color: #808080; }
.cast-overlay .content p { line-height: 1.8em; letter-spacing: 0.05em; }

/* -- HOME -- */
#home { width: 100%; float: left; }
#home #vid { width: 100%; float: left; min-height: 650px; box-sizing: border-box; position: relative; background: #333; text-align: center; }

#home #vid .bg { position: absolute; overflow: hidden; width: 100%; height: 650px; background: transparent url('../video/home.jpg') center; background-size: cover; }
#home #vid .bg .bg-inner { position: absolute; background: transparent url('../video/home.jpg') center; background-size: cover; display: none; }
#home #vid .bg #bg-video { display: block; position: absolute; width: 100%; }
#home #vid .bg #bg-video.hgt { width: auto; height: 100%; }

#home #vid .content { position: absolute; bottom: 0; width: 100%; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8)); }
#home #vid .content h1 { display: none; width: 439px; height: 144px; background: transparent url('../images/big-logo.png') center no-repeat; background-size: contain; }
#home #vid .content h1 span { display: none; }
#home #vid .content h2 { display: none; text-transform: uppercase; color: #fff; margin: 10px 0 30px; }
#home #vid .content .actions  { position: relative; z-index: 300; }
#home #vid .content .actions .btn { margin: 0 10px; padding: 0 4em; }
#home #vid .content .vid-actions { position: relative; z-index: 300; }
#home #vid .content .vid-actions a { display: inline-block; width: 191px; height: 62px; margin: 50px 0 20px; background: transparent url('../images/trailer-play.png?v=2') center no-repeat; background-size: contain; }
#home #vid .content .vid-actions a span { display: none; }

#home #welcome { width: 100%; float: left; position: relative; padding: 4% 0 5%; margin-bottom: 150px; color: #fff; background: #171a25 url('../images/bg/intro.jpg') bottom right no-repeat; background-size: contain; }
#home #welcome .keytar-girl { position: absolute; z-index: 3; width: 529px; height: 814px; right: 15%; bottom: -260px; background: transparent url('../images/bg/keytar-girl.png') center no-repeat; }
#home #welcome .content { width: 45%; float: left; margin-left: 70px; }
#home #welcome .content h3 { font-size: 18px; font-weight: 500; margin-bottom: 15px; }
#home #welcome .content p { line-height: 1.8em; letter-spacing: 0.05em; }
#home #welcome .content p a { color: inherit; text-decoration: underline; }
#home #welcome .content p a:hover { color: #859094; }

#home #welcome .content .rating { margin: 45px 0 0; min-height: 160px; }
#home #welcome .content .rating .stars { width: 100%; margin: 0 0 10px; display: block; float: left; height: 18px; }
#home #welcome .content .rating .stars .star { display: block; float: left; width: 18px; height: 18px; margin: 0 10px 0 0; background: transparent url('../images/star.png') center no-repeat; }
#home #welcome .content .rating .stars.type-circle .star { background-image: url('../images/circle.png'); }
#home #welcome .content .rating .quote { margin: 0; }
#home #welcome .content .rating .person { margin: 0; font-size: 11px; }

#home #masonary { width: 100%; float: left; position: relative; padding: 60px 0 100px; }
#home #masonary .row { margin-left: -7px; margin-right: -7px; }
#home #masonary .row > div { padding-right: 7px; padding-left: 7px; }
#home #masonary .masonary-item { position: relative; margin: 0 0 14px; min-height: 320px; background-size: cover; background-position: top center; cursor: pointer; }
#home #masonary .masonary-item .mask { transition: all 0.2s ease 0s; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(249, 63, 84, 0.8); opacity: 0; }
#home #masonary .masonary-item:hover .mask { opacity: 1; }
#home #masonary .masonary-item .inner { transition: all 0.2s ease 0s; position: absolute; bottom: 0; left: 0; right: 0; padding: 25px; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.99)); }
#home #masonary .masonary-item:hover .inner { background: none; }
#home #masonary .masonary-item .inner h4 { margin-bottom: 15px; text-transform: uppercase; color: #fff; }
#home #masonary .masonary-item:hover .inner .btn, #masonary .masonary-item .inner .btn:hover { color: #000; background: #fff; border: 2px solid #fff !important; }

#home #shop { width: 100%; float: left; position: relative; color: #fff; background: #000 url('../images/bg/shop.jpg') bottom left no-repeat; background-size: contain; overflow: hidden; }
#home #shop .shop-ppl { position: absolute; min-width: 785px; top: 0; bottom: 0; right: -50px; background: transparent url('../images/bg/shop-ppl.png') center bottom no-repeat; background-size: contain; }
#home #shop .content { width: 100%; float: left; padding: 12% 0 15%; position: relative; }
#home #shop .content .left { width: 35%; float: left; position: relative; margin-left: 70px; }
#home #shop .content .left h3 { font-size: 18px; font-weight: 500; margin-bottom: 15px; }
#home #shop .content .left p { line-height: 1.8em; letter-spacing: 0.05em; }
#home #shop .content .left .actions { margin-top: 30px; }

#home #gallery { width: 100%; float: left; padding: 150px 0 100px; background: transparent url('../images/bg/gallery.jpg') top left no-repeat; }
#home #gallery .container { position: relative; }
#home #gallery .hand { position: absolute; width: 321px; height: 256px; left: -100px; top: -250px; background: transparent url('../images/bg/hand.png') center no-repeat; }
#home #gallery h3 { text-align: center; text-transform: uppercase; margin: 0 0 30px; font-size: 18px; }
#home #gallery .gallery-inner.loading { min-height: 32px; background: transparent url('../images/ajax-loader.gif') center no-repeat; }
#home #gallery .gallery-inner .row { margin-left: -5px; margin-right: -5px; }
#home #gallery .gallery-inner .row > div { padding-right: 5px; padding-left: 5px; }
#home #gallery .masonary-item { position: relative; margin: 0 0 10px; min-height: 280px; background-size: cover; background-position: top center; cursor: pointer; }
#home #gallery .masonary-item .mask { transition: all 0.2s ease 0s; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(249, 63, 84, 0.8); opacity: 0; }
#home #gallery .masonary-item:hover .mask { opacity: 1; }

#home #blog-articles { width: 100%; float: left; padding: 150px 0 60px; }
#home #blog-articles .title { width: 100%; float: left; margin: 0 0 60px; box-sizing: border-box; padding: 0 15px; }
#home #blog-articles .title h2 { font-size: 24px; font-weight: bold; }
#home #blog-articles .title h2 a { display: inline-block; float: right; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: none; font-size: 14px; font-weight: normal; }

#home #blog-articles .article { width: 100%; float: left; }
#home #blog-articles .article .hero { width: 100%; float: left; margin: 0 0 30px; }
#home #blog-articles .article .hero img { width: 100%; float: left;}

#home #blog-articles .article .detail { width: 100%; float: left; margin: 0 0 20px; }
#home #blog-articles .article .detail h3 { font-size: 20px; margin: 0 0 25px; font-weight: 700; }
#home #blog-articles .article .detail h3 a { color: inherit; text-decoration: none; }

#home #blog-articles .article .actions { width: 100%; float: left; margin: 0 0 40px; }
#home #blog-articles .article .actions .btn { color: #fff; background: #0986f5; border: 2px solid #0986f5; }
#home #blog-articles .article .actions .btn:hover { background: #1076d3; border: 2px solid #1076d3 !important; }

/* -- ABOUT -- */
#about { width: 100%; float: left; }
#about #banner { width: 100%; float: left; margin-top: 60px; padding: 230px 0 200px; text-align: center; color: #fff; background-size: cover; background-position: center; }
#about #banner h1 { font-size: 30px; font-weight: 700; margin: 0 0 10px; text-shadow: 0 0 60px rgba(0, 0, 0, 0.9); }
#about #banner h2 { font-size: 24px; font-weight: 400; letter-spacing: 0.14em; margin: 0; padding: 0; text-shadow: 0 0 60px rgba(0, 0, 0, 0.9); }

#about #top { width: 100%; float: left; text-align: center; padding: 80px 0; color: #fff; background: transparent url('../images/bg/top.jpg') top right no-repeat; background-size: cover; }
#about #top h3 { font-size: 18px; font-weight: 700; margin: 0 0 25px; }
#about #top p { margin: 0 0 50px; line-height: 1.5em; letter-spacing: 0.05em; max-width: 500px; display: inline-block; }
#about #top p a { color: inherit; text-decoration: underline; }
#about #top p a:hover { color: #859094; }

#about #carousel { width: 100%; float: left; padding: 80px 0; background: transparent url('../images/bg/gallery.jpg') top center no-repeat; background-size: cover; }
#about #carousel .carousel-container { width: 100%; float: left; position: relative; color: #333333; background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); }
#about #carousel .carousel-container .left { width: 50%; float: left; box-sizing: border-box; padding: 50px 50px 100px 30px; }
#about #carousel .carousel-container .left h2 { font-size: 18px; font-weight: 700; margin: 0 0 30px; }
#about #carousel .carousel-container .left p { line-height: 1.8em; letter-spacing: 0.05em; }
#about #carousel .carousel-container .left p a { color: inherit; text-decoration: underline; }
#about #carousel .carousel-container .left p a:hover { color: #859094; }

#about #carousel .carousel-container .right { position: absolute; top: 0; bottom: 0; width: 50%; right: 0; }
#about #carousel .carousel-container .right .images { position: absolute; top: 0; bottom: 0; width: 100%; overflow: hidden; }
#about #carousel .carousel-container .right .images > div { position: absolute; top: 0; bottom: 0; width: 100%; background-size: cover; background-position: center; }
#about #carousel .carousel-container .right .nav { position: absolute; width: 36px; height: 36px; left: 15px; top: 45%; }
#about #carousel .carousel-container .right .nav.next { left: initial; right: 15px; }
#about #carousel .carousel-container .right .nav a { display: block; width: 36px; height: 36px; line-height: 42px; background: #fff; border-radius: 18px; text-align: center; font-size: 22px; color: #033333; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

#about #timeline { width: 100%; float: left; padding: 50px 0 0; background: #000 url('../images/bg/timeline.jpg') top right no-repeat; background-size: contain; }
#about #timeline .timeline-container { width: 100%; float: left; text-align: center; color: #fff; }
#about #timeline .timeline-container h2 { font-size: 18px; font-weight: 700; margin: 0 0 20px; }

#about #timeline .timeline-container .timeline-item { width: 100%; float: left; padding: 0 0 30px; background: transparent url('../images/white-dot.png') top center repeat-y; }
#about #timeline .timeline-container .timeline-item .timeline-item-inner { width: 100%; float: left; }
#about #timeline .timeline-container .timeline-item h3 { font-size: 18px; font-weight: 400; margin: 0 0 30px; line-height: 24px; display: inline-block; background: #000; }
#about #timeline .timeline-container .timeline-item .content { transition: all 0.3s ease 0s; width: 100%; float: left; position: relative; color: #033333; background: #fff; text-align: left; }
#about #timeline .timeline-container .timeline-item.new .content { transform: rotateY(90deg); }
#about #timeline .timeline-container .timeline-item .content .left { width: 50%; float: left; box-sizing: border-box; padding: 50px 30px 100px; }
#about #timeline .timeline-container .timeline-item .content .left h4 { margin: 0 0 25px; font-weight: 700; }
#about #timeline .timeline-container .timeline-item .content .left h4 .year { display: block; font-size: 34px; color: #d0d8df; }
#about #timeline .timeline-container .timeline-item .content .left p { line-height: 1.5em; letter-spacing: 0.05em; }

#about #timeline .timeline-container .timeline-item .content .right { position: absolute; width: 49.9%; right: 0; top: 0; bottom: 0; background-size: cover; }

#about #timeline .timeline-container .end { width: 100%; float: left; margin: 0 0 60px; }
#about #timeline .timeline-container .end h4 { height: 40px; line-height: 30px; font-size: 18px; font-weight: 400; margin-top: 4px; display: inline-block; }
#about #timeline .timeline-container .end h4 span { height: 30px; display: block; }
#about #timeline .timeline-container .end h4.loading { height: 40px; width: 30px; background: transparent url('../images/ajax-loader-dk-small.gif') center no-repeat; }
#about #timeline .timeline-container .end h4.loading span { display: none; }


/* -- CONTACT -- */
#contact { width: 100%; float: left; }
#contact #top { width: 100%; float: left; margin-top: 60px; padding: 130px 0 90px; color: #fff; background: #000 url('../images/bg/dark.jpg') top left no-repeat; }
#contact #top .left { padding-right: 40px; }
#contact #top .left h1 { margin: 0 0 30px; font-size: 18px; font-weight: 700; }
#contact #top .left p { margin: 0 0 50px; line-height: 1.5em; letter-spacing: 0.05em; }
#contact #top .left .actions a { display: inline-block; line-height: 27px; margin-left: 25px; padding-left: 50px; font-size: 18px; font-weight: 700; font-family: 'futura-pt', sans-serif; text-transform: uppercase; color: #fff; background: transparent url('../images/phone-ico.png') center left no-repeat; }

#contact #top .right { width: 100%; float: left; }
#contact #top .right .form {  }
#contact #top .right .form .field { width: 100%; display: inline-block; position: relative; margin: 0 0 20px; box-sizing: border-box; }
#contact #top .right .form .field.half { width: 48%; }
#contact #top .right .form .field.half.left { padding: 0; float: left; }
#contact #top .right .form .field.half.right { float: right; }
#contact #top .right .form .field.reqd::before { content: '*'; position: absolute; color: #f73e54; z-index: 2; font-size: 17px; font-weight: bold; right: 8px; top: 4px; }
#contact #top .right .form .field input,
#contact #top .right .form .field select,
#contact #top .right .form .field textarea { position: relative; padding: 0 0 0 15px; width: 100%; border: 0; line-height: 60px; height: 60px; color: #000; background: none; border-radius: 2px; }
#contact #top .right .form .field textarea { max-width: 100%; min-height: 180px; }
#contact #top .right .form .field.has-val input, #newsletter .form .field input:focus, #contact #top .right .form .field.has-val textarea, #newsletter .form .field textarea:focus { background: #fff; }
#contact #top .right .form .field label { padding: 0 0 0 14px; width: 100%; position: absolute; top: 0; bottom: 0; text-align: left; font-weight: normal; line-height: 60px; min-height: 60px; color: #000; background: #fff; border-radius: 2px; border: 1px solid #fff; }

#contact #top .right .form .field.has-error label { color: #f54353; border: 1px solid #f54353; }

#contact #top .right .form .submit { display: block; float: right; margin-top: -5px; }
#contact #top .right .form .submit button { margin: 0; padding: 0 2em; line-height: 44px; color: #fff; background: #1076d3; text-transform: uppercase; border: 0; border-radius: 3px; }
#contact #top .right .form .submit button:hover, #contact #top .right .form .submit button:active { background: #0986f5; }

#contact #top .right .form .sel-replace { position: relative; line-height: 60px; height: 60px; }
#contact #top .right .form .sel-replace select { position: absolute; }

#contact #top .right .form .sel-replaced { position: relative; }
#contact #top .right .form .sel-replaced>label { width: 100%; display: block; line-height: 60px; padding-left: 15px; font-weight: normal; font-size: 16px; color: #000; background: transparent url('../images/ddl.png') 95% center no-repeat; margin: 0; cursor: pointer; }
#contact #top .right .form .sel-replaced.selected>label, #contact #top .right .form .has-val .sel-replaced>label { background: #fff url('../images/ddl.png') 95% center no-repeat; }
#contact #top .right .form .sel-replaced>.options { display: none; width: 100%; border: 1px solid #dddddd; border-top: 0; position: absolute; margin-top: 59px; z-index: 3; background: #fff; border-radius: 0 0 3px 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05) }
#contact #top .right .form .sel-replaced.open>.options { display: block; }
#contact #top .right .form .sel-replaced>.options .option { line-height: 60px; display: block; font-size: 16px; padding-left: 15px; color: #333; cursor: pointer; border: 1px solid #ededed; border-top: 0; }
#contact #top .right .form .sel-replaced>.options .option.selected, #contact #top .right .form .sel-replaced>.options .option:hover { background: #eee; }

#contact #locations { width: 100%; float: left; padding: 90px 0; background: transparent url('../images/bg/gallery.jpg') top center no-repeat; background-size: cover; }
#contact #locations .location { width: 100%; float: left; }
#contact #locations .location h2 { font-size: 18px; font-weight: 500; margin: 0 0 15px; }
#contact #locations .location .location-inner { position: relative; width: 100%; float: left; box-sizing: border-box; border: 1px solid #dfdfdf; background: #fff; }
#contact #locations .location .location-inner .map { position: relative; width: 100%; height: 290px; background: transparent url('../images/ajax-loader.gif') center no-repeat; }
#contact #locations .location .location-inner .map iframe { width: 100% !important; height: 100% !important; }
#contact #locations .location .location-inner ul { display: block; width: 100%; float: left; list-style-type: none; margin: 0; padding: 30px 40px; }
#contact #locations .location .location-inner ul li { display: block; position: relative; padding: 15px 0 25px 50px; }
#contact #locations .location .location-inner ul li .ico { display: block; position: absolute; left: 0; top: 12px; width: 23px; height: 30px; background: transparent url('../images/contact-icons.png') top center no-repeat; }
#contact #locations .location .location-inner ul li .ico.train { background-position: 0 -30px; }
#contact #locations .location .location-inner ul li .ico.access { background-position: 0 -60px; }
#contact #locations .location .location-inner ul li .ico.phone { background-position: 0 -90px; }
#contact #locations .location .location-inner ul li a { color: inherit; font-weight: bold; }

#contact #locations .location .uber-actions { display: none; }

/* -- COFFIN -- */
#general .coffin-page {
	text-align: center;
}
.coffin-page svg {
	width:40%;
	max-width: 450px;
}
.coffin-page svg > g:nth-child(2) {
	animation: coffin 3s 0s 1 forwards;
	transform-origin: 20% 40%;
}
@keyframes coffin {
	0% {
		transform:translate(-25%,2%) rotate(-2deg);
	}
	98% {
		transform:translate(0%,0%) rotate(0deg);
	}
	99% {
		transform:translate(0%,0%) rotate(0deg) scale(0.99);
	}
	100% {
		transform:translate(0%,0%) rotate(0deg) scale(1);
	}
}
@media screen and (max-width:767px) {
	.coffin-page svg {
		width:80%;
		max-width: 450px;
	}
}

/* -- SHOW -- */
#show { width: 100%; float: left; }

#show .alert-popup { position: absolute; top: 80px; z-index: 100; width: 640px; left: 0; right: 0; margin-left: auto; margin-right: auto; padding: 12px 15px; box-sizing: border-box; background: #fff; border-radius: 4px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); }
#show .alert-popup .close { font-size: 14px; position: absolute; right: 15px; top: 26px; }
#show .alert-popup .close { opacity: 1; }
#show .alert-popup .close a { color: #000; opacity: 0.6; }
#show .alert-popup .close a:hover { opacity: 1; }

#show .alert-popup .ico { float: left; width: 46px; height: 46px; background: #f73e54 url('../images/alert.png') center no-repeat; background-size: 20px 20px; border-radius: 23px; }

#show .alert-popup .content { float: left; margin-top: 12px; padding: 0 25px; }
#show .alert-popup .content p { text-transform: uppercase; font-family: 'futura-pt'; }

#show .alert-popup .cta { float: left; margin-top: 12px; }
#show .alert-popup .cta a { text-transform: uppercase; font-family: 'futura-pt'; font-weight: 600; color: #0077da; }

#show #banner { width: 100%; float: left; min-height: 650px; box-sizing: border-box; position: relative; background: #333; text-align: center; overflow: hidden; }
#show #banner .bg { transition: all 0.1s ease 0s; position: absolute; overflow: hidden; z-index: 1; width: 100%; height: 650px; background-position: top center; background-size: cover; }

#show #banner .content { position: absolute; bottom: 0; width: 100%; z-index: 2; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8)); }
#show #banner .content h1 { display: inline-block; width: 439px; height: 180px; background: transparent; background-size: contain; }
#show.mel #banner .content h1 { width: 750px; height: 188px; background-image: url('../images/resurr-logo.png'); background-repeat: no-repeat; background-position: center; }
#show.kids #banner .content h1 { width: 475px; height: 236px; background-image: url('../images/d4k-logo.png'); }
#show #banner .content h1.no-bg { background: none; }
#show #banner .content h1 span { display: none; }
#show #banner .content h2 { text-transform: uppercase; color: #fff; margin: 10px 0 30px; }
#show #banner .content .actions .btn { margin: 0 10px 30px; }
#show #banner .content .vid-actions a { display: inline-block; width: 191px; height: 62px; margin: 50px 0 20px; background: transparent url('../images/trailer-play.png') center no-repeat; background-size: contain; }
#show #banner .content .vid-actions a span { display: none; }

#show #welcome { width: 100%; float: left; position: relative; padding: 4% 0 5%; color: #fff; background: #171a25 url('../images/bg/intro.jpg') bottom right no-repeat; background-size: contain; }
#show.kids #welcome { background-image: url('../images/bg/d4k-1.jpg'); background-size: cover; }
#show #welcome .weird-head { position: absolute; z-index: 2; width: 483px; height: 506px; right: 10%; bottom: -140px; background: transparent url('../images/bg/weird-head.png') center no-repeat; }
#show #welcome .guitar-girl { position: absolute; z-index: 2; width: 483px; height: 759px; right: 10%; bottom: -150px; background: transparent url('../images/bg/guitar-girl.png?v=2') center no-repeat; }
#show #welcome .retro-guy { position: absolute; z-index: 2; width: 588px; height: 765px; right: 15%; bottom: -210px; background: transparent url('../images/bg/cocco-terrorbyte.png') center no-repeat; }
#show #welcome .d4k-character { position: absolute; z-index: 2; width: 443px; height: 540px; right: 18%; bottom: -140px; background: transparent url('../images/bg/d4k-character.png') center no-repeat; }
#show #welcome .content { width: 45%; float: left; margin-left: 70px; }
#show #welcome .content h3 { font-size: 18px; font-weight: 500; margin-bottom: 15px; }
#show #welcome .content p { line-height: 1.8em; letter-spacing: 0.05em; }
#show #welcome .content p a { color: inherit; text-decoration: underline; }
#show #welcome .content p a:hover { color: #859094; }

#show #welcome .content .rating { margin: 45px 0 0; min-height: 160px; }
#show #welcome .content .rating .stars { width: 100%; margin: 0 0 10px; display: block; float: left; height: 18px; }
#show #welcome .content .rating .stars .star { display: block; float: left; width: 18px; height: 18px; margin: 0 10px 0 0; background: transparent url('../images/star.png') center no-repeat; }
#show #welcome .content .rating .quote { margin: 0; }
#show #welcome .content .rating .person { margin: 0; font-size: 11px; }

#show #gallery-cast { width: 100%; float: left; padding: 150px 0 100px; background: transparent url('../images/bg/gallery.jpg') top left no-repeat; }
#show #gallery .container { position: relative; }
#show #gallery h3 { text-align: center; text-transform: uppercase; margin: 0 0 30px; font-size: 18px; }
#show #gallery .gallery-inner.loading { min-height: 32px; background: transparent url('../images/ajax-loader.gif') center no-repeat; }
#show #gallery .gallery-inner .row { margin-left: -5px; margin-right: -5px; }
#show #gallery .gallery-inner .row > div { padding-right: 5px; padding-left: 5px; }
#show #gallery .masonary-item { position: relative; margin: 0 0 10px; min-height: 280px; background-size: cover; background-position: top center; cursor: pointer; }
#show #gallery .masonary-item .mask { transition: all 0.2s ease 0s; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(249, 63, 84, 0.8); opacity: 0; }
#show #gallery .masonary-item:hover .mask { opacity: 1; }

#show #cast { width: 100%; float: left; padding: 80px 0 0; }
#show #cast .cast-inner h2 { text-align: center; text-transform: uppercase; margin: 0 0 30px; font-size: 18px; }
#show #cast .cast-inner .cast-members { width: 80%; float: left; margin: 0 10%; padding: 0 -15px; text-align: center; }
#show #cast .cast-inner .cast-members.loading { min-height: 32px; background: transparent url('../images/ajax-loader.gif') center no-repeat; }
#show #cast .cast-inner .cast-members .cast-member { display: inline-block; width: 33%; margin: 0 0 30px; box-sizing: border-box; padding: 0 15px; }
#show #cast .cast-inner .cast-members .cast-member .cast-member-inner { width: 100%; float: left; cursor: pointer; position: relative; min-height: 400px; padding-top: 150%; background-size: cover; background-position: top center; }
#show #cast .cast-inner .cast-members .cast-member .cast-member-inner .mask { transition: all 0.2s ease 0s; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(249, 63, 84, 0.8); opacity: 0; }
#show #cast .cast-inner .cast-members .cast-member .cast-member-inner:hover .mask { opacity: 1; }
#show #cast .cast-inner .cast-members .cast-member .cast-member-inner .inner { position: absolute; bottom: 0; width: 100%; padding: 0 0 15px; background: linear-gradient(180deg, transparent, black 45%, black); }
#show #cast .cast-inner .cast-members .cast-member .cast-member-inner:hover .inner { background: transparent; }
#show #cast .cast-inner .cast-members .cast-member .cast-member-inner .inner .snapshot { transition: all 0.5s ease 0s; display: inline-block; width: 64px; height: 64px; border-radius: 32px; border: 2px solid #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); }
#show #cast .cast-inner .cast-members .cast-member .cast-member-inner .inner h3 { margin: 0 0 10px; color: #fff; font-size: 18px; font-weight: 500; text-transform: none; }
#show #cast .cast-inner .cast-members .cast-member .cast-member-inner .inner .btn { line-height: 24px; text-transform: none; border: 1px solid #fff; border-radius: 12px; padding: 0 0.6em; }
#show #cast .cast-inner .cast-members .cast-member .cast-member-inner:hover .btn,
#show #cast .cast-inner .cast-members .cast-member .cast-member-inner .btn:hover { border: 1px solid #fff !important; background: #fff; color: #333; }

#show #menu { width: 100%; float: left; background: #000 url('../images/bg/menu-2.jpg') bottom left no-repeat; }
#show #menu .menu-bg-2 { width: 100%; float: left; padding: 60px 0; background: transparent url('../images/bg/menu-1.png') top right no-repeat; }
#show.kids #menu .menu-bg-2 { background: transparent url('../images/bg/d4k-2.png') top right no-repeat; }
#show #menu h2 { font-size: 18px; font-weight: 700; margin-bottom: 60px; text-align: center; color: #fff; }
#show #menu .menu-items { width: 100%; float: left; margin: 0 0 40px; color: #033333; background: #fff; }
#show #menu .menu-items .image { width: 100%; float: left; min-height: 250px; background-size: cover; background-position: center; }
#show #menu .menu-items .content { width: 100%; float: left; padding: 20px 10% 60px; text-align: center; }
#show #menu .menu-items .content h3 { text-transform: none; font-size: 18px; margin: 40px 0 15px; }
#show #menu .menu-items .content p { margin: 0 0 30px; line-height: 1.5em; letter-spacing: 0.05em; }

#show #menu .menu-items .note { width: 100%; float: left; padding: 10px 10% 40px; text-align: center; background: #f2f5f9; }
#show #menu .menu-items .note h3 { text-transform: none; font-size: 18px; margin: 20px 0 10px; }
#show #menu .menu-items .note p { margin: 0; font-size: 12px; line-height: 1.8em; letter-spacing: 0.05em; color: #5f6264; }

#show #enhance { width: 100%; float: left; padding: 60px 0 80px; background: transparent url('../images/bg/gallery.jpg') top left no-repeat; }
#show #enhance .top-content { width: 100%; float: left; margin: 0 0 60px; text-align: center; }
#show #enhance .top-content h2 { font-size: 18px; font-weight: 700; margin-bottom: 30px; }
#show #enhance .top-content p { line-height: 1.5em; letter-spacing: 0.05em; }

#show #enhance .enhance-item { width: 100%; float: left; margin-bottom: 30px; background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); }
#show #enhance .enhance-item .top { width: 100%; float: left; position: relative; overflow: hidden; }
#show #enhance .enhance-item .top .image { width: 100%; float: left; min-height: 250px; background-size: cover; background-position: center; }
#show #enhance .enhance-item .top .detail { transition: all 0.2s ease 0s; width: 100%; float: left; position: absolute; background: #fff; overflow: hidden; bottom: 0; top: 100%; box-sizing: border-box; padding: 15px; }
#show #enhance .enhance-item.showdetail .top .detail { top: 0; }
#show #enhance .enhance-item .top .detail h4 { font-size: 14px; font-weight: 700; }
#show #enhance .enhance-item .content { transition: all 0.2s ease 0s; width: 100%; float: left; box-sizing: border-box; padding: 10px 15px; }
#show #enhance .enhance-item .content h4 { font-size: 14px; font-weight: 700; transition: all 0.2s ease 0s; }
#show #enhance .enhance-item .content p .price { font-family: 'futura-pt', sans-serif; font-weight: 700; display: block; float: right; font-size: 18px; }
#show #enhance .enhance-item .content p a { transition: all 0.2s ease 0s; }
#show #enhance .enhance-item.showdetail .content h4 { opacity: 0; }

#show #book { width: 100%; float: left; padding: 60px 0 80px; background: #000 url('../images/bg/dark-2.jpg') top right no-repeat; background-size: contain; }
#show #book .top-content { width: 100%; float: left; margin: 0 0 40px; text-align: center; }
#show #book .top-content h2 { font-size: 18px; font-weight: 700; margin-bottom: 20px; color: #fff; }
#show #book .top-content p { color: #fff; line-height: 1.5em; letter-spacing: 0.05em; }

#show #book .exp-item { width: 100%; float: left; color: #333333; background: #fff; }
#show #book .exp-item h3 { position: relative; margin: 0; padding: 25px 50px 25px 20px; font-size: 18px; font-weight: 700; }
#show #book .exp-item h3 .price { position: absolute; right: 20px; }
#show #book .exp-item.featured h3 { color: #fff; background: #f73e54; }
#show #book .exp-item .image { width: 100%; float: left; min-height: 250px; background-size: cover; background-position: center; }
#show #book .exp-item .content { width: 100%; float: left; box-sizing: border-box; padding: 30px 20px; }
#show #book .exp-item .content p { line-height: 1.5em; letter-spacing: 0.05em; color: #747779; }
#show #book .exp-item .actions { text-align: right; padding: 0 25px 30px; }
#show #book .exp-item .actions .btn { border: 2px solid #333333; color: #333333; font-weight: 500; }
#show #book .exp-item .actions .btn:hover { color: #fff; }
#show #book .exp-item.featured .actions .btn { border: 2px solid #f73e54; background: #f73e54; color: #fff; }
#show #book .exp-item.featured .actions .btn:hover, #show #book .exp-item.featured .actions .btn:active { background: #fd8081; border: 2px solid #fd8081 !important; }

#show.kids #book .exp-item { text-align: center; }
#show.kids #book .exp-item h3 { color: #fff; background: #0e79d7; }
#show.kids #book .exp-item .content { min-height: 140px; }
#show.kids #book .exp-item .content p { font-weight: 700; color: #000; }
#show.kids #book .exp-item .actions { text-align: center; }

#show #time-location { width: 100%; float: left; position: relative; }
#show #time-location .left { display: block; width: 50%; float: left; box-sizing: border-box; padding: 40px 30px 40px 0; }
#show #time-location .left h3 { margin: 0 0 20px; font-size: 18px; font-weight: 700; }
#show #time-location .left p { line-height: 1.5em; letter-spacing: 0.05em; }
#show #time-location .left ul { display: block; width: 100%; float: left; list-style-type: none; margin: 0; padding: 10px 40px 30px 10px; }
#show #time-location .left ul li { display: block; position: relative; padding: 15px 0 25px 50px; }
#show #time-location .left ul li .ico { display: block; position: absolute; left: 0; top: 12px; width: 23px; height: 30px; background: transparent url('../images/contact-icons.png') top center no-repeat; }
#show #time-location .left ul li .ico.train { background-position: 0 -30px; }
#show #time-location .left ul li .ico.access { background-position: 0 -60px; }
#show #time-location .left ul li .ico.phone { background-position: 0 -90px; }
#show #time-location .left ul li a { color: inherit; font-weight: bold; }

#show #time-location .location { position: absolute; z-index: 2; top: 0; bottom: 0; right: 0; width: 50%; background: transparent url('../images/ajax-loader.gif') center no-repeat; }
#show #time-location .location iframe { width: 100% !important; height: 100% !important; }

#show #time-location  .uber-actions { display: none; }

/* -- PHOTOS -- */
#photos { width: 100%; float: left; }
#photos #search { width: 100%; float: left; margin-top: 60px; padding: 45px 0; color: #fff; background: #171a25; }
#photos #search h3 { float: left; margin: 0 30px 0 0; line-height: 44px; text-transform: uppercase; font-size: 18px; min-width: 15%; }
#photos #search .form { float: left; width: 60%; text-align: left; white-space: nowrap; }
#photos #search .form .field { width: 40%; height: 44px; vertical-align: top; display: inline-block; position: relative; margin: 0 10px 0 0; }
#photos #search .form .field input { position: relative; padding: 0 0 0 15px; width: 100%; height: 44px; border: 0; line-height: 44px; color: #000; background: none; border-radius: 3px; }
#photos #search .form .field.has-val input, #newsletter .form .field input:focus { background: #fff; }
#photos #search .form .field label { padding: 0 0 0 15px; width: 100%; position: absolute; text-align: left; font-weight: normal; line-height: 44px; color: #000; background: #fff; border-radius: 3px; }

#photos #search .form .sel-replace { position: relative; line-height: 44px; height: 44px; }
#photos #search .form .sel-replace select { position: absolute; }

#photos #search .form .sel-replaced { position: absolute; width: 100%; }
#photos #search .form .sel-replaced>label { width: 100%; display: block; line-height: 44px; height: 44px; padding-left: 15px; font-weight: normal; font-size: 14px; color: #000; background: transparent url('../images/ddl.png') 95% center no-repeat; margin: 0; cursor: pointer; }
#photos #search .form .sel-replaced.selected>label, #photos #search .form .has-val .sel-replaced>label { background: #fff url('../images/ddl.png') 95% center no-repeat; }
#photos #search .form .sel-replaced>.options { display: none; width: 100%; border: 1px solid #dddddd; border-top: 0; position: absolute; margin-top: 43px; z-index: 3; background: #fff; border-radius: 0 0 3px 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05) }
#photos #search .form .sel-replaced.open>.options { display: block; }
#photos #search .form .sel-replaced>.options .option { line-height: 44px; display: block; font-size: 14px; padding-left: 15px; color: #333; cursor: pointer; border: 1px solid #ededed; border-top: 0; }
#photos #search .form .sel-replaced>.options .option.selected, #photos #search .form .sel-replaced>.options .option:hover { background: #eee; }

#photos #search .form .field.has-error label { color: #990000; background: #ffa4a4; }

#photos #search .form .submit { display: inline-block; }
#photos #search .form .submit button { margin: 0; padding: 0 2em; line-height: 44px; color: #fff; background: #1076d3; text-transform: uppercase; border: 0; border-radius: 4px; }
#photos #search .form .submit button:active, #photos #search .form .submit button:hover { background: #0986f5; }

#photos #list { width: 100%; float: left; min-height: 600px; padding: 0 0 100px; background: transparent url('../images/bg/gallery.jpg') top left no-repeat; }
#photos #list .top { width: 100%; float: left; padding: 40px 0; line-height: 44px; display: none; }
#photos #list .top p { float: left; }
#photos #list .top .right { float: right; }

#photos #list .top .right > label { display: inline-block; font-weight: normal; height: 44px; padding-right: 15px; }
#photos #list .top .right .sel-replace { position: relative; display: inline-block; width: 200px; line-height: 44px; background: #fff; vertical-align: top; }
#photos #list .top .right .sel-replace select { position: absolute; }

#photos #list .top .right .sel-replaced { position: absolute; width: 100%; border: 1px solid #ccc; border-radius: 3px; }
#photos #list .top .right .sel-replaced>label { width: 100%; display: block; line-height: 44px; height: 44px; padding-left: 15px; font-weight: normal; font-size: 14px; color: #333; background: transparent url('../images/ddl.png') 95% center no-repeat; margin: 0; cursor: pointer; border-radius: 3px; }
#photos #list .top .right .sel-replaced.selected>label { background: #fff url('../images/ddl.png') 95% center no-repeat; }
#photos #list .top .right .sel-replaced>.options { display: none; width: 100%; border: 1px solid #dddddd; border-top: 0; position: absolute; margin-top: 1px; z-index: 3; background: #fff; border-radius: 0 0 3px 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05) }
#photos #list .top .right .sel-replaced.open>.options { display: block; }
#photos #list .top .right .sel-replaced>.options .option { line-height: 44px; display: block; font-size: 14px; padding-left: 15px; color: #333; cursor: pointer; border: 1px solid #ededed; border-top: 0; }
#photos #list .top .right .sel-replaced>.options .option.selected, #photos #list .top .right .sel-replaced>.options .option:hover { background: #eee; }

#photos #list .gallery-inner { width: 100%; float: left; display: none; }
#photos #list .gallery-inner.loading { min-height: 250px; background: transparent url('../images/ajax-loader.gif') center no-repeat; }
#photos #list .gallery-inner .row { margin-left: -1px; margin-right: 0px; }
#photos #list .gallery-inner .row > div { width: 20%; float: left; padding-right: 0; padding-left: 1px; }
#photos #list .masonary-item { position: relative; margin: 0 0 1px; padding-top: 100%; background-size: cover; background-position: top center; cursor: pointer; }
#photos #list .masonary-item .mask { transition: all 0.2s ease 0s; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(249, 63, 84, 0.8) url('../images/mag.png') center no-repeat; opacity: 0; }
#photos #list .masonary-item:hover .mask { opacity: 1; }

#glb-photo-overlay .photo-overlay { position: relative; width: 750px; overflow: hidden; margin: 100px auto 0; color: #333; background: #fff; box-shadow: 0 0 80px rgba(0, 0, 0, 0.6); border-radius: 5px; overflow: hidden; }
#glb-photo-overlay .photo-overlay .actions-top { position: absolute; top: 10px; right: 10px; z-index: 2; }
#glb-photo-overlay .photo-overlay .actions-top a { color: #333; opacity: 0.7; }
#glb-photo-overlay .photo-overlay .actions-top a:hover { opacity: 0.9; }

#glb-photo-overlay .photo-overlay .photo-overlay-inner { position: relative; }
#glb-photo-overlay .photo-overlay .image { position: relative; width: 60%; padding-top: 60%; background-size: cover; background-position: center; }
#glb-photo-overlay .photo-overlay .content { position: absolute; width: 40%; top: 0; right: 0; box-sizing: border-box; padding: 25px 10px; }
#glb-photo-overlay .photo-overlay .content h2 { font-size: 18px; font-weight: 700; margin: 0 0 25px; }

#glb-photo-overlay .photo-overlay .content .options { width: 100%; float: left; }
#glb-photo-overlay .photo-overlay .content .options .option { width: 100%; float: left; position: relative; overflow: hidden; }
#glb-photo-overlay .photo-overlay .content .options .option input { position: absolute; top: -50px; }
#glb-photo-overlay .photo-overlay .content .options .option label { display: block; width: 100%; float: left; cursor: pointer; position: relative; box-sizing: border-box; padding: 15px 10px; border: 1px solid #edefed; border-radius: 4px; }
#glb-photo-overlay .photo-overlay .content .options .option label .title span { display: block; }
#glb-photo-overlay .photo-overlay .content .options .option label .title .detail { font-weight: normal; color: #808080; }
#glb-photo-overlay .photo-overlay .content .options .option label .price { position: absolute; display: block; right: 60px; top: 25px; }
#glb-photo-overlay .photo-overlay .content .options .option label .spot { position: absolute; display: block; right: 15px; top: 24px; width: 24px; height: 24px; border: 1px solid #d0d8df; border-radius: 4px; background: #fff; }
#glb-photo-overlay .photo-overlay .content .options .option label .spot .spot-inner { display: block; width: 16px; height: 16px; margin: 3px; border-radius: 2px; text-align: center; line-height: 14px; }
#glb-photo-overlay .photo-overlay .content .options .option label .spot .spot-inner .glyphicon { display: none; font-size: 14px; }

#glb-photo-overlay .photo-overlay .content .options .option label:hover { border: 1px solid #1076d3; background: #f4f4f4; }
#glb-photo-overlay .photo-overlay .content .options .option input:checked + label { border: 1px solid #1076d3; background: #f4f4f4; }
#glb-photo-overlay .photo-overlay .content .options .option input:checked + label .spot .spot-inner .glyphicon { display: inline-block; color: #1076d3; }

#glb-photo-overlay .photo-overlay .content .actions { width: 100%; float: left; padding: 5px 0 0; }
#glb-photo-overlay .photo-overlay .content .actions .btn { width: 100%; background: #1076d3; border: 2px solid #1076d3; }
#glb-photo-overlay .photo-overlay .content .actions .btn:hover { background: #0986f5; border: 2px solid #0986f5 !important; }


#glb-slideshow-overlay { text-align: center; }
#glb-slideshow-overlay .glb-overlay-dialog { position: relative; display: inline-block; margin: 100px auto 0; border-radius: 5px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.9); background: #000; }
#glb-slideshow-overlay .glb-overlay-dialog .actions-top { position: absolute; right: 10px; top: 10px; z-index: 3; }
#glb-slideshow-overlay .glb-overlay-dialog .nav { position: absolute; top: 0; bottom: 0; width: 100%; }
#glb-slideshow-overlay .glb-overlay-dialog .nav > div { opacity: 1; width: 50%; top: 0; bottom: 0; }
#glb-slideshow-overlay .glb-overlay-dialog .nav > div:hover { opacity: 1; }
#glb-slideshow-overlay .glb-overlay-dialog .nav .prev { position: absolute; left: -30px; text-align: left; }
#glb-slideshow-overlay .glb-overlay-dialog .nav .next { position: absolute; right: -30px; text-align: right; }
#glb-slideshow-overlay .glb-overlay-dialog .nav a { display: inline-block; text-align: center; width: 30px; height: 50px; line-height: 50px; color: #eee; background: rgba(255,255,255, 0.1); }
#glb-slideshow-overlay .glb-overlay-dialog .nav a:hover { background: rgba(255, 255, 255, 0.3); }

#glb-slideshow-overlay .glb-overlay-dialog .images { width: 100%; overflow: hidden; border-radius: 5px; }
#glb-slideshow-overlay .glb-overlay-dialog .images .image { width: 100%; }
#glb-slideshow-overlay .glb-overlay-dialog .images .image img { width: 100%; height: auto; }
#glb-slideshow-overlay .glb-overlay-dialog { max-width: 98%; }

#glb-bookingexpiry-overlay { text-align: center; }
#glb-bookingexpiry-overlay .glb-overlay-dialog { max-width: 80%; position: relative; display: inline-block; margin: 100px auto 0; border-radius: 5px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.9); background: #fff; }
#glb-bookingexpiry-overlay .glb-overlay-dialog .booking-expiry { width: 600px; max-width: 100%; box-sizing: border-box; padding: 30px; }
#glb-bookingexpiry-overlay .glb-overlay-dialog .booking-expiry h2 { font-size: 24px; font-weight: 700; }
#glb-bookingexpiry-overlay .glb-overlay-dialog .booking-expiry .actions { margin: 40px 0 20px; text-align: center; }
#glb-bookingexpiry-overlay .glb-overlay-dialog .booking-expiry .actions a { margin: 0 2em; }
#glb-bookingexpiry-overlay .glb-overlay-dialog .booking-expiry .actions .btn { color: #fff; background: #1076d3; border: 2px solid #1076d3; transition: none; }
#glb-bookingexpiry-overlay .glb-overlay-dialog .booking-expiry .actions .btn:hover { background: #0986f5; border: 2px solid #0986f5 !important; }
#glb-bookingexpiry-overlay .glb-overlay-dialog .booking-expiry .actions .btn.loading { background-image: url('../images/ajax-loader-blue-small.gif'); background-position: center center; background-repeat: no-repeat; }
#glb-bookingexpiry-overlay .glb-overlay-dialog .booking-expiry .actions .btn.loading span { opacity: 0; }

/* -- GENERAL -- */
#general { width: 100%; float: left; margin-top: 60px; padding-bottom: 100px; color: #fff; background: #000 url('../images/bg/dark-2.jpg') top right no-repeat; background-size: contain; }
#general .general-content { padding: 100px 0 60px; }
#general .general-content h1, #general .general-content h2 { font-size: 24px; font-weight: 700; }
#general .general-content p a { color: inherit; text-decoration: underline; }
#general .general-content p a:hover { color: #333333; }

#general .general-form { width: 100%; float: left; }

#general .general-form .message { font-weight: bold; color: #dd0000; margin: 0 0 20px; }
#general .general-form .field { width: 100%; margin: 0 0 20px; }
#general .general-form .field input { color: #333; line-height: 40px; padding-left: 15px; border: 0; border-radius: 3px; }
#general .general-form .field.text input { min-width: 250px; }
#general .general-form .field.checkbox { margin-left: 20px; padding: 0; }
#general .general-form .field.checkbox label { padding-left: 5px; }

#general .general-form .Actions { margin: 30px 0; }
#general .general-form .Actions input { line-height: 40px; margin: 0 0 20px; padding: 0 3em; border: 2px solid #fff; color: #fff; text-transform: uppercase; background: transparent; transition: all 0.2s ease 0s; border-radius: 3px; }
#general .general-form .Actions input:hover { border: 2px solid #f93f54 !important; color: #fff; background: #f93f54; }
#general .general-form .Actions a { color: inherit; text-decoration: underline; }
#general .general-form .Actions a:hover { text-decoration: none; }

#deadend { background-position: top center; background-repeat: no-repeat; min-height: 800px; text-align: center; }
#deadend .content { margin-top: 320px; }
#deadend .content h1 { margin: 0 0 30px; color: #fff; font-weight: 700; font-size: 40px; }
#deadend .content p { font-size: 16px; color: #fff; letter-spacing: 0.08em; line-height: 1.5em; }
#deadend .actions { margin-top: 30px; }
#deadend .actions .btn { background: #1076d3; border: 2px solid #1076d3; }
#deadend .actions .btn:hover { background: #0986f5; border: 2px solid #0986f5 !important; }

#general-content { }
#general-content #title { width: 100%; float: left; margin-top: 60px; padding: 80px 0; color: #fff; background: #000 url('../images/bg/dark.jpg') top left no-repeat; }
#general-content #title h1 { text-align: center; font-size: 30px; font-weight: 700; margin: 0; }

#general-content #content .content-inner { padding: 60px 0 200px; }
#general-content #content .content-inner h2 { font-size: 14px; font-weight: 700; margin: 50px 0 15px; }
#general-content #content .content-inner p, #general-content #content .content-inner li { letter-spacing: 0.05em; }

/* -- SHOPPING CART -- */
#shopping-cart { width: 100%; float: left; min-height: 800px; margin-top: 60px; padding-bottom: 100px; color: #fff; background: #000 url('../images/bg/dark.jpg') top left no-repeat; background-size: contain; }
#shopping-cart #basket, #shopping-cart #checkout { padding: 100px 0 60px; }
#shopping-cart h2 { font-size: 18px; font-weight: 700; }

#shopping-cart .general-error { padding-right: 50%; } 
#shopping-cart .general-error p { font-size: 14px; font-weight: 700; color: #dd0000; font-family: 'futura-pt', sans-serif; text-transform: uppercase; }

#shopping-cart #basket { min-height: 800px; }
#shopping-cart #basket.start-loading { background: transparent url('../images/ajax-loader-dk-small.gif') center no-repeat; }
#shopping-cart #basket.start-loading .empty, #shopping-cart #basket.start-loading .basket { display: none; }
#shopping-cart #basket .empty { text-align: center; margin-bottom: 300px; }
#shopping-cart #basket .empty h1, #shopping-cart #basket .empty h2 { font-size: 30px; font-weight: 700; }
#shopping-cart #basket .empty p { letter-spacing: 0.05em; }
#shopping-cart #basket .empty p a { text-decoration: underline; color: inherit; }
#shopping-cart #basket .empty p a:hover { text-decoration: none; }

#shopping-cart #basket .cart-table { width: 100%; float: left; }
#shopping-cart #basket .cart-table table { width: 100%; float: left; margin: 30px 0 20px; color: #333; background: #fff; font-family: 'futura-pt', sans-serif; letter-spacing: 0.07em; }
#shopping-cart #basket .cart-table table th, #shopping-cart #basket .cart-table table td { padding: 20px; }
#shopping-cart #basket .cart-table table .head th { padding: 20px; font-weight: 700; text-transform: uppercase; color: #fff; background: #1076d3; }
#shopping-cart #basket .cart-table table .head th.cell-5 { text-align: center; }

#shopping-cart #basket .cart-table table .item-row { border-bottom: 1px solid #ededed; }
#shopping-cart #basket .cart-table table .item-row .cell-1 .thumb { width: 82px; height: 82px; background-size: cover; background-position: center; border-radius: 3px; }
#shopping-cart #basket .cart-table table .item-row .cell-2 { vertical-align: top; }
#shopping-cart #basket .cart-table table .item-row .cell-2 .title { display: block; text-transform: uppercase; font-weight: 700; }
#shopping-cart #basket .cart-table table .item-row .cell-2 .detail { display: block; font-family: 'Arial', sans-serif; color: #808080; }

#shopping-cart #basket .cart-table table .item-row .cell-3 .qty.field { float: left; border: 1px solid #b7b7b7; border-radius: 2px; }
#shopping-cart #basket .cart-table table .item-row .cell-3 .qty.field input { width: 75px; height: 43px; line-height: 43px; text-align: center; border: 0; float: left; }
#shopping-cart #basket .cart-table table .item-row .cell-3 .qty.field .controls { float: left; border-left: 1px solid #b7b7b7; height: 43px; }
#shopping-cart #basket .cart-table table .item-row .cell-3 .qty.field .controls .ctrl { display: block; width: 33px; height: 21px; line-height: 21px; color: inherit; font-size: 10px; text-align: center; }
#shopping-cart #basket .cart-table table .item-row .cell-3 .qty.field .controls .ctrl:hover { background: #eee; }
#shopping-cart #basket .cart-table table .item-row .cell-3 .qty.field .controls .ctrl.down { border-top: 1px solid #b7b7b7; height: 22px; }
#shopping-cart #basket .cart-table table .item-row .cell-3 .qty.field .controls .ctrl.disabled { color: #ddd; }
#shopping-cart #basket .cart-table table .item-row .cell-3 .remove.field { line-height: 44px; padding: 0 0 0 20px; float: left; }

#shopping-cart #basket .cart-table table .item-row .cell-5 { text-align: center; }
#shopping-cart #basket .cart-table table .item-row .price { font-weight: 700; }

#shopping-cart #basket .cart-table table .shipping-row td { border-bottom: 1px solid #ededed; }
#shopping-cart #basket .cart-table table .shipping-row .cell-ship { padding: 30px 20px 30px 0; white-space: nowrap; }
#shopping-cart #basket .cart-table table .shipping-row .cell-ship .ship-title { display: inline-block; line-height: 44px; }
#shopping-cart #basket .cart-table table .shipping-row .cell-ship .sel-replace { position: relative; display: inline-block; width: 200px; float: right; line-height: 44px; height: 44px; background: #fff; vertical-align: top; }
#shopping-cart #basket .cart-table table .shipping-row .cell-ship .sel-replace select { position: absolute; }

#shopping-cart #basket .cart-table table .shipping-row .cell-ship .sel-replaced { position: absolute; width: 100%; border: 1px solid #ccc; border-radius: 3px; }
#shopping-cart #basket .cart-table table .shipping-row .cell-ship .sel-replaced>label { white-space: nowrap; width: 100%; overflow: hidden; display: block; line-height: 44px; height: 44px; padding-left: 15px; font-weight: normal; font-size: 14px; color: #333; background: transparent url('../images/ddl.png') 95% center no-repeat; margin: 0; cursor: pointer; border-radius: 3px; }
#shopping-cart #basket .cart-table table .shipping-row .cell-ship .sel-replaced.selected>label { background: #fff url('../images/ddl.png') 95% center no-repeat; }
#shopping-cart #basket .cart-table table .shipping-row .cell-ship .sel-replaced>.options { display: none; min-width: 100%; border: 1px solid #dddddd; border-top: 0; position: absolute; margin-top: 1px; z-index: 3; background: #fff; border-radius: 0 0 3px 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); max-height: 225px; overflow: auto; }
#shopping-cart #basket .cart-table table .shipping-row .cell-ship .sel-replaced.open>.options { display: block; }
#shopping-cart #basket .cart-table table .shipping-row .cell-ship .sel-replaced>.options .option { white-space: nowrap; line-height: 44px; display: block; font-size: 14px; padding-left: 15px; padding-right: 15px; color: #333; cursor: pointer; border: 1px solid #ededed; border-top: 0; }
#shopping-cart #basket .cart-table table .shipping-row .cell-ship .sel-replaced>.options .option.selected, #shopping-cart #basket .cart-table table .shipping-row .cell-ship .sel-replaced>.options .option:hover { background: #eee; }


#shopping-cart #basket .cart-table table .shipping-row .cell-5 { text-align: center; line-height: 44px; }
#shopping-cart #basket .cart-table table .shipping-row .price { font-weight: 700; }

#shopping-cart #basket .cart-table table .total-row { text-align: right; }
#shopping-cart #basket .cart-table table .total-row td { padding: 30px 20px; }
#shopping-cart #basket .cart-table table .total-row .price { font-size: 18px; font-weight: 700; padding: 30px 25px; }
#shopping-cart #basket .cart-table table .total-row .price .val { padding-left: 50px; }

#shopping-cart #basket .actions { width: 100%; float: left; text-align: right; }
#shopping-cart #basket .actions .btn { margin: 0; padding: 0 2em; line-height: 44px; color: #fff; background: #1076d3; text-transform: uppercase; border: 0; border-radius: 4px; }
#shopping-cart #basket .actions .btn:active, #shopping-cart #basket .actions .btn:hover { background: #0986f5; border: 0 !important; }

#shopping-cart #checkout .basket-summary { width: 49%; }
#shopping-cart #checkout .basket-summary table { width: 100%; float: left; margin: 0 0 20px; color: #333; background: #fff; font-family: 'futura-pt', sans-serif; letter-spacing: 0.07em; }
#shopping-cart #checkout .basket-summary table th, #shopping-cart #checkout .basket-summary table td { padding: 20px; }
#shopping-cart #checkout .basket-summary table .head th { padding: 0 20px; line-height: 54px; font-weight: 700; text-transform: uppercase; color: #fff; background: #1076d3; }
#shopping-cart #checkout .basket-summary table .head th.cell-3 { text-align: center; }

#shopping-cart #checkout .basket-summary table .item-row { border-bottom: 1px solid #ededed; }
#shopping-cart #checkout .basket-summary table .item-row .cell-1 .thumb { width: 82px; height: 82px; background-size: cover; background-position: center; border-radius: 3px; }
#shopping-cart #checkout .basket-summary table .item-row .cell-2 { vertical-align: top; }
#shopping-cart #checkout .basket-summary table .item-row .cell-2 .title { display: block; text-transform: uppercase; font-weight: 700; }
#shopping-cart #checkout .basket-summary table .item-row .cell-2 .detail { display: block; font-family: 'Arial', sans-serif; color: #808080; }

#shopping-cart #checkout .basket-summary table .item-row .cell-3 { text-align: center; }
#shopping-cart #checkout .basket-summary table .item-row .price { font-weight: 700; }

#shopping-cart #checkout .basket-summary table .shipping-row { padding: 30px 40px 30px 0; border-bottom: 1px solid #ededed; }
#shopping-cart #checkout .basket-summary table .shipping-row .cell-1 { text-align: right; line-height: 44px; font-size: 15px; }
#shopping-cart #checkout .basket-summary table .shipping-row .cell-2 { text-align: center; font-size: 15px; font-weight: 700; }

#shopping-cart #checkout .basket-summary table .total-row { text-align: right; }
#shopping-cart #checkout .basket-summary table .total-row td { padding: 30px 20px; }
#shopping-cart #checkout .basket-summary table .total-row .price { font-size: 18px; font-weight: 700; padding: 30px 25px; }
#shopping-cart #checkout .basket-summary table .total-row .price .val { padding-left: 50px; }

#shopping-cart #checkout .basket-summary .inline-actions { text-align: right; }

#shopping-cart #checkout .checkout { width: 49%; color: #333; background: #fff; }
#shopping-cart #checkout .checkout .head { color: #fff; background: #1076d3; padding: 0 20px; }
#shopping-cart #checkout .checkout .head h3 { font-size: 14px; margin: 0; padding: 0; font-weight: 700; line-height: 54px; }

#shopping-cart #checkout .checkout h4 { font-size: 14px; font-weight: 700; padding: 20px 20px 0; }
#shopping-cart #checkout .checkout p { padding: 0 20px; color: #b3b4b6; }

#shopping-cart #checkout .checkout .shipping-container { display: none; }

#shopping-cart #checkout .checkout .field.chk { line-height: 24px; }
#shopping-cart #checkout .checkout .field.chk div { position: relative; display: inline-block; width: 24px; height: 24px; border-radius: 3px; overflow: hidden; margin-right: 10px; }
#shopping-cart #checkout .checkout .field.chk > label { line-height: 24px; vertical-align: top; font-weight: 400; cursor: pointer; }
#shopping-cart #checkout .checkout .field.chk.has-error > label { color: #f54353; }
#shopping-cart #checkout .checkout .field.chk div input { position: absolute; top: -30px; }
#shopping-cart #checkout .checkout .field.chk div label { cursor: pointer; width: 24px; height: 24px; line-height: 24px; color: #333; font-size: 12px; border: 1px solid #b7b7b7; text-align: center; }
#shopping-cart #checkout .checkout .field.chk.has-error div label { border: 1px solid #f54353; }
#shopping-cart #checkout .checkout .field.chk div label span { display: none; }
#shopping-cart #checkout .checkout .field.chk div input:checked + label { color: #fff; background: #1076d3; border: 1px solid #1076d3; }
#shopping-cart #checkout .checkout .field.chk div input:checked + label span { display: inline; }

#shopping-cart #checkout .checkout .form,
#shopping-cart #checkout .checkout .comments,
#shopping-cart #checkout .checkout .as-above,
#shopping-cart #checkout .checkout .terms { width: 100%; float: left; clear: both; box-sizing: border-box; padding: 0 20px 25px; }

#shopping-cart #checkout .checkout .form .field { width: 100%; display: inline-block; position: relative; margin: 0 0 15px; box-sizing: border-box; border: 1px solid #e2e6e8; border-radius: 3px; background: #fff; }
#shopping-cart #checkout .checkout .form .field.has-error { border: 1px solid #f54353; }
#shopping-cart #checkout .checkout .form .field.no-border { border: 1px solid transparent; }
#shopping-cart #checkout .checkout .form .field.no-border .txt { color: #b7b7b7; line-height: 43px; }
#shopping-cart #checkout .checkout .form .field.half { width: 48.5%; }
#shopping-cart #checkout .checkout .form .field.half.left { padding: 0; float: left; }
#shopping-cart #checkout .checkout .form .field.half.right { float: right; }
#shopping-cart #checkout .checkout .form .field.reqd::before { content: '*'; position: absolute; color: #f73e54; z-index: 2; font-size: 17px; font-weight: bold; right: 8px; top: 4px; }
#shopping-cart #checkout .checkout .form .field input,
#shopping-cart #checkout .checkout .form .field select { position: relative; padding: 0 0 0 15px; font-size: 14px; width: 100%; border: 0; line-height: 43px; height: 43px; color: #000; background: none; border-radius: 2px; }
#shopping-cart #checkout .checkout .form .field.has-val input { transition: all 0.2s ease 0s; padding-top: 15px; line-height: 33px;  }
#shopping-cart #checkout .checkout .form .field label { white-space: nowrap; overflow: hidden; z-index: 2; transition: all 0.2s ease 0s; padding: 0 0 0 15px; position: absolute; top: 0; bottom: 0; text-align: left; font-weight: normal; line-height: 43px; min-height: 43px; color: #b6b6b6; border-radius: 2px; }
#shopping-cart #checkout .checkout .form .field.has-val label, #shopping-cart #checkout .checkout .form .field input:focus + label { line-height: 28px; font-size: 12px; }

#shopping-cart #checkout .checkout .form .field.has-error > label { color: #f54353; }

#shopping-cart #checkout .checkout .form .sel-replace { position: relative; line-height: 43px; height: 43px; }
#shopping-cart #checkout .checkout .form .sel-replace select { position: absolute; }

#shopping-cart #checkout .checkout .form .sel-replaced { position: relative; }
#shopping-cart #checkout .checkout .form .sel-replaced>label { width: 100%; display: block; line-height: 43px; padding-left: 15px; font-weight: normal; font-size: 14px !important; color: #000; background: transparent url('../images/ddl.png') 95% center no-repeat; margin: 0; cursor: pointer; }
#shopping-cart #checkout .checkout .form .sel-replaced.selected>label { line-height: 33px; padding-top: 12px; background: transparent url('../images/ddl.png') 95% center no-repeat; }
#shopping-cart #checkout .checkout .form .sel-replaced>.options { display: none; width: 100%; border: 1px solid #dddddd; border-top: 0; position: absolute; margin-top: 42px; z-index: 3; background: #fff; border-radius: 0 0 3px 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05) }
#shopping-cart #checkout .checkout .form .sel-replaced.open>.options { display: block; }
#shopping-cart #checkout .checkout .form .sel-replaced>.options .option { line-height: 43px; display: block; font-size: 14px; padding-left: 15px; color: #333; cursor: pointer; border: 1px solid #ededed; border-top: 0; }
#shopping-cart #checkout .checkout .form .sel-replaced>.options .option.selected, #shopping-cart #checkout .checkout .form .sel-replaced>.options .option:hover { background: #eee; }

#shopping-cart #checkout .checkout .comments textarea { width: 100%; max-width: 100%; min-height: 100px; border: 1px solid #e2e6e8; border-radius: 3px; }

#shopping-cart #checkout .checkout .actions { width: 100%; margin-top: 20px; float: left; box-sizing: border-box; padding: 20px; }
#shopping-cart #checkout .checkout .actions button { width: 100%; background: #1076d3; border: 2px solid #1076d3; }
#shopping-cart #checkout .checkout .actions button:hover { background: #0986f5; border: 2px solid #0986f5 !important; }

#shopping-cart .confirmation { color: #080808; background: #fff; margin: 80px 0 0; padding: 30px; }
#shopping-cart .confirmation h1 { font-size: 30px; font-weight: 700; }

/* -- BOOK TICKETS -- */
#book-tickets { width: 100%; float: left; margin-top: 60px; padding-bottom: 100px; color: #fff; background: #000 url('../images/bg/dark.jpg') top left no-repeat; background-size: contain; }
#book-tickets .empty { margin: 50px 0; }
#book-tickets .empty h1, #shopping-cart #basket .empty h2 { font-size: 24px; font-weight: 700; }
#book-tickets .empty p { letter-spacing: 0.05em; }
#book-tickets .empty p a { text-decoration: underline; color: inherit; }
#book-tickets .empty p a:hover { text-decoration: none; }

#book-tickets .confirmation-panel { color: #333; background: #fff; width: 100%; float: left; padding: 0 15px 20px; box-sizing: border-box; }
#book-tickets .confirmation-panel h2 { font-size: 18px; font-weight: bold; margin-top: 30px; } 
#book-tickets .confirmation-panel h3 { font-size: 18px; font-weight: bold; margin-top: 50px; }
#book-tickets .confirmation-panel table { width: 100%; margin: 0 0 30px; }
#book-tickets .confirmation-panel table th, #book-tickets .confirmation-panel table td { width: 33%; }

#book-tickets .confirmation-panel .actions { margin-top: 40px; }
#book-tickets .confirmation-panel .actions .btn { width: 100%; margin: 0 0 20px; color: #fff; background: #1076d3; border: 2px solid #1076d3 !important; transition: none; text-align: left; padding: 0 10px; max-width: 230px; float: right; }
#book-tickets .confirmation-panel .actions .btn:hover { background: #0986f5; border: 2px solid #0986f5 !important; }

#book-tickets .confirmation-panel .actions .btn .ico-container { display: inline-block; width: 30px; height: 30px; color: #1076d3; background: #fff; border-radius: 15px; font-size: 18px; line-height: 33px; text-align: center; position: relative; top: 3px; margin-right: 10px; }

#book-tickets .panels { width: 100%; float: left; background: #fff; }
#book-tickets .panel { width: 100%; float: left; border-radius: 0; border: 0; margin: 0; overflow: hidden; height: 52px; }
#book-tickets .panel .panel-inner { width: 100%; float: left; transition: all 0.5s ease 0.2s; }

#book-tickets .panel.loading { background: transparent url('../images/ajax-loader.gif') center no-repeat; }
#book-tickets .panel.loading .panel-inner { height: 400px; opacity: 0; }

#book-tickets .panel:last-child { height: 50px; }
#book-tickets .panel .title-row { position: relative; padding: 10px 20px; color: #fff; background: #cecece; margin-bottom: 2px; }
#book-tickets .panel .title-row h2 { font-size: 18px; margin: 0; line-height: 30px; }
#book-tickets .panel .title-row h2 .step { display: inline-block; width: 30px; height: 30px; text-align: center; margin-right: 20px; color: #cecece; background: #fff; border-radius: 15px; }
#book-tickets .panel .title-row h2 .summary { display: none; }
#book-tickets .panel .title-row h2 .edit { display: none; }

#book-tickets .panel.on { height: auto; }
#book-tickets .panel.on .title-row { background: #1076d3; }
#book-tickets .panel.on .title-row h2 { font-weight: 700; }
#book-tickets .panel.on .title-row h2 .step { color: #1076d3; }

#book-tickets .panel.done .title-row { color: #1076d3; background: #fff; border-top: 1px solid #b3b4b6; margin-bottom: 0; padding-top: 11px; }
#book-tickets .panel.done:first-child .title-row { border-top: 0; padding-top: 12px; }
#book-tickets .panel.done .title-row h2 .step { color: #1076d3; border: 1px solid #1076d3; }
#book-tickets .panel.done .title-row h2 .txt { display: inline-block; position: relative; height: 20px; }
#book-tickets .panel.done .title-row h2 .txt .title { position: relative; top: -6px; }
#book-tickets .panel.done .title-row h2 .txt .summary { white-space: nowrap; display: block; position: absolute; top: 12px; left: 0; font-size: 11px; color: #808080; text-transform: none; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif }

#book-tickets .panel.done .title-row h2 .edit { cursor: pointer; display: block; position: absolute; top: 10px; right: 20px; width: 30px; height: 30px; line-height: 30px; font-size: 15px; text-align: center; color: #1076d3; }

#book-tickets .panel .details { padding: 20px; color: #333333; }
#book-tickets .panel .details h3 { font-size: 16px; font-weight: 700; margin: 10px 0 20px; }

#book-tickets .confirmation-panel .alert, #book-tickets .panel .details .alert { width: auto; display: inline-block; padding: 10px 15px; border: none; font-size: 13px; }
#book-tickets .confirmation-panel .alert.alert-success, #book-tickets .panel .details .alert.alert-success { color: #008e55; background: #d2fce8; }
#book-tickets .confirmation-panel .alert.alert-warning, #book-tickets .panel .details .alert.alert-warning { color: #da5a1b; background: #ffe7d9; }
#book-tickets .confirmation-panel .alert.alert-danger, #book-tickets .panel .details .alert.alert-danger { color: #cd2f3d; background: #fcdddc; }
#book-tickets .confirmation-panel .alert .circ, #book-tickets .panel .details .alert .circ { display: inline-block; margin-right: 10px; color: #ffe7d9; background: #da5a1b; font-size: 10px; width: 20px; height: 20px; line-height: 20px; letter-spacing: -0.1em; text-align: center; border-radius: 10px; }
#book-tickets .panel .details .alert .icon { display: inline-block; margin-right: 10px; color: #d2fce8; background: #008e55; font-size: 10px; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 10px; }
#book-tickets .panel .details .alert strong { display: block; text-transform: uppercase; margin-bottom: 3px; }

#book-tickets .panel .details .qty-field { line-height: 40px; }
#book-tickets .panel .details .qty-field input { display: inline-block; padding-left: 15px; max-width: 70px; height: 40px; line-height: 40px; border: 1px solid #e2e6e8; border-radius: 3px; }
#book-tickets .panel .details .qty-field .buttons { display: inline-block; margin-left: 10px; }
#book-tickets .panel .details .qty-field .buttons .ctrl { display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; font-weight: bold; color: #808080; border: 1px solid #808080; border-radius: 15px; margin: 0 3px; }
#book-tickets .panel .details .qty-field .buttons .ctrl:hover { background: #e2e6e8; }

#book-tickets .panel .details .actions { width: 100%; float: left; clear: both; margin-top: 20px; text-align: right; padding-bottom: 20px; }
#book-tickets .panel .details .actions .btn { margin-right: 0; color: #fff; background: #1076d3; border: 2px solid #1076d3 !important; transition: none; }
#book-tickets .panel .details .actions .btn:hover { background: #0986f5; border: 2px solid #0986f5 !important; }

#book-tickets .panel .details .actions .btn.loading { background-image: url('../images/ajax-loader-blue-small.gif'); background-position: center center; background-repeat: no-repeat; }
#book-tickets .panel .details .actions .btn.loading span { opacity: 0; }

#book-tickets .panel .details .buttons { margin-bottom: 20px; }
#book-tickets .panel .details .buttons.float { width: 100%; float: left; padding-bottom: 20px; }
#book-tickets .panel .details .buttons.float .buttons-inner { float: left; }
#book-tickets .panel .details .buttons .aside { float: right; margin-top: 10px; color: #808080; text-decoration: underline; font-size: 13px; }
#book-tickets .panel .details .buttons .aside:hover { text-decoration: none; }

#book-tickets .panel .details .buttons .btn { position: relative; width: 160px; text-align: center; margin-right: 20px; padding: 0 10px; color: #333333; border: 1px solid #cccccc !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#book-tickets .panel .details .buttons .btn .val { display: inline-block; line-height: 1em; vertical-align: middle; text-align: center; }
#book-tickets .panel .details .buttons .btn .icon { width: 20px; height: 20px; line-height: 20px; margin-top: 10px; position: absolute; right: 10px; color: #1076d3; background: #fff; border-radius: 10px; font-size: 11px; display: none; }
#book-tickets .panel .details .buttons .btn:hover { color: #fff; background: #1076d3; border: 1px solid #1076d3 !important; }
#book-tickets .panel .details .buttons .btn.selected { color: #fff; background: #1076d3; border: 1px solid #1076d3 !important; text-align: left; }
#book-tickets .panel .details .buttons .btn.selected .icon { display: inline-block; text-align: center; }

#book-tickets .panel .details .select-tickets .buttons .btn { width: 180px; }

#book-tickets .panel .details .buttons-table { margin-left: -15px; margin-right: -15px; }
#book-tickets .panel .details .buttons-table .buttons { white-space: nowrap; display: table; width: 100%; border-spacing: 15px; position: relative; }
#book-tickets .panel .details .buttons-table .buttons .btn { display: table-cell; width: auto; font-size: 12px; padding: 0; color: #333; border: 1px solid #808080 !important; }
#book-tickets .panel .details .buttons-table .buttons .btn:hover { color: #fff; background: #1076d3; border: 1px solid #1076d3 !important; }
#book-tickets .panel .details .buttons-table .buttons .btn.selected { color: #fff; background: #1076d3; border: 1px solid #1076d3 !important; padding: 0 0 0 20px; }
#book-tickets .panel .details .buttons-table .btn.selected .icon { color: #1076d3; position: absolute; right: 15px; }

#book-tickets .panel .details .calendar { width: 273px; margin-right: 40px; margin-bottom: 20px; float: left; }
#book-tickets .panel .details .calendar .month-row { line-height: 50px; position: relative; color: #000; background: #f4f4f4; text-align: center; overflow: hidden; }
#book-tickets .panel .details .calendar .month-row .nav { position: absolute; color: #000; padding: 0 10px; left: 0; font-size: 12px; }
#book-tickets .panel .details .calendar .month-row .nav.next { left: initial; right: 0; }
#book-tickets .panel .details .calendar .month-row .title { width: 80%; margin: 0 auto; overflow: hidden; position: relative; }
#book-tickets .panel .details .calendar .month-row .title p { font-weight: bold; margin: 0; position: relative; }


@keyframes chiploader { 0% { left: 0; right: 95%; } 25% { left: 50%; right: 0; } 50% { left: 95%; right: 0; } 75% { left: 0; right: 50%; } 100% { left: 0; right: 95%; } }
#book-tickets .panel .details .calendar .month-row .loading-bar { position: absolute; width: 100%; height: 3px; background: #eee; bottom: 0; animation: all 0.2s ease 0.2s; opacity: 0; }
#book-tickets .panel .details .calendar .month-row .loading-bar .chip { position: absolute; left: 0; right: 95%; top: 0; height: 3px; background: #1076d3; animation: chiploader 3s ease-in-out 0.5s; animation-iteration-count: infinite; }
#book-tickets .panel .details .calendar.loading .month-row .loading-bar { opacity: 1; }

#book-tickets .panel .details .calendar .day-name { display: block; float: left; width: 39px; height: 39px; line-height: 39px; font-weight: bold; text-align: center; }

#book-tickets .panel .details .calendar .dates { min-height: 280px; position: relative; overflow: hidden; }
#book-tickets .panel .details .calendar .dates-inner { position: relative; }

#book-tickets .panel .details .calendar .n { display: block; float: left; width: 39px; height: 39px; line-height: 39px; font-size: 15px; text-align: center; color: #000; cursor: pointer; }
#book-tickets .panel .details .calendar .n.blank { cursor: default; }
#book-tickets .panel .details .calendar .n.grey { cursor: default; color: #b3b4b6; }
#book-tickets .panel .details .calendar .n.na { color: #f54353; text-decoration: line-through; }
#book-tickets .panel .details .calendar .n.selected { color: #fff; background: #1076d3; border-radius: 20px; }

#book-tickets .panel .details .info p strong { text-transform: uppercase; }

#book-tickets .panel .details .qty-group { width: 100%; float: left; }
#book-tickets .panel .details .qty-group .left { width: 60%; padding-right: 40px; margin: 0 40px 40px 0; box-sizing: border-box; float: left; border-right: 1px solid #b3b4b6; }
#book-tickets .panel .details .qty-group .left .item { border: 1px solid #edefed; margin: 0 0 20px; padding: 20px 15px; border-radius: 3px; }
#book-tickets .panel .details .qty-group .left .item:last-child { margin: 0; }
#book-tickets .panel .details .qty-group .left .item.selected { background: #f4f4f4; border: 1px solid #1076d3; }
#book-tickets .panel .details .qty-group .left .item.clickable { cursor: pointer; }
#book-tickets .panel .details .qty-group .left .item p { margin: 0; color: #808080; line-height: 1.7em; }
#book-tickets .panel .details .qty-group .left .item p strong { color: #333; text-transform: uppercase; font-family: 'futura-pt', sans-serif; }
#book-tickets .panel .details .qty-group .left .item p .val { color: #333; float: right; font-weight: bold; font-family: 'futura-pt', sans-serif; }
#book-tickets .panel .details .qty-group .right h5 { font-size: 15px; font-weight: bold; margin: 0 0 15px; }

#book-tickets .panel .details .line-item { width: 100%; float: left; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #808080; }
#book-tickets .panel .details .line-item:last-child { border-bottom: 0; padding-bottom: 0; }
#book-tickets .panel .details .line-item .img { width: 168px; height: 120px; float: left; background: #b3b4b6; margin-right: 20px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
#book-tickets .panel .details .line-item .img img { display: none; }
#book-tickets .panel .details .line-item h4 { font-size: 16px; margin-top: 0; color: #000; }
#book-tickets .panel .details .line-item h4 .val { float: right; }
#book-tickets .panel .details .line-item p { font-size: 13px; }
#book-tickets .panel .details .line-item .qty-field { float: right; }

#book-tickets .panel .details .field-container { width: 100%; float: left; }
#book-tickets .panel .details .line-item .field-container { margin-top: 25px; }
#book-tickets .panel .details .field-container h4 { font-size: 15px; font-weight: bold; letter-spacing: -0.02em; }
#book-tickets .panel .details .field { width: 100%; max-width: 280px; display: inline-block; position: relative; margin: 0 0 15px; box-sizing: border-box; border: 1px solid #e2e6e8; border-radius: 3px; background: #fff; }
#book-tickets .panel .details .field.max { max-width: 100%; }
#book-tickets .panel .details .field.max textarea { min-height: 80px; }
#book-tickets .panel .details .field input, #book-tickets .panel .details .field textarea { position: relative; padding: 0 0 0 15px; font-size: 14px; width: 100%; float: left; border: 0; line-height: 43px; height: 43px; color: #000; background: none; border-radius: 2px; }
#book-tickets .panel .details .field.has-val input, #book-tickets .panel .details .field.has-val select, #book-tickets .panel .details .field.has-val textarea { background: #fff; }
#book-tickets .panel .details .field label { white-space: nowrap; overflow: hidden; padding: 0 0 0 15px; position: absolute; top: 0; bottom: 0; left: 0; text-align: left; font-weight: normal; line-height: 43px; min-height: 43px; color: #b6b6b6; border-radius: 2px; }

#book-tickets .panel .details .field .sel-replace { position: relative; line-height: 43px; height: 43px; }
#book-tickets .panel .details .field .sel-replace select { position: absolute; }

#book-tickets .panel .details .field .sel-replaced { position: relative; }
#book-tickets .panel .details .field .sel-replaced>label { width: 100%; display: block; line-height: 43px; padding-left: 15px; font-weight: normal; font-size: 14px !important; color: #000; background: transparent url('../images/ddl.png') 95% center no-repeat; margin: 0; cursor: pointer; }
#book-tickets .panel .details .field .sel-replaced>input { background-image: url('../images/ddl.png'); background-position: 95% center; background-repeat: no-repeat; cursor: pointer; }
#book-tickets .panel .details .field .sel-replaced.selected>label { background: #fff url('../images/ddl.png') 95% center no-repeat; }
#book-tickets .panel .details .field .sel-replaced>.options { display: none; width: 100%; max-height: 300px; overflow-y: auto; border: 1px solid #dddddd; border-top: 0; position: absolute; margin-top: 42px; z-index: 3; background: #fff; border-radius: 0 0 3px 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05) }
#book-tickets .panel .details .field .sel-replaced.open>.options { display: block; }
#book-tickets .panel .details .field .sel-replaced>.options .option { line-height: 43px; display: block; font-size: 14px; padding-left: 15px; color: #333; cursor: pointer; border: 1px solid #ededed; border-top: 0; }
#book-tickets .panel .details .field .sel-replaced>.options .option.selected, #shopping-cart #checkout .checkout .form .sel-replaced>.options .option:hover { background: #eee; }

#book-tickets .panel .details .field .field-action { position: absolute; z-index: 2; top: 0; right: 0; }
#book-tickets .panel .details .field .field-action .btn { transition: none; width: 100%; background: #1076d3; border: 2px solid #1076d3; border-radius: 0 3px 3px 0; color: #fff !important; }
#book-tickets .panel .details .field .field-action .btn:hover { background: #0986f5; border: 2px solid #0986f5 !important; }
#book-tickets .panel .details .field .field-action .btn.loading { background: #1076d3 url('../images/ajax-loader-blue-small.gif') center no-repeat; }
#book-tickets .panel .details .field .field-action .btn.loading span { opacity: 0; }

#book-tickets .panel .details .field .field-action-remove { display: none; position: absolute; left: 10px; top: 12px; }
#book-tickets .panel .details .field .field-action-remove a { display: block; width: 20px; height: 20px; line-height: 22px; color: #fff; background: #f54353; text-align: center; border-radius: 10px; font-size: 12px; }

#book-tickets .panel .details .field.promo-code.applied input { padding-left: 40px; }
#book-tickets .panel .details .field.promo-code.applied .field-action-remove { display: block; }

#book-tickets .general-error { padding-right: 50%; } 
#book-tickets .general-error p { font-size: 14px; font-weight: 700; color: #dd0000; font-family: 'futura-pt', sans-serif; text-transform: uppercase; }

#book-tickets .panel .details .form { max-width: 400px; }
#book-tickets .panel .details .form .field { max-width: 100%; }
#book-tickets .panel .details .form .field.has-error { border: 1px solid #f54353; }
#book-tickets .panel .details .form .field.no-border { border: 1px solid transparent; }
#book-tickets .panel .details .form .field.no-border .txt { color: #b7b7b7; line-height: 43px; }
#book-tickets .panel .details .form .field.half { width: 48.5%; }
#book-tickets .panel .details .form .field.half.left { padding: 0; float: left; }
#book-tickets .panel .details .form .field.half.right { float: right; }
#book-tickets .panel .details .form .field.reqd::before { content: '*'; position: absolute; color: #f73e54; z-index: 2; font-size: 17px; font-weight: bold; right: 8px; top: 4px; }
#book-tickets .panel .details .form .field.has-val input { transition: all 0.2s ease 0s; padding-top: 15px; line-height: 33px; background: transparent; }
#book-tickets .panel .details .form .field label { transition: all 0.2s ease 0s; }
#book-tickets .panel .details .form .field.has-val label, #book-tickets .panel .details .form .field input:focus + label { z-index: 2; line-height: 28px; font-size: 12px; }
#book-tickets .panel .details .form .field.has-error > label { color: #f54353; }
#book-tickets .panel .details .form .sel-replaced.selected>label { line-height: 33px; padding-top: 12px; background: transparent url('../images/ddl.png') 95% center no-repeat; }

#book-tickets .panel .details .form .field.no-value { background: #eee; }
#book-tickets .panel .details .form .field.no-value::before { display: none; }
#book-tickets .panel .details .form .field.no-value input { background: none; }

#book-tickets .panel .details .field-chk { line-height: 24px; }
#book-tickets .panel .details .field-chk div { position: relative; display: inline-block; width: 24px; height: 24px; border-radius: 3px; overflow: hidden; margin-right: 10px; }
#book-tickets .panel .details .field-chk > label { line-height: 24px; vertical-align: top; font-weight: 400; cursor: pointer; }
#book-tickets .panel .details .field-chk.has-error > label { color: #f54353; }
#book-tickets .panel .details .field-chk div input { position: absolute; top: -30px; }
#book-tickets .panel .details .field-chk div label { cursor: pointer; width: 24px; height: 24px; line-height: 24px; color: #333; font-size: 12px; border: 1px solid #b7b7b7; text-align: center; }
#book-tickets .panel .details .field-chk.has-error div label { border: 1px solid #f54353; }
#book-tickets .panel .details .field-chk div label span { display: none; }
#book-tickets .panel .details .field-chk div input:checked + label { color: #fff; background: #1076d3; border: 1px solid #1076d3; }
#book-tickets .panel .details .field-chk div input:checked + label span { display: inline; }

#book-tickets .panel .details .split { width: 100%; float: left; }
#book-tickets .panel .details .split .left { width: 50%; float: left; box-sizing: border-box; padding-right: 20px; }
#book-tickets .panel .details .split .right { width: 50%; float: left; box-sizing: border-box; padding-left: 20px; }
#book-tickets .panel .details .split .full { width: 63%; float: left; margin: -20px 0 20px; }
#book-tickets .panel .details .split .full textarea { min-height: 80px; }

#book-tickets .panel .details .section { margin-bottom: 40px; }
#book-tickets .panel .details .qty-row h4 { font-size: 14px; font-weight: bold; margin-top: 30px; }
#book-tickets .panel .show-drax4kids .details .select-tickets h4 { font-size: 14px; font-weight: bold; margin-top: 0; }
#book-tickets .panel .details .select-ticket-qty p { font-size: 13px; margin-right: 60px; }
#book-tickets .panel .details .section.dietary { width: 100%; float: left; margin-bottom: 30px; }

#book-tickets .panel .details .section.promocode { width: 100%; float: left; position: relative; }
#book-tickets .panel .details .section.promocode h3 { float: left; }
#book-tickets .panel .details .section.promocode .field { float: right; }

#book-tickets .order-summary { color: #333; width: 100%; float: left; }
#book-tickets .order-summary.fixed { position: fixed; top: 70px; }
#book-tickets .order-summary .title-row h2 { white-space: nowrap; line-height: 30px; }
#book-tickets .order-summary .title-row .icon { display: inline-block; width: 30px; height: 30px; border: 1px solid #fff; border-radius: 15px; margin-right: 10px; vertical-align: middle; background: transparent url('../images/cart.png') center no-repeat; }

#book-tickets .order-summary .order-summary-item { width: 100%; float: left; padding: 15px; border-bottom: 1px solid #b3b4b6; }
#book-tickets .order-summary .order-summary-item p { margin: 0; line-height: 1.7em; }
#book-tickets .order-summary .order-summary-item p strong { text-transform: uppercase; display: block; }
#book-tickets .order-summary .order-summary-item p .item-group { width: 100%; display: block; float: left; }
#book-tickets .order-summary .order-summary-item p .item-group span { display: block; float: left; }
#book-tickets .order-summary .order-summary-item p .item-group .fld-1 { width: 50%; }
#book-tickets .order-summary .order-summary-item p .item-group .fld-2 { width: 25%; text-align: right; }
#book-tickets .order-summary .order-summary-item p .item-group .fld-3 { width: 25%; text-align: right; }

#book-tickets .order-summary .totals { width: 100%; float: left; padding: 15px; }
#book-tickets .order-summary .totals p { margin: 0; font-size: 13px; line-height: 1.7em; }
#book-tickets .order-summary .totals p.gt { text-transform: uppercase; font-size: 14px; font-weight: bold; }
#book-tickets .order-summary .totals p .lbl { display: block; float: left; width: 80%; }
#book-tickets .order-summary .totals p .value { display: block; float: left; width: 20%; text-align: right; }

/* -- BLOG -- */
#blog { width: 100%; float: left; margin-top: 60px; padding-top: 30px; }
#blog .sidebar { width: 100%; float: left; padding-top: 28px; }
#blog .sidebar h2 { font-size: 18px; font-weight: 700; margin: 0 0 15px; }

#blog .sidebar .search-form { width: 100%; float: left; margin: 0 0 30px; padding-bottom: 30px; border-bottom: 1px solid #666f80; }
#blog .sidebar .search-form .form-input { position: relative; width: 80%; float: left; }
#blog .sidebar .search-form .form-input label { position: absolute; line-height: 40px; padding: 0 0 0 15px; font-weight: normal; color: #ccc; }
#blog .sidebar .search-form .form-input input { position: relative; border: 1px solid #808080; background: transparent; width: 100%; height: 40px; line-height: 40px; padding: 0 0 0 15px; box-sizing: border-box; }
#blog .sidebar .search-form .form-input.has-val input, #blog .sidebar .search-form .form-input input:focus { background: #fff; }
#blog .sidebar .search-form .actions { width: 20%; float: left; border-left: 1px solid transparent; }
#blog .sidebar .search-form .actions button { width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; border: 0; color: #fff; background-color: #1076d3; }
#blog .sidebar .search-form .actions button:hover { background-color: #0986f5; }

#blog .sidebar .popular-stories { width: 100%; float: left; margin: 0 0 30px; padding-bottom: 20px; border-bottom: 1px solid #666f80; }
#blog .sidebar .popular-stories .items .item { width: 100%; float: left; margin: 10px 0; }
#blog .sidebar .popular-stories .items .item .img { width: 25%; float: left; min-height: 60px; }
#blog .sidebar .popular-stories .items .item .img img { width: 100% !important; }
#blog .sidebar .popular-stories .items .item .detail { width: 75%; float: left; padding-left: 15px; box-sizing: border-box; }
#blog .sidebar .popular-stories .items .item .detail p { margin: 0 0 5px; }
#blog .sidebar .popular-stories .items .item .detail a.summary { color: inherit; }
#blog .sidebar .popular-stories .items .item .detail a.summary:hover { text-decoration: none; }
#blog .sidebar .popular-stories .items .item .detail a .glyphicon { font-size: 10px; }

#blog .sidebar .promo { width: 100%; float: left; margin: 0 0 30px; padding-bottom: 30px; border-bottom: 1px solid #666f80; }
#blog .sidebar .promo .promo-title { color: #fff; background: #f73e54; text-align: center; padding: 5px 10px; }
#blog .sidebar .promo .promo-title h3 { margin: 0; padding: 0; font-size: 32px; font-weight: 700; color: #fff; letter-spacing: 0.01em; }
#blog .sidebar .promo .promo-title h4 { margin: 0; padding: 0; font-size: 24px; font-weight: 300; color: #fff; }
#blog .sidebar .promo .promo-title a { color: inherit; text-decoration: none; }
#blog .sidebar .promo .promo-img { width: 100%; float: left; }
#blog .sidebar .promo .promo-img img { width: 100% !important; float: left; }

#blog .sidebar .social { width: 100%; float: left; margin: 0 0 30px; padding-bottom: 30px; border-bottom: 1px solid #666f80; }
#blog .sidebar .social .social-btns { width: 100%; float: left; margin: 30px 0 0; }
#blog .sidebar .social .social-btns a { display: block; width: 100%; line-height: 40px; float: left; margin: 0; border-radius: 5px; padding: 5px 0 5px 10px; vertical-align: middle; white-space: nowrap; }
#blog .sidebar .social .social-btns a:hover { text-decoration: none; }
#blog .sidebar .social .social-btns .btn-insta { width: 49%; color: #fff; background: #0986f5; }
#blog .sidebar .social .social-btns .btn-youtube { width: 49%; float: right; color: #fff; background: #f73e54; }
#blog .sidebar .social .social-btns .btn-insta .ico { position: relative; top: 5px; margin-right: 10px; display: inline-block; width: 22px; height: 22px; background: transparent url('../images/social.png') 0 -22px no-repeat; }
#blog .sidebar .social .social-btns .btn-youtube .ico { position: relative; top: 5px; margin-right: 10px; display: inline-block; width: 22px; height: 22px; background: transparent url('../images/social.png') 0 -44px no-repeat; }

#blog .sidebar .tags { width: 100%; float: left; margin: 0 0 30px; padding-bottom: 30px; }
#blog .sidebar .tags p { font-size: 16px; }
#blog .sidebar .tags ul { list-style-type: none; margin: 0; padding: 0; text-align: justify; }
#blog .sidebar .tags ul li { margin: 0; padding: 0; display: inline-block; }
#blog .sidebar .tags ul li a { display: inline-block; color: #fff; background: #d7d7d7; line-height: 30px; margin: 0 0 10px; padding: 0 15px; border-radius: 10px; }
#blog .sidebar .tags ul li a:hover { text-decoration: none; background: #1076d3; }

#blog.list .articles { width: 100%; float: left; padding-top: 30px; }
#blog.list .articles .blog-article-summary { width: 100%; float: left; margin: 0 0 30px; padding-bottom: 30px; border-bottom: 1px solid #666f80; }
#blog.list .articles .blog-article-summary .hero { width: 100%; float: left; margin: 0 0 20px; }
#blog.list .articles .blog-article-summary .hero img { width: 100% !important; }
#blog.list .articles .blog-article-summary .detail h1 { font-size: 24px; font-weight: bold; margin: 0 0 10px; }
#blog.list .articles .blog-article-summary .detail h1 a { color: inherit; text-decoration: none; }
#blog.list .articles .blog-article-summary .detail p { color: #808080; }
#blog.list .articles .blog-article-summary .detail .vitals { margin: 0 0 20px; }
#blog.list .articles .blog-article-summary .detail .vitals p { font-size: 12px; }
#blog.list .articles .blog-article-summary .detail .vitals p > span { margin-right: 20px; }
#blog.list .articles .blog-article-summary .detail .vitals p > span .glyphicon { margin-right: 5px; }
#blog.list .articles .blog-article-summary .detail .vitals p a { color: inherit; }

#blog.list .articles .blog-article-summary .actions { position: relative; width: 100%; float: left; margin: 30px 0 0; }
#blog.list .articles .blog-article-summary .actions .share-container { position: absolute; right: 0; top: 2px; height: 32px; }
#blog.list .articles .blog-article-summary .actions .share-container .share-title { display: block; float: left; margin-right: 10px; height: 32px; line-height: 32px; font-size: 12px; color: #808080; }
#blog.list .articles .blog-article-summary .actions .share-container .addthis-container { display: inline-block; height: 32px; }
#blog.list .articles .blog-article-summary .actions .share-container .at-style-responsive .at-share-btn { border: 1px solid #808080; }
#blog.list .articles .blog-article-summary .actions .btn { line-height: 32px; padding: 0 1em; color: #fff; background: #0986f5; border: 2px solid #0986f5; }
#blog.list .articles .blog-article-summary .actions .btn:hover { background: #1076d3; border: 2px solid #1076d3 !important; }

@media only screen and (min-width: 768px) {
    #blog.list .articles.search-results .blog-article-summary .hero { width: 30%; } 
    #blog.list .articles.search-results .blog-article-summary .detail { width: 70%; float: left; box-sizing: border-box; padding-left: 25px; }
    #blog.list .articles.search-results .blog-article-summary .detail h1 { font-size: 22px; }
    #blog.list .articles.search-results .blog-article-summary .actions { margin: 20px 0 0; }
}

#blog.list .articles .search-summary { width: 100%; float: left; margin: 0 0 30px; padding: 24px 0 10px; border-bottom: 1px solid #666f80; }
#blog.list .articles .search-summary p { color: #808080; }
#blog.list .articles .search-summary p .count { font-weight: bold; }
#blog.list .articles .search-summary p .search-keyword { font-style: italic; }

#blog.list .articles .search-summary.no-results { border-bottom: 0; }
#blog.list .articles .search-summary.no-results p { color: #333; }
#blog.list .articles .search-summary.no-results .tags { width: 100%; float: left; margin: 30px 0 0; }
#blog.list .articles .search-summary.no-results .tags ul { list-style-type: none; margin: 0; padding: 0; }
#blog.list .articles .search-summary.no-results .tags ul li { margin: 0; padding: 0; display: inline-block; }
#blog.list .articles .search-summary.no-results .tags ul li a { display: inline-block; color: #fff; background: #d7d7d7; line-height: 30px; margin: 0 0 15px; padding: 0 15px; border-radius: 10px; }
#blog.list .articles .search-summary.no-results .tags ul li a:hover { text-decoration: none; background: #1076d3; }

#blog.list .pagination { width: 100%; float: left; text-align: right; margin: 0 0 100px; }
#blog.list .pagination a, #blog.list .pagination span { display: inline-block; line-height: 30px; padding: 0 5px; color: #808080; }
#blog.list .pagination .current { color: #000; font-weight: bold; }
#blog.list .pagination .next-prev { padding: 0 20px; margin: 0 10px; color: #808080; border: 1px solid #808080; border-radius: 3px; }
#blog.list .pagination .next-prev.next { margin-right: 0; }
#blog.list .pagination a.next-prev { color: #fff; background: #0986f5; border: 1px solid #0986f5; }
#blog.list .pagination a.next-prev:hover { background: #1076d3; border: 1px solid #1076d3; text-decoration: none; }


#blog.article .summary { margin-top: 30px; }
#blog.article .summary .title { width: 100%; float: left; position: relative; box-sizing: border-box; padding-right: 180px; }
#blog.article .summary .title .share-container { position: absolute; right: 0; height: 32px; }
#blog.article .summary .title .share-container .share-title { display: block; float: left; margin-right: 10px; height: 32px; line-height: 32px; font-size: 12px; color: #808080; }
#blog.article .summary .title .share-container .addthis-container { display: inline-block; height: 32px; }
#blog.article .summary .title .share-container .at-style-responsive .at-share-btn { border: 1px solid #808080; }

#blog.article .summary h1 { font-size: 24px; font-weight: bold; margin: 2px 0 10px; }
#blog.article .summary p { color: #808080; }
#blog.article .summary .vitals { margin: 0 0 20px; }
#blog.article .summary .vitals p { font-size: 12px; }
#blog.article .summary .vitals p > span { margin-right: 20px; }
#blog.article .summary .vitals p > span .glyphicon { margin-right: 5px; }
#blog.article .summary .vitals p a { color: inherit; }
#blog.article .summary .vitals .share-container { height: 32px; margin: 20px 0; }
#blog.article .summary .vitals .share-container .share-title { display: block; float: left; margin-right: 10px; height: 32px; line-height: 32px; font-size: 12px; color: #808080; }
#blog.article .summary .vitals .share-container .addthis-container { display: inline-block; height: 32px; }
#blog.article .summary .vitals .share-container .at-style-responsive .at-share-btn { border: 1px solid #808080; }

#blog.article .hero { width: 100%; float: left; margin: 0 0 30px; }
#blog.article .hero img { width: 100% !important; }

#blog.article .article-content iframe { width: 100%; }
#blog.article .article-content img { max-width: 100%; height: auto; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#blog.article .disqus { margin: 60px 0; }