/*MULTI PURPOSE DIALOG EXAMPLE*/ #multi-purpose-dialog{display:none; position:fixed; height:100%; width:100%; z-index:1000000; background:rgba(0,0,0,0.65) none;} /*PUSHSTATE STYLING*/ #full-screen-loading{position:absolute; height:100%; width:100%; z-index:100000; background:rgba(0,0,0,0.65) none;} /*EVENT PROMPT STYLING*/ #full-screen-event-prompt{position:absolute; display:none; height:100%; width:100%; z-index:1000000; color:white; font-family:'Neucha', Arial; font-size:16px; text-align: center;} #multi-purpose-dialog #full-screen-event-prompt{background:rgba(0,0,0,0) none;} #full-screen-event-prompt img.tips-select{background-position:-270px -120px; height:26px; width:25px; margin-bottom:5px;} #full-screen-event-prompt img.tips-arrow{background-position:-270px -150px; height:28px; width:25px;} #full-screen-event-prompt .ep-title{position:absolute; text-align:center; font-size:22px;} #full-screen-event-prompt .ep-events{position:absolute; text-align:right; width:150px; display:none; top:-10000px; left:-10000px;} #full-screen-event-prompt .ep-events .ep-events-msg{text-align:center;} .ep-events .tips-arrow{margin-right:30px; transform:rotate(270deg); margin-top:-10px;} #full-screen-event-prompt .ep-events-done{position:absolute; text-align:right; width:150px; display:none; top:-10000px; left:-10000px;} #full-screen-event-prompt .ep-events-done .ep-events-msg{text-align:center;} .ep-events-done .tips-arrow{margin-right:30px; margin-top:-10px;} #full-screen-event-prompt .ep-confirm{position:absolute; width:120px; font-size:20px; font-family:'Neucha', Arial; display:none;} #full-screen-event-prompt .ep-confirm:hover{background:rgba(255,255,255,0.1);} /*NEW STYLES FOR FILTER CONTROLS*/ .color-777{color:#777;} .color-000{color:#000;} .color-link-important{color:#0067CE !important;} .ev-list-event-print{width:130px; height:28px;} .ev-list-event-print-other{width:168px; height:28px;} .ev-list-resident-print{height:28px; line-height:28px; width:130px;} .ev-list-resident-print-other{height:28px; line-height:28px; width:168px;} .ev-list-event-name{margin-bottom:3px;} .ev-list-coin-top{position:absolute; width:100%; top:-4px; left:0px; height:10px; font-size:10px !important;} .ev-list-coin-bottom{position:absolute; width:100%; top:6px; left:0px; height:8px; font-size:8px !important;} /*NEW TICKETS VISIBLE NOTIFICATION====================================================================================================================*/ #map-ticket-visible-note{text-shadow:2px 1px rgba(0,0,0,0.05);position:absolute;top:10px;left:10px;padding:10px;z-index:1000;background-color:rgba(0,0,0,0.55);color:#FFF;display:none;max-width:310px;} #map-ticket-visible-note.thin{bottom:10px !important;right:10px !important;top:initial !important;left:initial !important;margin-left:10px;} #map-ticket-visible-note .viewable span{font-size:14px;font-weight:500;margin-bottom:10px;overflow:hidden;} #map-ticket-visible-note .educate{margin-top:5px;margin-left:21px;margin-right:10px;} #map-ticket-visible-note .educate p{text-align:center;} #map-ticket-visible-note .educate button{width:90%;margin-top:7px;} #map-ticket-visible-note i{cursor:pointer;margin-top:3px;margin-left:2px;} #map-ticket-visible-note.minify{cursor:pointer;overflow:hidden;} #map-ticket-visible-note.minify .viewable span{opacity:0;} #map-ticket-visible-note.minify .educate{opacity:0;} #map-ticket-visible-note.minify i{pointer-events:none;} #map-ticket-visible-note.minified .viewable span{display:none;} #map-ticket-visible-note.minified .educate{display:none;} #map-ticket-visible-note.minified i{font-weight:900;} /*@keyframes roundItOut{0% {border-radius:0%;background-color:rgba(0,0,0,5.5);} 100% {border-radius:50%;background-color:rgba(0,103,206,0.9);}}*/ @keyframes roundItOut{0% {border-radius:0%;background-color:rgba(0,0,0,0.55);} 50% {border-radius:50%;background-color:rgba(0,0,0,0.55);} 100% {border-radius:50%;background-color:rgba(0,0,0,0.25);}} #map-ticket-visible-note.minified{animation-name:roundItOut;animation-duration:0.5s;animation-iteration-count:1; animation-fill-mode:forwards;} /*NEW LOADER BAR======================================================================================================================================*/ #load-bar-container{z-index:10000;background-color:rgba(0,0,0,0.65);left:50%;transform:translateX(-50%);position:absolute;text-align:center;display:none;} #load-bar-container.concert{bottom:initial;top:50px;} #load-bar-parent{border-radius:5px;height:14px;width:80%;top:50%;left:10%;position:absolute;overflow:hidden;border:1px solid #FFF;} #load-bar-parent .wrap{position:relative;width:100%;height:100%;} #load-bar-parent .wrap div{position:absolute;} /*NEW TICKET HOVER STYLES=============================================================================================================================*/ #map-ticket-hover{position:absolute; z-index:100001; webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2); box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);} /*NEW MAP EVENT LIST STYLES===========================================================================================================================*/ #map-event-select{max-height:none!important;padding:0px!important;background-color:#FFF;min-width:280px;z-index:100000;overflow-x:hidden;overflow-y:auto;display:none;top:-1000px;right: 22px;border:1px solid #E5E5E5;position:fixed;-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2); box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);} #map-event-select #map-event-select-options{max-height:436px;padding:24px 24px 0px 24px;overflow-y:auto;min-width:280px;} /*EVENT LIST TITLE*/ #map-event-select p.title{font-size:17px;position:fixed;background-color:#FFF;z-index:3;margin-top:-20px;height:48px;line-height:48px;} /*EVENT LIST COLUMNS*/ #map-event-select .event-select-column{width:200px; padding:0px 15px; float:left;} #map-event-select .event-select-column li{padding-left:43px;padding-right:32px;position:relative;margin-top:15px;} #map-event-select .event-select-column li.other{padding-left:5px !important;} /*EVENT LIST UL & LI*/ #map-event-select.steve-test .ev-list-ul li{margin-bottom:15px;} /*AVATARS & CHECKBOXES*/ #map-event-select .ev-list-avatar{position:absolute; left:5px; width:28px; height:28px; line-height:28px; border-radius:50%; color:#FFF; text-align:center; font-size:9px; display:inline-block; font-size:11px;} #map-event-select .ev-list-check.fa-circle-thin{position:absolute; right:5px; top:0px; color:#CCC;font-size:20px;line-height:28px;} #map-event-select .ev-list-check.fa-check-circle{position:absolute; right:5px; top:0px; color:#0067CE; font-weight:900;font-size:20px;line-height:28px;} #map-event-select .ev-list-check.fa:hover{cursor:pointer;} /*RESIDENTS*/ #map-event-select ul.ev-list-ul.resident{position:fixed;margin-top:-24px;background-color:#FFF;padding-top:54px;width:200px;z-index:2;} #map-event-select ul.ev-list-ul.resident li.resident-header{margin-bottom:0px !important;border-bottom:1px solid #E5E5E5;} #map-event-select .ev-list-resident{height:28px;line-height:28px;font-weight:500;font-size:13px;margin-bottom:15px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /*EVENTS*/ #map-event-select ul.ev-list-ul.events{margin-top:105px;width:200px;margin-bottom:10px;} #map-event-select .ev-list-ul li.event-li p{width:100%; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} #map-event-select .ev-list-ul li.event-li p.ev-list-event{font-size:12px;color:#000;} #map-event-select .ev-list-ul li.event-li p.ev-list-date{font-size:11px;color:#777;} /*UPDATE BUTTON & CONTAINER*/ #map-event-select #map-event-select-submit{padding:15px 24px; border-top:1px solid #E5E5E5; height:36px;} #map-event-select #submit-map-events{width:84px;height:36px;margin-right:-9px;background:#0067CE;color:#FFF;border:0;font-size:12px;line-height:12px;font-weight:500;border-radius:3px;-moz-border-radius:3px;padding:0px 15px;text-decoration:none;display:inline-block;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:right;} #map-event-select #submit-map-events.disabled{background-color:#CCC !important; color:#FFF;} #map-event-select #submit-map-events.disabled:hover{background-color:#BBB !important;} #map-event-select #submit-map-events-counter{color:#666;margin-right:15px;line-height:36px;font-size:13px;float:right;} /*NEW PHOTO MODE STYLES===============================================================================================================================*/ #map-photo-holder{position:absolute;top:0px;left:0px;height:100%;width:100%;background:rgba(0,0,0,0.85) none;display:none;} #map-photo-holder img{position:relative;} #map-photo-holder .map-photo-text{position:absolute;display:none;text-align:right;top:0px;right:0px;min-width:260px;max-width:340px;background:rgba(0,0,0,0.65) none;color:#FFF;padding:10px 0px 10px 10px;z-index:100000;} #map-photo-holder .map-photo-text .hover:hover{background-color:rgba(255,255,255,0.2) !important; border-radius:3px !important;} #map-photo-holder .map-photo-text .photo-text-wrapper{display:flex;align-items:stretch;width:100%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #map-photo-holder .map-photo-text .photo-text-left{width:80%;display:flex;flex-direction:column;padding-right:5px;height:100%;float:left;} #map-photo-holder .map-photo-text .photo-text-left .top-text{width:100%;text-align:left;border-bottom:1px solid #CCC;padding-bottom:10px;float:left;} #map-photo-holder .map-photo-text .photo-text-left .top-text .title{font-size:14px;font-weight:500;text-align:left;padding-right:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;} #map-photo-holder .map-photo-text .photo-text-left .top-text .comments{text-align:left;margin:5px 0px;font-size:12px;width:100%;} #map-photo-holder .map-photo-text .photo-text-left .bottom-text{width:100%;text-align:left;float:left;padding-top:10px;} #map-photo-holder .map-photo-text .photo-text-left .bottom-text div{float:left;} #map-photo-holder .map-photo-text .photo-text-left .bottom-text div:hover{cursor:pointer;background-color:rgba(255,255,255,0.2) !important; border-radius:3px !important;} #map-photo-holder .map-photo-text .photo-text-left .bottom-text i{padding:5px 10px;} #map-photo-holder .map-photo-text .photo-text-left .bottom-text span.counter-text{line-height:23px;margin:0px 5px;font-size:10px;float:left;} #map-photo-holder .map-photo-text .return-to-map{cursor:pointer;width:20%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid #CCC;} #map-photo-holder .map-photo-text .return-to-map:hover{background-color:rgba(255,255,255,0.2) !important; border-radius:3px !important;} #map-photo-holder .map-photo-text .return-to-map .button-close{font-size:24px;color:#FFF;opacity:1 !important;} #rys-photo-spinner{position:absolute;top:0px;left:0px;width:100%;height:100%;display:none;} #rys-photo-spinner .spinner-wrap{position:relative;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);color:#FFF;float:left;} #rys-photo-spinner .spinner-wrap span{font-size:14px;margin-left:5px;} /*NEW TI MAP STYLES===================================================================================================================================*/ .tipage.timap{overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #ti-map-container{position:relative;overflow:hidden;height:100%;width:100%;float:left;} #ti-map-controls{background-color:#FFF;z-index:100000;position:absolute;display:none;border:1px solid #E5E5E5;width:320px;top:10px;border-top:2px solid #0067CE;right:10px;-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);} #ti-map-control-spinner{background:#FFF;width:310px;height:60%;top:30%;z-index:2;position:absolute;font-size: 9px; color:#0067CE; display:none;} #ti-map-control-spinner .spinner-wrap{float:left;position:relative;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);} #ti-map-control-spinner span{font-size:15px !important;font-weight:500;margin-left:5px;} #ti-map-controls .control-wrap{position:relative;padding:15px;float:left;} #ti-map-controls .control-wrap .map-filter-li{float:left;margin-bottom:24px;} #ti-map-controls .control-wrap .map-filter-li.title{font-size:18px;} #ti-map-controls .control-wrap .map-filter-li.map-filter-price{margin-bottom:10px !important;} #ti-map-controls .control-wrap .map-filter-li .title{width:100px;color:#777;float:left;font-size:12px;} #ti-map-controls .control-wrap .map-filter-li .selection{width:165px;color:#777;font-size:12px;margin-left:10px;float:left;position:relative;} #ti-map-controls .control-wrap .map-filter-li .open-map-control{cursor:pointer;font-size:14px;font-weight:500;float:left;} #ti-map-controls .control-wrap .map-filter-li .open-map-control i{margin-left:5px;float:left;} #ti-map-controls .control-wrap .map-filter-li #filter-event{max-width:150px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;float:left;} #ti-map-controls .control-wrap .map-filter-price .active-range{position:absolute;height:3px;width:149px; background-color:#0067CE; z-index:1; top:5px; left:5px; pointer-events:none;} #ti-map-controls.no-events{width:initial;height:initial;display:none !important;} #ti-map-controls.no-events .map-settings-wrapper{padding:8px;} #ti-map-controls.concert-schedule{top:0px;left:0px;} #transform-map-0,#transform-map-1,#transform-map-2,#transform-map-3,#transform-map-4,#transform-map-1b{width:100%;height:100%;float:left;} #transform-map-1 .markers{width:100%;height:100%;position:absolute;} #ajax-ti-map{width:100%;height:100%;overflow:hidden;position:relative;float:left;} @-moz-document url-prefix() {#ti-map-controls .map-filter-price .active-range{top:7px !important;left:0px !important;}} /*TABLET CLICK INDICATOR ====================================================================== */ #click-indicator{height:48px; width:48px; border-radius:50%; background-color:rgba(0, 103, 206, 0.35); border:1px solid #0067CE; z-index:1;} #map-settings-container{top:8px; right:9px;} #map-settings-container.concert-events{top:6px;} #map-settings-container .map-settings-wrapper{width:26px; height:26px;} #map-settings-container .map-settings-wrapper .fa-gear{display:none !important;} .disable-update-events{background-color:#CCC !important; color:#FFF;} .disable-update-events:hover{background-color:#BBB !important;} .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } .nopointereventsmap { pointer-events: none; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } .center-v{position:relative; top:50%; transform:translateY(-50%);} .center-hv{position:relative; top:50%; left:50%; transform:translateY(-50%) translateX(-50%);} .noopac{opacity:0; pointer-events:none;} .photo-center-hv{top:50%; left:50%; transform:translateY(-50%) translateX(-50%);} .photo-center-h{top:50%; left:50%; transform:translate(-50%, -50%);} .nopointerevents{pointer-events:none;} .highlight-rtm{background-color:rgba(255,255,255,0.2) !important; border-radius:3px !important; cursor:pointer;} .return-to-map-icon{bottom:10px; left:15px; width:150px; height:150px;} .highlight-rtm-icon{background-color:rgba(255,255,255,0.2) !important;} .mapcontrol.title.highlight{border-bottom:3px solid #0067CE;} .mapreset.title{color:#CCC; pointer-events:none;} .mapreset.title.resetable{color:#0067CE; pointer-events:all;} .mapreset.title.resetable.highlight{color:#0067CE; font-weight:bold;/*border-bottom:3px solid #0067CE;*/} .ev-avatar{width:28px; height:28px; line-height:28px; border-radius:50%; color:#FFF; text-align:center; font-size:9px;} #map-price-slider{top:50px; height:55px; width:150px; left:calc(((100% - 600px) * 0.5) + (600px * 0.5) - 75px + (600px * 0.15 * 0.5));} /*#map-quantity-select{top:50px; height:100px;width:200px;display:none; left:calc(((100% - 600px) * 0.5) + (600px * 0.65) - 100px + (600px * 0.15 * 0.5));}*/ #map-quantity-select .quantity-box{color:#CCC; float:left; text-align:center; border-right:1px solid #E5E5E5; width:48px; height:40px; display:flex; flex-direction:column; justify-content:center; pointer-events:none;} #map-quantity-select .quantity-box.eligible-box:hover{background-color:#F8F8F8; color:#333;} #map-quantity-select .quantity-box.eligible-box{color:#666; pointer-events:all;} #map-quantity-select .quantity-box.selected-box{color:#FFF; background-color: #0067CE; pointer-events:none;} #map-quantity-select{display:none; top:-1000px; right:22px; padding:24px; border: 1px solid #E5E5E5; z-index:10000000;} /*#map-event-select{top:50px;max-height:360px;width:220px;display:none; padding-top:0px !important; overflow-y:auto; left:calc(((100% - 600px) * 0.5) + (600px * 0.2) - 110px + (600px * 0.3 * 0.5));}*/ #map-event-hover{top:50px;width:220px;max-height:360px;overflow:hidden;display:none; padding-top:0px !important; left:calc(((100% - 600px) * 0.5) + (600px * 0.2) - 110px + (600px * 0.3 * 0.5));} .hover-event i{display:none;} #map-user-message{top:50px;margin-top:-70px;width:600px;max-height:360px;overflow:hidden; display:none;padding-top:0px !important; left:calc(((100% - 600px) * 0.5));} #map-options-select{top:50px; height:90px; width:150px; right:0; display:none;} #map-options-select.concert{z-index:1; height:120px;} /*CONCERT HEADER ======================================================================== */ #ti-map-controls h2{color:#0067CE; font-size:14px; text-transform:uppercase; font-weight:bold; text-align:center;} /*#ti-map-controls .swiper-container-horizontal .swiper-wrapper .swiper-slide{width:120px !important; margin-right:12px;}*/ #mapcontrol-concert{right:10px; top:155px; width:75px;} .never-show-controls{display:none !important; opacity:0 !important;} /*NEW TICKET MARKER STYLING FOR NEW APPROACH ============================================ */ .pos-mrk .temp-combo{transform:matrix(0.65,0,0,0.65,0,0) !important; margin-top:-10.5px !important;} /*TICKET MARKERS ======================================================================== */ .other-mrk{transform:matrix(0.8,0,0,0.8,0,0); opacity:1; cursor:pointer;} .other-mrk.map-mrk:hover{transform:matrix(0.9,0,0,0.9,0,0);} .ti-mrk{transform:matrix(1,0,0,1,0,0); opacity:1; cursor:pointer;} .ti-mrk.map-mrk:hover{transform:matrix(1.1,0,0,1.1,0,0);} .mimic-map-mrk-hover{transform:matrix(1.1,0,0,1.1,0,0);} .mrk-circle{border-radius:50%; position:relative;} .mrk-circle span.long{font-size:9px !important;} .mrk-info{margin-top:-2px; margin-left:-1px;} .circle-text-top{position:absolute; width:100%; top:-3px; left:0px; height:10px; font-size:10px !important;} .circle-text-bottom{position:absolute; width:100%; top:6px; left:0px; height:8px; font-size:8px !important;} .pos-mrk .circle-text-top{display:none;} .pos-mrk .circle-text-bottom{display:none;} .mrk-price{color:#000; font-weight:700; text-shadow:-1px -1px 0 #FFF,1px -1px 0 #FFF,-1px 1px 0 #FFF,1px 1px 0 #FFF;} .mrk-date{margin-top:-2px;margin-left:1px;} .map-mrk .mrk-circle{height:25px; width:25px; border:1px solid #FFF; line-height:26px;} .pos-mrk .mrk-circle{height:6px; width:6px; margin-left:3px; margin-top:-1px; background-color:#777 !important; border:1px solid #FFF; font-size:0px !important; cursor:pointer;} .map-pos-mrk .mrk-circle{height:25px; width:25px; margin-top:-12.5px; margin-left:-12.5px; border:1px solid #FFF; line-height:26px;} .map-pos-mrk .mrk-info{display:block !important; margin-top:-12.5px;} .markers .hide-markers{opacity:0;} @keyframes fadeInMarkers{0% {opacity:0 !important;} 100% {opacity:1 !important;}} .fade-in-markers{animation-name: fadeInMarkers; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode:forwards;} .high-z-marker{z-index:1000000 !important;} /*TICKET COIN HOVER ================================================================================ */ .map-popup-coin-hover{width:250px; border: 1px solid #E5E5E5} .map-popup-coin-hover .header{overflow:auto;line-height:1.2;margin-bottom:10px;min-height:75px;position:relative;} .map-popup-coin-hover .header img{width:110px;height:75px;position:absolute;left:0;} .map-popup-coin-hover .header.has-image .header-title{padding-left:120px;width:130px;} .map-popup-coin-hover .header-title .title{font-weight:500;font-size:14px;} .map-popup-coin-hover ul.events lh{font-size:11px;color:#999;padding:10px 0;} .map-popup-coin-hover ul.events li.item-avatar{padding:10px 0;padding-left:48px !important;border:none;} .map-popup-coin-hover ul.events li.item-avatar .item-avatar-colored{height:30px;width:30px;top:10px;left:0;line-height:30px;font-size:12px;} .map-popup-coin-hover ul.events li.event .price{position:absolute;right:0;line-height:30px;top:10px;font-size:14px;} .map-popup-coin-hover ul.events li.event .event-date{font-size:11px;color:#666;} .map-popup-coin-hover ul.events li p{line-height:15px; width:calc(100% - 50px);} .map-popup-coin-hover .footer{color:#0067CE;text-transform:uppercase; font-weight:500;padding-top:15px;} .map-popup-coin-hover ul.events span.long{font-size:9px !important;} #map-ticket-hover .map-popup-coin-hover{margin-bottom:0px !important;} #map-ticket-hover {z-index:100001;} /*HALO MARKER*/ #halo-marker-only{position:absolute; top:-10000px; left:-10000px; width:60px; height:60px; display:none; z-index:1;} #halo-marker-only .outer{background-color:rgba(0,103,206,0.4); width:100%; height:100%; border-radius:50%; position:absolute;} #halo-marker-only .inner{background-color:rgba(0,103,206,0.5); width:40px; height:40px; border-radius:50%; position:absolute; margin:5px; display:none;} /*MAP PRICE SLIDER ================================================================================= */ #map-price-range{-webkit-appearance: none; margin:5px; width:100%; padding:0px;} #map-price-range::-webkit-slider-runnable-track {width: 100%; height: 3px; background: #CCC; border: none;} #map-price-range::-webkit-slider-thumb {-webkit-appearance: none; cursor:pointer; border: none; height: 16px; width: 16px; border-radius: 50%; background: #0067CE; margin-top:-6px; margin-left:0px;} #map-price-range:focus{outline: none;} #map-price-range::-moz-range-track {width: 100%; height: 3px; background: #CCC; border: none;} #map-price-range::-moz-range-thumb {border: none; height: 16px; width: 16px; background: #0067CE; border-radius:50%; cursor:pointer;} #map-price-range::-ms-track {width: 100%; height: 3px; background: transparent; border-color: transparent; border-width: 0px 0; color: transparent; margin-top:-10px; padding:0px; overflow-y: visible;} #map-price-range::-ms-fill-lower {background: #CCC; border-radius: 10px;} #map-price-range::-ms-fill-upper {background: #CCC; border-radius: 10px;} #map-price-range::-ms-thumb {border: none; height: 16px; width: 16px; border-radius: 50%; background: #0067CE; margin-top:0px; cursor:pointer;} #map-price-range:focus::-ms-fill-lower {background: #CCC;} #map-price-range:focus::-ms-fill-upper {background: #CCC;} #map-price-range::-ms-tooltip {display: none;} @-moz-document url-prefix() {#map-price-range{margin:0px;}} /*MAP ZOOM SLIDER ================================================================================= */ #map-zoom-range{-webkit-appearance: none; border: 1px solid white; width: 70px; height:22px; float:right; margin-right:10px;} #map-zoom-range::-webkit-slider-runnable-track {width: 70px; height: 4px; background: #EFEFEF; border: none; border-radius: 3px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);} #map-zoom-range::-webkit-slider-thumb {-webkit-appearance: none; border: none; height: 22px; width: 22px; border-radius: 50%; background: #0067CE; margin-top: -9px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);} #map-zoom-range:focus{outline: none;} #map-zoom-range::-moz-range-track {width: 70px; height: 4px; background: #EFEFEF; border: none; border-radius: 3px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);} #map-zoom-range::-moz-range-thumb {border: none; height: 22px; width: 22px; background: #0067CE; box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); border-radius:50%;} #map-zoom-range::-ms-track {width: 70px; height: 4px; background: transparent; border-color: transparent; border-width: 5px 0; color: transparent;} #map-zoom-range::-ms-fill-lower {background: #EFEFEF; border-radius: 10px;} #map-zoom-range::-ms-fill-upper {background: #EFEFEF; border-radius: 10px;} #map-zoom-range::-ms-thumb {border: none; height: 22px; width: 22px; border-radius: 50%; background: #0067CE; margin-top:0px;} #map-zoom-range:focus::-ms-fill-lower {background: #EFEFEF;} #map-zoom-range:focus::-ms-fill-upper {background: #EFEFEF;} #map-zoom-range::-ms-tooltip {display: none;} /*MAP CONTROLS =================================================================================== */ /*@keyframes slideDownControlsPrice {0% {margin-top:-55px;} 100% {margin-top:0px;}} .slide-down-controls-price{animation-name: slideDownControlsPrice; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode:forwards;} @keyframes slideUpControlsPrice {0% {margin-top:0px;} 100% {margin-top:-60px;}} .slide-up-controls-price{animation-name: slideUpControlsPrice; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode:forwards;} @keyframes slideDownControlsQuantity {0% {margin-top:-100px;} 100% {margin-top:0px;}} .slide-down-controls-quantity{animation-name: slideDownControlsQuantity; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode:forwards;} @keyframes slideUpControlsQuantity {0% {margin-top:0px;} 100% {margin-top:-105px;}} .slide-up-controls-quantity{animation-name: slideUpControlsQuantity; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode:forwards;} @keyframes slideDownControlsEvent {0% {margin-top:-365px;} 100% {margin-top:0px;}} .slide-down-controls-event{animation-name: slideDownControlsEvent; animation-duration: 0.75s; animation-iteration-count: 1; animation-fill-mode:forwards;} @keyframes slideUpControlsEvent {0% {margin-top:-0px;} 100% {margin-top:-365px;}} .slide-up-controls-event{animation-name: slideUpControlsEvent; animation-duration: 0.75s; animation-iteration-count: 1; animation-fill-mode:forwards;} @keyframes slideDownControlsOptions {0% {margin-top:-110px;} 100% {margin-top:0px;}} .slide-down-controls-options{animation-name: slideDownControlsOptions; animation-duration: 0.75s; animation-iteration-count: 1; animation-fill-mode:forwards;} @keyframes slideUpControlsOptions {0% {margin-top:-0px;} 100% {margin-top:-110px;}} .slide-up-controls-options{animation-name: slideUpControlsOptions; animation-duration: 0.75s; animation-iteration-count: 1; animation-fill-mode:forwards;} @keyframes slideDownControlsOptionsConcert {0% {margin-top:0px; opacity:0;} 100% {margin-top:100px; opacity:1;}} .slide-down-controls-options-concert{animation-name: slideDownControlsOptionsConcert; animation-duration: 0.75s; animation-iteration-count: 1; animation-fill-mode:forwards;} @keyframes slideUpControlsOptionsConcert {0% {margin-top:100px; opacity:1;} 100% {margin-top:0px; opacity:0;}} .slide-up-controls-options-concert{animation-name: slideUpControlsOptionsConcert; animation-duration: 0.75s; animation-iteration-count: 1; animation-fill-mode:forwards;} @keyframes slideDownUserMsg{0% {margin-top:-70px; opacity:1;} 50%{margin-top:-70px; opacity:1;} 100% {margin-top:0px; opacity:1;}} .slide-down-user-msg{display:inline !important; animation-name: slideDownUserMsg; animation-duration: 3s; animation-iteration-count: 1; animation-fill-mode:forwards;} */ /*RYS SPINNER===================================================================================== */ #rys-map-spinner .spinner-wrap,#full-screen-loading .spinner-wrap{color:#FFF;position:relative;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);float:left;} #rys-map-spinner .spinner-wrap span,#full-screen-loading .spinner-wrap span{font-size:14px;margin-left:5px;} @keyframes spinnerBounceInFirst {0% {transform:scale(0.1); opacity:0;} 20% {transform:scale(1.05); opacity:1;} 30% {transform:scale(1); opacity:1;} 80% {transform:scale(1); opacity:1;} 100% {transform:scale(1); opacity:1;}} .spinner-bounce-in-first{animation: spinnerBounceInFirst 3s infinite; position:absolute; top:0px; left:0px;} @keyframes spinnerBounceInSecond {0% {transform:scale(0.1); opacity:0;} 5% {transform:scale(0.1); opacity:0;} 30% {transform:scale(1.05); opacity:1;} 40% {transform:scale(1); opacity:1;} 80% {transform:scale(1); opacity:1;} 100% {transform:scale(1); opacity:1;}} .spinner-bounce-in-second{animation: spinnerBounceInSecond 3s infinite; position:absolute; top:0px; left:0px;} @keyframes spinnerBounceInThird{0% {transform:scale(0.1); opacity:0;} 10% {transform:scale(0.1); opacity:0;} 40% {transform:scale(1.05); opacity:1;} 50% {transform:scale(1); opacity:1;} 80% {transform:scale(1); opacity:1;} 100% {transform:scale(1); opacity:1;}} .spinner-bounce-in-third{animation: spinnerBounceInThird 3s infinite; position:absolute; top:0px; left:0px;} @keyframes spinnerFadeInFourth {0% {opacity:0;} 20% {opacity:0;} 70% {opacity:1;} 100% {opacity:1;}} .spinner-fade-in-fourth{animation: spinnerFadeInFourth 3s infinite; animation-timing-function: ease-in; position:absolute; top:0px; left:0px;} @keyframes spinnerFadeOutFifth {0% {opacity: 1;} 85% {opacity:1;} 100% {opacity:0;}} .spinner-fade-out-fifth{animation: spinnerFadeOutFifth 3s infinite; margin-top:25px; position:relative; width:100px; height:100px; top:50%; left:50%; transform:translateY(-50%) translateX(-50%);} /*SHOW ON MAP MARKER============================================================================== */ .text-shadow-360-white{text-shadow:-1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;} .show-on-map-html-marker{font-size:20px; float:left;position:absolute;transform:scaleX(0.9) translateY(-40px) translateX(8px); color:#0067CE; z-index:10000;} @keyframes som1{0% {margin-top:-50px; opacity:0;} 60% {margin-top:30px; opacity:1;} 90% {margin-top:30px; opacity:1;} 100% {margin-top:30px; opacity:0;}} .som-animate-1{animation: som1 1.75s infinite;} @keyframes som2{0% {margin-top:-50px; opacity:0;} 60% {margin-top:15px; opacity:1;} 90% {margin-top:15px; opacity:1;} 100% {margin-top:15px; opacity:0;}} .som-animate-2{animation: som2 1.75s infinite;} @keyframes som3{0% {margin-top:-50px; opacity:0;} 60% {margin-top:0px; opacity:1;} 90% {margin-top:0px; opacity:1;} 100% {margin-top:0px; opacity:0;}} .som-animate-3{animation: som3 1.75s infinite;} .scrolling-text{ animation: scrollingText 10s linear infinite; } @keyframes scrollingText { 0% { -moz-transform: translateX(100%); /* Browser bug fix */ -webkit-transform: translateX(100%); /* Browser bug fix */ transform: translateX(100%); opacity:1; } 80%{opacity:1;} 100% { -moz-transform: translateX(-300%); /* Browser bug fix */ -webkit-transform: translateX(-300%); /* Browser bug fix */ transform: translateX(-300%); opacity:0; } } @keyframes pulsate { 0% { transform: scale(.1, .1); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2, 1.2); opacity: 0; } } .pulse { position: absolute; margin-top: 0px; margin-left: 0px; } .pulse::after { display: block; width: 40px; height: 40px; content: ''; animation: pulsate 1.5s ease-out; animation-delay: 0s; animation-iteration-count: infinite; opacity: 0; border-radius: 50%; box-shadow: 0 0 1px 2px rgba(0,0,0,0.5); box-shadow: 0 0 6px 4px rgba(0,103,206,1.0); } @keyframes tourMap { 0% {transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);} 15% {transform: perspective(2000px) rotateX(68deg) rotateY(0deg) rotateZ(0deg) scale(1);} 30% {transform: perspective(2000px) rotateX(68deg) rotateY(0deg) rotateZ(0deg) scale(2);} 70% {transform: perspective(2000px) rotateX(68deg) rotateY(0deg) rotateZ(360deg) scale(2);} 85% {transform: perspective(2000px) rotateX(68deg) rotateY(0deg) rotateZ(360deg) scale(1);} 100% {transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scale(1);} } .tour-map{ animation-name: tourMap; animation-duration: 10s; animation-iteration-count: 1; animation-fill-mode:forwards; } @keyframes unflattenMap { 0% {transform: perspective(2000px) rotateX(67deg) rotateY(0deg) rotateZ(0deg);} 100% {transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);} } .unflatten-map{ animation-name: unflattenMap; animation-duration: 2s; animation-iteration-count: 1; animation-fill-mode:forwards; } @keyframes flattenMap { 0% {transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);} 100% {transform: perspective(2000px) rotateX(67deg) rotateY(0deg) rotateZ(0deg);} } .flatten-map{ animation-name: flattenMap; animation-duration: 2s; animation-iteration-count: 1; animation-fill-mode:forwards; } @keyframes rotateMap { 0% {transform: perspective(2000px) rotateX(67deg) rotateY(0deg) rotateZ(0deg);} 100% {transform: perspective(2000px) rotateX(67deg) rotateY(0deg) rotateZ(360deg);} } .rotate-map{ animation-name: rotateMap; animation-duration: 2s; animation-iteration-count: 1; animation-fill-mode:forwards; } @keyframes bounceIn { 0% {transform: scale(0.1);opacity: 0;} 25% {transform: scale(1.1);opacity: 1;} 50% {transform: scale(1);opacity:1;} 75% {transform: scale(1);opacity:1;} 100% {transform: scale(1);opacity:0;} } .ti-map-loading-icon{animation: bounceIn 3s infinite;} @keyframes zoomInMap { 0% {transform: matrix(1,0,0,1,0,0);} 50% {transform: matrix(1,0,0,1,0,0);} 100% {transform: matrix(2.5,0,0,2.5,0,0);} } .zoom-viewport{ animation-name: zoomInMap; animation-duration: 3s; animation-iteration-count: 1; animation-fill-mode:forwards; } @keyframes zoomInMap20 {0% {transform: matrix(1,0,0,1,0,0);} 50% {transform: matrix(1,0,0,1,0,0);} 100% {transform: matrix(2.0,0,0,2.0,0,0);}} .zoom-viewport-20{animation-name:zoomInMap20; animation-duration:3s; animation-iteration-count:1; animation-fill-mode:forwards;} @keyframes zoomInMap21 {0% {transform: matrix(1,0,0,1,0,0);} 50% {transform: matrix(1,0,0,1,0,0);} 100% {transform: matrix(2.1,0,0,2.1,0,0);}} .zoom-viewport-21{animation-name:zoomInMap21; animation-duration:3s; animation-iteration-count:1; animation-fill-mode:forwards;} @keyframes zoomInMap22 {0% {transform: matrix(1,0,0,1,0,0);} 50% {transform: matrix(1,0,0,1,0,0);} 100% {transform: matrix(2.2,0,0,2.2,0,0);}} .zoom-viewport-22{animation-name:zoomInMap22; animation-duration:3s; animation-iteration-count:1; animation-fill-mode:forwards;} @keyframes zoomInMap23 {0% {transform: matrix(1,0,0,1,0,0);} 50% {transform: matrix(1,0,0,1,0,0);} 100% {transform: matrix(2.3,0,0,2.3,0,0);}} .zoom-viewport-23{animation-name:zoomInMap23; animation-duration:3s; animation-iteration-count:1; animation-fill-mode:forwards;} @keyframes zoomInMap24 {0% {transform: matrix(1,0,0,1,0,0);} 50% {transform: matrix(1,0,0,1,0,0);} 100% {transform: matrix(2.4,0,0,2.4,0,0);}} .zoom-viewport-24{animation-name:zoomInMap24; animation-duration:3s; animation-iteration-count:1; animation-fill-mode:forwards;} @keyframes zoomInMap25 {0% {transform: matrix(1,0,0,1,0,0);} 50% {transform: matrix(1,0,0,1,0,0);} 100% {transform: matrix(2.5,0,0,2.5,0,0);}} .zoom-viewport-25{animation-name:zoomInMap25; animation-duration:3s; animation-iteration-count:1; animation-fill-mode:forwards;} @keyframes zoomInMapOther { 0% {transform: matrix(1,0,0,1,0,0);} 100% {transform: matrix(2.5,0,0,2.5,0,0);} } .zoom-viewport-other{ animation-name: zoomInMapOther; animation-duration: 2s; animation-iteration-count: 1; animation-fill-mode:forwards; } @keyframes zoomOutMapOther { 0% {transform: matrix(2.5,0,0,2.5,0,0);} 100% {transform: matrix(1,0,0,1,0,0);} } .zoom-viewport-other-out{ animation-name: zoomOutMapOther; animation-duration: 2s; animation-iteration-count: 1; animation-fill-mode:forwards; } .arrow-down { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #CCC; } .hoverblue:hover{background-color: #0067CE; color:#FFF;} .transbluebg{background-color:rgba(0, 103, 206, 0.8);} .transwhitebg{background-color:rgba(255, 255, 255, 0.8);} .transblackbg{background-color:rgba(0, 0, 0, 0.3);} @keyframes gradualFullWidth { 0% {width:100px;} 100% {width:100%;} } .full-width-gradual{ animation-name: gradualFullWidth; animation-duration: 1s; animation-iteration-count: 1; animation-fill-mode:forwards; } @keyframes gradualAddHeight { 0% {height:0px;} 100% {height:200px;} } .add-height-gradual{ animation-name: gradualAddHeight; animation-duration: 0.75s; animation-iteration-count: 1; animation-fill-mode:forwards; } /*@keyframes dropFromTop { 0% {margin-top:-125%;} 100% {margin-top:0%;} } .timap .htmlmrk .dropin{ animation-name: dropFromTop; animation-duration: 1s; animation-iteration-count: 1; animation-fill-mode:forwards; } */ .mapswitch {position: relative; display: inline-block; width: 45px; height: 17px;} .mapswitch input {display:none;} .mapswitchslider{position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #0067CE;-webkit-transition: .4s;transition: .4s;} .mapswitchslider:before {position: absolute;content:""; height: 13px;width: 13px;left: 2px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;} .mapswitchslider:after {position: absolute;content:"3D"; right:8px; color:#FFF;-webkit-transition: 1s;transition: 1s;} .mapswitchinp:checked + .mapswitchslider {background-color: #999;} .mapswitchinp:checked + .mapswitchslider:before {-webkit-transform: translateX(28px);-ms-transform: translateX(28px);transform: translateX(28px);} .mapswitchinp:checked + .mapswitchslider:after {content:"2D"; left:8px; text-align:left;} .mapswitchslider.round {border-radius: 17px;} .mapswitchslider.round:before {border-radius: 50%;} /* .mapswitch {position: relative; display: inline-block; width: 30px; height: 17px;} .mapswitch input {display:none;} .mapswitchslider{position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #0067CE;-webkit-transition: .4s;transition: .4s;} .mapswitchslider:before {position: absolute;content: "";height: 13px;width: 13px;left: 2px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;} input:checked + .mapswitchslider {background-color: #999;} input:checked + .mapswitchslider:before {-webkit-transform: translateX(13px);-ms-transform: translateX(13px);transform: translateX(13px);} .mapswitchslider.round {border-radius: 17px;} .mapswitchslider.round:before {border-radius: 50%;}*/ /*.maskdiv { position: relative; min-height: 750px; max-height: 1200px; height: 100vh; overflow: hidden; } .svg { position: absolute; bottom: 0; width: 100%; height: 100%; } .maskRect { fill: white; }*/ .webkitmaskit{ -webkit-mask-image: -webkit-gradient(linear, 0 67%,0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.95))); } .grad{ /* webkit example */ background-image: -webkit-gradient( linear, right top, left top, from(rgba(255, 255, 255, 1.0)), to(rgba(255, 255, 255, 0)) ); /* mozilla example - FF3.6+ */ background-image: -moz-linear-gradient( right center, rgba(255, 255, 255, 1.0) 20%, rgba(255, 255, 255, 0) 95% ); /* IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient( gradientType=1, startColor=0, endColorStr=#FFFFFF ); /* IE8 uses -ms-filter for whatever reason... */ -ms-filter: progid:DXImageTransform.Microsoft.gradient( gradientType=1, startColor=0, endColoStr=#FFFFFF ); } .all-mrk-m-con[data-ds='5'] .mrk-price{background:#006400;} .all-mrk-m-con[data-ds='4'] .mrk-price{background:#008001;} .all-mrk-m-con[data-ds='3'] .mrk-price{background:#169B1E;} .all-mrk-m-con{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} body[data-gridi='grid'][data-gridc='stacked'] #button-zoom-map-in,body[data-gridi='stacked'][data-gridc='grid'] #button-zoom-map-in, body[data-gridi='grid'][data-gridc='stacked'] #button-zoom-map-out,body[data-gridi='stacked'][data-gridc='grid'] #button-zoom-map-out{display: none !important;} #event-select-education{ z-index: 900; background: rgba(0, 0, 0, 0.8); position:absolute; top:0; left: 0; color: white !important; height: 100%; width: 100%; } #event-select-education .container{ position: absolute; bottom: 20%; width: 100%; } #event-select-education .title{ font-size: 30px; margin-bottom: 32px; text-align: center; } #event-select-education .dismiss{ display: block; text-align: center; margin-bottom: 32px; } #event-select-education .dismiss button{ background: none; border: 1px solid #FFF; color: white; height: 36px; width: 140px; font-size: 16px; } #event-select-education ul{ background: rgba(0, 0, 0, 0.8); border: 1px solid #FFF; border-radius: 24px; width: 50vw; max-width: 600px; padding: 16px; margin: 0px auto; } @media (max-width: 879px) { #event-select-education ul{ display: none; } } #event-select-education ul lh{ font-size: 12px; margin-bottom: 16px; padding-left: 8px; } #event-select-education li.event{ position: relative; padding: 8px; border: 1px solid #111; border-radius: 8px; } #event-select-education li.event:hover{ cursor:pointer; border-color: white; } #event-select-education li.event .event-name{ font-weight: bold; font-size: 15px; margin-bottom: 4px; max-width: 300px; } #event-select-education li.event .event-date{ font-size: 13px; margin-bottom: 8px; } #event-select-education li.event span.price{ right: 144px; position: absolute; line-height: 36px; bottom: 10px; font-size: 14px; } #event-select-education li.event span.price:before{ content: "from "; font-size: 11px; } #event-select-education li.event button{ height: 36px; width: 120px; position: absolute; bottom: 10px; right: 10px; border-radius: 8px; font-weight: normal; font-size: 14px; color: white; } #event-select-education li.event:hover button{ color: black; background: white; box-shadow: none !important; } #event-select-education button[data-role='select']{ background: black; border: 1px solid white; right: 144px; }