/* Theme Name: Haunted Scarehouse theme Version: 1.0 Description: A child theme of Sydney Pro Template: sydney-pro-ii */ @import url("../sydney-pro-ii/style.css"); @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?rk1nu5'); src: url('fonts/icomoon.eot?rk1nu5#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?rk1nu5') format('truetype'), url('fonts/icomoon.woff?rk1nu5') format('woff'), url('fonts/icomoon.svg?rk1nu5#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body{ font-family: 'Spectral', "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; color: #FFF; } a:hover, a:focus { color: #D3881B; } .icon-keyholes:before { content: "\e901"; } .icon-ig:before { content: "\e902"; } .icon-tw:before { content: "\e903"; } .icon-logo-s:before { content: "\e900"; } .icon-fb:before { content: "\f082"; } .ozgrass-road-characters-city, .oztitle-all, .oztitle-glimmer, .ozcloud2, .ozcloud4, .ozcloud1, .ozglimmer1, .ozglimmer3 { max-width: 100%; background-size: 100%; background-image: url('https://13thhourescape.com/wp-content/uploads/2022/06/oz-index.png'); } .ozgrass-road-characters-city { background-position: 0 0%; background-size: 100%; } .oztitle-all { background-position: 0 34.683794%; background-size: 100%; } .oztitle-glimmer { background-position: 0 69.367589%; background-size: 100%; } .ozcloud2 { background-position: 0 81.712364%; background-size: 116.666667%; } .ozcloud4 { background-position: 0 88.302872%; background-size: 140%; } .ozcloud1 { background-position: 0 94.277576%; background-size: 175%; } .ozglimmer1 { background-position: 0 97.775531%; background-size: 530.30303%; } .ozglimmer3 { background-position: 0 100%; background-size: 795.454545%;} .oz-main { display: block; width: 100%; max-width: 532px; height: auto; background-color: transparent; margin: 0 auto; padding: 0; position: relative; overflow: hidden; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0078ff+0,a9ecff+65 */ background: #0078ff; /* Old browsers */ background: -moz-linear-gradient(top, #0078ff 0%, #a9ecff 65%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #0078ff 0%,#a9ecff 65%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #0078ff 0%,#a9ecff 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078ff', endColorstr='#a9ecff',GradientType=0 ); /* IE6-9 */ } .oz-main-inner { display: block; width: 100%; height: 0; margin: 0; padding: 150.37593984962405% 0 0; position: relative; border: 0px solid #777; } .oz-gbot, .oz-gbot1, .oz-gbot2 { display: block; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; bottom: 0; width: 100%; z-index: 5; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0); /* IE6-9 */ } .oz-gbot1{ opacity: 0.4; height: 15%; } .oz-gbot2{ opacity: 0.3; height: 30%; } .oz-gtop{ display: block; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 0; width: 100%; z-index: 2; opacity: 0.4; height: 60%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100;Neutral+Density */ background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .cloud4 { height: 432px; opacity: 1; } .cloud4-img { -webkit-animation: infinite-shift-left-cloud4 15500s linear; animation: infinite-shift-left-cloud4 15500s linear; transform: scale(1.75, 1.75); } .cloud { height: 432px; opacity: .66; } .cloud-img{ -webkit-animation: infinite-shift-left-cloud2 25500s linear; animation: infinite-shift-left-cloud2 25500s linear; transform: scale(1.75, 1.75); } .cloud2 { height: 432px; opacity: .8; } .cloud2-img{ -webkit-animation: infinite-shift-left-cloud1 45500s linear; animation: infinite-shift-left-cloud1 45500s linear; transform: scale(2, 2); } .oz-layer1, .oz-layer2, .oz-layer3 { position: absolute; height: 500px; width: 100%; } .oz-layer1{ z-index: 0; top: 33%; } .oz-layer2{ z-index: 2; top: 0%; } .oz-layer3{ z-index: 3; top: 6%; } .oz-base { position: absolute; z-index: 2; width: 100%; max-width: ; height: auto; left: 0; right: 0; bottom: 0px; margin: auto; padding: 0; } .oz-base{ z-index: 5; } @-webkit-keyframes infinite-shift-left { 0% { background-position: 50000px; } 100% { background-position: 0; } } @keyframes infinite-shift-left { 0% { background-position: 50000px; } 100% { background-position: 0; } } @-webkit-keyframes infinite-shift-left-cloud1 { 0% { background-position: 50000px 81.712364%; } 100% { background-position: 0 81.712364%; } } @keyframes infinite-shift-left-cloud1 { 0% { background-position: 50000px 81.712364%; } 100% { background-position: 0 81.712364%; } } @-webkit-keyframes infinite-shift-left-cloud4 { 0% { background-position: 50000px 88.302872%; } 100% { background-position: 0 88.302872%; } } @keyframes infinite-shift-left-cloud4 { 0% { background-position: 50000px 88.302872%; } 100% { background-position: 0 88.302872%; } } @-webkit-keyframes infinite-shift-left-cloud2 { 0% { background-position: 50000px 94.277576%; } 100% { background-position: 0 94.277576%; } } @keyframes infinite-shift-left-cloud2 { 0% { background-position: 50000px 94.277576%; } 100% { background-position: 0 94.277576%; } } .oz-sheath{ position: absolute; display: block; width: 100%; height: 100%; z-index: 12; left: 0; right: 0; bottom: 0; margin: auto; } .oz-container { position: relative; width: 100%; height: 100%; } .oz-container * { position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; } .oz-logo { -webkit-transition: -webkit-mask-position 2s ease; -webkit-mask-image: linear-gradient(to right, black 0%, black 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(to right, black 0%, black 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 300% 100%; mask-size: 300% 100%; z-index: 9; } .oz-logo { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation: thmask 20s forwards; -moz-animation: thmask 20s forwards; -o-animation: thmask 20s forwards; animation: thmask 20s forwards; } @-webkit-keyframes thmask { 0% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } 20% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } 40% { -webkit-mask-position: 0 0; mask-position: 0 0; } 100% { -webkit-mask-position: 0 0; mask-position: 0 0; } } @keyframes thmask { 0% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } 20% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } 40% { -webkit-mask-position: 0 0; mask-position: 0 0; } 100% { -webkit-mask-position: 0 0; mask-position: 0 0; } } .glimmer-sheath{ opacity: 1; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation: fadein 5s; -moz-animation: fadein 5s; -o-animation: fadein 5s; animation: fadein 5s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes fadein { 0% { opacity: 0; } 88% { opacity: 0; } 90% { opacity: 1; } 93% { opacity: 1; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 88% { opacity: 0; } 90% { opacity: 1; } 93% { opacity: 1; } 100% { opacity: 1; } } .sparkle1, .sparkle2, .sparkle3, .sparkle4 { position: absolute; display: block; z-index: 7; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; opacity: 1; -webkit-animation-name: sparkle; animation-name: sparkle; -webkit-animation-duration: 13s; animation-duration: 13s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .sparkle1{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAJYCAMAAACJuGjuAAADAFBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+/LkhhAAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1O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); } @-webkit-keyframes sparkle { 0% { transform: scale(0) rotate(0deg); opacity: 0; } 10% { transform: scale(1) rotate(60deg); opacity: 1; } 20% { transform: scale(0.4) rotate(120deg); opacity: 0.5; } 30% { transform: scale(0) rotate(180deg); opacity: 0; } 100% { transform: scale(0) rotate(180deg); opacity: 0; } } @keyframes sparkle { 0% { transform: scale(0) rotate(0deg); opacity: 0; } 10% { transform: scale(1) rotate(60deg); opacity: 1; } 20% { transform: scale(0.4) rotate(120deg); opacity: 0.5; } 30% { transform: scale(0) rotate(180deg); opacity: 0; } 100% { transform: scale(0) rotate(180deg); opacity: 0; } } .sparkle1 { top: 47.3%; left: 42.2%; height: 88px; width: 88px; } .sparkle2 { opacity: 0; animation-delay: 2s; top: 47.3%; left: 27.2%; height: 122px; width: 122px; } .sparkle3 { opacity: 0; animation-delay: 3s; top: 44.3%; left: 49.2%; height: 99px; width: 99px; } .sparkle4 { opacity: 0; animation-delay: 5s; top: 16.3%; left: 25.9%; height: 99px; width: 99px; z-index: 33; } .title-glimmer{ opacity: 1; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; -webkit-transition: -webkit-mask-position 2s ease; -webkit-mask-image: linear-gradient(to right, black 0%, black 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(to right, black 0%, black 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 300% 100%; mask-size: 300% 100%; -webkit-mask-position: 0 0; mask-position: 0 0; z-index: 22; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation: oz-grad 15s infinite; -moz-animation: oz-grad 15s infinite; -o-animation: oz-grad 15s infinite; animation: oz-grad 15s infinite; } @keyframes oz-grad { 0% { -webkit-mask-position: 0 0; mask-position: 0 0; } 50% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } 100% { -webkit-mask-position: 0 0; mask-position: 0 0; } } @keyframes modal-video { from { opacity: 0; } to { opacity: 1; } } @keyframes modal-video-inner { from { transform: translate(0, 100px); } to { transform: translate(0, 0); } } .modal-video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000000; cursor: pointer; opacity: 1; animation-timing-function: ease-out; animation-duration: 0.3s; animation-name: modal-video; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .modal-video-close { opacity: 0; } .modal-video-close .modal-video-movie-wrap { -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); -o-transform: translate(0, 100px); transform: translate(0, 100px); } .modal-video-body { max-width: 960px; width: 100%; height: 100%; margin: 0 auto; padding: 0 10px; display: flex; justify-content: center; box-sizing: border-box; } .modal-video-inner { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } @media (orientation: landscape) { .modal-video-inner { padding: 10px 60px; box-sizing: border-box; } } .modal-video-movie-wrap { width: 100%; height: 0; position: relative; padding-bottom: 56.25%; background-color: #333; animation-timing-function: ease-out; animation-duration: 0.3s; animation-name: modal-video-inner; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -ms-transition: -ms-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal-video-movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal-video-close-btn { position: absolute; z-index: 2; top: -45px; right: 0; display: inline-block; width: 35px; height: 35px; overflow: hidden; border: none; background: transparent; } @media (orientation: landscape) { .modal-video-close-btn { top: 0; right: -45px; } } .modal-video-close-btn:before { transform: rotate(45deg); } .modal-video-close-btn:after { transform: rotate(-45deg); } .modal-video-close-btn:before, .modal-video-close-btn:after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #fff; border-radius: 5px; margin-top: -6px; } .video-container img { width: 100%; height: auto; } .play-circle { position: absolute; background-color: #000; width: 100%; max-width: 140px; height: 140px; left: 0; right: 0; margin: auto; z-index: 1; top: 0; bottom: 0; opacity: 0.7; border-radius: 100%; } .cplay { position: absolute; left: 7%; top: 0; right: 0; margin: auto; max-width: 80px; width: 100%; display: block; bottom: 0; } .video-container:hover .play-circle { opacity: 1; } .boxzilla { background-color: #000 !important; padding: 32px 25px 25px !important; } .boxzilla button, .boxzilla input[type="button"], .boxzilla input[type="reset"], .boxzilla input[type="submit"] { font-family: "Oswald", sans-serif; font-size: 15px; } .boxzilla-close-icon { font-size: 34px !important; color: #fff !important; } .logo-head { display: block; height: auto; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 66px; width: 100%; z-index: 991; } .bbot{ border-bottom: 0px solid #333; } #pg-8-3, #pg-8-4{ border-bottom: 3px solid #222; } .site-header.float-header { padding: 12px; } .site-header { background-color: transparent !important; } .site-logo { min-width: 260px; height: auto !important; width: 100%; max-width: 440px; max-height: none !important; } #mainnav ul li a { text-transform: uppercase; text-shadow: 3px 3px 0px rgba(0, 0, 0, 1); } .gtop, .gtop2{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .gtop{ height: 120px; top: 0; opacity: .9; z-index: 101; } .gbot, .gbot30{ /* Permalink - use to edit and share this gradient: http://web.archive.org/web/20170818091542/http://colorzilla.com/gradient-editor/000000+0,000000+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .gtop2 { font-family: 'Spectral', "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; height: 100px; padding-top: 48px; top: 464px; z-index: 99; } .gtop, .gtop2, .gbot, .gbot30{ display: block; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; bottom: 0; width: 100%; } .gbot{ height: 80px; opacity: .4; z-index: 100; } .gbot30 { height: 30%; opacity: .9; z-index: 10; } .page-wrap .content-wrapper { background-color: transparent; } #secondary { background-color: transparent !important; } #mainnav, #mainnav ul { text-align: center; width: 100%; } #mainnav ul li { display: inline-block; float: none; } #mainnav li { padding: 0 !important; } #mainnav ul li a { padding: 6px 8px; } li#menu-item-36 > a { color: #fff !important; background-color: #d50a01 !important; text-shadow: none !important; } .single .entry-header, .page .entry-header { margin-bottom: 12px; } .formerly { height: auto; left: 0; max-width: 600px; top: 380px; width: 100%; } .formerly { color: #fff; display: block; font-size: 15px; line-height: 1.3; margin: 0 auto; position: absolute; right: 0; text-align: center; text-shadow: 0 0 4px #af110a,0 0 4px #af110a,0 0 4px #000,0 0 3px #000,0 0 4px #000,0 0 4px #000; text-transform: uppercase; z-index: 100; } .formerly > h6 { max-width: 800px; } .formerly > h6, .entry-content p, .siteorigin-widget-tinymce.textwidget li, #demo, #attr h3 { font-family: 'Spectral',"Lucida Bright",Lucidabright,"Lucida Serif",Lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",Georgia,serif; } .formerly > h6 { line-height: 1.2; margin: auto; position: relative; top: 50%; transform: translateY(-50%); width: 100%; font-size: 13px; letter-spacing: 1px; } .entry-content p { line-height: 1.3; margin: auto; max-width: 600px; width: 100%; } .p1 p:first-of-type::first-letter { color: #af110a; float: left; font-family: "Opera-Lyrics-Smooth", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; font-size: 4em; margin: 11px 16px 0 0; } .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { background: #000; } .site-footer { font-size: 14px; } .float-header::before { content: "13th Hour Haunted House Wharton NJ"; display: block; font-size: 14px; font-weight: bold; letter-spacing: 1px; line-height: 15px; margin: 0 auto 7px; text-align: center; text-transform: uppercase; } .topper { display: block; height: 341px; position: relative; width: 100%; } #mainnav { border-bottom: 3px solid rgba(255,255,255,.07); padding-bottom: 8px; } .panel-grid-cell .widget-title::after { background-color: transparent; height: 0; width: 0; } h1, h2, h3, h4, h5, h6 { color: #fff; } .siteorigin-widget-tinymce.textwidget > ul { list-style-type: square; margin: 16px 4px 16px 20px; } .siteorigin-widget-tinymce.textwidget li { font-size: 17px; font-weight: bold; } .siteorigin-widget-tinymce.textwidget > p span { font-size: 16px; } .bordered { border-top: 3px solid rgba(255, 255, 255, 0.2); } .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { background: #000 !important; } #mainnav-mobi ul > li > a { font-family: "oswald", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; text-transform: uppercase; } .panel-grid-cell .widget-title { margin-bottom: 6px; } h1::before { background: #0f99ef none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 0px; left: -20px; position: absolute; width: 1018px; } .page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper { padding: 2px; } #awards img { max-width: 160px; width: 100%; margin: auto; } .small, small { font-size: 70%; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sp3 { color: #fff; display: none; font-size: 18px; height: 300px; right: -58%; line-height: 1.3; margin: 0 auto; max-width: 325px; position: absolute; left: 0; text-align: center; text-shadow: 0 0 4px #af110a, 0 0 4px #af110a, 0 0 4px #000, 0 0 3px #000, 0 0 4px #000, 0 0 4px #000; text-transform: uppercase; top: 170px; z-index: 100; opacity: .9; } #opener p, .also p{ font-size: 2.4rem; line-height: 1.3; } .also li { font-size: 2.2rem !important; line-height: 1.6; } .tick { bottom: 22px; display: block; height: auto; left: 128px; position: absolute; width: 200px; z-index: -1; } .bloodticket a { color: #fff; } #social ul { list-style-type: none; margin: 0 0 20px; text-align: center; } #social ul li{ display: inline-block; min-width: 140px } #social a { display: inline-block; font-family: "oswald", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; font-size: 18px; line-height: 22px; padding: 6px 0 0 4px; text-align: center; text-transform: uppercase; } #social a:hover { color: #D3881B; } .sn { display:block; background-color: transparent; position: relative; -webkit-box-shadow: inset 0px 0px 80px 16px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 80px 16px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 80px 16px rgba(0,0,0,0.75); max-width: 580px; width: 100%; margin: auto; overflow: hidden; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .sn:hover { -webkit-box-shadow: inset 0px 0px 20px 6px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 20px 6px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 20px 6px rgba(0,0,0,0.75); } .sn::before { content: " "; display: block; padding-top: 74.25%; width: 100%; } .sn > img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 440px; width: 100%; height: auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #attr h3 { border-bottom: 0 solid #ff0000; display: table; font-size: 30px; font-weight: 300; line-height: 1.4; margin: 8px auto 0; position: relative; text-align: center; } .icon-fb, .icon-tw, .icon-ig { color: #fff; padding-right: 8px; } #myCanvas { background: transparent; position: absolute; top: 0; left: 0; opacity: .25; width: 100%; height: 400px; z-index: 0; } .btick { height: 64px; position: relative; text-align: center; width: 100%; background-color: #AF110A; display: block; overflow: hidden; color: #FFF; max-width: 8000px; margin: 0 auto; } .btick span, .notick span{ -webkit-box-shadow: inset 0px 0px 80px 16px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 80px 16px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 80px 16px rgba(0,0,0,0.75); position: absolute; top: 0; left: 0; width: 100%; height: 128px; z-index: 0; } .btick > a, .notick > h4 { color: #fff; font-family: "oswald", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; font-size: 16px; left: 0; line-height: 64px; margin: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 9; text-transform: uppercase; letter-spacing: 1px; } .notick { height: 48px; position: relative; text-align: center; width: 100%; background-color: #540702; display: block; overflow: hidden; color: #FFF; } .btick:hover span { top: -48px; } .btick > a:hover{ text-decoration: underline; } .notick > h4 { opacity: 0.7; } hr { border-top: 4px solid #222 !important; } .headshow-jpg-back, .headshow-jpg-backback, .headshow-jpg-darkbg { max-width: 100%; background-size: 100%; background-image: url('https://13thhour.com/wp-content/uploads/headshow-jpg-sheet.jpg'); } .headshow-jpg-back { background-position: 0 0%; background-size: 100%; position: absolute; display: block; width: 100%; z-index:0; height: 400px; opacity: .52; -webkit-animation: infinite-shift-left2 6500s linear; animation: infinite-shift-left2 6500s linear; } .headshow-jpg-backback { margin: 0 auto; display: block; } .headshow-jpg-backback { background-position: 0 33.333333%; background-size: 237.96034%; } .headshow-jpg-darkbg { background-position: 0 100%; background-size: 255.707763%; } .headshow-jpg-darkbg { display: block; position: absolute; z-index: -1; width: 100%; height: auto; max-width: 538px; } .headshow-cloudssm, .headshow-lightning2, .headshow-13th2opt, .headshow-hh, .headshow-hhblood, .headshow-outlinedlogo, .headshow-rock, .headshow-house-whole-white, .headshow-househalf, .headshow-lightning5, .headshow-lightning41, .headshow-ranked2, .headshow-ranked { max-width: 100%; background-size: 100%; background-image: url('https://13thhourescape.com/wp-content/uploads/headshow-sheet.png'); } .headshow-cloudssm { background-position: 0 0%; background-size: 100%; } .headshow-lightning2 { background-position: 0 5.333941%; background-size: 125.524476%; } .headshow-13th2opt { background-position: 0 18.265352%; background-size: 150.840336%; } .headshow-hh { background-position: 0 29.605558%; background-size: 150.840336%; } .headshow-hhblood { background-position: 0 41.846083%; background-size: 150.840336%; } .headshow-outlinedlogo { background-position: 0 54.437472%; background-size: 150.840336%; } .headshow-rock { background-position: 0 60.678106%; background-size: 150.840336%; } .headshow-house-whole-white { background-position: 0 65.428937%; background-size: 228.177966%; } .headshow-househalf { background-position: 0 71.446863%; background-size: 228.177966%; } .headshow-lightning5 { background-position: 0 82.801095%; background-size: 228.66242%; } .headshow-lightning41 { background-position: 0 91.768293%; background-size: 254.009434%; } .headshow-ranked2 { background-position: 0 95.884688%; background-size: 419.066148%; } .headshow-ranked { background-position: 0 100%; background-size: 427.380952%; } .badgeamericasbesthaunts-1-300x300, .badgeamericasbesthaunts2-300x300, .badgetophaunts-1-300x300, .badge2017-golden-lock-in-280x300, .badgebestescaperooms-sm-prod2-1-270x300, .badgebestescaperoomsx-sm-prod2-270x300, .badgebestnjescape2017-270x300, .badgebestnjescape2018-270x300 { max-width: 100%; background-size: 100%; background-image: url('https://13thhourescape.com/wp-content/uploads/2019/06/badge-sheet.png'); } .badgeamericasbesthaunts-1-300x300 { background-position: 0 0%; background-size: 100%; } .badgeamericasbesthaunts2-300x300 { background-position: 0 14.285714%; background-size: 100%; } .badgetophaunts-1-300x300 { background-position: 0 28.571429%; background-size: 100%; } .badge2017-golden-lock-in-280x300 { background-position: 0 42.857143%; background-size: 107.142857%; } .badgebestescaperooms-sm-prod2-1-270x300 { background-position: 0 57.142857%; background-size: 111.111111%; } .badgebestescaperoomsx-sm-prod2-270x300 { background-position: 0 71.428571%; background-size: 111.111111%; } .badgebestnjescape2017-270x300 { background-position: 0 85.714286%; background-size: 111.111111%; } .badgebestnjescape2018-270x300 { background-position: 0 100%; background-size: 111.111111%; } .p1 p, .p2 p { margin: 0 auto 32px; max-width: 762px; width: 100%; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hentry .title-post { font-size: 30px; } .hentry .title-post { border-bottom: 0 solid #ff0000; margin: 8px auto 0; padding: 0; position: relative; text-align: center; } .hentry .title-post::before { background: #222 none repeat scroll 0 0; bottom: 6px; content: ""; height: 3px; left: 0; position: absolute; width: 100%; z-index: -1; } .posts-layout .title-post { text-align: left; } .panel-grid-cell .widget-title { margin-bottom: 16px !important; } .p1 h4 { font-size: 22px; text-align: center; text-transform: uppercase; } .dates { border-bottom: 1px solid #222; margin: 0 auto 24px; text-align: center; width: 100%; } .dates > li { display: inline-block; font-family: "oswald", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; min-width: 108px; text-transform: uppercase; } .titler { border-bottom: 1px solid #222; margin-bottom: 12px; padding: 12px; position: relative; text-align: center; text-transform: uppercase; } #dates h5 { font-size: 17px; text-align: center; text-transform: uppercase; } .pc { text-align: center; } .escapes .btick { margin: 0 auto 20px; max-width: 260px; } .vip h4 { color: #aaa; font-family: 'Spectral', "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-size: 18px; font-weight: 400; line-height: 24px; margin: 1px auto 20px; max-width: 640px; text-align: center; text-transform: none; width: 100%; } .bordered2 { border-bottom: 3px solid rgba(255, 255, 255, 0.2); } #awards h6 { font-size: 13px; font-weight: 400; line-height: 18px; text-align: center; text-transform: uppercase; } .cale, .main2, .main4 { float: left; margin: 0; max-width: 640px; width: 100%; } .main3 { margin: 0; max-width: 520px; width: 100%; } .main3 th, .main3 td { font-family: "Opera-Lyrics-Smooth", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; line-height: 2; padding: 16px 12px 16px 60px; position: relative; text-transform: none; } .main3 th, .main3 td { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .main3 th { font-size: 2rem; line-height: 1.1; text-align: left; } .main3 td { font-size: 0.8em; text-align: left; } .main3 tr:last-child td { font-size: 1.4rem; padding: 16px 12px; } .main3 table, .main3 tbody{ border: 1px solid rgba(255, 255, 255, 0.2); width: 100%; } .main3 span { bottom: 0; display: block; height: 100%; left: 12px; margin: auto; max-height: 32px; max-width: 32px; position: absolute; top: 0; width: 100%; } .hhouse { background-color: #af110a; } .touch { background-color: #009933; } .month, .daysofweek, .days { font-family: "Opera-Lyrics-Smooth", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; } .month { background-color: transparent; border: 0 none; color: #fff; font-size: 2.4rem; line-height: 2; } .daysofweek { color: #fff; font-size: 1.5rem; } .days { color: #555; font-size: 1.2rem; padding: 0px; } .days #today{ font-weight: bold; color: red; } .cale tr, .main2 tr, .main4 tr { height: 64px; border: 0; } .cale table, .cale tbody, .main2 table, .main2 tbody, .main4 table, .main4 tbody { border: 1px solid rgba(255, 255, 255, 0.2); width: 100%; } .cale td, .main2 td, .main4 td { border-color: rgba(255, 255, 255, 0.2); border-style: solid solid none none; border-width: 1px 1px medium medium; } .cale tr td:last-child, .main2 tr td:last-child, .main4 tr td:last-child{ border-right: 0 !important; } .cale tr:first-child td, .cale tr:nth-child(2) td, .main2 tr:first-child td, .main2 tr:nth-child(2) td, .main4 tr:first-child td, .main4 tr:nth-child(2) td{ padding-bottom: 0 !important; } .cale table tr:nth-child(4) td:nth-child(6), .cale table tr:nth-child(4) td:nth-child(7), .main4 table tr:nth-child(7) td:nth-child(6), .main4 table tr:nth-child(7) td:nth-child(7), .main4 table tr:nth-child(8) td:first-child, .main4 table tr:nth-child(3) td:nth-child(6), .main2 table tr:nth-child(4) td:first-child, .main2 table tr:nth-child(5) td:first-child, .main2 table tr:nth-child(6) td:first-child, .main2 table tr:nth-child(7) td:first-child, .main2 table tr td:nth-child(6), .main2 table tr td:nth-child(7) { color: #FFF; background-color: #af110a !important; } .cale table tr:nth-child(3) td:nth-child(7), .cale table tr:nth-child(4) td, .cale table tr:nth-child(3) td, .main4 table tr:nth-child(3) td:nth-child(5), .main4 table tr:nth-child(3) td:nth-child(6), .main4 table tr:nth-child(3) td:nth-child(7), .main4 table tr:nth-child(4) td, .main4 table tr:nth-child(5) td, .main4 table tr:nth-child(6) td, .main4 table tr:nth-child(7) td, .main2 table tr:nth-child(3) td, .main2 table tr:nth-child(4) td, .main2 table tr:nth-child(5) td, .main2 table tr:nth-child(6) td, .main2 table tr:nth-child(7) td{ background-color: transparent; outline: 5px solid #009; outline-offset: -4px; color: #FFF; } .cale table tr:nth-child(4) td:nth-child(2), .cale table tr:nth-child(5) td:nth-child(2), .cale table tr:nth-child(6) td:nth-child(2), .cale table tr:nth-child(7) td:nth-child(2), .cale table tr:nth-child(3) td:nth-child(2), .main2 table tr:nth-child(3) td:nth-child(1), .main2 table tr:nth-child(3) td:nth-child(2), .main2 table tr:nth-child(4) td:nth-child(2), .main2 table tr:nth-child(5) td:nth-child(2), .main2 table tr:nth-child(6) td:nth-child(2), .main2 table tr:nth-child(7) td:nth-child(2), .main2 table tr:nth-child(7) td:nth-child(5), .main2 table tr:nth-child(7) td:nth-child(6), .main2 table tr:nth-child(7) td:nth-child(7) { background-color: transparent !important; outline: 0; color: #555; } .main4 table tr:first-child td:first-child, .main4 table tr:nth-child(2) td:first-child, .cale table tr:first-child td:first-child, .cale table tr:nth-child(2) td:first-child, .main2 table tr:first-child td:first-child, .main2 table tr:nth-child(2) td:first-child, .main2 table tr:nth-child(8) td:first-child, .main2 table tr:nth-child(2) td:nth-child(6), .main2 table tr:nth-child(2) td:nth-child(7), .main2 table tr:nth-child(7) td:nth-child(6), .main2 table tr:nth-child(7) td:nth-child(7), .main2 table tr:nth-child(8) td:nth-child(6), .main2 table tr:nth-child(8) td:nth-child(7) { background-color: transparent !important; } .main4 table tr:nth-child(4) td:nth-child(2), .main4 table tr:nth-child(5) td:nth-child(2), .main4 table tr:nth-child(6) td:nth-child(2), .main4 table tr:nth-child(7) td:nth-child(2){ background-color: transparent !important; outline: none; color: #555; } .main4 table tr:nth-child(3) td:nth-child(7) { background-color: #093 !important; color: #FFF; } .main2 table tr:nth-child(7) td:nth-child(4), .main2 table tr:nth-child(7) td:nth-child(4),.halloween { background-color: #FF6600 !important; color: #FFF; } .blue{ background-color: #000099; } .blueo { outline: 6px solid #000099; outline-offset: -5px; } .padd { padding: 4rem; } .padd2 { padding: 2rem; } #choices sup { color: red; font-size: 60%; } .cent { text-align: center; } #awards img { max-width: 360px !important; margin: auto !important; text-align: center; left: 0; right: 0; display: block; } .fp { font-size: 1.6rem !important; } #awards .fp { text-align: center; text-transform: uppercase; letter-spacing: 1px; font-family: "oswald",Corbel,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans-serif; font-size: 1.4rem !important; } .feat { min-height: 480px; position: relative; } .bg-img { position: absolute; width: 100%; height: 100%; z-index: -1; background-size: cover; background-repeat: no-repeat; opacity: .4; } .feat { min-height: 638px; position: relative; } .event-title { text-align: center; line-height: 1.5; padding: 2rem 2.5rem .25rem; margin-bottom: .5rem !important; } .feat p { font-size: 2rem; padding: .25rem 2.4rem; } .main2 table tr:nth-child(4) td:last-child, .main2 table tr:nth-child(5) td:last-child, .main2 table tr:nth-child(6) td:last-child, .previewday { background-color: #FF3300; } .main2 table tr:nth-child(5) td:nth-child(5), .main2 table tr:nth-child(6) td:nth-child(5), .whodunit, .main4 table tr:nth-child(3) td:nth-child(5) { background-color: #6600CC; } .rell{ position:relative; display:block; } .rell p { font-size: 2rem; padding: 1rem 2rem 3rem; } .ranked1, .ranked2 { position: absolute; bottom: 0; display: block; z-index: 4; width: 100%; height: auto; margin: auto; } .ranked1 { left: -55%; right: 0; max-width: 212px; } .ranked2 { right: -55%; left: 0; max-width: 217px; } .ranked1, .ranked2 { -webkit-animation: ranked 12s forwards; } @keyframes ranked { 0% {opacity:0;bottom:-100%;} 30% {opacity:.25;bottom:-50%;} 90% {opacity:1;bottom:0;} 100% {opacity:1;bottom:0;} } @-webkit-keyframes ranked { 0% {opacity:0;bottom:-100%;} 30% {opacity:.25;bottom:-50%;} 90% {opacity:1;bottom:0;} 100% {opacity:1;bottom:0;} } @-moz-keyframes ranked { 0% {opacity:0;bottom:-100%;} 30% {opacity:.25;bottom:-50%;} 90% {opacity:1;bottom:0;} 100% {opacity:1;bottom:0;} } @-ms-keyframes ranked { 0% {opacity:0;bottom:-100%;} 30% {opacity:.25;bottom:-50%;} 90% {opacity:1;bottom:0;} 100% {opacity:1;bottom:0;} } @-o-keyframes ranked { 0% {opacity:0;bottom:-100%;} 30% {opacity:.25;bottom:-50%;} 90% {opacity:1;bottom:0;} 100% {opacity:1;bottom:0;} } .attractions-info h1, .attractions-info h2, .attractions-info h3, .attractions-info h4, .attractions-info h5, .attractions-info h6, .attractions-info ul li span, .attractions-info p span, .event-title { font-family: "Opera-Lyrics-Smooth","Palatino Linotype",Palatino,Palladio,"URW Palladio L","Book Antiqua",Baskerville,"Bookman Old Style","Bitstream Charter","Nimbus Roman No9 L",Garamond,"Apple Garamond","ITC Garamond Narrow","New Century Schoolbook","Century Schoolbook","Century Schoolbook L",Georgia,serif; } .attractions-info h1, .attractions-info h2, .attractions-info h3, .attractions-info h4, .attractions-info h5, .attractions-info h6 { line-height: 1.6; margin-bottom: 16px; } .attractions-info p span { color: red; background-color: transparent; font-size: 2.5rem; line-height: 1.5; } .attractions-info ul li span { color: #f93; font-weight: normal; font-size: 2.2rem; margin-left: 2px; } .attractions-info ul, .choice-box { margin: 24px 0 32px 0 !important; width: 100%; max-width: 540px; box-sizing: border-box; } .attractions-info ul { padding: 8px 32px 8px; } .choice-box { padding: 20px 20px 1px 12px; } .choice-box { border: 0px solid rgba(255,0,0,.3); } .attractions-info ul{ border: 0px solid rgba(0,0,153,.5); } #escape-info hr { margin-top: 0; margin-bottom: 20px; border: 0; border-top: 0 solid #c00; height: 2px; box-shadow: inset 0 12px 12px -12px rgba(0,0,153,1); } .attractions-info p { font-size: 2rem; line-height: 1.3; margin-bottom: 24px; } .attractions-info hr, .special-events hr { margin-top: 0; margin-bottom: 20px; border: 0; border-top: 0 solid #c00; height: 2px; box-shadow: inset 0 12px 12px -12px rgba(255,0,0,.95); width: 100%; max-width: 540px; text-align: left; margin-left: 0; } .panel-widget-style { background-size: contain; } .siteorigin-widget-tinymce.textwidget > ul { list-style-type: upper-greek; } .choice-box small { margin-bottom: 8px; line-height: 2; padding: 0 16px; display: inline-block; font-size: 85%; } .allnew { color: #FFF !important; background-color: rgba(255,0,0,.8) !important; padding: 0 8px 0 4px; font-family: 'Spectral',"Lucida Bright",Lucidabright,"Lucida Serif",Lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",Georgia,serif !important; font-size: 1.5rem !important; margin-left: 16px; font-weight: bold; } .attractions-info li { padding: 12px 0; font-weight: normal !important; border-bottom: 2px solid rgba(255,255,255,0.1); line-height: 1.7; font-size: 18px !important; } .attractions-info li:last-child { border-bottom: 0px solid rgba(255,255,255,0.1) !important; } .special-events h1, .special-events h2, .special-events h3 { font-family: "Opera-Lyrics-Smooth","Palatino Linotype",Palatino,Palladio,"URW Palladio L","Book Antiqua",Baskerville,"Bookman Old Style","Bitstream Charter","Nimbus Roman No9 L",Garamond,"Apple Garamond","ITC Garamond Narrow","New Century Schoolbook","Century Schoolbook","Century Schoolbook L",Georgia,serif; letter-spacing: 4px; line-height: 1.5; } .bluebg { background-color: rgba(0,0,153,.4); } .choice-box p:last-child { border-bottom: 0 !important; } .choice-box p { border-bottom: 2px solid rgba(255,255,255,0.1); } .attractions-info h5, .attractions-info h4 { max-width: 540px; } #escape-info .allnew { margin-left: 8px; } .red-title { color: #cc0000; } .yellow { color: #FFCC00; } .redbg { background-color: rgba(255,0,0,0.2); } #escape-info h5, #escape-info h4 { background-color: #660B0F; } #escape-info h5, #escape-info h4, .redbg { padding: 2.5rem; text-align: center; } .attractions-info h5 small { display: block; color: #FFF; line-height: 2; padding: 8px 0; font-family: 'Spectral',"Lucida Bright",Lucidabright,"Lucida Serif",Lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",Georgia,serif; font-size: 90%; font-weight: bold; } .ultra { letter-spacing: 7px; line-height: 1.2 !important; } .special-events hr { max-width: none !important; } .business { font-family: "oswald",Corbel,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans-serif !important; font-size: 1.65rem; line-height: 1.8 !important; text-transform: uppercase; letter-spacing: 1px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.84); } .attractions-info h4 small { display: block; line-height: 1.5; padding: 12px 0; color: #FFF; text-transform: uppercase; letter-spacing: 1px; } @media (max-width: 1023px) { .spbg1, .spbg2, .spbg3 { background-image: none !important; }#extra-info { background-size: auto 100%; } .sp-events p { width: 95%; } .sp, .sp2, .ranked1, .ranked2{ display:none; visibility:hidden; } .sp3{ display:block; visibility: visible; } .sp { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: auto; left: 0; max-width: none; top: 80px; width: 100%; } .sp2 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: auto; right: 0; max-width: none; top: 105px; width: 100%; } .sp3 { height: auto; max-width: none; top: 60px; width: 100%; margin: auto; left: 0; right: 0; z-index: 999; } .sp > h4, .sp2 > h4 { max-width: 800px; font-size: 16px; } .sp > h5, .sp2 > h5, .sp3 > h5 { max-width: 650px !important; z-index:9999; font-size: 16px; } } .escape-logo { position: absolute; width: 100%; max-width: 380px; height: auto; margin: auto; left: 0; right: 0; top: 100px; z-index: 99; padding: 0 1%; } .plimit p { font-size: 16px; } .plimit p, .plimit h1, .plimit h2, .plimit h3, .plimit ol, .plimit ul { text-align: left !important; max-width: 720px; margin: 0 0 1em !important; } .plimit ol, .plimit ul { margin-left: 2em !important; } /* changes with animated head */ .head-show { height: auto; position: relative; width: 100%; display: block; margin: 0 0 1rem; padding: 0; background-repeat: no-repeat !important; background-position: center center !important; overflow: hidden !important; } .hero-box { height: 232px; opacity: .7; } .hero-img { background: transparent url(https://13thhour.com/wp-content/uploads/cloudssm.png) repeat-x 50% 0; -webkit-animation: infinite-shift-left 5500s linear; animation: infinite-shift-left 5500s linear; } .layer2, .layer3 { position: absolute; height: 400px; width: 100%; top: 0; left: 0; } .layer2{ z-index: 0; } .layer3{ z-index: 1; } .house, .house-w, .house-w2, .house-w3{ position: absolute; z-index: 2; width: 100%; max-width: 472px; height: auto; left: 30px; right: 0; bottom: 0px; margin: auto; padding: 0; } .house-w, .house-w2, .house-w3{ opacity: 0; } .house, .house-w, .house-w2{ z-index: 2; } .house-w3{ z-index: 3; } .house-w{ -webkit-animation: flash3 15s infinite; -moz-animation: flash3 15s infinite; -o-animation: flash3 15s infinite; animation: flash3 15s infinite; } .house-w2{ -webkit-animation: flash4b 16s infinite; -moz-animation: flash4b 16s infinite; -o-animation: flash4b 16s infinite; animation: flash4b 16s infinite; } .house-w3{ -webkit-animation: flash5 11s infinite; -moz-animation: flash5 11s infinite; -o-animation: flash5 11s infinite; animation: flash5 11s infinite; } .rock, .lightning, .lightning2, .lightning3{ position: absolute; right: 0; bottom: 0px; margin: auto; padding: 0; } .rock{ z-index: 3; width: 100%; max-width: 472px; height: auto; left: 0; bottom: 0px; } .lightning, .lightning2, .lightning3{ z-index: 4; width: auto; top:0; -webkit-filter: blur(1px); filter: blur(1px); } .lightning{ height: 400px; left: 0; } .lightning2 { left: -110px; height: 300px; z-index: 1; -webkit-filter: blur(2px); filter: blur(2px); } .lightning3 { left: -250px; height: 350px; z-index: 1; -webkit-filter: blur(3px); filter: blur(3px); } .back-clouds{ height: 400px; opacity: .52; background: transparent url(https://13thhour.com/wp-content/uploads/back.jpg) repeat-x 50% 0; -webkit-animation: infinite-shift-left2 6500s linear; animation: infinite-shift-left2 6500s linear; } @-webkit-keyframes infinite-shift-left { 0% { background-position: 50000px; } 100% { background-position: 0; } } @keyframes infinite-shift-left { 0% { background-position: 50000px; } 100% { background-position: 0; } } @-webkit-keyframes infinite-shift-left2 { 0% { background-position: 20000px; } 100% { background-position: 0; } } @keyframes infinite-shift-left2 { 0% { background-position: 20000px; } 100% { background-position: 0; } } .sgrad-left, .sgrad-right{ height: 100%; width: 30%; max-width: 500px; position: absolute; top: 0; z-index: 1; } .sgrad-left{ left: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#151515+0,000000+100&1+0,0+100 */ background: -moz-linear-gradient(left, rgba(21,21,21,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(21,21,21,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(21,21,21,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151515', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ } .sgrad-right{ right: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,151515+100&0+0,1+100 */ background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(21,21,21,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(21,21,21,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(21,21,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#151515',GradientType=1 ); /* IE6-9 */ } .wz { border: 24px solid rgba(165,4,8,.2); } .cookhouse, .dungeon, .grandparlor, .greatroom, .haydenroom { max-width: 100%; background-size: 100%; background-image: url('https://13thhourescape.com/wp-content/uploads/2019/04/escaperoomshots-1.jpg'); } .cookhouse { background-position: 0 0%; background-size: 100%; } .dungeon { background-position: 0 25%; background-size: 100%; } .grandparlor { background-position: 0 50%; background-size: 100%; } .greatroom { background-position: 0 75%; background-size: 100%; } .haydenroom { background-position: 0 100%; background-size: 100%; } .rlcookhouse, .rldungeon, .rlgrandparlor, .rlgreatroom, .rlhaydenroom, .rltrophyroom { max-width: 100%; background-size: 100%; background-image: url('https://13thhourescape.com/wp-content/uploads/2019/09/roomlist.jpg'); } .rlcookhouse { background-position: 0 0%; background-size: 100%; } .rldungeon { background-position: 0 20%; background-size: 100%; } .rlgrandparlor { background-position: 0 40%; background-size: 100%; } .rlgreatroom { background-position: 0 60%; background-size: 100%; } .rlhaydenroom { background-position: 0 80%; background-size: 100%; } .rltrophyroom { background-position: 0 100%; background-size: 100%; } .m_cookhouse, .m_grandparlor, .m_greatroom, .m_johnhaydenroom, .m_thedungeon, .m_trophyroom { max-width: 100%; background-size: 100%; background-image: url('https://13thhourescape.com/wp-content/uploads/2019/09/escaperoomsmain.jpg'); } .m_cookhouse { background-position: 0 0%; background-size: 100%; } .m_grandparlor { background-position: 0 20%; background-size: 100%; } .m_greatroom { background-position: 0 40%; background-size: 100%; } .m_johnhaydenroom { background-position: 0 60%; background-size: 100%; } .m_thedungeon { background-position: 0 80%; background-size: 100%; } .m_trophyroom { background-position: 0 100%; background-size: 100%; } .o-sheath, .th-sheath, .hh-sheath, .blood-sheath{ position: absolute; display: block; width: 320px; left: 0; right: 0; margin: auto; } .o-sheath, .th-sheath, .hh-sheath{ height: 221px; bottom: 24px; } .o-sheath{ z-index: 9; } .th-sheath{ z-index: 12; } .hh-sheath{ z-index: 11; } .blood-sheath { height: 269px; z-index: 12; bottom: -20px; } .outlined-container, .hh-container, .th-container, .blood-container { position: relative; width: 320px; } .outlined-container, .hh-container, .th-container, .outlined-container *, .th-container *, .hh-container * { height: 221px; } .blood-container, .blood-container * { height: 269px; } .outlined-container *, .th-container *, .hh-container *, .blood-container * { position: absolute; width: 320px; z-index: 1; left: 0; top: 0; } .head-show-spacer { width: 100%; max-width: 547px; height: 100%; max-height: 547px; display: block; position: relative; margin: 0; padding: 0; } .logo-box { display: block; width: 100%; max-width: 547px; height: auto; background-color: transparent; margin: 10px auto; padding: 0; position: relative; overflow: hidden; } .logo-inner { display: block; width: 100%; height: 0; margin: 0; padding: 100% 0 0; position: relative; border: 0px solid #777; } /* Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator */ .esc-13thlogo, .esc-13th-outlinefill, .esc-clock-fill, .esc-clockoutline, .esc-escape-logo, .esc-escape-outlinefill, .esc-gear, .esc-key, .esc-logoshadsm { max-width: 100%; background-size: 100%; background-image: url('https://13thhourescape.com/wp-content/uploads/2021/09/index.png'); } .esc-13thlogo { background-position: 0 0%; background-size: 100%; } .esc-13th-outlinefill { background-position: 0 18.142959%; background-size: 142.047532%; } .esc-clock-fill { background-position: 0 30.919022%; background-size: 142.047532%; } .esc-clockoutline { background-position: 0 43.695084%; background-size: 142.047532%; } .esc-escape-logo { background-position: 0 56.471147%; background-size: 142.047532%; } .esc-escape-outlinefill { background-position: 0 69.24721%; background-size: 142.047532%; } .esc-gear { background-position: 0 82.023272%; background-size: 142.047532%; } .esc-key { background-position: 0 94.799335%; background-size: 142.047532%; } .esc-logoshadsm { background-position: 0 100%; background-size: 350%; } .ani-key { -webkit-animation: rotate5 55s infinite step-end;animation-timing-function: ease-out; animation-delay:5.25s; } .ani-key{ width: 100%; top: 0%; } .sev, .sev2 { width: 100%; height: auto; max-width: 685px; max-height: 577px; position: absolute; opacity: 0; -webkit-animation: fadeinx 2s forwards; left: 0; right: 0; top: 0%; bottom: 0; margin: auto; } .grayscale{ width: 100%; height: auto; max-width: 685px; max-height: 577px; position: absolute; left: 0; right: 0; top: 0%; bottom: 0; margin: auto; filter: grayscale(100%); animation: grayscale 1s forwards; -webkit-animation-delay:8.0s; } .sev{ -webkit-animation-delay:5s; } .sev2{ -webkit-animation-delay:11s; } .ani-key{ width: 100%; height: auto; padding: 0px; margin: 0 auto; position: relative; } .ani-key { position: absolute; left: 0; right: 0; bottom: 0; margin: auto; } .clockring { position: absolute; left: 0; right: 0; bottom: 0; margin: auto; top: 0%; z-index: 1; width: 100%; height: auto; max-width: 750px; display: block; opacity: 0; -webkit-animation: fadeino4 4s forwards; -webkit-animation-delay: 0s; padding: 1%; box-sizing: border-box; } .ani-key{ width: 100%; height: auto; padding: 0px; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; max-width: 685px; max-height: 577px; top: 0%; padding: 1%; } .sev{ z-index: 4; } .ani-key, .sev2{ z-index: 4; } .logolayer{z-index: 9 !important;} .clock-sheath { position: absolute; display: block; max-width: 740px; width: 100%; height: auto; z-index: 2; left: 0; right: 0; bottom: 0; top: 0%; margin: auto; opacity: 1; max-height: 740px; padding: 2%; box-sizing: border-box; } .clock-container { position: relative; width: 100%; height: auto; margin: auto; min-height: 100%; padding: 1%; box-sizing: border-box; } .clock-container * { position: absolute; width: 100%; height: auto; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; min-height: 100%; padding: 1%; box-sizing: border-box; } .clock-logo { animation-delay: 0s; -webkit-animation-delay: 0s; -webkit-transition: -webkit-mask-position 4s ease; -webkit-mask-image: linear-gradient(to bottom, black 0%, black 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(to bottom, black 0%, black 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 200%; mask-size: 100% 200%; z-index: 9; } .clock-logo { -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation: maskup 6s forwards; -moz-animation: maskup 6s forwards; -o-animation: maskup 6s forwards; animation: maskup 6s forwards; } .blackfade{ -webkit-animation-delay:12.6s; } .blackfade, .fadeblack { z-index: 4; width: 95%; height: 95%; position: absolute; display: block; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } .main-escape-sheath, .main-logo-sheath, .outline-13th-sheath, .outline-escape-sheath, .logo-shadow { position: absolute; display: block; width: 100%; max-width: 800px; height: auto; max-height: 540px; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .main-escape-sheath, .main-logo-sheath, .outline-13th-sheath, .outline-escape-sheath{ opacity: 1; } .main-logo-sheath { z-index: 17; } .main-escape-sheath { z-index: 10; } .outline-13th-sheath { z-index: 16; margin: 2% auto 0; } .outline-escape-sheath { z-index: 9; margin: 2% auto 0 -3px; } .outline-escape-sheath, .outline-13th-sheath { filter:grayscale(0%); -webkit-animation: endgrayscale 9s forwards; -webkit-animation-delay:4s; } @keyframes endgrayscale { 0%{ filter:grayscale(0%); } 90%{ filter:grayscale(0%); } 100% { filter:grayscale(100%); } } .logo-shadow { z-index: 8; } .main-escape-container, .main-logo-container, .outline-13th-container, .outline-escape-container { position: relative; width: 100%; height: 100%; margin: auto; } .main-escape-container *, .main-logo-container *, .outline-13th-container *, .outline-escape-container *{ position: absolute; width: 100%; height: auto; z-index: 1; left: 0; top: 0; max-width:800px; } .main-escape-logo, .main-logo-13th { -webkit-transition: -webkit-mask-position 2s ease; -webkit-mask-image: linear-gradient(to top, black 0%, black 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(to top, black 0%, black 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); z-index: 9; } .main-escape-logo, .main-logo-13th, .outline-escape-logo { -webkit-mask-size: 100% 200%; mask-size: 100% 200%; } .main-escape-logo, .main-logo-13th, .outline-13th-logo, .outline-escape-logo { width: 100%; height: auto; max-width: 800px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-animation-timing-function: ease; animation-timing-function: ease; position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .outline-13th-logo { -webkit-transition: -webkit-mask-position 2s ease; -webkit-mask-image: linear-gradient(to right, black 0%, black 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(to right, black 0%, black 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); -webkit-mask-size: 200% 100%; mask-size: 300% 100%; } .outline-escape-logo { -webkit-transition: -webkit-mask-position 4s ease; -webkit-mask-image: linear-gradient(to bottom, black 0%, black 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(to bottom, black 0%, black 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); z-index: 9; } .main-logo-13th { -webkit-animation: maskdown 4s forwards; -moz-animation: maskdown 4s forwards; -o-animation: maskdown 4s forwards; animation: maskdown 4s forwards; } .outline-13th-logo { -webkit-mask-position: 100% 0; mask-position: 100% 0; -webkit-animation: leftmask 7s forwards; -moz-animation: leftmask 7s forwards; -o-animation: leftmask 7s forwards; animation: leftmask 7s forwards; } .main-escape-logo { -webkit-animation: maskdown 12s forwards; -moz-animation: maskdown 12s forwards; -o-animation: maskdown 12s forwards; animation: maskdown 12s forwards; } .outline-escape-logo { -webkit-mask-position: 0 200%; mask-position: 0 200%; -webkit-animation: maskup 6s forwards; -moz-animation: maskup 6s forwards; -o-animation: maskup 6s forwards; animation: maskup 6s forwards; } .outline-escape-logo { animation-delay: 6s; -webkit-animation-delay: 6s; } .main-escape-logo { animation-delay: 9.5s; -webkit-animation-delay: 9.5s; } .main-logo-13th { animation-delay: 10s; -webkit-animation-delay: 10s; } .outline-13th-logo { animation-delay: 5s; -webkit-animation-delay: 5s; } .logo-shadow { opacity: 0; -webkit-animation: fadeino7 4s forwards; -webkit-animation-delay: 7s; animation-delay: 7s; } .radialshad { position: absolute; left: 0; right: 0; bottom: 0; margin: auto; top: 0%; z-index: 3; width: 110%; height: 400%; display: block; opacity: 1; transform: rotate(20deg); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */ background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .gear { position: absolute; left: 0; right: 0; bottom: 0; margin: auto; top: 0%; z-index: 1; width: 100%; height: auto; max-width: 547px; display: block; opacity: 1; -webkit-animation: rotation 222s infinite linear; -webkit-animation-delay: 0s; padding: 1%; box-sizing: border-box; } .gear-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-position: center center; background-size: cover; opacity: 0; height: 100%; width: 100%; animation: gear 3s linear forwards; z-index: 1; animation-delay: 3.25s; } @keyframes gear { 0%{ opacity: 0; } 0.01% { clip-path: polygon(50% -50%, 50% 50%, 50% -50%); } 25% { clip-path: polygon(50% -50%, 50% 50%, 150% 50%); } 25.001% {opacity: 0.1; clip-path: polygon(50% -50%, 50% 50%, 150% 50%, 150% 50%); } 50% { clip-path: polygon(50% -50%, 50% 50%, 50% 150%, 150% 50%); } 50.001% { clip-path: polygon(50% -50%, 50% 50%, 50% 150%, 50% 150%, 150% 50%); } 75% { clip-path: polygon(50% -50%, 50% 50%, -50% 50%, 50% 150%, 150% 50%); } 75.001% { clip-path: polygon(50% -50%, 50% 50%, -50% 50%, -50% 50%, 50% 150%, 150% 50%); } 100% {opacity: 1; clip-path: polygon(50% -50%, 50% 50%, 50% -50%, -50% 50%, 50% 150%, 150% 50%); } } .clock { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 1; height: 100%; width: 100%; animation: clock 6s linear forwards; z-index: 3; } .clock-fill { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; height: 100%; width: 100%; animation: clock-fadein 4s linear forwards; animation-delay: 4.5s; z-index: 2; } @keyframes clock-fadein { 0%{ opacity: 0;} 25% { opacity: 0;} 76% { opacity: 1;} 100% { opacity: 1;} } @keyframes clock { 0% {opacity: 0; clip-path: polygon(65% 0%, 50% 56%, 70% 0%, 100% 0%); } 8.333333333333333% { clip-path: polygon(65% 0%, 50% 50%, 100% 0%, 100% 0%); } 16.66666666666667% { clip-path: polygon(65% 0%, 50% 50%, 100% 38%, 100% 0%); } 25% { clip-path: polygon(65% 0%, 50% 50%, 100% 64%, 100% 0%); } 33.33333333333333% {opacity: 1; clip-path: polygon(65% 0%, 50% 50%, 100% 96%, 100% 0%); } 41.66666666666667% { clip-path: polygon(65% 0%, 50% 50%, 60% 100%, 100% 100%, 100% 0%); } 50% { clip-path: polygon(65% 0%, 50% 50%, 40% 100%, 100% 100%, 100% 0%); } 58.33333333333333% { clip-path: polygon(65% 0%, 50% 50%, 0% 100%, 100% 100%, 100% 0%); } 66.66666666666666% { clip-path: polygon(65% 0%, 50% 50%, 0% 65%, 00% 100%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(65% 0%, 50% 50%, 0% 38%, 00% 100%, 100% 100%, 100% 0%); } 83.33333333333333% {opacity: 1; clip-path: polygon(65% 0%, 50% 50%, 0% 0%, 00% 100%, 100% 100%, 100% 0%); } 91.66666666666666% { clip-path: polygon(65% 0%, 50% 50%, 37% 0%, 0% 0%, 0% 100%, 100% 100%, 100% 0%); } 100% {opacity: 0; clip-path: polygon(65% 0%, 50% 50%, 65% 0%, 0% 0%, 0% 100%, 100% 100%, 100% 0%); } } .rgrad { background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); position: absolute; height: 30%; width: 20%; display: block; left: 49.5%; top: 0; z-index: 1; -webkit-animation: rgrad 6.75s forwards; } @keyframes rgrad { 0% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes rotate5 { 0% {-webkit-transform: rotate(0deg)} 4.166% {-webkit-transform: rotate(15deg)} 8.33% {-webkit-transform: rotate(30deg)} 12.495% {-webkit-transform: rotate(45deg)} 16.66% {-webkit-transform: rotate(60deg)} 20.825% {-webkit-transform: rotate(75deg)} 25% {-webkit-transform: rotate(90deg)} 29.165% {-webkit-transform: rotate(105deg)} 33.33% {-webkit-transform: rotate(120deg)} 37.495% {-webkit-transform: rotate(135deg)} 41.66% {-webkit-transform: rotate(150deg)} 45.825% {-webkit-transform: rotate(165deg)} 50% {-webkit-transform: rotate(180deg)} 54.165% {-webkit-transform: rotate(195deg)} 58.33% {-webkit-transform: rotate(210deg)} 62.495% {-webkit-transform: rotate(225deg)} 66.66% {-webkit-transform: rotate(240deg)} 70.825% {-webkit-transform: rotate(255deg)} 75% {-webkit-transform: rotate(270deg)} 79.165% {-webkit-transform: rotate(285deg)} 83.33% {-webkit-transform: rotate(300deg)} 87.495% {-webkit-transform: rotate(315deg)} 91.66% {-webkit-transform: rotate(330deg)} 95.825% {-webkit-transform: rotate(345deg)} } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(-359deg); } } @keyframes leftmask { 0% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } 100% { -webkit-mask-position: 0 0; mask-position: 0 0; } } @keyframes maskup { 0% { -webkit-mask-position: 0 200%; mask-position: 0 200%; } 100% { -webkit-mask-position: 0 0; mask-position: 0 0; } } @keyframes maskdown { 0% { -webkit-mask-position: 0 0; mask-position: 0 0; } 100% { -webkit-mask-position: 0 100%; mask-position: 0 100%; } } @-webkit-keyframes fadeinx { 0% { opacity: 0; } 40% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes fadeino7 { 0% { opacity: 0; } 33% { opacity: .6; } 100% { opacity: 1; } } @-webkit-keyframes fadeino4 { 0% { opacity: 0; } 1% { opacity: .4; } 100% { opacity: .4; } } @-webkit-keyframes grayscale { 0% { filter: grayscale(100%); } 100% { filter: grayscale(0%); } } .combos { font-family: "oswald", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; text-align: center; background: rgb(51,51,51); background: -moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(51,51,51,1) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); z-index: 0; } .combos h5 { background: rgb(153,99,13); background: -moz-linear-gradient(left, rgba(153,99,13,1) 0%, rgba(206,162,41,1) 52%, rgba(153,99,13,1) 100%); background: -webkit-linear-gradient(left, rgba(153,99,13,1) 0%,rgba(206,162,41,1) 52%,rgba(153,99,13,1) 100%); background: linear-gradient(to right, rgba(153,99,13,1) 0%,rgba(206,162,41,1) 52%,rgba(153,99,13,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99630d', endColorstr='#99630d',GradientType=1 ); line-height: 2; padding: 8px 16px 7px; position: relative; z-index: 2; text-align: center; font-family: "oswald", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; text-transform: uppercase; font-weight: normal; } .combos p { max-width: 300px !important; text-align: left; margin: auto; font-family: "oswald", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; } .combos p:first-of-type { font-size: 19px; } .combos ul { padding: 6px 0 !important; max-width: 300px; margin: 0 auto 6px !important; text-align: left; list-style-type: square; } .combos ul li { font-family: "oswald", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif !important; text-transform: uppercase; padding: 3px; border-bottom: 0; } .outlined-logo, .th-logo, .hh-logo, .blood-logo { -webkit-transition: -webkit-mask-position 2s ease; -webkit-mask-image: linear-gradient(to right, black 0%, black 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(to right, black 0%, black 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 300% 100%; mask-size: 300% 100%; z-index: 9; } .outlined-logo, .th-logo, .hh-logo, .blood-logo, .house-w, .house-w2, .house-w3, .flash, .flash2, .flash4, .logoflash { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } .outlined-logo { -webkit-animation: mask 18s forwards; -moz-animation: mask 18s forwards; -o-animation: mask 18s forwards; animation: mask 18s forwards; } .th-logo { -webkit-animation: thmask 20s forwards; -moz-animation: thmask 20s forwards; -o-animation: thmask 20s forwards; animation: thmask 20s forwards; } .hh-logo { -webkit-animation: thmask 32s forwards; -moz-animation: thmask 32s forwards; -o-animation: thmask 32s forwards; animation: thmask 32s forwards; } .blood-logo { -webkit-animation: thmask 36s forwards; -moz-animation: thmask 36s forwards; -o-animation: thmask 36s forwards; animation: thmask 36s forwards; } @-webkit-keyframes mask { 0% { -webkit-mask-position: 100% 0; mask-position: 100% 0; opacity: 1; } 16% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } 32% { -webkit-mask-position: 0 0; mask-position: 0 0; } 40% { opacity: 1; } 41% { -webkit-mask-position: 0 0; mask-position: 0 0; opacity: 0; } 100% { -webkit-mask-position: 0 0; mask-position: 0 0; opacity: 0; } } @keyframes mask { 0% { -webkit-mask-position: 100% 0; mask-position: 100% 0; opacity: 1; } 16% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } 32% { -webkit-mask-position: 0 0; mask-position: 0 0; } 40% { opacity: 1; } 41% { -webkit-mask-position: 0 0; mask-position: 0 0; opacity: 0; } 100% { -webkit-mask-position: 0 0; mask-position: 0 0; opacity: 0; } } @-webkit-keyframes thmask { 0% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } 20% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } 40% { -webkit-mask-position: 0 0; mask-position: 0 0; } 100% { -webkit-mask-position: 0 0; mask-position: 0 0; } } @keyframes thmask { 0% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } 20% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } 40% { -webkit-mask-position: 0 0; mask-position: 0 0; } 100% { -webkit-mask-position: 0 0; mask-position: 0 0; } } .snow{ position: absolute; height: 400px; width: 100%; top: 0; left: 0; margin: 0 auto; z-index: 8; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAMAAAD8CC+4AAAAk1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ROyVeAAAAMXRSTlMAAgkEDAYTEBkuIx8bDjgWrkAnK75Tn3ZoiIFONW9FfDJa2I/FqDxjX1dJtcvRmJTeJgM4BgAACwVJREFUeNrs3QeuozAQgGGKwfQaeiAFSEh/9z/dStFeYaW3mv87AdLIxh7PaAwAAAAAAAAAAAAAAAAAAAAAACCE7ViOaUAQU6VRGGnHgBwqTO7D5HuWASmsMG/7+XDap+zwYuh9+3ksj64KWOpipPkhe/0866uvDAiR5s36PD/rjaDLoY/bnD3WfmB7l8MK8+uha25Hl4OcHPH3ynb0uKgLYiovDEKXzV0W0rAAAAAAAAAAAAD4y7RtXo5ksWMvDD1F2AVxUj8fhrygBEgQ7VdN141DQT2IGGY0NfXuUY+Ja0AIJ6jm3ev16O8e+7sUTnCbd+czQZfEDu99ttutTZ4aEMJ0j6fDPDdVSauOHI7n36tqKrmySeLoKAyi2DYgiGnbDiEHAAAAAAAAAAAAAAAAAAAAgH/HVlrHdFeL4qTFfl/SoiGJ6frDtb1dgphmLDGsYGjedXdNImboiKH3bb0sWV8V9NpKYbr54XH+WT6brw0I4SZN9jrv5lsZGxBClbduzd5jHnJrE8NOj1U7bnmhOb3LwT1dIlu5rmIYojSmScgBABCLc4A4Tuy6sUXcJbG8Mkn8kISOILaXnMbmOhXk6+VQ/jZn2XucQvJ4YuhLk71eu/nE5BI5vo/w5+WzlQRdDJ2M67JkXRVQYyWGKqq+rrvrxeOfLsb3Eb695QF1dYJYXnHclxFl0/+CaVtK/cbEl6O0/pUf9v8zlVf4Zaj5cwqigvx03QafUUBy2NE0fta6Z+iXIFa5fXav59pcUpa6FOrY1s+f86OfGOQpxnelP5e1ufBTF8MJp+a91t2JliM5TO0PbTOeEo8UtxyOW+wviR/xliWJrbTrxqxzAPjD3r0u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'), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAMAAAC3Ycb+AAAAVFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////8wXzyWAAAAHHRSTlMAAgQJBw4LFB0QJhgvITRYRHCBS2FQOD4ad2kqv6HIGwAABZZJREFUeNrs3UmO3DAMBVBT8lzzPN3/nkEhSTeQ9CbZmGi8dwWWSpZlfjZNE1FKREMOEaX2fS0qkkS0030zrvrSkELpNtf9fr2qlkgOdbXdHZ6nebJEMoimjrfn8bhbDwqSQTR1dT0/DpeXFZJCNGWab5fTduztITlEHcZ5vncWSBbR9l3nHJKIkzoAAAAAAAAAAAAAAADAP9KTlYk2uVQiRSOp38NfrdZtNIuJ0ratXu+f2t9hBKVZSESdhtXU6/Z+i+XjOqIO83b7usuneIvPQJtollG6zX53Pq2HVkWaJpaPfCrTevc4nm/32pAgFC0+CiKX7TM2cFgwNrD0m5u/rETBmjb1P8V/HNQ99n5nUdpWOQAAAAAAAAAAAAAAAAAAAAC+hVLkgCYSbT9Ni+eA8qGdNq/1PFQxnDmUfrxddvvXJK8rhzK9Lo/H+SrRLokyvCMGn7dRQXIo3bw/Py/rQUFyiLp6XW/bsbOpJ1HqdB+Hzp6eRURba3UyzCRUAwAACCeDRJYfocEXQ2ZWvbd9SSw+holsg8r4epSfgqSQYNglX46DNSYsiV8Dk92pZpFjpDiG7gMAAAAAAMA34bIvlYhwAZtIlNp1faskWZTuPs+jpIosoh+3p8ttntqGBOIdd3R4nK8+Xs8h3nFHR3FHeZRpPj0Pu60V8oO9O91NHAajMNxjO3YWOwtZCHD/9zmi0vBnpHZgoPqmfZ9LiAmxvJxjhHyXx3ErHM21wsVUl50IQzPkfIzEHVkiif8rAFy3+B4UqqYh5NEM+VRyLqz2WXFNCh6GkXv4VoTUD6fT0CeWX01Q6PrlcFj6jq+IDS5d5mWZCUawQnHPx2PeCUYwQi6mfU/ET5khF7wPBCNYQoYhj+v/ReSjMaHqSulYa7LCxbofx75mFmRESHmdpjUnXhEbWNkwJqQ8TNPAG/IpSS++6HCLDZ5nzjGZ6e5SaOq2rTnH9An5pqu/ZDL6HvkYGY+PKaR2O/blozVrziB8oWup83Ie6BC2wlXtejpMY2EXwQZXtfN0OI/ccjBCfu/XYabU2Qq5qr7ktouswhohF5tEALkhknMMBwAAAAAAAAAAAAAAAAAAAAAAAH4qLnpbIhdCICvECilUqUtkslmh0JTc55o8HSMU621YVprzrLimLhCDYchDAyJJFLG/hvztL4usXAvu/qjfsnKpOHmNu6e9rnrPymVe9ipy4Z70f5GV+3KS7m8B2sjKNeJ3Vi49WUaQlWsMWbnWKPiq8oyHHWTlAgAAAMAfCHI2hajzf6KrtzfKAGyQCzH6IL1Rl2GCfKpL3dye3TMLZTjadD+FdDmOW9sEKpdMcFUZl2nZnlmPJErJbP2ab7V97Gk+MiEq8/m0HJ/ZwK33Ykta1h8i3+V5HS8p6Lmbmt6zifYQF7vSlmfPUCVG40Fy/tpmy/Ozgx16AAAAAAAAAAAAAAAAAAAAAAAA/CVuaX1fkvOeOBU7FKqu7hquwlvhmtIft5ZKAiPk9204X+/Xk05ggmIZp8NpbYnAt0GxHs+HaW4rvusmyKc8D2tPwI0RcrFr86XmBbFCzlepIUXQEJJPzWHpBAAAAL/au3PchmEggKIhJWrfZcmOc/97pkiROt0geO8KA0IQwPkEAAAAAAAAAP7A3ctIkgfyQkl1VUplSTKKVPfdMHS9iQSRy3yf5z3bkgyibqd139fJZncQ9bg8juOxjAYSQ91O175fTkgUuemWbVukD8KoyzjPY6k/iCHlqmkEjSJJftQBAAAAAAAAAAAAAAAAAADglxTiv5RSzkliIYyUq1IazaQwcnkNQ9dWqkkxpKZbzus5iFMGkfuva/983GNlICHkdlqP4/3sDCSG3A/ne18XJySIVI3TtsnpxpGbtptfvulh/KQQxfcCkUIEAAAAgDC+AZwRNGBbMcCQAAAAAElFTkSuQmCC'), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAMAAABOo35HAAAAUVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////8IN+deAAAAG3RSTlMAAgQLBw4UHBgxJDYgBhFJPSptYldBfFGDdl4YCRIEAAADi0lEQVR42uzdSY7jMAxAUZEaPc9xUvc/aAe9qt7RhUYcV/47QUDQtqRQpHsScQAA4HJElG+4kYQ+xUC4LCSUZqySOhiCFavlsdbewRKsZr4vE8GyEF8P65aDg4HG3BbPC95GQuiIFQAAAPByoqzErTSW3HOKZz0+2AZO8Ww0jfNtbzlrIVg8hkfwgj+RqJJXAPDuqLc0E/XeU9tio309tZFgWYif9mVoqT84UKzBf+rGzFrnvSZYJl2amqln72IinY98Dc2EhRYAAAAAAAAAAAAA4PpoCmWnvk+xczAQ3zbj1JNbFto382OndY+JpvFxX7lOZiJx2texUDpnoj1Noew0BNYOdoQKAAAAFybasfq3Cn0ukU24iaZq2LgZaRPa/TaPtAsiWI7H8DzCC/4IVZYOAAAA+JeI0pnFSLqYaINr39iOTaF8yMTX62OpaBdoIX76us8NwTIJeVsHzpdsxJc2c75kJF3gYwgAAIBvaB78chJi9OxgTCTkqqk5SLBenlzmIXMvl8uT/5nEal02Lk+aSEj1lDnPs48s4oyKYVj4ZUQ7vhc2wvRW5gJ/93kTp6Xz/ug4/08NlvgyTcW7gz7zMdTUfH01P/6dnzWeW/Nwuw1Z3blEuwusc7WMy0JHIRvxbVW1bIptxMdIrNgUAwAAAAAAAAAAAACePnlazTnDDDV4f71+pupT8upeTHye6hTceUTcYRLrcXz9fTwt27Ke2HxJfpTYWrZ5fv2tqdCu98eW1Jm9Q2KfVHrY5WFeml6c3RsktvTVvlf9q4MlsW6qfFoZa6ifiT0eT+yQ2vaEN636GI/E6j0SWw4NM/wlDQT+JnYJ8inLwysn9uVQnQoAAAAAAAAAAAAAAP60dy+5DcJQAEV5mD+h+UCqJPtfaAftvFalhjg6ZwUIZCMscw0AAAAAAAAAZQq/zIsxfHunfk1ZfgIypR1vGEuzRJXjjZpbfxRpOPTt0y+6Hq6PbWwLG4ZNf92OU6qy7J5T21ek8+N2mZ//iKPEAmWatvta3HjYSd2Np3nwDs8SS9sVcOz0i4iofXgAAAC8tqiX4pZ99hJp6LvkbmVJh9NxHpaK30U7rp+Pc6pwswzD3UTqTPDZorbqCwAAAAAAAAAAAIpP/yuatk2FhWb2Ek0/zpOyRpb6Y14vx94m6xx1d7rftkNhXZ6dRDtu63UwaWVZuunc276fJ+qUBG6yfAHVpRvQOsk5pgAAAABJRU5ErkJggg=='); -webkit-animation: snow 17s linear infinite; -moz-animation: snow 17s linear infinite; -ms-animation: snow 17s linear infinite; animation: snow 17s linear infinite; } // Snow //-------------------------------*/ /* Animation */ @keyframes snow { 5% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 100px, 400px 400px, 300px 300px;} } @-moz-keyframes snow { 5% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;} } @-webkit-keyframes snow { 5% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;} } @-ms-keyframes snow { 5% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;} } /*.inside-layer { border-bottom: 20px solid darkred; width: 330px; padding: 10px; z-index: 5; margin-top: 60px; border-radius: 0px; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari */ transform: rotate(180deg); /* Standard syntax */ overflow: hidden; }*/ .animate-flicker { -webkit-animation: lightning 16s infinite; -moz-animation: lightning 16s infinite; -o-animation: lightning 16s infinite; animation: lightning 16s infinite; } @keyframes lightning { 0% { opacity:0.1; } 46% { opacity:0.1; } 50% { opacity:0.5; } 56% { opacity:0.1; } 100% { opacity:0.1; } } @-o-keyframes lightning{ 0% { opacity:0.1; } 46% { opacity:0.1; } 50% { opacity:0.5; } 56% { opacity:0.1; } 100% { opacity:0.1; } } @-moz-keyframes lightning{ 0% { opacity:0.1; } 46% { opacity:0.1; } 50% { opacity:0.5; } 56% { opacity:0.1; } 100% { opacity:0.1; } } @-webkit-keyframes lightning{ 0% { opacity:0.1; } 46% { opacity:0.1; } 50% { opacity:0.5; } 56% { opacity:0.1; } 100% { opacity:0.1; } } .flash, .flash2, .flash4{ position: absolute; width: 100%; opacity: 0; top: 0; margin: auto; } .flash{ height: 100%; background: #fff; z-index: 0; } .flash2, .flash4 { max-width: 300px; height: auto; left: -100px; right: 0; } .flash4 { z-index: 5; } .logoflash{ max-width: 500px; left: 0px; right: 0; z-index: 999; } .flash{ animation-delay:11s; -webkit-animation-delay:11s; /* Safari and Chrome */ -webkit-animation: flash2 7s infinite; -moz-animation: flash2 7s infinite; -o-animation: flash2 7s infinite; animation: flash2 7s infinite; } .flash2, .flash4, .house-w, .house-w2, .house-w3 { animation-delay:15s; -webkit-animation-delay:15s; /* Safari and Chrome */ } .flash2 { -webkit-animation: flash2 15s infinite; -moz-animation: flash2 15s infinite; -o-animation: flash2 15s infinite; animation: flash2 15s infinite; } .flash4 { -webkit-animation: flash4 16s infinite; -moz-animation: flash4 16s infinite; -o-animation: flash4 16s infinite; animation: flash4 16s infinite; } .flash2 { z-index: 5; } .is-flashing { -webkit-animation-name: flash; animation-name: flash; } .is-flashing2 { -webkit-animation-name: flash2; animation-name: flash2; } .logoflash { animation-delay:5s; -webkit-animation-delay:5s; /* Safari and Chrome */ -webkit-animation: logoflash 11s infinite; -moz-animation: logoflash 11s infinite; -o-animation: logoflash 11s infinite; animation: logoflash 11s infinite; } @-webkit-keyframes logoflash { 0% { opacity: 0; } 88% { opacity: 0; } 90% { opacity: 1; } 93% { opacity: 1; } 100% { opacity: 0; } } @keyframes logoflash { 0% { opacity: 0; } 88% { opacity: 0; } 90% { opacity: 1; } 93% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes flash { 0% { opacity: .8; } 3% { opacity: .55; } 9% { opacity: 0; } 100% { opacity: 0; } } @keyframes flash { 0% { opacity: .8; } 3% { opacity: .55; } 9% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes flash2 { 0% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: .15; } 80% { opacity: 0; } 90% { opacity: .1; } 100% { opacity: 0; } } @keyframes flash2 { 0% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: .15; } 80% { opacity: 0; } 90% { opacity: .1; } 100% { opacity: 0; } } @-webkit-keyframes flash3 { 0% { opacity: .25; } 3% { opacity: .1; } 9% { opacity: 0; } 100% { opacity: 0; } } @keyframes flash3 { 0% { opacity: .25; } 3% { opacity: .1; } 9% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes flash4 { 0% { opacity: 0; } 12% { opacity: 0; } 13% { opacity: 1; } 16% { opacity: 0; } 100% { opacity: 0; } } @keyframes flash4 { 0% { opacity: 0; } 12% { opacity: 0; } 13% { opacity: 1; } 16% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes flash4b { 0% { opacity: 0; } 12% { opacity: 0; } 13% { opacity: .25; } 15% { opacity: .1; } 18% { opacity: 0; } 100% { opacity: 0; } } @keyframes flash4b { 0% { opacity: 0; } 12% { opacity: 0; } 13% { opacity: .25; } 15% { opacity: .1; } 18% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes flash5 { 0% { opacity: 0; } 88% { opacity: 0; } 91% { opacity: 0.35; } 94% { opacity: 0.24; } 100% { opacity: 0; } } @keyframes flash5 { 0% { opacity: 0; } 88% { opacity: 0; } 91% { opacity: 0.35; } 94% { opacity: 0.24; } 100% { opacity: 0; } } @-webkit-keyframes midflash { 0% { opacity: 0; } 52% { opacity: 0; } 53% { opacity: 1; } 56% { opacity: .1; } 59% { opacity: 0; } 100% { opacity: 0; } } @keyframes midflash { 0% { opacity: 0; } 52% { opacity: 0; } 53% { opacity: 1; } 56% { opacity: .1; } 59% { opacity: 0; } 100% { opacity: 0; } } .logo-head a { width: 100%; max-width: 400px; height: 340px; display: block; position: absolute; margin: auto; top: 0; left: 0; right: 0; } .sp > h5, .sp2 > h5, .sp3 > h5 { line-height: 1.2; margin: auto; max-width: 250px; position: relative; top: 50%; transform: translateY(-50%); width: 100%; font-family: 'Spectral', "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; } .layer3 { top: -110px; } .bx-overlay { -webkit-box-shadow: inset 0px 0px 72px 32px rgba(0,0,0,1); -moz-box-shadow: inset 0px 0px 72px 32px rgba(0,0,0,1); box-shadow: inset 0px 0px 72px 32px rgba(0,0,0,1); position: absolute; width: 100%; height: 100%; display: block; z-index: 11; top: 0; left: 0; } #hours { max-width: 900px; width: 100%; margin: 0 auto; display: block; position: relative; text-align: center; padding: 0 0 6px; } #hours > span { color: #dccdc6; display: block; font-size: 25px; line-height: 25px; margin: 0 auto; padding: 24px 8px 6px; text-align: center; } .dblock { border-right: 1px solid #605957; display: inline-block; float: left; min-height: 48px; width: 14.28571428571429%; } .dblock:last-of-type{ border-right: 0px !important; } .d8, .hrs { text-align: center; } .d8 { font-family: 'Spectral',"Lucida Bright",Lucidabright,"Lucida Serif",Lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",Georgia,serif; color: #fff; font-size: 18px; line-height: 24px; padding: 16px 12px 4px; } .hrs { font-family: "oswald",Corbel,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans-serif !important; color: #fff; font-size: 1.8rem; line-height: 20px; padding: 6px 6px 14px; text-transform: uppercase; letter-spacing: 1px; } .highlight{ background-color: #8E1015 !important; } .brandnew { color: #fff; font-size: 15px; letter-spacing: 1px !important; background-color: #070; width: 100%; max-width: 360px; padding: 8px 4px; line-height: 22px; } .alertbox { background: transparent; min-height: 64px; display: block; position: relative; } .alertbox h4 { text-align: center; text-transform: uppercase; font-weight: normal; line-height: 2; font-size: 1.7rem; padding: 4px 8px 4px; letter-spacing: 1px; } .alertmsg { font-family: "oswald", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; text-transform: uppercase; line-height: 28px; font-size: 15px; letter-spacing: 1px; text-align: center; padding: 16px 24px; } .covid-precautions { position: relative; width: 100%; display: block; height: auto; padding: 8px; font-size: 16px; font-family: "oswald",Corbel,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans-serif !important; text-transform: uppercase; font-weight: normal !important; max-width: 640px; margin: 0 auto 16px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#440606+0,be1313+34,be1313+67,440606+100 */ background: #440606; /* Old browsers */ background: -moz-linear-gradient(left, #440606 0%, #be1313 34%, #be1313 67%, #440606 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #440606 0%,#be1313 34%,#be1313 67%,#440606 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #440606 0%,#be1313 34%,#be1313 67%,#440606 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#440606', endColorstr='#440606',GradientType=1 ); /* IE6-9 */ -webkit-box-shadow: inset 0px 0px 33px -3px rgba(0,0,0,1); -moz-box-shadow: inset 0px 0px 33px -3px rgba(0,0,0,1); box-shadow: inset 0px 0px 33px -3px rgba(0,0,0,1); } .covid-precautions h5 { text-align: center; font-size: 17px; letter-spacing: 1px; margin-bottom: 10px; } .covid-precautions h6 { font-weight: normal; text-align: center; width: 100%; max-width: 600px; margin: 0px auto 12px; line-height: 1.4; font-size: 15px; } /* Large Escape Room showcase */ #room-showcase { overflow: hidden; position: relative; } #room-showcase h2, .escroom h3{ text-align: center; } #room-showcase h1, #room-showcase h2, #room-showcase h3, #room-showcase h4, .escroom h3, .rooms h4, .escroom h4, .hentry .title-post { font-family: "Opera-Lyrics-Smooth","Palatino Linotype",Palatino,Palladio,"URW Palladio L","Book Antiqua",Baskerville,"Bookman Old Style","Bitstream Charter","Nimbus Roman No9 L",Garamond,"Apple Garamond","ITC Garamond Narrow","New Century Schoolbook","Century Schoolbook","Century Schoolbook L",Georgia,serif; line-height: 1.2; margin: 8px auto 8px; } #room-showcase h6 { font-size: 16px; text-align: center; line-height: 1.8; margin: 8px auto 8px; } #room-showcase h4, #room-showcase h5, #room-showcase h6{ font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; } #room-showcase h5, .rooms h5 { margin: 12px auto; background-color: rgba(0,0,0,.15); width: 100%; max-width: 200px; padding: 8px 0; color: rgba(255,255,255,.75); font-size: 13px; text-align: center; } #room-showcase p { text-align: left; margin: 12px auto 6px; max-width: 360px; font-size: 1.55rem; line-height: 1.4; border-bottom: 2px solid rgba(255,255,255,.15); padding-bottom: 15px; } #room-showcase .container .box { width: 20%; float: left; margin: 2px 0; padding: 24px 0; border: 0px solid #ccc; text-align: center; } #room-showcase .box { box-sizing: border-box; height: 680px; padding: 16px 8px; text-align: center; } #room-showcase .container { margin: 10px 0 0 0 !important; list-style-type: none; height: 720px; position: relative; padding: 0 64px; border-top: 8px solid #151515; border-bottom: 24px solid #111; } #room-showcase .box{ height: auto; padding: 16px 8px; } #room-showcase .btick { height: 45px; position: relative; text-align: center; width: 100%; background-color: #EC1A23; display: block; overflow: hidden; color: #FFF; max-width: 360px; margin: 0 auto; } #room-showcase .btick > a, #room-showcase .notick > h4 { color: #fff; font-family: "oswald", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; font-size: 17px; left: 0; line-height: 48px; margin: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 9; letter-spacing: 1px; text-decoration: none; } #room-showcase .btick span, #room-showcase .notick span { -webkit-box-shadow: inset 0px 0px 80px 16px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 80px 16px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 80px 16px rgba(0,0,0,0.75); position: absolute; top: 0; left: 0; width: 100%; height: 96px; z-index: 0; } #room-showcase .box h5 span, .rooms .box h5 span { color: #FFCC00; font-size: 16px; padding-left: 2px; } /* Escape Room Options */ .container, .panel-grid { max-width: 1366px; width:100%; margin: 0 auto; } #room-options { overflow: hidden; position: relative; } #room-options h2, .escroom h3{ text-align: center; } #room-options h1, #room-options h2, #room-options h3, #room-options h4, .escroom h3, .rooms h4, .escroom h4, .hentry .title-post { font-family: "Opera-Lyrics-Smooth","Palatino Linotype",Palatino,Palladio,"URW Palladio L","Book Antiqua",Baskerville,"Bookman Old Style","Bitstream Charter","Nimbus Roman No9 L",Garamond,"Apple Garamond","ITC Garamond Narrow","New Century Schoolbook","Century Schoolbook","Century Schoolbook L",Georgia,serif; line-height: 1.2; margin: 8px auto 8px; } #room-options h6 { font-size: 16px; text-align: center; line-height: 1.8; margin: 8px auto 8px; } #room-options h4, #room-options h5, #room-options h6{ font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; } #room-options h5, .rooms h5 { margin: 12px auto; background-color: rgba(0,0,0,.15); width: 100%; max-width: 200px; padding: 8px 0; color: rgba(255,255,255,.75); font-size: 13px; text-align: center; } #room-options p { text-align: left; margin: 12px auto 6px; max-width: 360px; font-size: 1.55rem; line-height: 1.4; border-bottom: 2px solid rgba(255,255,255,.15); padding-bottom: 15px; } #room-options .container .box { width: 20%; float: left; margin: 2px 0; padding: 24px 0; border: 0px solid #ccc; text-align: center; } #room-options .box { box-sizing: border-box; height: 680px; padding: 16px 8px; text-align: center; } #room-options .container { margin: 10px 0 0 0 !important; list-style-type: none; height: 720px; position: relative; padding: 0 64px; border-top: 8px solid #151515; border-bottom: 24px solid #111; } #room-options .box{ height: auto; padding: 16px 8px; } #room-options .box img { -webkit-box-shadow: 5px 5px 11px -4px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 11px -4px rgba(0,0,0,0.5); box-shadow: 5px 5px 11px -4px rgba(0,0,0,0.5); width: 100%; height: auto; max-width: 320px; margin: 0 auto 8px; max-height: 320px; } /*Fade all the DIV when user hovers on any div*/ #room-options:hover .box{ zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } /*Fade out the particular DIV when user hover on that DIV*/ #room-options .box:hover{ border-color:#C76C0C; color: #fff; cursor: pointer; /*Opacity*/ zoom: 1; filter: alpha(opacity=100); opacity: 1; } #room-options .bg { background-image: url('https://13thhourescape.com/wp-content/uploads/2019/04/room-sheet.jpg'); background-position: 0 0%; background-size: 100%; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: -1; left: 0; top: 0; opacity: .25; filter: blur(16px); -webkit-filter: blur(16px); } #room-options .box:hover img{ transform: scale(1.05); -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; -webkit-box-shadow: 16px 16px 29 px -4px rgba(0,0,0,0.75); -moz-box-shadow: 16px 16px 29 px -4px rgba(0,0,0,0.75); box-shadow: 16px 16px 29 px -4px rgba(0,0,0,0.75); } #johnhayden:hover ~ .bgf{ background-position: 0 25.186413%; background-size: 101%; } #greatroom:hover ~ .bgf{ background-position: 0 50.124275%; background-size: 101%; } #dungeon:hover ~ .bgf{ background-position: 0 75.062138%; background-size: 101%; } #grandparlor:hover ~ .bgf{ background-position: 0 100%; background-size: 101%; } #johnhayden:hover ~ .bgf, #greatroom:hover ~ .bgf, #dungeon:hover ~ .bgf, #grandparlor:hover ~ .bgf{ zoom: 1; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } #room-options .btick { height: 45px; position: relative; text-align: center; width: 100%; background-color: #EC1A23; display: block; overflow: hidden; color: #FFF; max-width: 360px; margin: 0 auto; } #room-options .btick > a, #room-options .notick > h4 { color: #fff; font-family: "oswald", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; font-size: 17px; left: 0; line-height: 48px; margin: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 9; letter-spacing: 1px; text-decoration: none; } #room-options .btick span, #room-options .notick span { -webkit-box-shadow: inset 0px 0px 80px 16px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 80px 16px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 80px 16px rgba(0,0,0,0.75); position: absolute; top: 0; left: 0; width: 100%; height: 96px; z-index: 0; } .moreinfo { color: #ccc; font-family: "oswald", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; font-size: 16px; line-height: 48px; text-align: center; z-index: 9; letter-spacing: 0px; height: 45px; position: relative; width: 100%; background-color: #222; display: block; overflow: hidden; max-width: 360px; margin: 8px auto; text-transform: uppercase; } .escroom p, .rooms p { font-size: 2rem; text-align: center; margin: 16px auto 24px; } #room-options .box h5 span, .rooms .box h5 span { color: #FFCC00; font-size: 16px; padding-left: 2px; } .room-img { position: absolute; width: 100%; max-width: 700px; top: 0; right: 0; z-index: 0; display: block; padding: 2% 2% 2% 5%; box-sizing: border-box; } .rooms h4 { margin: 2% 2% .25%; } .rooms p { margin: 2%; z-index:999999; display:block; text-align:left; } .room-img-box { width: 50%; position: relative; z-index: -1; margin-left: 50%; max-width: 666px; } .rooms .btick, .rooms h5 { margin: 0 2% 1%; max-width: 100%; z-index: 9999; } .rooms { margin: .75%; box-sizing: border-box; } .room-info { max-width: 600px; position: relative; left: 0; top: 0; padding: 3%; box-sizing: border-box; height:100%; } .urispace { width: 100%; max-width: 666px; height: 100%; max-height: 499px; } .rooms .urispace{ float: right; } .rooms .gbot { height: 120px; opacity: .9; z-index: 0; } .rooms .sgrad-left { left: 50%; z-index: 0; opacity: 1 !important; background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); } .sgradx { background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 44%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 44%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 44%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); } .rooms .box h5 span { font-size: 17px; padding-left: 3px; text-transform: uppercase; } .rooms h5 { font-size: 16px; text-transform: uppercase; } .bgf { background-position: 0 0%; background-size: 100%; display: block; position: absolute; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: -1; left: 0; top: 0; opacity: .25; filter: blur(10px); -webkit-filter: blur(10px);} .escape-roomse, .escape-roomsa, .escape-roomsb, .escape-roomsc, .escape-roomsd { max-width: 100%; background-size: 100%; background-image: url('https://13thhourescape.com/wp-content/uploads/2019/04/room-sheet.jpg'); } .escape-roomse { background-position: 0 0%; background-size: 100%; } .escape-roomsa { background-position: 0 25.186413%; background-size: 101%; } .escape-roomsb { background-position: 0 50.124275%; background-size: 101%; } .escape-roomsc { background-position: 0 75.062138%; background-size: 101%; } .escape-roomsd { background-position: 0 100%; background-size: 101%; } .difficulty-legend { width: 100%; max-width: 360px; margin: 0 auto; height: 50px; } .difficulty { text-align: left !important; display: inline-block; } .keys { width: 100%; max-width: 250px; float: right; border-radius: 4px; } .xkeys { background: /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#931016+0,330000+100 */ background: #931016; /* Old browsers */ background: -moz-linear-gradient(left, #931016 0%, #330000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #931016 0%,#330000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #931016 0%,#330000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#931016', endColorstr='#330000',GradientType=1 ); /* IE6-9 */ ; } .keys li { width: 20%; float: left; display: inline-block; background-color: transparent; border-right: 1px solid #000; text-align: center; vertical-align: middle; height: 50px; position: relative; } .keys img { width: 100%; display: inline-block; max-width: 28px !important; height: auto; box-shadow: none !important; float: none; margin: auto !important; display: block; padding: 0px; vertical-align: middle; position: absolute; left: 0; right: 0; text-align: center; top: 0; bottom: 0; } .red { background-color: #931016 !important; } .dred { background-color: #3A0102 !important; } .midred { background-color: #65080C !important; } .cf::after { content: ""; clear: both; display: table; } .box h5{ clear: both; } @media (max-width: 720px) { .escroom p, .rooms p { font-size: 1.7rem; text-align: left; margin: 16px auto 24px; padding: 4% 4% 2% 4%; box-sizing: border-box; } .rooms h4 { font-size: 20px; } .room-img { opacity:.7; } } @media only screen and (max-width: 500px) { } @media only screen and (max-width: 900px) { .dblock { border-right: 0px solid #605957; min-height: 32px; width: 100%; border-bottom: 1px solid #605957; } .dblock:last-of-type { border-bottom: 0 !important; } .d8, .hrs{ display: inline-block; } h3 { font-size: 24px; } } @media (max-width: 797px) { .attractions-info h1, .attractions-info h2, .attractions-info h3, .attractions-info h4, .attractions-info h5, .attractions-info h6 { padding-left: 5%; } .choice-box, .yellow-box, .attractions-info h5, .attractions-info h4, .attractions-info ul { margin-left: 2% !important; }#extra-info { background-size: auto 100%; } .gbot30{display:none !important;} } @media (max-width: 500px) { .bbot{ border-bottom: 3px solid #333; } #pg-8-3, #pg-8-4{ border-bottom: 0px solid #333; } .gtop2 { display: none; visibility: hidden; } .keys { float: none; margin: 0 auto; } }