/** krpano-content/krpano-common/css/intlTelInput.css **/ .intl-tel-input{position:relative;width:100%;display: table-cell;}.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-right:36px;margin-right:0}.intl-tel-input .flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.intl-tel-input .selected-flag{z-index:10;background-color:#919191;position:relative;width:36px;height:100%;padding:0 0 0 8px}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}.intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.intl-tel-input .selected-flag .iti-arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input .country-list{position:absolute;z-index:20;right:0;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,0.2);background-color:white;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll}.intl-tel-input .country-list.dropup{bottom:100%;margin-bottom:-1px}.intl-tel-input .country-list .flag-box{display:inline-block;width:20px}@media (max-width: 500px){.intl-tel-input .country-list{white-space:normal}}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC}.intl-tel-input .country-list .country{padding:5px 10px}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,0.05)}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code{vertical-align:middle}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name{margin-right:6px}.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.allow-dropdown input[type=tel]{padding-right:52px;padding-left:6px;margin-left:0}.intl-tel-input.allow-dropdown .flag-container{}.intl-tel-input.allow-dropdown .selected-flag{width:46px}.intl-tel-input.allow-dropdown .flag-container:hover{cursor:pointer}.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:rgba(0,0,0,0.05)}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{cursor:default}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{background-color:transparent}.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag{background-color:rgba(0,0,0,0.05);display:table}.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code{display:table-cell;vertical-align:middle;padding-left:28px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel]{padding-left:76px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag{width:70px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]{padding-left:84px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag{width:78px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel]{padding-left:92px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag{width:86px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel]{padding-left:100px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag{width:94px}.intl-tel-input.iti-container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.intl-tel-input.iti-container:hover{cursor:pointer}.iti-mobile .intl-tel-input.iti-container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .intl-tel-input .country-list{max-height:100%;width:100%}.iti-mobile .intl-tel-input .country-list .country{padding:10px 10px;line-height:1.5em}.iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-size:5630px 15px}}.iti-flag.ac{height:10px;background-position:0px 0px}.iti-flag.ad{height:14px;background-position:-22px 0px}.iti-flag.ae{height:10px;background-position:-44px 0px}.iti-flag.af{height:14px;background-position:-66px 0px}.iti-flag.ag{height:14px;background-position:-88px 0px}.iti-flag.ai{height:10px;background-position:-110px 0px}.iti-flag.al{height:15px;background-position:-132px 0px}.iti-flag.am{height:10px;background-position:-154px 0px}.iti-flag.ao{height:14px;background-position:-176px 0px}.iti-flag.aq{height:14px;background-position:-198px 0px}.iti-flag.ar{height:13px;background-position:-220px 0px}.iti-flag.as{height:10px;background-position:-242px 0px}.iti-flag.at{height:14px;background-position:-264px 0px}.iti-flag.au{height:10px;background-position:-286px 0px}.iti-flag.aw{height:14px;background-position:-308px 0px}.iti-flag.ax{height:13px;background-position:-330px 0px}.iti-flag.az{height:10px;background-position:-352px 0px}.iti-flag.ba{height:10px;background-position:-374px 0px}.iti-flag.bb{height:14px;background-position:-396px 0px}.iti-flag.bd{height:12px;background-position:-418px 0px}.iti-flag.be{height:15px;background-position:-440px 0px}.iti-flag.bf{height:14px;background-position:-460px 0px}.iti-flag.bg{height:12px;background-position:-482px 0px}.iti-flag.bh{height:12px;background-position:-504px 0px}.iti-flag.bi{height:12px;background-position:-526px 0px}.iti-flag.bj{height:14px;background-position:-548px 0px}.iti-flag.bl{height:14px;background-position:-570px 0px}.iti-flag.bm{height:10px;background-position:-592px 0px}.iti-flag.bn{height:10px;background-position:-614px 0px}.iti-flag.bo{height:14px;background-position:-636px 0px}.iti-flag.bq{height:14px;background-position:-658px 0px}.iti-flag.br{height:14px;background-position:-680px 0px}.iti-flag.bs{height:10px;background-position:-702px 0px}.iti-flag.bt{height:14px;background-position:-724px 0px}.iti-flag.bv{height:15px;background-position:-746px 0px}.iti-flag.bw{height:14px;background-position:-768px 0px}.iti-flag.by{height:10px;background-position:-790px 0px}.iti-flag.bz{height:14px;background-position:-812px 0px}.iti-flag.ca{height:10px;background-position:-834px 0px}.iti-flag.cc{height:10px;background-position:-856px 0px}.iti-flag.cd{height:15px;background-position:-878px 0px}.iti-flag.cf{height:14px;background-position:-900px 0px}.iti-flag.cg{height:14px;background-position:-922px 0px}.iti-flag.ch{height:15px;background-position:-944px 0px}.iti-flag.ci{height:14px;background-position:-961px 0px}.iti-flag.ck{height:10px;background-position:-983px 0px}.iti-flag.cl{height:14px;background-position:-1005px 0px}.iti-flag.cm{height:14px;background-position:-1027px 0px}.iti-flag.cn{height:14px;background-position:-1049px 0px}.iti-flag.co{height:14px;background-position:-1071px 0px}.iti-flag.cp{height:14px;background-position:-1093px 0px}.iti-flag.cr{height:12px;background-position:-1115px 0px}.iti-flag.cu{height:10px;background-position:-1137px 0px}.iti-flag.cv{height:12px;background-position:-1159px 0px}.iti-flag.cw{height:14px;background-position:-1181px 0px}.iti-flag.cx{height:10px;background-position:-1203px 0px}.iti-flag.cy{height:13px;background-position:-1225px 0px}.iti-flag.cz{height:14px;background-position:-1247px 0px}.iti-flag.de{height:12px;background-position:-1269px 0px}.iti-flag.dg{height:10px;background-position:-1291px 0px}.iti-flag.dj{height:14px;background-position:-1313px 0px}.iti-flag.dk{height:15px;background-position:-1335px 0px}.iti-flag.dm{height:10px;background-position:-1357px 0px}.iti-flag.do{height:13px;background-position:-1379px 0px}.iti-flag.dz{height:14px;background-position:-1401px 0px}.iti-flag.ea{height:14px;background-position:-1423px 0px}.iti-flag.ec{height:14px;background-position:-1445px 0px}.iti-flag.ee{height:13px;background-position:-1467px 0px}.iti-flag.eg{height:14px;background-position:-1489px 0px}.iti-flag.eh{height:10px;background-position:-1511px 0px}.iti-flag.er{height:10px;background-position:-1533px 0px}.iti-flag.es{height:14px;background-position:-1555px 0px}.iti-flag.et{height:10px;background-position:-1577px 0px}.iti-flag.eu{height:14px;background-position:-1599px 0px}.iti-flag.fi{height:12px;background-position:-1621px 0px}.iti-flag.fj{height:10px;background-position:-1643px 0px}.iti-flag.fk{height:10px;background-position:-1665px 0px}.iti-flag.fm{height:11px;background-position:-1687px 0px}.iti-flag.fo{height:15px;background-position:-1709px 0px}.iti-flag.fr{height:14px;background-position:-1731px 0px}.iti-flag.ga{height:15px;background-position:-1753px 0px}.iti-flag.gb{height:10px;background-position:-1775px 0px}.iti-flag.gd{height:12px;background-position:-1797px 0px}.iti-flag.ge{height:14px;background-position:-1819px 0px}.iti-flag.gf{height:14px;background-position:-1841px 0px}.iti-flag.gg{height:14px;background-position:-1863px 0px}.iti-flag.gh{height:14px;background-position:-1885px 0px}.iti-flag.gi{height:10px;background-position:-1907px 0px}.iti-flag.gl{height:14px;background-position:-1929px 0px}.iti-flag.gm{height:14px;background-position:-1951px 0px}.iti-flag.gn{height:14px;background-position:-1973px 0px}.iti-flag.gp{height:14px;background-position:-1995px 0px}.iti-flag.gq{height:14px;background-position:-2017px 0px}.iti-flag.gr{height:14px;background-position:-2039px 0px}.iti-flag.gs{height:10px;background-position:-2061px 0px}.iti-flag.gt{height:13px;background-position:-2083px 0px}.iti-flag.gu{height:11px;background-position:-2105px 0px}.iti-flag.gw{height:10px;background-position:-2127px 0px}.iti-flag.gy{height:12px;background-position:-2149px 0px}.iti-flag.hk{height:14px;background-position:-2171px 0px}.iti-flag.hm{height:10px;background-position:-2193px 0px}.iti-flag.hn{height:10px;background-position:-2215px 0px}.iti-flag.hr{height:10px;background-position:-2237px 0px}.iti-flag.ht{height:12px;background-position:-2259px 0px}.iti-flag.hu{height:10px;background-position:-2281px 0px}.iti-flag.ic{height:14px;background-position:-2303px 0px}.iti-flag.id{height:14px;background-position:-2325px 0px}.iti-flag.ie{height:10px;background-position:-2347px 0px}.iti-flag.il{height:15px;background-position:-2369px 0px}.iti-flag.im{height:10px;background-position:-2391px 0px}.iti-flag.in{height:14px;background-position:-2413px 0px}.iti-flag.io{height:10px;background-position:-2435px 0px}.iti-flag.iq{height:14px;background-position:-2457px 0px}.iti-flag.ir{height:12px;background-position:-2479px 0px}.iti-flag.is{height:15px;background-position:-2501px 0px}.iti-flag.it{height:14px;background-position:-2523px 0px}.iti-flag.je{height:12px;background-position:-2545px 0px}.iti-flag.jm{height:10px;background-position:-2567px 0px}.iti-flag.jo{height:10px;background-position:-2589px 0px}.iti-flag.jp{height:14px;background-position:-2611px 0px}.iti-flag.ke{height:14px;background-position:-2633px 0px}.iti-flag.kg{height:12px;background-position:-2655px 0px}.iti-flag.kh{height:13px;background-position:-2677px 0px}.iti-flag.ki{height:10px;background-position:-2699px 0px}.iti-flag.km{height:12px;background-position:-2721px 0px}.iti-flag.kn{height:14px;background-position:-2743px 0px}.iti-flag.kp{height:10px;background-position:-2765px 0px}.iti-flag.kr{height:14px;background-position:-2787px 0px}.iti-flag.kw{height:10px;background-position:-2809px 0px}.iti-flag.ky{height:10px;background-position:-2831px 0px}.iti-flag.kz{height:10px;background-position:-2853px 0px}.iti-flag.la{height:14px;background-position:-2875px 0px}.iti-flag.lb{height:14px;background-position:-2897px 0px}.iti-flag.lc{height:10px;background-position:-2919px 0px}.iti-flag.li{height:12px;background-position:-2941px 0px}.iti-flag.lk{height:10px;background-position:-2963px 0px}.iti-flag.lr{height:11px;background-position:-2985px 0px}.iti-flag.ls{height:14px;background-position:-3007px 0px}.iti-flag.lt{height:12px;background-position:-3029px 0px}.iti-flag.lu{height:12px;background-position:-3051px 0px}.iti-flag.lv{height:10px;background-position:-3073px 0px}.iti-flag.ly{height:10px;background-position:-3095px 0px}.iti-flag.ma{height:14px;background-position:-3117px 0px}.iti-flag.mc{height:15px;background-position:-3139px 0px}.iti-flag.md{height:10px;background-position:-3160px 0px}.iti-flag.me{height:10px;background-position:-3182px 0px}.iti-flag.mf{height:14px;background-position:-3204px 0px}.iti-flag.mg{height:14px;background-position:-3226px 0px}.iti-flag.mh{height:11px;background-position:-3248px 0px}.iti-flag.mk{height:10px;background-position:-3270px 0px}.iti-flag.ml{height:14px;background-position:-3292px 0px}.iti-flag.mm{height:14px;background-position:-3314px 0px}.iti-flag.mn{height:10px;background-position:-3336px 0px}.iti-flag.mo{height:14px;background-position:-3358px 0px}.iti-flag.mp{height:10px;background-position:-3380px 0px}.iti-flag.mq{height:14px;background-position:-3402px 0px}.iti-flag.mr{height:14px;background-position:-3424px 0px}.iti-flag.ms{height:10px;background-position:-3446px 0px}.iti-flag.mt{height:14px;background-position:-3468px 0px}.iti-flag.mu{height:14px;background-position:-3490px 0px}.iti-flag.mv{height:14px;background-position:-3512px 0px}.iti-flag.mw{height:14px;background-position:-3534px 0px}.iti-flag.mx{height:12px;background-position:-3556px 0px}.iti-flag.my{height:10px;background-position:-3578px 0px}.iti-flag.mz{height:14px;background-position:-3600px 0px}.iti-flag.na{height:14px;background-position:-3622px 0px}.iti-flag.nc{height:10px;background-position:-3644px 0px}.iti-flag.ne{height:15px;background-position:-3666px 0px}.iti-flag.nf{height:10px;background-position:-3686px 0px}.iti-flag.ng{height:10px;background-position:-3708px 0px}.iti-flag.ni{height:12px;background-position:-3730px 0px}.iti-flag.nl{height:14px;background-position:-3752px 0px}.iti-flag.no{height:15px;background-position:-3774px 0px}.iti-flag.np{height:15px;background-position:-3796px 0px}.iti-flag.nr{height:10px;background-position:-3811px 0px}.iti-flag.nu{height:10px;background-position:-3833px 0px}.iti-flag.nz{height:10px;background-position:-3855px 0px}.iti-flag.om{height:10px;background-position:-3877px 0px}.iti-flag.pa{height:14px;background-position:-3899px 0px}.iti-flag.pe{height:14px;background-position:-3921px 0px}.iti-flag.pf{height:14px;background-position:-3943px 0px}.iti-flag.pg{height:15px;background-position:-3965px 0px}.iti-flag.ph{height:10px;background-position:-3987px 0px}.iti-flag.pk{height:14px;background-position:-4009px 0px}.iti-flag.pl{height:13px;background-position:-4031px 0px}.iti-flag.pm{height:14px;background-position:-4053px 0px}.iti-flag.pn{height:10px;background-position:-4075px 0px}.iti-flag.pr{height:14px;background-position:-4097px 0px}.iti-flag.ps{height:10px;background-position:-4119px 0px}.iti-flag.pt{height:14px;background-position:-4141px 0px}.iti-flag.pw{height:13px;background-position:-4163px 0px}.iti-flag.py{height:11px;background-position:-4185px 0px}.iti-flag.qa{height:8px;background-position:-4207px 0px}.iti-flag.re{height:14px;background-position:-4229px 0px}.iti-flag.ro{height:14px;background-position:-4251px 0px}.iti-flag.rs{height:14px;background-position:-4273px 0px}.iti-flag.ru{height:14px;background-position:-4295px 0px}.iti-flag.rw{height:14px;background-position:-4317px 0px}.iti-flag.sa{height:14px;background-position:-4339px 0px}.iti-flag.sb{height:10px;background-position:-4361px 0px}.iti-flag.sc{height:10px;background-position:-4383px 0px}.iti-flag.sd{height:10px;background-position:-4405px 0px}.iti-flag.se{height:13px;background-position:-4427px 0px}.iti-flag.sg{height:14px;background-position:-4449px 0px}.iti-flag.sh{height:10px;background-position:-4471px 0px}.iti-flag.si{height:10px;background-position:-4493px 0px}.iti-flag.sj{height:15px;background-position:-4515px 0px}.iti-flag.sk{height:14px;background-position:-4537px 0px}.iti-flag.sl{height:14px;background-position:-4559px 0px}.iti-flag.sm{height:15px;background-position:-4581px 0px}.iti-flag.sn{height:14px;background-position:-4603px 0px}.iti-flag.so{height:14px;background-position:-4625px 0px}.iti-flag.sr{height:14px;background-position:-4647px 0px}.iti-flag.ss{height:10px;background-position:-4669px 0px}.iti-flag.st{height:10px;background-position:-4691px 0px}.iti-flag.sv{height:12px;background-position:-4713px 0px}.iti-flag.sx{height:14px;background-position:-4735px 0px}.iti-flag.sy{height:14px;background-position:-4757px 0px}.iti-flag.sz{height:14px;background-position:-4779px 0px}.iti-flag.ta{height:10px;background-position:-4801px 0px}.iti-flag.tc{height:10px;background-position:-4823px 0px}.iti-flag.td{height:14px;background-position:-4845px 0px}.iti-flag.tf{height:14px;background-position:-4867px 0px}.iti-flag.tg{height:13px;background-position:-4889px 0px}.iti-flag.th{height:14px;background-position:-4911px 0px}.iti-flag.tj{height:10px;background-position:-4933px 0px}.iti-flag.tk{height:10px;background-position:-4955px 0px}.iti-flag.tl{height:10px;background-position:-4977px 0px}.iti-flag.tm{height:14px;background-position:-4999px 0px}.iti-flag.tn{height:14px;background-position:-5021px 0px}.iti-flag.to{height:10px;background-position:-5043px 0px}.iti-flag.tr{height:14px;background-position:-5065px 0px}.iti-flag.tt{height:12px;background-position:-5087px 0px}.iti-flag.tv{height:10px;background-position:-5109px 0px}.iti-flag.tw{height:14px;background-position:-5131px 0px}.iti-flag.tz{height:14px;background-position:-5153px 0px}.iti-flag.ua{height:14px;background-position:-5175px 0px}.iti-flag.ug{height:14px;background-position:-5197px 0px}.iti-flag.um{height:11px;background-position:-5219px 0px}.iti-flag.us{height:11px;background-position:-5241px 0px}.iti-flag.uy{height:14px;background-position:-5263px 0px}.iti-flag.uz{height:10px;background-position:-5285px 0px}.iti-flag.va{height:15px;background-position:-5307px 0px}.iti-flag.vc{height:14px;background-position:-5324px 0px}.iti-flag.ve{height:14px;background-position:-5346px 0px}.iti-flag.vg{height:10px;background-position:-5368px 0px}.iti-flag.vi{height:14px;background-position:-5390px 0px}.iti-flag.vn{height:14px;background-position:-5412px 0px}.iti-flag.vu{height:12px;background-position:-5434px 0px}.iti-flag.wf{height:14px;background-position:-5456px 0px}.iti-flag.ws{height:10px;background-position:-5478px 0px}.iti-flag.xk{height:15px;background-position:-5500px 0px}.iti-flag.ye{height:14px;background-position:-5522px 0px}.iti-flag.yt{height:14px;background-position:-5544px 0px}.iti-flag.za{height:14px;background-position:-5566px 0px}.iti-flag.zm{height:14px;background-position:-5588px 0px}.iti-flag.zw{height:10px;background-position:-5610px 0px}.iti-flag{width:20px;height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url("../img/flags.png");background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-image:url("../img/flags@2x.png")}}.iti-flag.np{background-color:transparent} /** krpano-content/krpano-common/css/jquery.mCustomScrollbar.min.css **/ .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /** krpano-content/krpano-common/css/nivo.lightbox.css **/ /* * Nivo Lightbox v1.2.0 * http://dev7studios.com/nivo-lightbox * * Copyright 2013, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ .nivo-lightbox-overlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 100%; overflow: hidden; visibility: hidden; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nivo-lightbox-overlay.nivo-lightbox-open { visibility: visible; opacity: 1; } .nivo-lightbox-wrap { position: absolute; top: 10%; bottom: 10%; left: 10%; right: 10%; } .nivo-lightbox-content { width: 100%; height: 100%; } .nivo-lightbox-title-wrap { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 99999; text-align: center; } .nivo-lightbox-nav { display: none; } .nivo-lightbox-prev { position: absolute; top: 50%; left: 0; } .nivo-lightbox-next { position: absolute; top: 50%; right: 0; } .nivo-lightbox-close { position: absolute; top: 2%; right: 2%; } .nivo-lightbox-image { text-align: center; } .nivo-lightbox-image img { max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } .nivo-lightbox-content iframe { width: 100%; height: 100%; } .nivo-lightbox-inline, .nivo-lightbox-ajax { max-height: 100%; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */ } .nivo-lightbox-error { display: table; text-align: center; width: 100%; height: 100%; color: #fff; text-shadow: 0 1px 1px #000; } .nivo-lightbox-error p { display: table-cell; vertical-align: middle; } /* Effects **********************************************/ .nivo-lightbox-notouch .nivo-lightbox-effect-fade, .nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale, .nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft, .nivo-lightbox-notouch .nivo-lightbox-effect-slideRight, .nivo-lightbox-notouch .nivo-lightbox-effect-slideUp, .nivo-lightbox-notouch .nivo-lightbox-effect-slideDown, .nivo-lightbox-notouch .nivo-lightbox-effect-fall { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* fadeScale */ .nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* slideLeft / slideRight / slideUp / slideDown */ .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap, .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap { -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); } .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap { -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } .nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap { -webkit-transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%); } .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap { -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); } .nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* fall */ .nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall { -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .nivo-lightbox-effect-fall .nivo-lightbox-wrap { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: translateZ(300px); -moz-transform: translateZ(300px); -ms-transform: translateZ(300px); transform: translateZ(300px); } .nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } /** krpano-content/krpano-common/css/nivo.lightbox.default.them/default.css **/ /* * Nivo Lightbox Default Theme v1.0 * http://dev7studios.com/nivo-lightbox * * Copyright 2013, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ .nivo-lightbox-theme-default.nivo-lightbox-overlay { background: #666; background: rgba(0,0,0,0.6); } .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url(loading.gif) no-repeat 50% 50%; } .nivo-lightbox-theme-default .nivo-lightbox-nav { top: 10%; width: 8%; height: 80%; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; opacity: 0.5; } .nivo-lightbox-theme-default .nivo-lightbox-nav:hover { opacity: 1; background-color: rgba(0,0,0,0.5); } .nivo-lightbox-theme-default .nivo-lightbox-prev { background-image: url(prev.png); border-radius: 0 3px 3px 0; } .nivo-lightbox-theme-default .nivo-lightbox-next { background-image: url(next.png); border-radius: 3px 0 0 3px; } .nivo-lightbox-theme-default .nivo-lightbox-close { display: block; background: url(close.png) no-repeat 5px 5px; width: 16px; height: 16px; text-indent: -9999px; padding: 5px; opacity: 0.5; } .nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1; } .nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7%; } .nivo-lightbox-theme-default .nivo-lightbox-title { font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; background: #000; color: #fff; padding: 7px 15px; border-radius: 30px; } .nivo-lightbox-theme-default .nivo-lightbox-image img { background: #fff; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px rgba(0,0,0,0.4); } .nivo-lightbox-theme-default .nivo-lightbox-ajax, .nivo-lightbox-theme-default .nivo-lightbox-inline { background: #fff; padding: 40px; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px rgba(0,0,0,0.4); } @media (-webkit-min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background-image: url(loading@2x.gif); background-size: 32px 32px; } .nivo-lightbox-theme-default .nivo-lightbox-prev { background-image: url(prev@2x.png); background-size: 48px 48px; } .nivo-lightbox-theme-default .nivo-lightbox-next { background-image: url(next@2x.png); background-size: 48px 48px; } .nivo-lightbox-theme-default .nivo-lightbox-close { background-image: url(close@2x.png); background-size: 16px 16px; } } /** krpano-content/krpano-common/css/colorpicker/colorpicker.css **/ .colorpicker { width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(../images/colorpicker_background.png); font-family: Arial, Helvetica, sans-serif; display: none; } .colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; } .colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(../images/colorpicker_overlay.png); } .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(../images/colorpicker_select.gif); margin: -5px 0 0 -5px; } .colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize; } .colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(../images/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px; } .colorpicker_new_color { position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00; } .colorpicker_current_color { position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00; } .colorpicker input { background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 11px; } .colorpicker_hex { position: absolute; width: 72px; height: 22px; background: url(../images/colorpicker_hex.png) top; left: 212px; top: 142px; } .colorpicker_hex input { right: 6px; } .colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute; } .colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; } .colorpicker_rgb_r { background-image: url(../images/colorpicker_rgb_r.png); top: 52px; left: 212px; } .colorpicker_rgb_g { background-image: url(../images/colorpicker_rgb_g.png); top: 82px; left: 212px; } .colorpicker_rgb_b { background-image: url(../images/colorpicker_rgb_b.png); top: 112px; left: 212px; } .colorpicker_hsb_h { background-image: url(../images/colorpicker_hsb_h.png); top: 52px; left: 282px; } .colorpicker_hsb_s { background-image: url(../images/colorpicker_hsb_s.png); top: 82px; left: 282px; } .colorpicker_hsb_b { background-image: url(../images/colorpicker_hsb_b.png); top: 112px; left: 282px; } .colorpicker_submit { position: absolute; width: 22px; height: 22px; background: url(../images/colorpicker_submit.png) top; left: 322px; top: 142px; overflow: hidden; } .colorpicker_focus { background-position: center; } .colorpicker_hex.colorpicker_focus { background-position: bottom; } .colorpicker_submit.colorpicker_focus { background-position: bottom; } .colorpicker_slider { background-position: bottom; } /** krpano-content/krpano-common/css/colorpicker/layout.css **/ #colorSelector { position: relative; width: 36px; height: 36px; background: url(../images/select.png); } #colorSelector div { position: absolute; top: 3px; left: 3px; width: 30px; height: 30px; background: url(../images/select.png) center; } #colorSelector2 { position: relative; top: 0; left: 0; width: 36px; height: 36px; background: url(../images/select2.png); } #colorSelector2 div { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: url(../images/select2.png) center; } #colorpickerHolder2 { left: 0; width: 356px; height: 0; overflow: hidden; position: absolute; } #colorpickerHolder2 .colorpicker { background-image: url(../images/custom_background.png); position: absolute; bottom: 0; left: 0; } #colorpickerHolder2 .colorpicker_hue div { background-image: url(../images/custom_indic.gif); } #colorpickerHolder2 .colorpicker_hex { background-image: url(../images/custom_hex.png); } #colorpickerHolder2 .colorpicker_rgb_r { background-image: url(../images/custom_rgb_r.png); } #colorpickerHolder2 .colorpicker_rgb_g { background-image: url(../images/custom_rgb_g.png); } #colorpickerHolder2 .colorpicker_rgb_b { background-image: url(../images/custom_rgb_b.png); } #colorpickerHolder2 .colorpicker_hsb_s { background-image: url(../images/custom_hsb_s.png); display: none; } #colorpickerHolder2 .colorpicker_hsb_h { background-image: url(../images/custom_hsb_h.png); display: none; } #colorpickerHolder2 .colorpicker_hsb_b { background-image: url(../images/custom_hsb_b.png); display: none; } #colorpickerHolder2 .colorpicker_submit { background-image: url(../images/custom_submit.png); } #colorpickerHolder2 .colorpicker input { color: #778398; } #customWidget { position: relative; height: 36px; } /** krpano-content/krpano-common/css/flags.css **/ .flag { width: 31px; height: 31px; zoom: .8; background:url(../img/flags-langswitcher.png) no-repeat } .flag.flag-ad {background-position: -32px 0} .flag.flag-al {background-position: -64px 0} .flag.flag-at {background-position: -96px 0} .flag.flag-ba {background-position: -128px 0} .flag.flag-be {background-position: -160px 0} .flag.flag-bg {background-position: -192px 0} .flag.flag-br {background-position: -224px 0} .flag.flag-by {background-position: 0 -32px} .flag.flag-ca {background-position: -32px -32px} .flag.flag-ch {background-position: -64px -32px} .flag.flag-cn {background-position: -96px -32px} .flag.flag-cz {background-position: -128px -32px} .flag.flag-de {background-position: -160px -32px} .flag.flag-dk {background-position: -192px -32px} .flag.flag-ee {background-position: -224px -32px} .flag.flag-es {background-position: 0 -64px} .flag.flag-fi {background-position: -32px -64px} .flag.flag-fo {background-position: -64px -64px} .flag.flag-fr {background-position: -96px -64px} .flag.flag-gb {background-position: -128px -64px;width:30px;} .flag.flag-gi {background-position: -160px -64px} .flag.flag-gr {background-position: -192px -64px} .flag.flag-hr {background-position: -224px -64px} .flag.flag-hu {background-position: 0 -96px} .flag.flag-ie {background-position: -32px -96px} .flag.flag-is {background-position: -64px -96px} .flag.flag-it {background-position: -96px -96px} .flag.flag-li {background-position: -128px -96px} .flag.flag-lt {background-position: -160px -96px} .flag.flag-lu {background-position: -192px -96px} .flag.flag-lv {background-position: -224px -96px} .flag.flag-mc {background-position: 0 -128px} .flag.flag-md {background-position: -32px -128px} .flag.flag-me {background-position: -64px -128px} .flag.flag-mk {background-position: -96px -128px} .flag.flag-mt {background-position: -128px -128px} .flag.flag-nl {background-position: -160px -128px} .flag.flag-no {background-position: -192px -128px} .flag.flag-pl {background-position: -224px -128px} .flag.flag-pt {background-position: 0 -160px} .flag.flag-ro {background-position: -32px -160px} .flag.flag-rs {background-position: -64px -160px} .flag.flag-ru {background-position: -96px -160px} .flag.flag-se {background-position: -128px -160px} .flag.flag-si {background-position: -160px -160px} .flag.flag-sk {background-position: -192px -160px} .flag.flag-sm {background-position: -224px -160px} .flag.flag-tr {background-position: 0 -192px} .flag.flag-ua {background-position: -32px -192px} .flag.flag-us {background-position: -64px -192px} .flag.flag-va {background-position: -96px -192px} .flag.flag-au {background-position: -128px -192px;width:30px;} .flag.flag-nz {background-position: -160px -192px;width:30px;} /** krpano-content/krpano-common/css/slider-pips.css **/ /*Snapshot slider*/ .snapshot-slider { position: absolute; height: 300px; top: 0; left: 10px; margin: auto; z-index: 100; pointer-events: all; } .snapshot-slider .ui-slider-pip{ display: none; } .snapshot-slider .ui-slider-handle, .snapshot-slider .ui-slider-range, .snapshot-slider .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line, .snapshot-slider .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line { background-image: none; } /** krpano-content/krpano-common/css/krpano.css **/ @-ms-viewport { width: device-width; } @media only screen and (min-device-width: 800px) { html { overflow: hidden; } } html { height: 100%; margin: 0 } body { height: 100%; margin: 0; overflow: hidden; } @-o-keyframes imagebulger { 0%,100% { background-size: 100% auto; } 50% { background-size: 80% auto; } } @-moz-keyframes imagebulger { 0%,100% { background-size: 90% auto; } 50% { background-size: 70% auto; } } @-webkit-keyframes imagebulger { 0%,100% { background-size: 90% auto; -webkit-background-size: 90%; } 50% { background-size: 70% auto; -webkit-background-size: 70%; } } @keyframes imagebulger { 0%,100% { background-size: 90% auto; -webkit-background-size: 90%; } 50% { background-size: 70% auto; -webkit-background-size: 70%; } } div.hotspot{ background-repeat: no-repeat; background-position: center !important; filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: drop-shadow(3px 3px 3px black); filter: drop-shadow(3px 3px 3px black); -webkit-animation: imagebulger 2s infinite ; -moz-animation: imagebulger 2s infinite ; -o-animation: imagebulger 2s infinite ; animation: imagebulger 2s infinite ; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: background-size .4s; -moz-transition: background-size .4s; -o-transition: background-size .4s; transition: background-size .4s; z-index: 1 !important; -webkit-transition: background-size .5s ease-out, animation .5s ease-out; transition: background-size .5s ease-out, animation .5s ease-out; } div.hotspot:hover{ background-size: 100% auto !important; -webkit-background-size: 100% !important; -webkit-animation: 0; -moz-animation: 0; -o-animation: 0; } div.rotating{ overflow: hidden; position: relative; width: 170px; height: 170px; border-radius: 100%; border: 2px solid red; } div.rotating .rotating_wrap{ position: relative; height: 200px; width: 600px; } div.rotating .rotating_wrap .second{ margin-left: -4px; } div.rotating .rotating_wrap .first { -webkit-animation: bannermove 5s linear infinite; -moz-animation: bannermove 5s linear infinite; -ms-animation: bannermove 5s linear infinite; -o-animation: bannermove 5s linear infinite; animation: bannermove 5s linear infinite; } @keyframes "bannermove" { 0% { margin-left: 0px; } 100% { margin-left: -300px; } } @-moz-keyframes bannermove { 0% { margin-left: 0px; } 100% { margin-left: -300px; } } @-webkit-keyframes "bannermove" { 0% { margin-left: 0px; } 100% { margin-left: -300px; } } @-ms-keyframes "bannermove" { 0% { margin-left: 0px; } 100% { margin-left: -300px; } } @-o-keyframes "bannermove" { 0% { margin-left: 0px; } 100% { margin-left: -300px; } } .rotating > .title-wrapper { padding: 0px; position: absolute; bottom: 13%; margin:0 2px; right:0; left:0; transform: translateY(-50%); text-align:center; } .rotating > .title-wrapper h1 { font-family: Helvetica,"Nimbus Sans L","Liberation Sans",Arial,sans-serif; padding: 0; margin: 0; font-size: 18px; margin-left: 5px; border-radius: 18px; font-weight: 600; color: #f5f5f5; text-shadow: 1px 1px 1px black; } .cursor_down{ cursor: -moz-grabbing; cursor: -webkit-grabbing; cursor: grabbing; } .cursor_up{ cursor: -moz-grab; cursor: -webkit-grab; cursor: grab; } /** krpano-content/krpano-common/css/owl.carousel.min.css **/ /** * Owl Carousel v2.1.1 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /** krpano-content/krpano-common/css/video-js.min.css **/ @charset "UTF-8";.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before{text-align:center}@font-face{font-family:VideoJS;src:url(../fonts/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA4wAAoAAAAAFfAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBGNtYXAAAAE0AAAAOgAAAUriLxC2Z2x5ZgAAAXAAAAnnAAAO5OV/F/5oZWFkAAALWAAAACoAAAA2CsZ2fWhoZWEAAAuEAAAAGAAAACQOogcfaG10eAAAC5wAAAAPAAAAeNIAAABsb2NhAAALrAAAAD4AAAA+MMgtQm1heHAAAAvsAAAAHwAAACABLwB5bmFtZQAADAwAAAElAAACCtXH9aBwb3N0AAANNAAAAPkAAAF5vawAenicY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoyw7iLmSHCDOCCADu/Qo9AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/v8PUvCREUTzM0DVAwEjG8OIBwCOWgbUAAB4nI1XfVBU1xV/574vlsUlj/14grDs48FuAgaR3X2LEnY3UZSgEkTwAySAgkIwI8bRfFDjTszYCWRMW9lNa4y2meokmq+2k5ia0dpkmknbkWgSSW3GyaaNf0RTx0wxX7A3Pe/tQmIgHXf3vXvvueeee+45v3POXQYY/PCD/CBDGAYkIE2sxg+OXSJmhmH1OaFX6MU5C5PDMCZi5Rg2i+ELGSthwM14NCbgYGSBIZfhFA1H6Zu0OS0NDkMVfg+npdFm+maCvigI0JBIQIMg0BdJGdTj9ylj7nr+b97+Hl8C1+H2xNAvjPqxjIgaKtItICkSnIISeo40QQls4xxjlzgHsnGGvi7BxQiMlSlkPMhfCh67rAUEUQ6CHxW2O7JARCkKnlUQ7UEIyAEQZe4MdDW9xr5OPFuKbubpRxcPDY8da4MOelDfAYJLW+sGKn/Vlmjfv5+NdB4oOfTazJn3tGxZtL9xFNZX7PPRUbjcRg/SMB2EL+gblXn7shbO/WUbF9u/H5XQ9eKO8iMMr9tY35qYoRi20wGuXV/CHaGDk2fdgHwCk5HUXQpCcgHfBV2NjV3jkq4PHTSUSBwuOQALvxPAps6fiftk6P6yJpcm5bB4dFkgoh195mbiSTnkL3jupq7jh4ZZdvjQRVB4PPx3SsVTu5D/6kd85RU66ttXAeuuXYN1E/Y2sMMzZkZiZNRZlRS/ynr9Xr8Cql2RVNbutXslYo7B9ngsFqcDbCQO22PxeIxcpgMxkh6PjUdwkvw6hvRpZeoCFKshDQzJVr++DWyLx+hAXJcGp3TJMV1ME45xCNvHLsWRrpOZSduOoG0zERuIIwuIkhNkBREglQKLiODD45FQE0BTiE214xE2wp8zOt9NjH3GRtDMk7Ehoq2tzCzGxdyMEQJuD0qGIrQ58ApoWQE3D2h1h6zwuB14wYFIDAA5CZ11jT+92gFZ7B7/p7+hV8jFxBl4aG03wLiVXtBbCylLfIJzkPUAvWAw0yvsVdKdBbC6nnruP/RFkHqWJLZ2Auxdtgy+6qTf7l1WswTJcJ6mGVxwXj92UtfU2WXUNX+qBUCxK6D4FR4f/cufG1sZbiSkMcwdMdoxBxTTEXIp4SCXMNhHoFjvTTFP4vkoPReNRmPRCTwa+3qY0DR7qn7Vjh612wRRTaI04HWCnZ+gIzvS/ZJP0+mynphCui4hzmG0id6+aLSv2BV3FQMYDTHrlGQ/SZ+q4ZdF8aLa5Ar8GW3tVNKEj13cF0buMaesx1i9CL/Uo1tM0h+74o9HjQ+UcPaxy8mH9ccwK8KpKA3rHdIUjTKpfIBxuokpxUGBIILm84ATvHh8tAIe2iZj8KvYwUOXawHMVNgxZvlwSa0z8Zkokkxn3ey2nYTsbMO3mPh8cji7zklsPLD9a9f2s2w/uSt/FgSytWzw5bmS3PielU1P56aGrlz6NzlnbT8h/Wtb+1OxIqxBbC9g7kINUbtAEDxsKWSCe46eltCPmaiUxy2IrODIB8EmixaQrU4IAQ6THg6BFpAdWsCquT16DkL9ccIC/FGeP5AuiDExe8bx+QtzWVsmHcm0kdzqecdn5IhRkTc/zfNPm3ns5sw4Pq86l9gyofh6jkTF5iFChjYbbzZQWFvYb8qZAWyGiV9ya+5bFgnzpuWt3FuX8KYMmsiYZepPseBgGhZcOMt0+4Q8fDOTftJjHIuhdaLsFXFM9AclTi9jbGRq8ZvIOykZei77kfo53eoppVPovbGiyV63p/p/dkWETTjmhjTIm8RP284b04bcNYlRsvO6Gp2JeaiIueVHsgJGF2aASlCQLuG8EsBomzb++/AXmwhaOoLhL7iQ4/uc449gWJ56/XWDARn74v/PL1bRBB4TBEyYrqezSkUPHaWjPWCm13ogAzJ66LVpbTEuXccDZlyXxBQ/IrzKOPS7gAkkIyZ0N6joE6M246aDsO1kgucTJ/EdFWA5pbAcTfoSP4hJeBCni7nEn5IclL4kpDgmMMuH8Kpk0+WrBUIeKCyWS0nPVz7NW86Hnl55GxR5KB3+9tszL+wVRulXNTUn6D8SJvIl3PzP46eZST/tQTllTDXTzmxCaTYna7eJAqcWuD1ulBXQsMz5fQEBCfowCF5FVDF/2yysB9OW5veVEtRAFOy41FoeJEiAOZhDiFstsKAwJ8Hijs72q1jWvWx+uKU5XFZDLx189OK8ojW1u0By5dtLHUN/rwkte68PnhnYVbt0bvWiub9w1+f4C0L3hIuXZ8+xlVSt0eb3tgQsmVZnem5R3U0uf/fmFdqiLTvY3nPnet5/v4f9pLB6QX2krnnFQ1tXtN+2ePlAaUNWcfiWwrncn4ca9ml3hFeHHm+u2bq4MhxUZs3bMH/3jgaPUtlVunFjg2/8yRzf3cHsssKZqlnOqyCWworWykW9lXnspk0ffrjpfCreIpjPWbwnFxt3PAkcQgkUuH1auUMf+txJQ0hK1k1zsNaqQdaLMxfoq9AGGxtJQ+fGw53cE/TY8pWhJruZHiMAcCexFS/eGDp6hntiXGE/gvI7163b29ExfiHxNsnqub/a6/QmPoAn4GpZ2c9cZRX5/57IWUNYuubiQBAddhuxAKe6PA5vuV5dkk0VXkMM3zk42W3Awrgka8LQgjZY+tQIffd5+vnHasnHL/cczldyS4r79i6su6Nu9oPQ8lbaid2Pt9/bXtTTynevq7bkPkITV47d+3NugOzo4M3y77Zxbnb2nhWrl0T/kO4u3H1ig33e1lD6JDYjiKkCHOioF0pZv6T6gxxipxLNhFc8xERA48vq5ZfXdL/QV6c8W3PfwjIsZyI3Csvo72e4FpTVwTv/UYNAKtY+8MB84vogZ1Xr5lW38iJdPZ74xunzO4Gk7BARIkytjlyCoPVoIb3IluMfAYRhEoAO2aGXKc2TNAJaSwdzQEeq7jC7TWYF2Y2jrEIXlyVEhunBs5t7K62a7Z6qB0923/+vPT2v7mwpqV/mTEsTiCB5zz735HOP9VbVWtKKZK08uDJ7vcQN02HogGegY5iNnKUHh12ti9/zzHvsauy+tx+e375j94LuA64MV/5MQbZVNT95/re7jlxZVaVuW5Nffsd9TXfOpXcv6m2Bn3x6FgXg/oz+P0h/ce8g2mTEWxVTzzQzrTruNCcRdbu6VY87gLVXc4uSjXfosak7XxWM4oyl+ockmzCFhJXaGwK8e6sCW2T3sLmPnh5qSZtx9JHFL6QBHGnsTjdtWQ8PFygWtQTIkrI84NILfQSC65FUMFsnOYFHEoSmUCD49a4rt3985PTsd8GzB/5KEnzmhhORgVOZPM+yb5KmpRu38jQqviH6826Lrdrxx6DZdFPo2fVbTiy9AUpDJ3SxGYvpK7u+Rhz8D4BCxssAeJxjYGRgYABiwcIjbvH8Nl8ZuNkZQOBSiOgBZJqdASzOwcAEogDqtAdOAAB4nGNgZGBgZwCChWASxGZkQAVyABOTANd4nGNnYGBgHwAMADNUANMAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IAAHicY2BkYGCQY8hlYGcAASYg5gJCBob/YD4DABa6AakAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYE4CWlZSveFP8hHOY4gHhw79VLav68hMNOH6kG60mg5YhM22pr9b1vGMMEUM2TgyFGgxBwVbnCLBZZYYY07bHCPBzziCc94wSve8I4PbGeDFj/VydVSOakpG0T0VH1ZHXuq+xhoftHaHq+yV+21o1P7brWLWnvpiExNJpBb/i18q8D9ZxSOcj8oY8iVPjZBBU2+kGIIypokuqTI+cx3qXMq7Z6PQIsx1DYGrQxtLul50YV50rVcCiNJc0enX4qdkNRYe8j2g46+SIMHapXJw1GFdIWH2DfalQknZeTDWsRW2bqlBK3ORIz9AqJUapQAAAA=) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgQAAAEoAAAAVmNtYXDiLxC2AAAB+AAAAUpnbHlm5X8X/gAAA4QAAA7kaGVhZArGdn0AAADQAAAANmhoZWEOogcfAAAArAAAACRobXR40gAAAAAAAYAAAAB4bG9jYTDILUIAAANEAAAAPm1heHABLwB5AAABCAAAACBuYW1l1cf1oAAAEmgAAAIKcG9zdL2sAHoAABR0AAABeQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHgABAAAAAQAAEXIS2l8PPPUACwcAAAAAANJUFcAAAAAA0lQVwAAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAeAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHQcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADxHf//AAAAAPEB//8AAA8AAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AUABmALIAxgDmAR4BSAF0AZwB8gIuAo4CugMKA44DsAPqBDgEfAS4BOgFDAWiBegGNgZsBtoHcgAAAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAOABoAAAkCEwQAAxIABSQAEwIAASYAJzYANxYAFwYAAusBwP5Alf7D/loICAGmAT0BPQGmCAj+Wv7D/f6uBgYBUv39AVIGBv6uAjABUAFQAZsI/lr+w/7D/loICAGmAT0BPQGm+sgGAVL9/QFSBgb+rv39/q4AAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiAGIAAGABMAJAAnAAABLgEnFRc2NwYHFz4BNSYAJxUWEgEHASERIQERAQYHFT4BNxc3AQcXBNABZVW4A7sCJ3ElKAX+3+Wlzvu3XwFh/p8BKwF1AT5MXU6KO5lf/WCcnAOAZJ4rpbgYGGpbcUacVPQBYziaNP70Aetf/p/+QP6LAfb+wjsdmhJEMZhfBJacnAAAAQAAAAAEqwXWAAUAAAERIQERAQILASoBdv6KBGD+QP6LBKr+iwAAAAIAAAAABWYF1gAGAAwAAAEuAScRPgEBESEBEQEFZQFlVFRl/BEBKwF1/osDgGSeK/2mK54BRP5A/osEqv6LAAADAAAAAAYgBg8ABQAMABoAABMRIQERAQUuAScRPgEDFRYSFwYCBxU2ADcmAOABKwF1/osCxQFlVVVluqXOAwPOpeUBIQUF/t8EYP5A/osEqv6L4GSeK/2mK54C85o0/vS1tf70NJo4AWL19QFiAAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gAPABMAAAEhDgEHER4BFyE+ATcRLgEDIREhBUD8gD9VAQFVPwOAP1UBAVU//IADgAXVAVU//IA/VQEBVT8DgD9V++wDgAAABgAAAAAGawZrAAcADAATABsAIAAoAAAJASYnDgEHASUuAScBBSEBNhI3JgUBBgIHFhchBR4BFwEzARYXPgE3AQK+AWROVIfwYQESA4416aH+7gLl/dABelxoAQH8E/7dXGgBAQ4CMP3kNemhARJ4/t1OVIfwYf7uA/ACaBIBAVhQ/id3pfY+/idL/XNkAQGTTU0B+GT+/5NNSEul9j4B2f4IEgEBWFAB2QAAAAUAAAAABmsF1gAPABMAFwAbAB8AAAEhDgEHER4BFyE+ATcRLgEBIRUhASE1IQUhNSE1ITUhBdX7VkBUAgJUQASqQFQCAlT7FgEq/tYC6v0WAuoBwP7WASr9FgLqBdUBVT/8gD9VAQFVPwOAP1X9rJX+1ZWVlZaVAAMAAAAABiAF1gAPACcAPwAAASEOAQcRHgEXIT4BNxEuAQEjNSMVMzUzFRQGByMuAScRPgE3Mx4BFQUjNSMVMzUzFQ4BByMuATURNDY3Mx4BFwWL++o/VAICVD8EFj9UAgJU/WtwlZVwKiDgICoBASog4CAqAgtwlZVwASog4CAqKiDgICoBBdUBVT/8gD9VAQFVPwOAP1X99yXgJUogKgEBKiABKiAqAQEqIEol4CVKICoBASogASogKgEBKiAAAAYAAAAABiAE9gADAAcACwAPABMAFwAAEzM1IxEzNSMRMzUjASE1IREhNSERFSE14JWVlZWVlQErBBX76wQV++sEFQM1lv5AlQHAlf5Alv5AlQJVlZUAAAABAAAAAAYgBmwALgAAASIGBwE2NCcBHgEzPgE3LgEnDgEHFBcBLgEjDgEHHgEXMjY3AQYHHgEXPgE3LgEFQCtKHv3sBwcCDx5OLF9/AgJ/X19/Agf98R5OLF9/AgJ/XyxOHgIUBQEDe1xcewMDewJPHxsBNxk2GQE0HSACf19ffwICf18bGf7NHCACf19ffwIgHP7KFxpcewICe1xdewAAAgAAAAAGWQZrAEMATwAAATY0Jzc+AScDLgEPASYvAS4BJyEOAQ8BBgcnJgYHAwYWHwEGFBcHDgEXEx4BPwEWHwEeARchPgE/ATY3FxY2NxM2JicFLgEnPgE3HgEXDgEFqwUFngoGB5YHGQ26OkQcAxQP/tYPFAIcRTm6DRoHlQcFC50FBZ0LBQeVBxoNujlFHAIUDwEqDxQCHEU5ug0aB5UHBQv9OG+UAgKUb2+UAgKUAzckSiR7CRoNAQMMCQVLLRzGDhEBAREOxhwtSwUJDP79DBsJeyRKJHsJGg3+/QwJBUstHMYOEQEBEQ7GHC1LBQkMAQMMGwlBApRvb5QCApRvb5QAAAAAAQAAAAAGawZrAAsAABMSAAUkABMCACUEAJUIAaYBPQE9AaYICP5a/sP+w/5aA4D+w/5aCAgBpgE9AT0BpggI/loAAAACAAAAAAZrBmsACwAXAAABBAADEgAFJAATAgABJgAnNgA3FgAXBgADgP7D/loICAGmAT0BPQGmCAj+Wv7D/f6uBgYBUv39AVIGBv6uBmsI/lr+w/7D/loICAGmAT0BPQGm+sgGAVL9/QFSBgb+rv39/q4AAAMAAAAABmsGawALABcAIwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAAw4BBy4BJz4BNx4BA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rh0Cf19ffwICf19ffwZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAk9ffwICf19ffwICfwAAAAQAAAAABiAGIAAPABsAJQApAAABIQ4BBxEeARchPgE3ES4BASM1IxUjETMVMzU7ASEeARcRDgEHITczNSMFi/vqP1QCAlQ/BBY/VAICVP1rcJVwcJVwlgEqICoBASog/tZwlZUGIAJUP/vqP1QCAlQ/BBY/VPyClZUBwLu7ASog/tYgKgFw4AACAAAAAAZrBmsACwAXAAABBAADEgAFJAATAgATBwkBJwkBNwkBFwEDgP7D/loICAGmAT0BPQGmCAj+Wjhp/vT+9GkBC/71aQEMAQxp/vUGawj+Wv7D/sP+WggIAaYBPQE9Aab8EWkBC/71aQEMAQxp/vUBC2n+9AABAAAAAAXWBrYAFgAAAREJAREeARcOAQcuAScjFgAXNgA3JgADgP6LAXW+/QUF/b6+/QWVBgFR/v4BUQYG/q8FiwEq/ov+iwEqBP2/vv0FBf2+/v6vBgYBUf7+AVEAAAABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcABM8ADgAXACoAPQBQAFoAXQAAARE2HgIHDgEHBiYjJyY3FjY3NiYHERQFFjY3PgE3LgEnIwYfAR4BFw4BFxY2Nz4BNy4BJyMGHwEeARcUBhcWNjc+ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before{content:""}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:""}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before{content:""}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before{content:""}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before{content:""}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before{content:""}.vjs-icon-volume-high,.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before{content:""}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control:before{content:""}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control:before{content:""}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:""}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:""}.vjs-icon-subtitles,.video-js .vjs-subtitles-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button:before{content:""}.vjs-icon-captions,.video-js .vjs-captions-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-captions:before,.video-js .vjs-captions-button:before{content:""}.vjs-icon-chapters,.video-js .vjs-chapters-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button:before{content:""}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:""}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:""}.vjs-icon-circle,.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle:before,.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before{content:""}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:""}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:""}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:""}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button:before{content:""}.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay:before{content:""}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:""}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:""}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:""}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:""}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:""}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:""}.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio-description:before{content:""}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js *,.video-js :before,.video-js :after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66A8CC}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.video-js button{background:0 0;border:0;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.vjs-menu-button{cursor:pointer}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li:focus,.vjs-menu li:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media �screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after{display:block;font-size:.6em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-.333333333333333em;right:-.5em;font-size:.9em}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{display:none;position:absolute;top:-2.4em;right:-1.5em;font-size:.9em;color:#000;content:attr(data-current-time);padding:.2em .5em;background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.video-js .vjs-play-progress:before,.video-js .vjs-play-progress:after{z-index:1}.video-js .vjs-load-progress{background:ligthen(#73859f,25%);background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:ligthen(#73859f,50%);background:rgba(115,133,159,.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.video-js .vjs-progress-control .vjs-mouse-display:after{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em;height:8em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical:hover .vjs-menu-content,.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{height:2.9em;width:8em}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-controls-disabled .vjs-poster{display:none}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{width:3.8em;cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu{left:-10em;width:0}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2B333F;background-color:rgba(43,51,63,.75);color:#fff;margin:0 auto;padding:.5em;height:15em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:2em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px}.vjs-caption-settings .vjs-tracksetting label{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings input[type=button]{width:40px;height:40px}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0))}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1} /** krpano-content/krpano-wrapper-style/css/player.css **/ .row-no-padding [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } /* Here goes the custom styles & CSS animations for the player overlay test*/ ul li, .dropdown-floor-wrapper li, .floor-plane-add-wrapper li { margin: 0; padding: 0; list-style: none; } #floor-plan-info-modal li { padding-bottom: 6px; } h1, h2, h3 { margin: 0; } .titanium-loader { background-image: url(./loading.svg); background-repeat: no-repeat; background-position: center; } .margin-top-40 { margin: 40px 0 0 0; } .margin-right-10 { margin-right: 10px; } .left-0 { left: 0 !important; } .padding-l-0 { padding-left: 0 !important; } .width-100pr { width: 100% !important; } .height-100pr { height: 100%; } .center-v-h { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; } .border-bottom-only { border: none; border-bottom: 1px solid; } .cke_notifications_area { top: 0 !important; } .ytp-share-button-visible { display: none; } #playerNavi .embed-responsive-player { height: 100%; } #playerNavi #VIRTUAL_TOUR_container { width: 100%; position: absolute; top: 0; left: 0; bottom: 0; } #playerNavi #VIRTUAL_TOUR_container noscript table { width: 100%; height: 100%; } #playerNavi #VIRTUAL_TOUR_container noscript table tr { vertical-align: middle; } #playerNavi #VIRTUAL_TOUR_container.custom-iframe { height: calc(100% - 150px); top: 150px; } .immo-logo { pointer-events: none; position: absolute; width: 100%; height: auto; float: left; max-width: 250px; top: 20px; left: 20px; z-index: 1; } .immo-logo img { float: left; max-height: 150px; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } #loading-text { -webkit-animation: fadeIn 1s infinite alternate; animation: fadeIn 1s infinite alternate; position: absolute; font-size: 20px; color: white; font-weight: 600; text-shadow: 0 0 3px black, 0 0 3px black; font-family: "Lucida Console"; } /**/ html { height: 100%; } body:not(.menu-on-top).desktop-detected { min-height: inherit !important; } .message-badge { position: relative; left: -15px; width: 15px; height: 15px; display: block; background-color: #ef3e3e; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } /* App preloader */ #preloader-wrapper { position: absolute; height: 100%; width: 100%; margin: auto; z-index: 1000; } #preloader-wrapper .content, #hotspotBlockingOverlay .content { text-shadow: 2px 2px 2px #444444, 0 0 5px #444444; font-weight: 800; color: #e8e8e8; position: absolute; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; text-align: center; } #hotspotBlockingOverlay .content span { position: absolute; top: 20px; right: 10px; z-index: 10; cursor: pointer; opacity: 1; font-size: 30px; } #preloader-wrapper .content h1, #hotspotBlockingOverlay .content h1 { font-weight: 500; font-size: 40px; } #preloader-wrapper .content h2, #hotspotBlockingOverlay .content h2 { margin-top: 20px; font-weight: 500; } #preloader-wrapper #loading-text, #preloader-wrapper .spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #background { -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; position: fixed; top: 0; left: 0; /* Preserve aspect ratio */ min-width: 150%; min-height: 150%; } .motors-mode #background { min-width: 100%; min-height: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; } #widget-grid { opacity: 0; } #widget-grid.content-loaded { opacity: 1; } /* /App preloader */ /* Snapshot section*/ .snapshot-section { width: 100%; height: 100%; } .snapshot-section .snapshot-wrapper .resolution-wrapper { width: auto; height: 50px; margin: 10px 10px 10px 20px; float: left; } .snapshot-section .snapshot-wrapper .resolution-wrapper span { color: #000; font-size: 15px; font-weight: bold; } .snapshot-section .snapshot-wrapper #aspect-ratio-btn, .snapshot-section .snapshot-wrapper .dropdown-menu { pointer-events: all; } .snapshot-section .close-btn { font-size: 30px; float: right; margin-right: 10px; font-weight: bold; color: black; pointer-events: all; cursor: pointer; } .snapshot-wrapper #aspect-ratio-btn .active-text { font-weight: 600; } .snapshot-wrapper { position: absolute; width: 400px; height: 300px; bottom: 0; right: 0; left: 0; top: 0; border: 3px solid green; pointer-events: none; margin: auto; z-index: 10; background-color: rgba(255, 255, 255, 0.2); } .snapshot-wrapper .drag-snapshot-area { position: absolute; width: 30px; height: 45px; left: -16px; top: -28px; margin: auto; cursor: nwse-resize; pointer-events: all; text-align: center; color: white; text-shadow: 0 0 5px #000; font-size: 40px; } .snapshot-wrapper .drag-snapshot-area .fa-arrows-v { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .snapshot-wrapper .snapshot-btn-wrapper { position: absolute; background-color: #fff; opacity: 1; bottom: 0; right: 0; z-index: 1000000; margin: 10px; pointer-events: auto; } .snapshot-wrapper .aspect-ratio-section { position: absolute; bottom: 0; margin: 10px; left: 0; } .snapshot-wrapper .aspect-ratio-section #aspect-ratio-btn { height: 41px; color: #313131; } .snapshot-wrapper .aspect-ratio-section .dropdown-menu { top: -85px; } .snapshot-wrapper .snapshot-btn .camera-text { font-weight: 600; margin: 10px; } /* Control panel */ #collapse-control.white i { color: #fff; text-shadow: 1px 1px 5px #000; } .control-panel { position: absolute; bottom: 0; z-index: 12; padding: 8px 0; margin: 0 0 15px 0; } .control-panel.left, .control-panel.right { width: auto; z-index: 15 !important; } .control-panel.left { left: 0; -webkit-transition: left .4s 0s; -moz-transition: left .4s 0s; -ms-transition: left .4s 0s; -o-transition: left .4s 0s; transition: left .4s 0s; } .control-panel.center { width: 36px; margin: 0 auto 15px auto; left: 0; right: 0; } .control-panel.right { right: 0; -webkit-transition: right .4s 0s; -moz-transition: right .4s 0s; -ms-transition: right .4s 0s; -o-transition: right .4s 0s; transition: right .4s 0s; } .control-panel.left #switcher .select2-container--default .select2-selection--single { background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .select2-container--language-switcher .select2-dropdown { background-color: rgba(255, 255, 255, 0.8); border: none; } .select2-container--language-switcher { bottom: -2px; color: #fff; } .select2-container.select2-container--language-switcher .select2-results__option { color: black; } .select2-container.select2-container--language-switcher.select2-container--open { background-color: transparent; z-index: 10000000000; } .select2-container.select2-container--language-switcher .select2-results__option:hover { background-color: #5897fb; } .select2-container--language-switcher .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 8px; width: 9px; } .select2-container--language-switcher .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--language-switcher .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -7px; position: absolute; top: 8px; width: 0; } .select2-container--language-switcher.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #fff transparent; border-width: 0 4px 5px 4px; } .control-panel .buttons-wrapper { position: relative; width: auto; height: 100%; min-height: 30px; margin: 0; text-shadow: 1px 1px 5px #000; } .control-panel .buttons-wrapper li .vrImage { display: table-cell; width: 36px; height: auto; text-align: center; vertical-align: middle; -webkit-filter: drop-shadow(1px 1px 2px #000); filter: drop-shadow(1px 1px 2px #000); margin-left: auto; margin-right: auto; } .control-panel .buttons-wrapper li { display: table; cursor: pointer; } .control-panel .buttons-wrapper li i { text-align: center; } .control-panel.left .buttons-wrapper { padding: 0 0 0 20px; } .control-panel.right .buttons-wrapper { padding: 0 18px 0 0; } .control-panel .buttons-wrapper li.active-button { text-shadow: none; } .control-panel .buttons-wrapper .panel-button { position: relative; float: left; width: 50px; height: auto; } .control-panel .buttons-wrapper .panel-button span { height: auto; font-size: 12px; cursor: pointer; } .control-panel .buttons-wrapper .panel-button.active-button i:before { background-color: white; } .control-panel .buttons-wrapper .panel-button i { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; color: #fff; } .control-panel .buttons-wrapper .panel-button i:before { display: inline; padding: 3px 6px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; background-color: transparent; } .control-panel .buttons-wrapper .panel-button.active-button i { color: #007DAF; } .collapse-control-panel { width: 46px; height: 42px; position: absolute; margin: 0 0 20px 0; bottom: 0; padding: 10px 10px 5px; cursor: pointer; z-index: 10; } .collapse-control-panel.bottom-line-none { margin: 0 0 10px 0; } .collapse-control-panel i { color: white; font-size: 28px; text-shadow: 1px 1px 5px #000; } .collapse-control-panel.pull-left { left: 0; } .collapse-control-panel.pull-right { right: 0; } .margin-0 { margin: 0; } .margin-top-0 { margin: 0; } /*Setting-btn*/ .demo-wrapper #demo-setting { position: absolute; box-shadow: 11px 12px 23px rgba(0, 0, 0, 0.4); left: 279px; top: 100px; display: block; height: 30px; width: 30px; border-radius: 0px 5px 5px 0px; background: #F1DA91; padding: 2px; text-align: center; line-height: 28px; z-index: 1000; cursor: pointer; } .toggle-demo { position: absolute; top: 10px; right: -8px; display: block; width: 154px; height: auto; z-index: 99; opacity: .9; } .toggle-demo:hover { opacity: 1; } .toggle-demo .btn-group { width: 100px; float: left; } .toggle-demo > span { display: inline-block; float: left; margin-right: 5px; line-height: 21px; color: #757575; } .demo-vertical-uislider { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .demo-vertical-uislider > div { height: 200px; margin: 0 0 0 10px; display: inline-block; } .demo-vertical-uislider > :first-child { margin-left: 15px; } .knobs-demo > div { display: inline-block; margin-left: 30px; } .knobs-demo > :first-child { margin-left: 0; } .demo label input[type=checkbox].checkbox + span:before, .demo label input[type=radio].radiobox + span:before { border: 1px solid #5E5E5E; } .demo label:hover input[type=checkbox].checkbox + span:before { border-color: #E77317; } .demo label { margin-bottom: 4px !important; display: block; } .demo .checkbox i { border-color: #7A7A7A; } .demo .checkbox, .demo .radio { padding-left: 22px; } .demo.activate { right: 0 !important; box-shadow: 11px 12px 23px rgba(0, 0, 0, 0.4); padding: 5px 10px 10px; } .demo #demo-content { display: none; } .demo-wrapper #demo-setting i { margin-top: 4px; } .demo.activate #demo-content { display: block; } .demo { position: absolute; top: 100px; overflow-y: scroll; max-height: 70%; left: 0; width: 280px; z-index: 902; background: #F1DA91; } .demo > span { box-shadow: 11px 12px 23px rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; display: block; height: 30px; width: 30px; border-radius: 0px 5px 5px 0px; background: #F1DA91; padding: 2px; text-align: center; line-height: 28px; cursor: pointer; } .demo > span i { font-size: 17px; } #demo-setting:not(.left-0) i:before { content: "\f00d" !important; } .demo.activate > span { left: 276px; } .demo > span:hover i { color: #333 !important; } .demo #demo-content section { margin: 0 !important; } .demo .btn, #infopoints-modal .upload-wrapper a { font-size: 13px !important; line-height: 1.5 !important; border-radius: 3px !important; padding: 3px 7px !important; height: auto !important; } .measurement-selector { border: none; border-bottom: 2px solid #b3d0e0; height: 35px; padding: 0px 10px; } .demo-liveupdate-1 { font-size: 12px !important; position: absolute !important; left: 33px; top: 15px; display: block; z-index: 2; font-weight: 700; padding: 1px 61px 3px 7px; } .demo-btns { margin: 0; padding: 0; list-style: none; } .demo-btns > li { display: inline-block; margin-bottom: 7px; } .demo-icon-font { font-size: 14px; margin-bottom: 6px; padding-top: 4px; padding-bottom: 4px; } .demo-icon-font:hover { background-color: rgba(86, 61, 124, 0.1); text-decoration: none; } .demo-modal { width: auto; max-width: 600px; z-index: 1; } .upload-wrapper { display: inline-flex; width: 100%; margin-bottom: 5px; align-items: center; } .floor-plan-page .upload-wrapper { display: block; } .upload-wrapper span, .colorpicker-wrapper span { margin: 5px; } .upload-wrapper .upload-btn { cursor: pointer; width: 140px; } .dropzone.floor .upload-floorplan-wrapper { position: absolute; bottom: 0; top: 0; left: 0; height: 32px; right: 0; margin: auto; pointer-events: none; } .upload-wrapper input[type='file'], .upload-floorplan-wrapper input[type='file'], .upload-wrapper-infopoints input[type='file'], .upload-wrapper-room input[type='file'] { display: none; } .colorpicker-wrapper { width: 100%; height: 40px; display: inline-flex; align-items: center; } .colorpicker { z-index: 1000; } .colorpicker div { position: absolute !important; } /*Menu section*/ .menu-wrapper { position: absolute; height: calc(100% - 66px); padding: 0; right: -463px; bottom: 66px; float: right; z-index: 1; -webkit-transition: right .4s ease-out 0s; /* For Safari 3.1 to 6.0 */ transition: right .4s ease-out 0s; } .menu-wrapper .page-container { position: relative; width: 100%; height: calc(100% - 40px); overflow: hidden; opacity: 100; background-color: rgba(247, 239, 236, 0.85); } .menu-wrapper.live-mode .header-title { font-size: 10px; } .menu-wrapper .header-title { color: #fff; text-transform: uppercase; font-weight: 600; font-size: 12px; } .overlay { z-index: 100000; } .menu-wrapper.bottom-line-none { height: calc(100% - 50px); bottom: 50px; } .menu-wrapper.bottom-line-none .menu-right-bar { height: calc(100% + 50px); } .menu-wrapper.right-menu-full-height { height: calc(100% - 17px); bottom: 17px; } .menu-wrapper .menu-page .mCSB_inside > .mCSB_container { margin-right: 10px; } .menu-wrapper .menu-page .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } .menu-wrapper.menu-open { right: 0; box-shadow: -1px 0px 5px black; } .menu-wrapper .page-container .menu-page.opacity-faded { opacity: .2; } .menu-wrapper .page-container .menu-page.transition-none { -webkit-transition: left 0s; -moz-transition: left 0s; -ms-transition: left 0s; -o-transition: left 0s; transition: left 0s; } .menu-wrapper .page-container .menu-page { position: absolute; width: 100%; height: 100%; overflow-y: auto; -webkit-transition: left .6s; -moz-transition: left .6s; -ms-transition: left .6s; -o-transition: left .6s; transition: left .6s; left: -100%; opacity: 1; } .menu-wrapper .page-container .menu-page.right-direction { left: 100%; } .menu-wrapper .page-container .menu-page.page-active { position: absolute; left: 0; } .menu-wrapper .menu-right-bar { position: absolute; width: 50px; height: calc(100% + 50px); top: 0; right: -100px; background-color: rgba(0, 125, 175, 0.8); -webkit-transition: right .4s 0s; -moz-transition: right .4s 0s; -ms-transition: right .4s 0s; -o-transition: right .4s 0s; transition: right .4s 0s; } .krpano-content .control-panel.right.single-button, .krpano-content .control-panel.left.single-button { bottom: 0; } .krpano-content.control-nav-active .control-panel.right .menu-right-bar .active-collapse-wrapper { color: #fff; } .menu-wrapper .menu-header { width: 100%; height: 60px; float: left; background-color: #007DAF; } .menu-wrapper .menu-footer { position: absolute; width: 100%; height: 50px; bottom: -46px; background-color: rgba(0, 125, 175, 0.9); } .menu-wrapper.bottom-line-none .menu-footer { bottom: -50px; } .menu-wrapper .left-shadow { position: absolute; height: 50px; width: 3px; left: 0; bottom: -50px; box-shadow: -1px 0 5px black; } /*Contact page & Share page*/ .menu-wrapper .contact-page .avatar-section { height: 130px; } .menu-wrapper .contact-page.general-mode .avatar-section { width: 100px; height: 100px; border-radius: 100%; border: 2px solid #fff; display: flex; justify-content: center; overflow: hidden; align-items: center; margin: 10px; } .menu-wrapper .contact-page.general-mode .revert-row-margin { padding: 10px 0; } .menu-wrapper .contact-page .contact-information-section .contact-mail-btn, .menu-wrapper .share-page .share-section .share-wrapper .share .share-btn { position: absolute; width: 50px; height: 50px; bottom: -22px; right: 20px; cursor: pointer; background-color: white; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #fff; -webkit-box-shadow: 0 2px 4px 0 #000000; -moz-box-shadow: 0 2px 4px 0 #000000; box-shadow: 0 2px 4px 0 #000000; } ul.share-wrapper li.share.faceSingle { cursor: pointer; } .menu-wrapper .share-page .share-section .share-wrapper .share .share-btn { width: 40px; height: 40px; left: -57px; top: 7px; right: inherit; } .menu-wrapper .contact-page .contact-information-section .contact-mail-btn { top: -30px; } .menu-wrapper .contact-page .contact-information-section .contact-mail-btn:active, .menu-wrapper .share-page .share-section .share-wrapper .share .share-btn:active { -webkit-box-shadow: 0 0 0 0 #000000; -moz-box-shadow: 0 0 0 0 #000000; box-shadow: 0 0 0 0 #000000; } .menu-wrapper .contact-page .contact-information-section .contact-mail-btn i, .menu-wrapper .share-page .share-section .share-wrapper .share .share-btn i { position: relative; top: 15px; left: 14px; text-align: center; font-size: 21px; color: #5f5f5d; } .menu-wrapper .share-page .share-section .share-wrapper .share .share-btn.facebook i { top: 11px; left: 11px; } .menu-wrapper .share-page .share-section .share-wrapper .share .share-btn.twitter i { top: 11px; left: 11px; } .menu-wrapper .share-page .share-section .share-wrapper .share .share-btn.g-plus i { top: 10px; left: 7px; } .menu-wrapper .share-page .share-section .share-wrapper .share .share-btn.linkedin i { top: 9px; left: 11px; } .menu-wrapper .share-page .share-section .share-wrapper .share .share-btn.email i { top: 9px; left: 9px; } .menu-wrapper .share-page .share-section .share-wrapper .share .share-btn.link-to-clipboard i { top: 9px; left: 9px; } .menu-wrapper .contact-page .contact-information-section { height: 140px; color: white; display: flex; align-items: center; } .menu-wrapper .contact-page.general-mode .contact-information-section { height: auto; } .menu-wrapper .contact-page .contact-information-section ul { padding-left: 0; width: 100%; } .menu-wrapper .contact-page .contact-information-section ul .contact-information { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .menu-wrapper .contact-page.general-mode .contact-information-section ul .contact-information { margin: 0 0 5px 0; font-size: 15px; } .menu-wrapper .share-page .share-section { position: relative; width: 100%; height: auto; float: left; padding: 20px 20px 20px 0; } .menu-wrapper .contact-page .contact-information-section .contact-information-wrapper, .menu-wrapper .share-page .share-section .share-wrapper { float: left; width: 100%; height: auto; padding-left: 60px; } .menu-wrapper .share-page .share-section .share-wrapper { padding-left: 75px; } .menu-wrapper .contact-page .contact-information-section .contact-information-wrapper .contact-information, .menu-wrapper .share-page .share-section .share-wrapper .share { position: relative; width: 100%; height: 60px; } .menu-wrapper .contact-page .contact-information-section .contact-information-wrapper .contact-information:not(:nth-last-of-type(1)), .menu-wrapper .share-page .share-section .share-wrapper .share:not(:nth-last-of-type(1)) { border-bottom: 1px solid #655d5a; } .menu-wrapper .contact-page .contact-information-section .contact-information-wrapper .contact-information i, .menu-wrapper .share-page .share-section .share-wrapper .share i { position: absolute; float: left; top: 17px; left: -43px; color: #5f5f5d; } .menu-wrapper .contact-page .contact-information-section .contact-information-wrapper .contact-information span, .menu-wrapper .share-page .share-section .share-wrapper .share span { display: flex; float: left; width: 100%; height: 100%; font-size: 15px; justify-content: flex-start; align-items: center; } /*Map page*/ .menu-wrapper .map-page { width: 100%; height: 100%; overflow: inherit; } .menu-wrapper .map-page #map-section { height: 100%; z-index: 1; } .menu-wrapper.bottom-line-none .map-page #map-section { height: calc(100% - 90px); } .menu-wrapper .map-page iframe { height: 100%; } /*Info page*/ .info-page #info-carousel .carousel-inner .item img { height: 310px; } .info-page #info-carousel1 .carousel-inner .item img { cursor: zoom-in; } .info-page .info-description-wrapper { position: relative; top: 0; left: 0; margin: 10px; } .info-page .info-description-wrapper .header-text { padding: 0 0 10px 0; margin: 0 0 20px 0; text-align: left; font-weight: bold; font-size: 16px; color: #000; border-bottom: 2px solid #0187ce; } .info-page .info-description-wrapper .description-text { color: #000; text-align: justify; font-weight: lighter; } .info-page .info-description-wrapper #info-tab { border: none; background: transparent; } .info-page .info-description-wrapper #info-content { border: none; } .info-page .info-description-wrapper #info-content.tab-content { padding: 10px; text-align: justify; } .info-page .info-description-wrapper .nav-tabs > li { margin: 0; } .info-page .row-style { padding: 10px 0 5px; border-bottom: 1px solid #a9a9a9; margin: 0; } .info-page .row-style:nth-last-of-type(1) { border-bottom: none; } .info-page .table-col { padding-bottom: 5px; } /*Slider Gallery Section*/ .overflow-hidden { overflow: hidden; } #control-panel-center .center-position { padding: 0; } #control-panel-center .center-position .panel-button { width: 100%; } .slider-gallery-actions { margin-top: -55px; display: flex; justify-content: center; align-items: stretch; } .slider-gallery-actions .edit-floor-btn, .slider-gallery-actions .change-floor-index-btn { pointer-events: all; background-color: #fff; opacity: 0.85; padding: 6px; border: none; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-right: 1px solid #d2d2d2; } .slider-gallery-section { position: absolute; width: 100%; height: 120px; bottom: -175px; -webkit-transition: bottom .4s ease-out 0s; /* For Safari 3.1 to 6.0 */ transition: bottom .4s ease-out 0s; z-index: 10; } .registration-section .checkbox span.content { text-align: justify; text-justify: inter-word; } .slider-gallery-section.show-gallery { bottom: 65px; pointer-events: none; } .slider-gallery-section.show-gallery .dropdown-floor-wrapper, .slider-gallery-section.show-gallery .slider-gallery-wrapper { pointer-events: all; } .slider-gallery-wrapper .owl-carousel { padding-bottom: 10px; top: 0; position: absolute !important; -webkit-transition: top 1s; -moz-transition: top 1s; -ms-transition: top 1s; -o-transition: top 1s; transition: top 1s; } .gallery-top-position { top: -125px !important; } .gallery-bottom-position { top: 125px !important; } /**/ .slider-gallery-section .dropdown-menu { bottom: 6px; left: -6px; } .slider-gallery-section .dropdown-menu > li > a { padding: 3px 8px; } .slider-gallery-section .dropdown-menu > li { overflow: hidden; } .slider-gallery-section .dropdown-floor-wrapper { padding: 6px; max-width: 300px; min-width: 160px; border-radius: 2px; cursor: pointer; background-color: #fff; opacity: 0.85; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .slider-gallery-section .dropdown-floor-wrapper:first-child { border-radius: 2px; } .slider-gallery-section .dropdown-floor-wrapper.single-floor, .slider-gallery-section .dropdown-floor-wrapper.single-floor a { background-color: transparent; color: #fff; cursor: default; } .slider-gallery-section .dropdown-floor-wrapper .vertical-line { padding: 0; width: 3px; border-left: 1px solid #000; margin: 0 10px; } .slider-gallery-section .dropdown-floor-wrapper .dropdown-toggle { width: 100%; float: left; color: #000; text-align: center; font-size: 15px; height: 17px; } .slider-gallery-section .dropdown-floor-wrapper .dropdown-toggle .toggle-header { display: inline-block; max-width: 295px; padding: 0 40px 0 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .slider-gallery-section .dropdown-floor-wrapper .dropup .dropdown-toggle .chevron-up-wrapper { position: absolute; right: 0; top: 0; font-family: FontAwesome; } .slider-gallery-section .dropdown-floor-wrapper .dropup .dropdown-toggle .chevron-up-wrapper:after { padding: 0 5px 0 0; content: '\f077'; } .slider-gallery-section .dropdown-floor-wrapper .dropup.open .dropdown-toggle .chevron-up-wrapper:after { content: '\f078'; } .slider-gallery-section .dropdown-floor-wrapper.single-floor .dropdown-toggle .toggle-header { padding: 0; color: #fff; font-weight: 700; text-shadow: 0 0 5px #000; } /**/ .slider-gallery-section #floors-dropdown { position: absolute; width: 100px; left: 0; right: 0; margin: auto; top: -20px; } .slider-gallery-section .slider-gallery-wrapper { position: absolute; width: 100%; height: 120px; max-width: 900px; margin: auto; left: 0; top: 0; right: 0; bottom: -15px; border-bottom: solid 2px white; } .slider-gallery-section .slider-gallery-wrapper .slider-element { position: relative; cursor: pointer; } .slider-gallery-section .slider-gallery-wrapper .slider-element.active-element { border: 3px solid #007DAF; } .slider-gallery-section .slider-gallery-wrapper .slider-element .slider-description { position: absolute; width: 100%; top: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #FFF; font-size: 14px; text-shadow: 0px 0px 5px #000; padding: 4px; font-weight: 600; z-index: 2; } .slider-gallery-section .slider-gallery-wrapper .slider-element, .slider-gallery-section .slider-gallery-wrapper .slider-element img { height: 100px; } .slider-gallery-section .slider-gallery-wrapper .slider-element.active-element img { height: 94px; } .slider-gallery-section .slider-gallery-wrapper .owl-nav { position: absolute; height: 30px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: -1; } .slider-gallery-section .slider-gallery-wrapper .owl-nav .owl-prev, .slider-gallery-section .slider-gallery-wrapper .owl-nav .owl-next { position: absolute; width: 30px; height: 30px; color: #fff; text-shadow: 1px 1px 5px #000; } .slider-gallery-section .slider-gallery-wrapper .owl-stage { margin: auto; } .slider-gallery-section .slider-gallery-wrapper .owl-item.active.center { border: 5px solid rgba(0, 125, 175, 0.8); } .slider-gallery-section .slider-gallery-wrapper .owl-nav .owl-prev { left: -30px; text-align: left; } .slider-gallery-section .slider-gallery-wrapper .owl-nav .owl-next { right: -30px; text-align: right; } /*Floor plane page*/ .menu-wrapper .floor-plane-section { position: relative; width: 100%; height: 100%; } .menu-wrapper .menu-page-header { width: 100%; height: 40px; padding: 10px 5px 0 5px; } .menu-wrapper .menu-page-header .close-right-menu-wrapper { cursor: pointer; font-weight: bold; font-size: 25px; color: #fff; } .menu-wrapper .floor-plane-section .disabled { color: #000; } .menu-wrapper .floor-plane-section .item .floor-plane-tab { width: 100%; height: 38px; float: left; padding: 7px 5px; } .menu-wrapper .floor-plane-section .item .floor-plane-tab:hover { text-decoration: none; background-color: #eee; } .menu-wrapper .floor-plane-section .item .floor-plane-tab.active { background-color: rgba(255, 255, 255, 0.33); } .menu-wrapper .floor-plane-section .map-tab { margin: 0; color: #000; } .menu-wrapper .floor-plane-section .floor-plane-add { position: absolute; right: 7px; top: 4px; z-index: 10; } .menu-wrapper .floor-plane-section .floor-plane-add button { height: 30px; padding: 0; background-color: transparent; border: none; } .menu-wrapper .floor-plane-section #add-floor { left: initial !important; right: 0; max-height: 250px; overflow: auto; } .menu-wrapper .floor-plane-section #floor-plan-tab-slider { position: relative; height: 40px; margin: 0; padding: 0 40px 0 20px; background-color: transparent; border: none; clear: both; } .menu-wrapper .floor-plane-section #floor-plan-tab-slider .owl-item .item { cursor: pointer; } .menu-wrapper .floor-plane-section #floor-plan-tab-slider .owl-stage-outer { width: 100%; height: 100%; overflow: hidden; } .menu-wrapper .floor-plane-section #floor-plan-tab-slider .owl-item { float: left; display: inline-block; } .menu-wrapper .floor-plane-section #floor-plan-tab-slider .owl-prev { position: absolute; top: 10px; left: 8px; } .menu-wrapper .floor-plane-section #floor-plan-tab-slider .owl-next { position: absolute; top: 10px; right: 27px; } .menu-wrapper .floor-plane-section #floor-plan-tab-slider .owl-nav .owl-prev, .menu-wrapper .floor-plane-section #floor-plan-tab-slider .owl-nav .owl-next { cursor: pointer; } .menu-wrapper .floor-plane-section #floor-plan-tab-slider .owl-nav .owl-prev.disabled, .menu-wrapper .floor-plane-section #floor-plan-tab-slider .owl-nav .owl-next.disabled { cursor: default; } .menu-wrapper .floor-plane-section .zoo-btn-wrapper { position: absolute; float: left; top: 5px; left: 5px; width: 27px; height: auto; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; z-index: 800; pointer-events: auto; } .menu-wrapper .floor-plane-section .zoo-btn-wrapper .zoom-btn { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; background-position: 50% 50%; background-repeat: no-repeat; } .menu-wrapper .floor-plane-section .zoo-btn-wrapper .zoom-btn:hover { background-color: #f4f4f4; } .menu-wrapper .floor-plane-section .zoo-btn-wrapper .zoom-btn.in { border-top-left-radius: 4px; border-top-right-radius: 4px; } .menu-wrapper .floor-plane-section .zoo-btn-wrapper .zoom-btn.out { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .menu-wrapper .floor-plane-section .nav-tabs > li:first-child { border-left: 1px solid darkgray; } .menu-wrapper .floor-plane-section .nav-tabs > li { border-right: 1px solid darkgray; margin: 0; } .menu-wrapper .nav-tabs > li.active { background-color: rgba(255, 255, 255, 0.7); } .menu-wrapper .nav-tabs > li.active > a { background-color: transparent; border: none; margin: 0; } .menu-wrapper .floor-plane-section .zoom-section { height: calc(100% - 40px); padding: 20px 15px; } .menu-wrapper .floor-plane-section .zoom-scope-wrapper { width: 100%; height: 100%; } .menu-wrapper .floor-plane-section .floor-plane-image-wrapper { position: relative; width: 100%; height: auto; margin: auto; clear: both; } @-webkit-keyframes dotactivate { to { background-color: yellow; } } @keyframes dotactivate { to { background-color: yellow; } } .menu-wrapper .floor-plane-section #floor-plan-content, .menu-wrapper .floor-plane-section #floor-plan-content .tab-pane.active, .menu-wrapper .floor-plane-section #floor-plan-content .tab-pane.active .map-wrapper.no-map { height: 100%; } .menu-wrapper .floor-plane-section #floor-plan-content .tab-pane.active .map-wrapper.no-map .dropzone.floor { position: relative; height: calc(100% - 100px); } .menu-wrapper .floor-plane-section #floor-plan-content .floor-plane-hotspot.active { -webkit-animation: dotactivate .7s infinite alternate; animation: dotactivate .7s infinite alternate; } .menu-wrapper .floor-plane-section #floor-plan-content .floor-plane-hotspot { position: absolute; width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; box-shadow: 0 0 1px 2.5px black; -webkit-box-shadow: 0 0 1px 2.5px black; -moz-box-shadow: 0 0 1px 2.5px black; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; pointer-events: all; cursor: pointer; } .menu-wrapper .floor-plane-section #floor-plan-content .tab-pane .dropzone.floor { background: none rgba(255, 255, 255, 0.6); border: 3px dashed; } #legal-thin-bar { width: 100%; height: 20px; background-color: rgba(0, 125, 175, 0.9); position: absolute; bottom: 0; font-size: 12px; text-align: center; color: white; vertical-align: middle; padding-top: 1px; z-index: 100; text-shadow: 0px 0px 3px #000; } #legal-thin-bar a { color: white; } /* Svg styles */ #mouse-move { z-index: 1; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; transform-origin: center bottom; transform-style: preserve-3d; perspective: 1000px; animation: drawArc 5.5s ease-in-out infinite; -webkit-animation: drawArc 5.5s ease-in-out infinite; -webkit-filter: drop-shadow(0px -2px 2px rgba(0, 0, 0, 0.7)); filter: drop-shadow(0px -2px 2px rgba(0, 0, 0, 0.7)); /* Same syntax as box-shadow */ } .mouse-move-text-wrapper { position: absolute; margin: auto; color: #fff; text-shadow: 0 0 5px #000; left: 0; right: 0; bottom: 50%; transform: translateY(105px); z-index: 1; } .mouse-move-text-wrapper .mouse-move-text { width: 100%; font-size: 15px; font-weight: bold; text-align: center; z-index: 1; } #mouse-move #mouse-content { stroke: #505050; fill: #fbfbfb; } #mouse-move .left { -webkit-animation: clickLeft 5.5s ease-in-out infinite; animation: clickLeft 5.5s ease-in-out infinite; } @keyframes clickLeft { 0% { fill: #fbfbfb; } 2% { fill: #fbfbfb; } 3% { fill: darkgrey; } 73% { fill: darkgrey; } 76% { fill: #fbfbfb; } } @-webkit-keyframes drawArc { 0% { -webkit-transform: translateX(0px) translateY(0px); } 13% { -webkit-transform: translateY(20px); } 45% { -webkit-transform: rotate3d(1, 1, 1, -30deg) translateX(-60px) translateY(20px); } 70% { -webkit-transform: rotate3d(1, 1, 1, 20deg) translateX(50px) translateY(20px); } 95% { -webkit-transform: translateX(0px) translateY(0px); } } @keyframes drawArc { 0% { transform: translateX(0px) translateY(0px); } 13% { transform: translateY(20px); } 45% { transform: rotate3d(1, 1, 1, -30deg) translateX(-60px) translateY(20px); } 70% { transform: rotate3d(1, 1, 1, 20deg) translateX(50px) translateY(20px); } 95% { transform: translateX(0px) translateY(0px); } } /* /Svg styles */ /*Info Point Page*/ .menu-wrapper .info-point-page header { display: table; width: 100%; height: 80px; padding: 10px 30px; color: #fff; text-align: right; } .menu-wrapper .info-point-page header span span { display: table-cell; vertical-align: middle; } .menu-wrapper .info-point-page header strong { font-size: 33px; } .menu-wrapper .info-point-page #info-point-tab { margin: 10px; background-color: transparent; border: none; clear: both; } .menu-wrapper .info-point-page .nav-tabs > li { width: 33%; border-right: 1px solid darkgray; text-align: center; } .menu-wrapper .info-point-page .nav-tabs > li:first-child { border-left: 1px solid darkgray; } .menu-wrapper .info-point-page .info-point-list-section { position: relative; width: 100%; height: auto; float: left; padding: 0; } .menu-wrapper .info-point-page .info-point-list-section .info-point-list-wrapper { float: left; width: 100%; height: auto; padding: 0; } .menu-wrapper .info-point-page .info-point-list-section .info-point-list-wrapper .info-point-item { position: relative; width: 100%; padding: 20px 20px; } .menu-wrapper .info-point-page .info-point-list-section .info-point-list-wrapper .info-point-item .info-pointer { position: absolute; top: 15px; width: 30px; height: 30px; bottom: -22px; text-align: center; background-color: white; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #fff; -webkit-filter: drop-shadow(0px 0px 5px black); -moz-filter: drop-shadow(0px 0px 5px black); -ms-filter: drop-shadow(0px 0px 5px black); -o-filter: drop-shadow(0px 0px 5px black); filter: drop-shadow(0px 0px 5px black); } .menu-wrapper .info-point-page .info-point-list-section .info-point-list-wrapper .info-point-item .info-pointer:after { content: ""; position: absolute; top: 100%; left: 50%; margin: -3px 0px 0px -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 12px solid #fff; } .menu-wrapper .info-point-page .info-point-list-section .info-point-list-wrapper .info-point-item .info-pointer i { position: relative; top: 7px; text-align: center; font-size: 15px; color: #5f5f5d; } .menu-wrapper .info-point-page .info-point-list-section.tab-content li i { margin: 0px 10px; } .menu-wrapper .info-point-page .info-point-list-section.tab-content li.info-point-item { cursor: pointer; } .menu-wrapper .info-point-page .info-point-list-section.tab-content li:nth-child(2n) { background-color: #fff; } .menu-wrapper .info-point-page .info-point-list-section.tab-content li:nth-child(2n) { background-color: #f1f1f1; } .menu-wrapper .info-point-page .info-point-list-section .info-point-list-wrapper .info-point-item span { font-size: 15px; } .slider-gallery-wrapper .slider-element button.edit-room { position: absolute; bottom: 5px; left: 5px; top: initial !important; color: white; font-weight: 600; border: 1px solid #5a5a5a; } .menu-wrapper .info-point-page footer { position: absolute; display: table; width: calc(100% - 20px); height: 50px; bottom: 0; margin: 10px 10px 0 10px; border-top: 1px solid #000; } .menu-wrapper .info-point-page footer span { display: table-cell; text-align: center; vertical-align: middle; } /*Live page*/ .live-follow-guest-interaction { position: absolute; width: 400px; height: 50px; float: left; top: 50px; margin: 10px; border: 5px solid #174576; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; -ms-transition: height 0.4s; -o-transition: height 0.4s; transition: height 0.4s; } .live-follow-guest-interaction.active { height: 400px; } .live-follow-guest-interaction.collapsed { height: 50px; } .live-follow-guest-interaction .live-follow-guest-header { position: relative; width: 100%; height: 40px; padding: 0px 10px; line-height: 40px; font-size: 12px; cursor: pointer; } .live-follow-guest-interaction .live-follow-guest-header .follow-live-interaction { position: absolute; right: 10px; top: 5px; bottom: 0; height: 100%; } .live-follow-guest-interaction .live-follow-guest-header .follow-live-interaction.smart-form .toggle { font-size: 12px; } .live-follow-guest-interaction .live-follow-guest-header .follow-live-interaction.smart-form .toggle i { background-color: #fff; } .live-follow-guest-interaction .live-follow-tour-wrapper { width: 100%; height: calc(100% - 40px); } .conference-info { position: relative; width: 350px; height: 105px; color: #fff; margin: 10px; display: inline-block; box-shadow: 1px 1px 15px 0 #000; } .conference-info .avatar { position: relative; display: flex; align-items: center; height: 100%; width: 120px; float: left; overflow: hidden; } .conference-info .info { height: 100%; width: calc(100% - 120px); position: relative; float: left; padding: 10px; /* background-color: #81a649; */ } .conference-info .info .call-buttons { position: absolute; bottom: 12px; } .live-chat-wrapper .tab-pane.active { display: block !important; } .conference-info .info button { position: relative; border: 1px solid #fff; border-radius: 40px; padding: 5px 5px 5px 20px; background-color: transparent; display: flex; align-items: center; font-size: 11px; line-height: 12px; float: left; } .conference-info .info p.agent-name { font-size: 15px; } .conference-info .info button:nth-of-type(1) { margin: 0 5px 0 0; } .conference-info .info button i { position: absolute; left: 5px; } .conference-wrapper .video-wrapper { position: relative; width: 304px; border: 2px solid; margin: 0 0 0 10px; height: 40px; overflow: hidden; -webkit-transition: height .3s; -moz-transition: height .3s; -ms-transition: height .3s; -o-transition: height .3s; transition: height .3s; } .conference-wrapper .video-wrapper.active { height: 270px; } .conference-wrapper .video-wrapper .header { width: 100%; height: 40px; padding: 10px 5px; border-bottom: 1px solid #fff; color: #fff; } .conference-header span { padding: 6px 9px !important; color: #fff; } .immo-window .immo-popup.right-section .editor { background-color: #f0f0f0; padding: 10px; } .conference-wrapper .video-conference-wrapper .remote-video { width: 100%; max-height: 217px; } .conference-wrapper .local-video { position: absolute; width: 100px; border: 2px solid #fff; height: 75px; bottom: 0px; z-index: 20; right: 0px; } .conference-wrapper .video-wrapper .remote-video { width: 300px; } .conference-wrapper .video-wrapper.active .local-video { display: block; } .conference-wrapper .video-wrapper .local-video { display: none; } .conference-wrapper.active .local-video.call-without-video { background-color: black; } .conference-wrapper.active .remote-video.call-without-video { background-color: black; height: 100%; } .menu-wrapper .live-user-list-page .live-page-header { width: 100%; min-height: 40px; padding: 10px; color: #fff; font-weight: bold; cursor: pointer; } .menu-wrapper .live-video-wrapper .video-conference-wrapper { height: calc(100% - 37px); } #infopoints-modal #immo-popup-fname .input-group, #infopoints-edit-modal #immo-popup-fname .input-group, #infopoints-edit-modal .measurement-note-values input { border: none; border-bottom: 2px solid #b3d0e0; } .infopoints-modal .footnote { margin-top: 5px; } .immo-window .immo-popup.right-section .registration-section .header { margin: 0 0 5px 0; text-align: left; color: #707070; font-size: 27px; } .video-conference-wrapper .control-call-wrapper { display: none; align-items: center; justify-content: center; position: absolute; width: 100%; height: calc(100% - 40px); background-color: #797979; opacity: 0.8; z-index: 10; } .video-conference-wrapper.on-hover .control-call-wrapper { display: flex; } .video-conference-wrapper button { font-size: 18px; color: #fff; background-color: transparent; } .video-conference-wrapper button.mute-audio.mute i:nth-of-type(2) { display: block; } .video-conference-wrapper button.mute-audio.mute i:nth-of-type(1) { display: none; } .video-conference-wrapper button.mute-audio i:nth-of-type(2) { display: none; } .video-conference-wrapper button.mute-audio i:nth-of-type(1) { display: block; } .menu-wrapper .live-video-wrapper .video-conference-wrapper .wait-for-wrapper, .conference-wrapper .video-wrapper .wait-for-wrapper { display: none; position: absolute; top: 130px; left: 0; right: 0; color: #fff; text-align: center; } .conference-wrapper.waiting .video-wrapper .wait-for-wrapper { top: 80px; } .menu-wrapper .live-video-wrapper.waiting .video-conference-wrapper .wait-for-wrapper, .conference-wrapper.waiting .video-wrapper .wait-for-wrapper { display: block; } .menu-wrapper .live-user-list-page .live-video-wrapper { -webkit-transition: height 0.4s; -moz-transition: height 0.4s; -ms-transition: height 0.4s; -o-transition: height 0.4s; transition: height 0.4s; height: 40px; } .menu-wrapper .live-user-list-page .live-video-wrapper.active { position: relative; width: 100%; height: 100%; max-height: 250px; min-height: 250px; } .menu-wrapper .live-user-list-page .live-user-list-wrapper .live-user-list-container { height: 0; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; -ms-transition: height 0.4s; -o-transition: height 0.4s; transition: height 0.4s; } .menu-wrapper .live-user-list-page .live-user-list-wrapper.active .live-user-list-container { height: calc(100% - 40px); } .menu-wrapper .live-user-list-page .live-user-list-wrapper { height: 40px; border: 0; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; -ms-transition: height 0.4s; -o-transition: height 0.4s; transition: height 0.4s; } .menu-wrapper .live-user-list-page .live-user-list-wrapper.active { position: relative; max-height: calc(100% - 290px); min-height: 180px; height: 100%; } .menu-wrapper .live-user-list-page .guest .live-user-list-wrapper.active { height: 45px; } .menu-wrapper .live-user-list-page .guest .live-chat-wrapper { height: 100%; } .live-user-wrapper:nth-of-type(1) { display: none; } .live-user-wrapper { position: relative; width: 100%; height: 45px; padding: 10px 25px; border-bottom: 1px solid #bfbfbf; cursor: pointer; display: flex; align-items: center; justify-items: center; } .live-user-wrapper:hover { -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -ms-transition: background-color .5s; -o-transition: background-color .5s; transition: background-color .5s; background-color: #e6e6e6; } .live-user-wrapper .status-badge { position: relative; left: -15px; width: 10px; height: 10px; border-radius: 100%; border: 1px solid #808080; background-color: transparent; } .live-user-wrapper.active .status-badge { background-color: green; } .live-user-wrapper .live-user-name { float: left; padding: 0 60px 0 0; align-items: center; text-overflow: ellipsis; overflow: hidden; max-width: 240px; white-space: nowrap; } .live-user-wrapper .live-user-control-panel-wrapper { position: absolute; right: 20px; width: 140px; height: 24px; bottom: 10px; float: right; } .live-user-wrapper .not-supported-badge { width: 130px; height: 30px; right: 55px; background-color: #fff; box-shadow: 2px 3px 1px; position: absolute; z-index: 1; text-align: center; font-size: 10px; line-height: 30px; display: none; } .live-user-wrapper.webrtc-not-supported .not-supported-badge { display: block; } .live-user-wrapper .live-user-control-panel-wrapper ul { display: flex; width: 100%; height: 100%; margin: 0; padding: 0; align-items: center; justify-content: flex-end; } .live-user-wrapper .live-user-control-panel-wrapper ul li { width: 25px; height: 25px; float: left; padding: 0; text-align: center; display: flex; align-items: center; justify-content: center; } .live-user-wrapper .live-user-control-panel-wrapper ul li:not(.first-li) { margin-left: 10px; } .live-user-wrapper .live-user-control-panel-wrapper ul li span { width: 25px; height: 25px; padding: 0; font-size: 16px; } .live-user-wrapper .live-user-control-panel-wrapper ul li span:hover { -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -ms-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; background-color: #e6e6e6; } .live-user-wrapper .live-user-control-panel-wrapper ul li span.live-microphone-btn.active:before { content: "\f131"; font-family: FontAwesome; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: inherit; } .menu-wrapper .live-user-list-page ul li.live-pointer-btn img { width: 22px; } .popover ul.addition-live-btns .live-switch-role-btn.active { color: #1C9E61; } .popover ul.addition-live-btns { padding: 10px; margin: 0; } .popover ul.addition-live-btns li { padding: 0 0 0 25px; } .popover ul.addition-live-btns li:hover { color: #106880; cursor: pointer; } .popover ul.addition-live-btns li:not(:last-of-type) { margin: 0 0 10px 0; } .popover ul.addition-live-btns li i { position: absolute; left: 10px; font-size: 18px; padding: 0 5px 0 0; } .live-chat-wrapper { width: 100%; max-height: calc(100% - 350px); height: 0; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; -ms-transition: height 0.4s; -o-transition: height 0.4s; transition: height 0.4s; } .live-chat-wrapper.active { min-height: calc(100% - 430px); height: 100%; } .live-chat-wrapper #live-chat-template { display: none; } .live-chat-wrapper .live-chat-container { height: 0; overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; -ms-transition: height 0.4s; -o-transition: height 0.4s; transition: height 0.4s; } .live-chat-wrapper .chat { height: calc(100% - 40px); } .live-chat-wrapper.active .live-chat-container { height: 100%; } .live-chat-wrapper.active .live-chat-container { height: 100%; } .live-chat-wrapper.active.full-height { height: calc(100% - 120px); } .live-chat-wrapper .live-chat-body { width: 100%; height: calc(100% - 50px); padding: 10px 0 10px 20px; } .live-chat-wrapper .live-chat-body .live-chat-message-wrapper { width: 100%; height: auto; position: relative; margin: 0 0 15px 0; overflow: hidden; } .live-chat-wrapper .live-chat-body .live-chat-message-wrapper.user-0 { padding: 0 20px 0 0; } .live-chat-wrapper .live-chat-body .live-chat-message-wrapper .live-chat-message-container { width: 80%; height: auto; padding: 10px; min-height: 40px; border: 2px solid #c5c5c5; border-radius: 10px; } .live-chat-wrapper .live-chat-body .live-chat-message-wrapper .live-chat-message-container .user-name-wrapper { position: relative; width: 100%; padding: 0 40px 0 0; font-weight: bold; } .live-chat-wrapper .live-chat-body .live-chat-message-wrapper .live-chat-message-container .name { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .live-chat-wrapper .live-chat-body .live-chat-message-wrapper .live-chat-message-container .user-name-wrapper .timestamp { position: absolute; width: 40px; height: auto; top: 0; right: 0; font-weight: 300; } .live-chat-wrapper .live-chat-body .live-chat-message-wrapper .live-chat-message-container .message { width: 100%; height: auto; font-size: 12px; text-overflow: ellipsis; overflow: hidden; } .live-chat-wrapper .live-chat-body .live-chat-message-wrapper .live-chat-message-container .file-message-label { width: auto; max-width: 150px; padding: 0 10px; height: 20px; float: right; border-radius: 5px; text-align: center; color: #fff; line-height: 20px; } .live-chat-wrapper .live-chat-body .live-chat-message-wrapper .live-chat-message-container .file-download-message-label { cursor: pointer; text-decoration: underline; } .live-chat-wrapper .live-chat-body .live-chat-message-wrapper .live-chat-message-container .message.file-message:before { content: "\f15c"; font-family: FontAwesome; padding-right: 5px; position: relative; font-size: 16px; } .live-chat-wrapper .live-chat-body .live-chat-message-wrapper.user-0 .live-chat-message-container { float: right; background-color: #c5c5c5; } .live-chat-wrapper .live-chat-body .live-chat-message-wrapper.user-0 .live-chat-message-container .user-name { text-transform: uppercase; } .live-chat-wrapper .live-chat-body .live-chat-message-wrapper.user-1 .live-chat-message-container { float: left; } .live-chat-wrapper .live-chat-footer { display: flex; width: 100%; height: 50px; padding: 0 20px; align-items: center; border-top: 2px solid #b1b1b1; background-color: #fff; } .live-chat-wrapper .live-chat-footer .send-message-container { width: 100%; height: auto; padding: 0 49px 0 25px; position: relative; } .live-chat-wrapper .live-chat-footer .send-message-container button { position: absolute; right: 0; top: 0; } .live-chat-wrapper .live-chat-footer .send-message-container button:active { top: 1px; right: 1px; left: inherit; } .live-chat-wrapper .live-chat-footer .send-message-container button.immo-default { right: 7px; color: #fff; width: 35px; height: 35px; border-radius: 100%; background-color: #000; } .live-chat-wrapper .live-chat-footer .send-message-container input { border: none; } .live-chat-wrapper .live-chat-footer .send-message-container .attach-file-wrapper { width: 25px; height: 100%; position: absolute; left: 0; line-height: 32px; font-size: 20px; text-align: center; vertical-align: middle; } .live-chat-wrapper .live-chat-footer .send-message-container .attach-file-wrapper input[type=file] { position: absolute; width: 16px; height: 20px; left: 5px; bottom: 6px; z-index: 10; opacity: 0; cursor: pointer; } .live-chat-wrapper .live-chat-footer .send-message-container .attach-file-wrapper input[type=file]::-webkit-file-upload-button { border: none; margin: 0; padding: 0; -webkit-appearance: none; width: 0; } /* /Live page*/ /* Live|Tour list page */ .menu-wrapper .live-tour-list-page { padding: 10px; } .menu-wrapper .live-tour-list-page .tour-list-main-title p, .menu-wrapper .live-tour-list-page .new-tour-list .start-new-tour-wrapper .tour-description-wrapper p:nth-of-type(2) { margin: 0; } .menu-wrapper .live-tour-list-page .tour-list-main-title .main-title { font-size: 15px; font-weight: bold; } .menu-wrapper .live-tour-list-page .tour-list-main-title .title-description { font-weight: 300; } .menu-wrapper .live-tour-list-page .search-wrapper { margin: 0 0 15px 0; } .menu-wrapper .live-tour-list-page .search-wrapper .input-group { border: 1px solid #6b6b6b; } .menu-wrapper .live-tour-list-page .search-wrapper .input-group input { padding-left: 0; } .menu-wrapper .live-tour-list-page .search-wrapper .input-group input, .menu-wrapper .live-tour-list-page .search-wrapper .input-group span { background-color: inherit !important; } .menu-wrapper .live-tour-list-page .start-new-tour-wrapper { width: 100%; min-height: 100px; border: 1px solid #6b6b6b; overflow: auto; margin-bottom: 10px; } .menu-wrapper .live-tour-list-page .start-new-tour-wrapper .image-side { padding: 0; flex: 0.8; } .menu-wrapper .live-tour-list-page .start-new-tour-wrapper .image-side img { min-height: 100px; padding: 1px; } .menu-wrapper .live-tour-list-page .start-new-tour-wrapper .description-side { padding: 5px; flex: 1; } .menu-wrapper .live-tour-list-page .new-tour-list { height: calc(100% - 125px); } .menu-wrapper .live-tour-list-page .new-tour-list .start-new-tour-wrapper .tour-description-wrapper p:nth-of-type(1) { margin: 0 0 5px 0; font-weight: bold; } .menu-wrapper .live-tour-list-page .new-tour-list .start-btn-wrapper { padding-top: 20px; } /* /Live|Tour list page */ /* Live|New user page */ .menu-wrapper .live-invite-new-user-page form { padding: 10px; } .menu-wrapper .live-invite-new-user-page input, .menu-wrapper .live-invite-new-user-page select, .menu-wrapper .live-invite-new-user-page .input-group span.input-group-addon, .menu-wrapper .live-invite-new-user-page textarea { background-color: inherit !important; } .menu-wrapper .live-invite-new-user-page .input-group, .menu-wrapper .live-invite-new-user-page textarea { border: 1px solid #6b6b6b; } .menu-wrapper .live-invite-new-user-page .main-title { padding: 10px; font-size: 15px; font-weight: bold; margin: 0; } .menu-wrapper .live-invite-new-user-page #invite-modal .intl-tel-input { display: block !important; } /* /Live|New user page */ .menu-with-live-desctop { width: 290px !important; } /*Modals*/ .intl-tel-input .country-list { max-height: 150px; } .live-mode .intl-tel-input .country-list { width: 220px; } @media (min-width: 992px) { .intl-tel-input .country-list { bottom: 100%; } } #full-screen-img .modal-dialog { width: auto; } .immo-popup.content { width: 100%; min-height: 170px; overflow: hidden; background: rgba(255, 255, 255, 0.9); } .immo-popup.left-section { position: relative; float: left; min-height: 170px; background-color: rgba(25, 128, 169, 0.9); } .immo-popup.right-section { position: relative; float: left; min-height: 170px; } .immo-popup.close { position: absolute; top: 5px; right: 10px; z-index: 10; opacity: 1; } .immo-window .agent-name { float: left; font-size: 14px; padding: 0 5px 0 0; } .webrtc-not-support-modal .modal-content { color: grey; } .webrtc-not-support-modal .modal-header span { font-weight: bold; font-size: 15px; } .webrtc-not-support-modal .modal-body .info p.modal-title { margin: 0 0 20px 0; } .webrtc-not-support-modal .modal-body .info .join-without-webrtc { display: flex; align-items: center; flex-direction: column; } .webrtc-not-support-modal .modal-body .info .join-without-webrtc span { text-align: center; font-size: 18px; color: cornflowerblue; cursor: pointer; text-decoration: underline; } .webrtc-not-support-modal ul { padding: 0; } .webrtc-not-support-modal ul li { padding: 0 0 0 45px; margin: 0 0 15px 0; position: relative; } .webrtc-not-support-modal ul li i { position: absolute; left: 0; font-size: 30px; height: 100%; text-align: center; display: flex; color: #000; align-items: center; } .webrtc-not-support-modal ul li p { margin: 0; } .webrtc-not-support-modal ul li p:nth-of-type(1) { font-size: 20px; } .receive-call-modal .modal-content .modal-body, .call-rejected-modal .modal-content .modal-body { display: flex; flex-direction: row; padding: 0; } .receive-call-modal .modal-content, .call-rejected-modal .modal-content { padding: 0; } .receive-call-modal .modal-content .modal-body .avatar { width: 120px; height: 100%; position: relative; overflow: hidden; display: flex; align-items: center; } .receive-call-modal .modal-content .modal-body .info { width: calc(100% - 120px); position: relative; padding: 10px; } .call-rejected-modal .modal-content .modal-body .info { width: 100%; position: relative; padding: 10px; } .receive-call-modal .modal-content .modal-body .info p.agent-name, .call-rejected-modal .modal-content .modal-body .info p { font-size: 15px; } .receive-call-modal .modal-content .modal-body .info .call-buttons, .call-rejected-modal .modal-content .modal-body .info .call-buttons { position: relative; height: 40px; width: 100%; } .receive-call-modal .modal-content .modal-body .info .call-buttons button, .call-rejected-modal .modal-content .modal-body .info .call-buttons button { width: 40px; height: 40px; border-radius: 100%; } .receive-call-modal .modal-content .modal-body .info .call-buttons button:nth-of-type(1), .receive-call-modal .modal-content .modal-body .info .call-buttons button:nth-of-type(2), .call-rejected-modal .modal-content .modal-body .info .call-buttons button:nth-of-type(1), .call-rejected-modal .modal-content .modal-body .info .call-buttons button:nth-of-type(2) { margin: 0 10px 0 0; background-color: #4aa748; color: #fff; } .receive-call-modal .modal-content .modal-body .info .call-buttons button:nth-of-type(3), .call-rejected-modal .modal-content .modal-body .info .call-buttons button:nth-of-type(3) { border: 1px solid #b63f46; background-color: transparent; color: #b63f46; } .receive-call-modal .modal-header { padding-left: 40px; text-align: left !important; font-weight: bold; } .receive-call-modal .modal-header .modal-title { padding: 0 0 0 10px; } .receive-call-modal .modal-header i.fa-video-camera { position: absolute; left: 18px; font-size: 18px; top: 18px; } .receive-call-modal .modal-body { padding: 0 20px 20px 20px; } .receive-call-modal .accept-call-btn, .receive-call-modal .reject-call-btn, .call-rejected-modal .accept-call-btn, .call-rejected-modal .reject-call-btn { -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; padding: 5px 30px; } .receive-call-modal .accept-call-btn, .call-rejected-modal .accept-call-btn { color: #fff; background-color: #46aa46; margin: 0 10px 0 0; } .receive-call-modal .reject-call-btn, .call-rejected-modal .reject-call-btn { color: #000; background-color: transparent; border: 1px solid red; } #welcome-modal .immo-popup.left-section .image-parameters, .immo-window .immo-popup.left-section .image-section .image-parameters { position: absolute; overflow: hidden; margin: auto; max-width: 150px; max-height: 150px; height: auto; top: 0; left: 0; bottom: 0; right: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } #welcome-modal { pointer-events: none; } #welcome-modal .modal-dialog { pointer-events: all; } #welcome-modal .immo-popup.content { box-shadow: 0px 0px 10px black; } #welcome-modal .immo-popup.content .header { margin: 0 0 15px 0px; text-align: left; color: #000; font-size: 21px; } body { min-width: 200px; } #welcome-modal .immo-popup.content { display: flex; } #welcome-modal .immo-popup.left-section { flex: 0.4; } #welcome-modal .immo-popup.right-section { flex: 1; } #welcome-modal .immo-popup.right-section .description { position: relative; font-size: 16px; margin: 0 0 15px 0px; } .immo-window .immo-popup .top-section { padding-top: 10px; padding-left: 25px; padding-bottom: 17px; padding-right: 80px; } .immo-window .immo-popup .top-section h3 { margin-bottom: 7px; } .immo-window .immo-popup.left-section .image-section { width: 100%; height: 180px; } .immo-window .immo-popup.left-section, .immo-window .immo-popup.right-section { min-height: 440px; padding-bottom: 500em; margin-bottom: -500em; } .immo-window .immo-popup.left-section .image-section .image-parameters { top: 20px; bottom: inherit; } .immo-window .immo-popup.left-section .description-wrapper { color: #fff; padding: 0 0 15px 0; } .immo-window .immo-popup.left-section .header { font-size: 22px; margin: 0 0 20px 0; } .immo-window .immo-popup.left-section .description { font-size: 14px; } .immo-window .immo-popup.right-section .registration-section { margin: 50px 0 0 0; color: #676767; min-height: 405px; } #infopoints-edit-modal .registration-section { min-height: 240px !important; } #infopoints-modal .registration-section { min-height: 0px; } #infopoints-modal .tab-content.add-infopoint, #infopoints-edit-modal .tab-content.add-infopoint { width: 100%; height: 60px; padding: 10px 0; } .immo-window .immo-popup.right-section .registration-section .header { margin: 0 0 5px 0; text-align: left; color: #707070; font-size: 27px; } #immo-revocation .content, #immo-privacyPolicy .content, #immo-legal-agreement .content, #agent-privacyPolicy .content { pointer-events: all; } #immo-GENDER select .select-gender { background-color: #f0f0f0; border-bottom: none; } .immo-window .immo-popup.right-section .registration-section .subtitle, #floor-edit-modal .subtitle { margin: 0 0 15px 0; color: #555555; font-size: 13px; font-weight: 400; } .immo-popup.content .input-group, #immo-popup-text > textarea { border: 1px solid #c7c7c7; border-radius: 3px; } .immo-popup.content .has-error .input-group, .has-error #immo-popup-text > textarea, .has-error { border-color: #b94a48 !important; } #ask-hotspot-modal .immo-popup.content { min-height: auto; } input, select, textarea, .input-group span.input-group-addon { background-color: white !important; } .input-group span.input-group-addon, .input-group input, .input-group select { border: none !important; border-radius: 3px; } span.input-group-addon { border-radius: 3px 0px 0px 3px !important; } .input-group input, .input-group select, .input-group textarea { border-radius: 0px 3px 3px 0px !important; } .immo-window .immo-popup.right-section .input-group-addon { border: none; } .immo-window .immo-popup.right-section .registration-section .btn-register, .registration-section .btn-publish, .registration-section .btn-publish-sending { width: 120px; height: 40px; background-color: #007daf; color: #fff; font-weight: bold; } .modal.center-vertical { text-align: center; padding: 0 !important; } .modal.center-vertical:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal.center-vertical .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } /*Custom styles for select2 plugin*/ .registration-section .select2-default { background-color: #002E70; } .registration-section .select2-container--default .select2-selection--single { height: 35px; background-color: #F0F0F0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .registration-section .select2-container--default .select2-selection--single .select2-selection__rendered { color: #9c9797; line-height: 36px; } .registration-section .select2-container--default .select2-selection--single .select2-selection__arrow { width: 46px; height: 35px; top: 0; right: 0; background-color: #919191; } #info-content .table-col, #info-content #t6 .table-wrapper { padding: 0px; } .contact-page .contact-information.companyName a { font-weight: 600; text-transform: uppercase; color: #5f5f5d; font-size: 17px; } .contact-page .contact-information.companyName { box-shadow: 0px 3px 0px 0px white, 0px 4px 0px 0px #655d5a; } .registration-section .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #FFF transparent transparent transparent; } .registration-section .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #FFF transparent; } /* / Custom styles for select2 plugin */ /*responsive part*/ @media screen and (min-width: 768px) { #register-modal .immo-popup.right-section .registration-section .padding-r { padding: 0 10px 0 0; } } @media screen and (max-width: 768px) { .live-follow-guest-interaction { display: none !important; } #register-modal.modal.center-vertical:before { height: auto; } #welcome-modal .immo-popup.content { display: block; } #welcome-modal .immo-popup.left-section, #welcome-modal .immo-popup.right-section { flex: inherit; } .krpano-content.settings-nav-active .menu-wrapper { width: calc(100% - 110px); } .krpano-content.control-nav-active .menu-wrapper, .krpano-content.settings-nav-active .menu-wrapper { width: calc(100% - 400px); } .krpano-content.control-nav-active .menu-wrapper.live-mode { width: calc(100% - 50px); } #live-user-list-page.right-menu { width: 100%; height: calc(100% - 20px); z-index: 20; } } @media screen and (max-width: 700px) { .krpano-content.control-nav-active .menu-wrapper, .krpano-content.settings-nav-active .menu-wrapper { width: calc(100% - 50px); } } #welcome-modal .immo-popup.right-section { padding: 10px; } @media screen and (max-width: 991px) { .immo-window .modal-dialog { width: 90% !important; } .menu-wrapper { height: calc(100% - 16px); bottom: 16px; } .menu-wrapper .menu-right-bar { height: 100%; bottom: 0; } .menu-wrapper.bottom-line-none { height: 100%; bottom: 0; } .menu-wrapper .info-page #info-carousel .carousel-inner .item img { margin: auto; height: auto; max-height: 300px; } .menu-wrapper .info-page #info-carousel .carousel-indicators { top: 10px; bottom: inherit; } .krpano-content.control-nav-active .menu-wrapper.menu-open { right: 50px; } .krpano-content.control-nav-active .menu-right-bar { right: -50px; } .menu-wrapper .contact-page .contact-information-section .contact-mail-btn { top: 10px; } .control-panel.left { left: -70px; } .krpano-content.settings-nav-active .control-panel.left, .krpano-content #control-panel-left-vr.set-active.left { left: 0; } .control-panel.right { right: -50px; } .krpano-content.control-nav-active .control-panel.right { right: 0; } .control-panel.left, .control-panel.right { width: 50px; bottom: 66px; z-index: 12; } .control-panel.left .buttons-wrapper, .control-panel.right .buttons-wrapper { padding: 0; } .control-panel.left .buttons-wrapper .panel-button, .control-panel.right .buttons-wrapper .panel-button { padding: 10px 0 10px 0; } #switcher { padding-left: 5px; } .control-panel.left.single-button .buttons-wrapper .panel-button, .control-panel.right.single-button .buttons-wrapper .panel-button { padding: 10px 0 0 0; } .control-panel.left.single-button.margin-bottom-0 .buttons-wrapper .panel-button, .control-panel.right.single-button.margin-bottom-0 .buttons-wrapper .panel-button { padding: 10px 0 5px 0; } #welcome-modal .immo-popup.left-section .image-parameters, .immo-window .immo-popup.left-section .image-section .image-parameters { max-width: 80%; max-height: 80%; } .immo-window .immo-popup.right-section .registration-section { margin: 20px 0 0 0; } .immo-window .immo-popup.left-section .image-section { height: 130px; } .control-panel.right #floor-plan-btn .filter-pic-shadow { top: 11px !important; } } #info-tab li a { padding: 6px 5px; } @media screen and (min-width: 992px) { .menu-wrapper { width: 420px; padding: 0; } } @media screen and (min-width: 0) and (max-width: 768px) { .menu-wrapper { right: -106%; } } @media screen and (min-width: 769px) { .menu-wrapper.live-mode { width: 290px; } } @media screen and (min-width: 769px) and (max-width: 991px) { .menu-wrapper { right: -72%; } } .modal .immo-popup.close span { font-size: 30px; } @media (max-width: 768px) and (orientation: landscape) { #welcome-modal .immo-popup.content { display: flex; } #welcome-modal .immo-popup.left-section { flex: 0.4; } #welcome-modal .immo-popup.right-section { flex: 1; } #welcome-modal .immo-popup.left-section.col-xs-12, .immo-window .immo-popup.left-section .image-section.col-xs-12 { width: 33.33333333%; } .immo-window .immo-popup.left-section .image-section.col-xs-12 { height: 180px; } #welcome-modal .immo-popup.right-section.col-xs-12, .immo-window .immo-popup.left-section .description-wrapper.col-xs-12 { width: 66.66666667%; } .immo-window .immo-popup.left-section .description-wrapper.col-xs-12 { padding: 15px; } .immo-window .immo-popup.left-section .image-section.col-xs-12 .image-parameters { max-height: 100px; top: 0; bottom: 0; } } .owl-item .slider-element .slider-description.locked { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: black; text-shadow: none; background-color: rgba(255, 255, 255, 0.85); } .owl-item .slider-element .slider-description.locked:before, .hotspot.locked .locked-overlay:before { content: "\f023"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 35px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hotspot.locked .locked-overlay { display: none; } .hotspot.locked .title-wrapper h1 { color: #333333; text-shadow: none; } .hotspot.locked .locked-overlay { width: 100%; height: 100%; display: inline-block; position: absolute; top: 0; left: 0; border-radius: 100%; background-color: rgba(255, 255, 255, 0.85); } #switcher .language-switcher { width: 80px; } @media screen and (min-width: 0) and (max-width: 768px) { #switcher .language-switcher { width: 52px; } .select2-container--language-switcher .select2-selection--single .select2-selection__arrow { right: 3px; } } .input-group-addon > i { padding-left: 10px; } #switcher .select2-selection__rendered { text-align: center; } .flag + span { margin-left: 3px; } .share-section .share a { color: #383838; } .share-section .share a:hover { color: black; } .success-title { color: darkgreen; } #popOverWrapper { position: absolute; margin: 0px 0px 0px -18px; padding: 0px; height: 1px !important; width: 1px !important; } #popOverWrapper .popover-title { color: white; font-weight: 600; } #popOverWrapper .popover button.close { position: absolute; right: 7px; color: white; opacity: 1; } #popOverWrapper .popover { min-width: 150px; bottom: 10px; top: initial; left: 50%; margin-left: -57px; overflow: visible; z-index: 5; } #popOverWrapper .popover a { display: inherit; } #hotspotBlockingOverlay { background-color: rgba(0, 0, 0, 0.7); position: absolute; width: 100%; height: 100%; z-index: 9; } .btn-publish-sending { cursor: default; pointer-events: none; } .upload-wrapper form { margin: 0; } .upload-wrapper span.name { width: 100%; display: inline-block; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } /*Info Points*/ .info-point:hover { background-color: white; } .info-point { background-color: #e9ddd6; z-index: 1 !important; opacity: .5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-align: center; -webkit-filter: drop-shadow(0px 0px 5px black); -moz-filter: drop-shadow(0px 0px 5px black); -ms-filter: drop-shadow(0px 0px 5px black); -o-filter: drop-shadow(0px 0px 5px black); filter: drop-shadow(0px 0px 15px black); background-image: none !important; margin-top: -26px; } .info-point:hover:before { border-top: 25px solid white; } .info-point:before { content: ""; position: absolute; top: 100%; left: 50%; margin: -18px 0px 0px -20px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 25px solid #e9ddd6; } .info-point i { font-size: 23px; color: #404040; position: absolute; top: 10px; left: 11px; } .info-point i.fa-file-pdf-o { left: 13px !important; } .info-point-icon { width: auto; height: auto; float: right; margin: 0 10px 0 0; font-size: 18px; } .info-point-icon:before { font-family: FontAwesome; } .info-point-icon.IMAGE:before { content: "\f030"; } .info-point-icon.VIDEO:before { content: "\f03d"; } .info-point-icon.PDF:before { content: "\f15b"; } .info-point-icon.TEXT:before { content: "\f0f6"; } .info-point-icon.EMBED_URL:before { content: "\f0c1"; } .image-section-infopoint { margin: 30px 0px; } .btn.btn-infopoint-submit { border: 1px solid #7d7d7d; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 15px; margin-left: 5px; } ::-moz-placeholder { /* Firefox 19+ */ font-size: 15px; margin-left: 5px; } :-ms-input-placeholder { /* IE 10+ */ font-size: 15px; margin-left: 5px; } :-moz-placeholder { /* Firefox 18- */ font-size: 15px; margin-left: 5px; } .input-group-addon { padding-left: 0px; } /* Fix for not clickable inputs inside labels in iOS (https://github.com/ftlabs/fastclick/issues/60) */ label > * { pointer-events: none; } .info-point-header { width: 150px; position: relative; height: 40px; font-size: 15px; padding-top: 10px; background-color: #e9ddd6; float: left; top: 80px; z-index: 10; transform: scale(5, 5); box-shadow: 1px 2px 2px black; } .infpoint-popup .immo-popup.content { display: flex; flex-direction: column; background-color: transparent; } .infpoint-popup .immo-popup.content .icon { position: absolute; display: flex; height: 60px; width: 60px; left: -60px; color: #fff; background-color: #666767; font-size: 30px; align-items: center; justify-content: center; opacity: .9; } .infpoint-popup .window-info-point-text .window-info-point-header-description, .infpoint-popup .window-info-point-text .window-info-point-custom-fields { padding: 10px 0; overflow-y: auto; overflow-x: hidden; word-break: normal; font-size: 15px; line-height: 25px; height: auto; max-height: 185px; } .infpoint-popup .window-info-point-text .window-info-point-header-description { white-space: pre-wrap; } .infpoint-popup .window-info-point-text .window-info-point-custom-fields { font-size: 13px; max-height: 270px; } .infpoint-popup .window-info-point-text .window-info-point-header-description * { word-break: normal; } .infpoint-popup .window-info-point-text .window-info-point-header-text { font-weight: bold; font-size: 17px; } .viewed-label { position: absolute; width: 30px; height: 30px; background-color: #005ea8; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-align: center; color: #fff; font-size: 20px; top: -12px; right: -12px; display: none; } .viewed-label i { position: relative; top: 3px; left: inherit; transform: scale(1, 1); font-size: inherit; color: #fff; } .infpoint-popup .immo-popup.close { position: absolute; margin: auto; top: 13px; right: 18px; color: #fff; } .infpoint-popup .immo-popup.close > span { font-size: 33px; color: #fff !important; text-shadow: 1px 2px 5px black; } .infpoint-popup .window-info-point-body { position: relative; width: 100%; height: auto; max-height: 450px; float: left; overflow-y: auto; text-align: center; } .infpoint-popup .window-info-point-text { height: auto; max-height: 320px; padding: 15px; background-color: #fff; } .infpoint-popup .window-info-point-text.no-description { height: 50px; } #infopoint-img-window .window-info-point-body img { margin: auto; width: auto; } #infopoint-url-window .window-info-point-body iframe { width: 100%; min-height: 300px; max-height: 350px; height: calc(100% - 4px); } #infopoint-img-window .window-info-point-body #info-point-carousel .carousel-inner img { margin: auto; } #infopoint-img-window .window-info-point-body #info-point-carousel .carousel-indicators li { width: 15px; height: 15px; background-color: #fff; } #infopoint-img-window .window-info-point-body #info-point-carousel .carousel-indicators .active { width: 17px; height: 17px; border: 2px solid #000; } #info-point-pdf { width: 100%; min-height: 400px; background-color: #fff; } #infopoint-video { width: 100%; height: 350px; } .bottom-inherit { bottom: inherit; } .fullscreen-wrapper { position: absolute; float: right; width: 17px; height: 17px; top: 21px; right: 45px; color: #fff !important; z-index: 10; font-size: 17px; cursor: pointer; font-family: FontAwesome; text-shadow: 1px 2px 5px black; } .fullscreen-wrapper:before { content: "\f065"; } .fullscreen-wrapper.active:before { content: "\f066"; } .modal input[type=text], .modal input[type=email], .modal input[type=number], .modal textarea { color: #585858 !important; font-size: 14px !important; } #add-room { color: white; font-weight: 600; border: 1px solid #5a5a5a; pointer-events: all; margin-top: 35px; cursor: pointer; } html.iphone, html.iphone body { height: 100.1%; } label input[type=checkbox].checkbox + span:before, label input[type=radio].radiobox + span:before { background-color: white; } #hotspot_drag { width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; } #hotspot_drag.common_grab, #infopoint_drag.common_grab, #measurement_drag.common_grab, #link_drag.common_grab{ -webkit-filter: drop-shadow(0px 0px 3px black); -moz-filter: drop-shadow(0px 0px 3px black); -ms-filter: drop-shadow(0px 0px 3px black); -o-filter: drop-shadow(0px 0px 3px black); filter: drop-shadow(0px 0px 3px black); opacity: .8; position: absolute; display: none; } #infopoint_drag, #measurement_drag { width: 70px; height: 80px; margin-top: -40px; margin-left: -35px; } #link_drag { width: 70px; height: 80px; margin-top: -40px; margin-left: -35px; } .top-panel ul { list-style-type: none; pointer-events: none; margin: 0; padding: 0; overflow: hidden; background-color: rgba(45, 45, 45, 0.85); font-family: RobotoDraft,Roboto,sans-serif; font-size: 15px; } .top-panel li { pointer-events: all; float: left; } .top-panel li a { display: block; color: #e6e6e6; text-align: center; padding: 10px 11px; text-decoration: none; font-size: 13px; font-weight: 600; } .top-panel li a:hover { color: white; background-color: rgba(20, 20, 20, 0.85); } .top-panel li a.active, .top-panel li a.active i { color: white !important; font-weight: 600; } .top-panel { width: 100%; position: fixed; z-index: 5; top: 0; } #exit-modal .modal-header, #remove-room-modal-ask .modal-header { text-align: center; } #exit-modal .modal-header h4, #remove-room-modal-ask .modal-header h4, #remove-floor-plan-modal-ask .modal-header h4, #add-floor-plan-hotspot-modal-ask .modal-header h4 { font-weight: 600; } #exit-modal .modal-header button.close, #remove-room-modal-ask .modal-header button.close { opacity: .9; } .selet_area_modal_submit, .selet_area_modal_reset_submit { margin-top: 10px; } .selet_area_modal_reset_submit { margin-left: 10px; } .modal div.description { padding-bottom: 10px; } /* Blur window styling of border */ polygon[fill="rgba(255,255,255,0.1)"][stroke-width="2"], polygon[fill="rgba(255,255,255,0.6)"][stroke-width="2"] { stroke-dasharray: 7; } polygon[fill="rgba(255,255,255,0.1)"][stroke-width="2"] { cursor: move !important; } polygon[fill="rgba(255,255,255,0.6)"][stroke-width="2"] { cursor: default !important; } .blur-any:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 24px !important; display: inline-block; padding: 4px; color: white; } .blur-any { border-radius: 5px; background-color: #131313; z-index: 1 !important; } .editor-blur-icon:before { content: "\f044" !important; } .editor-blur-icon-close:before { content: "\f1f8" !important; padding: 2px 6px; } .editor-blur-icon-close { background-color: #a90329 !important; } .editor-blur-icon-save:before { padding: 2px 5px !important; content: "\f0c7" !important; } .editor-blur-resize { cursor: se-resize !important; background-color: inherit !important; } .editor-blur-resize:before { content: "\f111" !important; opacity: .95 !important; text-shadow: 0px 0px 1px #000; } .jcrop-handle { border-radius: 50% !important; opacity: .8 !important; border: 2px solid black; } .jcrop-keymgr { display: none; opacity: 0; } .info-point ~ svg { z-index: 0 !important; } .owl-carousel a.remove-room, .owl-carousel .lock-unlock-room { position: absolute; bottom: 5px; top: initial !important; pointer-events: all; } .owl-carousel a.remove-room *, .owl-carousel .lock-unlock-room * { pointer-events: none; } .owl-carousel a.remove-room { left: 5px; } .owl-carousel .lock-unlock-room { left: inherit; right: 5px; } .slider-gallery-section .owl-stage .owl-item.disabled { cursor: not-allowed; } .slider-gallery-section .owl-stage .owl-item.disabled > * { pointer-events: none; } .slider-gallery-section .owl-nav .disabled { display: none; } #floor-plan-content .map-wrapper form .text-click-block { position: absolute; top: 50%; margin-top: -37px; left: 0; pointer-events: none; } .krpano-content.right-menu-active .editor-alert { left: 10; right: inherit !important; width: 45vw; } .editor-alert { position: absolute; left: 0; right: 0; margin: 0 auto; top: 45px; width: 80vw; min-width: 300px; border: none; z-index: 1000; visibility: hidden; opacity: 0; transition: visibility 0s 0.4s, opacity 0.4s linear; } .editor-alert.show { height: auto; visibility: visible; opacity: 1; transition: opacity 0.4s linear; } .editor-alert .icon-wrapper { color: #fff; padding: 10px; top: 0; position: absolute; left: 0; width: 35px; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #top_feedback_success .icon-wrapper { background-color: #356635; } #top_feedback_error .icon-wrapper { background-color: #953b39; } #top_feedback_warning .icon-wrapper { background-color: #826430; } .editor-alert .feedback_content { color: #000; } .editor-alert div.content { padding: 10px 10px 10px 45px; } .alert .close { margin-top: -5px !important; } .floor-plan-page .floor-plane-hotspot { z-index: 10; } .filter-pic { -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } #manage_floorplan:hover .filter-pic, .top-panel li a:hover img.filter-pic { -webkit-filter: url(#specific_color); filter: url(#specific_color); } #control-panel-right #floor-plan-btn.active-button .filter-pic-shadow { display: none; } #control-panel-right #floor-plan-btn .filter-pic-shadow { position: absolute; display: block; height: 26px; left: 54%; margin-left: -15px; filter: blur(2px); top: 2px; } #control-panel-right #floor-plan-btn .filter-pic { position: relative; height: 26px; left: 50%; margin-left: -15px; z-index: 30; } #control-panel-right #floor-plan-btn.active-button .filter-pic { -webkit-filter: url(#specific_color); filter: url(#specific_color); position: absolute; height: 20px; left: 0; right: 0; margin: auto; top: 0; bottom: 0; } #control-panel-right #floor-plan-btn .active-button-background { display: none; } #control-panel-right #floor-plan-btn.active-button .active-button-background { position: relative; display: block; float: inherit; width: 30px; height: 30px; left: 50%; margin-left: -15px; background-color: #ffffff; border-radius: 100%; -webkit-border-radius: 100%; } #immo-popup-text .preview-image { display: none; max-height: 100px; max-width: 100px; margin-left: auto; margin-right: auto; padding-top: 10px; } @media (min-width: 768px) { #ask-hotspot-modal .modal-sm { width: 305px !important; } } /* measurement line: */ polyline { stroke-dasharray: 20 20; pointer-events: none !important; } #control-panel-left #measureIcon { width: 35px; } #control-panel-left #measureIcon .filter-pic-shadow { position: absolute; display: block; height: 26px; top: 2px; } #control-panel-left #measureIcon .filter-pic { position: relative; height: 26px; z-index: 30; } #measure-mode { margin: 10px 40px; pointer-events: all; text-align: justify; position: absolute; bottom: 50px; display: none; } .revert-row-margin { margin: inherit !important; } .menu-wrapper .floor-plane-section .item .floor-plane-tab .map-name { width: calc(100% - 55px); overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; } .menu-wrapper.live-mode .floor-plane-section .item .floor-plane-tab .map-name { width: 100%; } .menu-wrapper .floor-plane-section .item .floor-plane-tab .edit-floor-btn, .menu-wrapper .floor-plane-section .item .floor-plane-tab .remove-floor-btn { padding: 4px 5px; margin: 0px 0px 0px 2px; } .measure-mode-menu { background-color: #ffffff; width: 290px; left: 10px; top: 100px; position: absolute; } .measure-mode-menu #floor li, .measure-mode-menu #wall li { padding: 5px 0; } .measure-mode-menu .hint { height: auto; background-color: #dedede; margin-top: 20px; padding: 10px 15px; display: flex; } .measure-mode-menu .hint > span:nth-child(1) { width: 25px; display: inline-block; vertical-align: middle; height: 40px; display: flex; align-items: center; margin-right: 10px; } .measure-mode-menu .measurement-list .fa { cursor: pointer; margin-top: 2px; } .measure-mode-menu .measurement-list .show-measurement.selected { color: #005ea8; font-weight: 700; } .measure-mode-menu h5 { padding: 0 10px; } .measure-mode-menu .measurement-list { padding: 0 10px; } #measurement-dialog .simple-input { border-top-width: 0; border-left-width: 0; padding-left: 0; border-right-width: 0; display: inline-block; width: 50px; height: 22px; background-color: transparent !important; } #measurement-dialog .radio label { padding-left: 30px; } #measurement-dialog > .modal-dialog, #viewing-angle-dialog > .modal-dialog { width: 400px; } #measurement-dialog .custom-btn-group, #viewing-angle-dialog .custom-btn-group { background-color: lightgray; height: 40px; display: flex; justify-content: space-between; align-items: center; } #measurement-dialog .custom-btn-group .btn, #viewing-angle-dialog .custom-btn-group .btn { height: inherit; width: auto; border-radius: 0px; } #measurement-dialog .custom-btn-group .prev-btn, #viewing-angle-dialog .custom-btn-group .prev-btn { background-color: inherit; } #measurement-dialog.immo-window .immo-popup .top-section, #viewing-angle-dialog .immo-popup .top-section { padding-top: 20px; padding-bottom: 0; } #measurement-dialog .measure-mode-wrapper { min-height: 250px; display: flex; flex-direction: column; } #measurement-dialog .immo-popup { flex-grow: 1; } .white-background { background: #ffffff !important; } .no-wrap-display { display: inline-flex; } .show-custom-preview-wrapper .help-block { display: none; } .show-custom-preview-wrapper.has-error .help-block { display: block; } #measureIcon.panel-button.active .filter-pic { filter: none; } #measureIcon.panel-button.active .filter-pic-shadow { display: none; } #logout { margin-left: 25px; border: 1px solid white; padding: 4px; margin-top: -5px; } #logout .fa { cursor: pointer; color: #fff; } #infopoints-edit-modal .remove-attachment-wrapper .attachment-title { display: inline-block; max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #infopoints-edit-modal .remove-attachment-wrapper .remove-attachment { cursor: pointer; } .white-color { color: #fff; } #image-resolution-info { position: absolute; top: 50px; left: 10px; height: auto; background: rgba(255, 255, 255, 0.7); font-size: 14px; padding: 10px; text-transform: uppercase; } #image-resolution-info > span { margin-right: 15px; } #image-resolution-info .fa { cursor: pointer; } .contact-avatar { object-fit: cover; } .img-custom-responsive { display: block; width: 100%; height: auto; } .footnote { font-size: 8pt; color: grey; } div.hotspot { animation: none !important; } .margin-top-10 { margin-top: 10px; } .margin-bottom-10 { margin-bottom: 10px; } #accept-privacy-policy-modal .immo-popup.content { min-height: auto !important; } #accept-privacy-policy-modal .checkbox { margin: 10px 0; font-size: 11px; } #accept-privacy-policy-modal .agree-btn { color: #fff; margin: 0px 10px 10px 10px; } #accept-privacy-policy-modal .content { pointer-events: all; } #viewing-angle-dialog .viewing-angle-mode-wrapper .top-section { padding-left: 0; } .wall-measurement img, .measurement-note-values img { display: inline-block; width: 30px; } .measurement-note-values img { margin-right: 5px; } .measurement-note-values input { display: inline-block; flex: 1; width: inherit; padding: 2px; } .measurement-note-values .col-md-4 { display: flex; align-items: end; } .margin-40 { margin: 40px; } .color-white { color: white; } .plans { position: absolute; bottom: 0; left: 0; width: 100%; } .plans__floorplan-icon { vertical-align: text-bottom; display: inline-block; } .plans__tab { /*display: none;*/ } .plans__floorplan { position: absolute; bottom: 80px; left: 0px; } .plans__floorplan_mobile { left: 0; } .plans .live.show-floorplan-to-all { position: absolute; left: 0; bottom: 0; background-color: white; padding: 0 10px; } .floorplan { /*position: relative;*/ width: 300px; height: 260px; min-height: 260px; overflow: hidden; opacity: 0.6; transition: all 0.3s; -webkit-transition: all 0.3s; background: transparent; position: absolute; left: 0; bottom: 0; z-index: 9; } .floorplan_opaque { opacity: 1; } .floorplan__wrapper { position: absolute; min-width: 100px; min-height: 260px; left: 30px; transition: all 0.3s; -webkit-transition: all 0.3s; } .floorplan__floor { display: none; } .floorplan__floor.active { display: block; position: relative; } .floorplan__hotspot { position: absolute; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; pointer-events: all; cursor: pointer; background-color: #017bb4; border: none; box-shadow: 0; z-index: 10; } .floorplan__hotspot.active { width: 41px; height: 41px; margin-left: -21px; margin-top: -21px; background-color: #e4e7ec !important; box-shadow: 0 0 0 1px #017bb4; } .floorplan__arrow { background: #fcfef0; border: 1px solid #dac806; border-radius: 0 0 30px; display: block; height: 23px; width: 23px; transform: rotate(-45deg); position: absolute; top: 9px; left: 24px; } .floorplan__center { background: #dac806; border-radius: 13px; width: 15px; height: 15px; position: absolute; top: 13px; left: 13px; } .floorplan .tooltip { pointer-events: none; } .floorplan__image { max-width: 100%; } /* floorplan's navigation */ .floorsnav { transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s; position: absolute; left: 35px; bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .floorsnav__items { justify-content: center; align-items: center; display: flex; padding: 0; } .floorsnav__item { padding: 0; pointer-events: auto; white-space: nowrap; } .floorsnav__item:first-child { padding-left: 0; } .floorsnav__item .floorsnav__button[data-tooltip] { position: relative; } @media (min-width: 53em) { .floorsnav__item .floorsnav__button { border: 3px solid #fff; font-size: 1.875rem; height: 55px; transform: scale(1); width: 55px; } } .floorsnav__item .floorsnav__button { background: #ececec; border: none; color: #000; cursor: pointer; font-size: 16px; font-weight: 400; height: 25px; min-width: 25px; width: auto; margin: 0; transition: all 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; } .floorsnav__item .floorsnav__button[data-tooltip] { position: relative; } .floorsnav__item .floorsnav__button[data-tooltip]::after, .floorsnav__item .floorsnav__button[data-tooltip]::before { transition-property: opacity; transition-duration: .1s; transition-delay: 0s; } .floorsnav__item .floorsnav__button[data-tooltip]::before { content: attr(data-tooltip); z-index: 20; position: absolute; bottom: -35px; left: 50%; padding: 3px 9px; display: block; width: auto; height: auto; opacity: 0; font-size: 13px; font-weight: 500; color: #333; letter-spacing: .025em; white-space: nowrap; background: #fff; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transform: translateX(-50%); } .floorsnav__item .floorsnav__button[data-tooltip]::after { content: ''; position: absolute; bottom: -10px; left: calc(50% - 5px); opacity: 0; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #fff; box-shadow: 2.5px 4.33px 10px 0 rgba(0, 0, 0, 0.2); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .floorsnav__item:active .floorsnav__button, .floorsnav__item:hover .floorsnav__button { background: #292929; color: #fff; } .floorsnav__item.active .floorsnav__button { background: #d4d4d4; color: #292929; } #floorModel3D { position: absolute; width: 100% !important; height: 100% !important; top: 0px; left: 0px; z-index: 0; pointer-events: none; } /* zoom block */ .floors-zoom { position: absolute; bottom: 25px; left: 0; width: 35px; display: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .floorplan_expanded .floors-zoom { display: block; } .floors-zoom__wrapper { position: absolute; bottom: 35px; right: 0px; } .floors-zoom__btn { background: #ececec; cursor: pointer; font-size: 18px; line-height: 23px; font-weight: bold; height: 25px; margin: 0; transition: all 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; width: 25px; display: block; color: #000; text-align: center; } .floors-zoom__btn:hover { background: #292929; color: #fff; } /* corrector grid*/ .grid { position: relative; pointer-events: none; } .grid__item { width: 100%; height: 1px; background: rgba(0, 0, 0, 0.3); position: fixed; left: 0; } .grid__item-vert { width: 1px; height: 100%; left: 50%; top: 0; } /* corrector settings */ .image-settings { position: fixed; top: 259px; right: 10px; background: #eee; border: 1px solid #ccc; width: 401px; clear: both; } .image-settings__label { margin-right: 5px; } .image-settings__input { width: 50px; margin-right: 5px; display: inline-block; padding: 6px 3px; } .image-settings__button { vertical-align: top; } .suggestion { display: inline-block; float: right; } .suggestion__btn { vertical-align: top; } .suggestion__input { width: 40px; padding: 6px 3px; display: inline-block; } .magnifier { right: 10px; top: 10px; position: absolute; z-index: 254; width: 401px; height: 250px; border: 1px solid #ccc; } .magnifier__cross { width: 40px; height: 40px; position: absolute; z-index: 255; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0.7; } .magnifier__cross:before, .magnifier__cross:after { content: ""; position: absolute; background: rgba(255, 0, 0, 0.6); } .magnifier__cross:before { left: 50%; width: 1px; height: 100%; } .magnifier__cross:after { top: 50%; height: 1px; width: 100%; } /* progressbar in 3dplayer */ .progressbar { margin: 0 auto; width: 400px; height: 8px; position: fixed; left: 50%; top: 40%; transform: translate(-50%, -50%); } .timeline { height: 100%; width: 100%; list-style: none; padding: 0; vertical-align: top; background: #d9d9d9; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ } .timeline__item { position: relative; float: left; margin: 0; padding: 0; /*max-width: 250px;*/ height: 100%; } .timeline__link { display: inline-block; background: #fff; height: 100%; width: 100%; color: #000; padding: 10px 10px 10px 45px; position: relative; font-size: 14px; -webkit-tap-highlight-color: #fff; } .timeline__link:link { color: #0e0e0e; } .timeline__link:hover { color: #0e0e0e; } .timeline__item:first-child .timeline__link { padding-left: 20px; } .timeline__time { display: block; font-size: 13px; line-height: 17px; margin-bottom: 2px; } .timeline__name { display: block; font-weight: bold; font-size: 16px; line-height: 21px; } .timeline__triangle { content: ""; position: absolute; top: 0; border: 0 solid #fff; border-width: 30px 0 30px 25px; width: 0; height: 0; left: 100%; border-color: transparent; border-left-color: #fff; z-index: 1; } .timeline__shadow { border-left-color: #ddd; margin-left: 1px; } .timeline__arrow_left, .timeline__arrow_right { display: none; font-size: 32px; color: #fff; background: none; border: none; } .timeline_small { background: #fff; } .timeline_small .timeline__item:last-child .timeline__triangle { display: none; } .timeline_small .timeline__triangle { border-left-width: 15px; } .timeline_small .timeline__link { padding: 10px 10px 10px 30px; } .timeline_table .timeline__list { display: table; table-layout: auto; width: 100% !important; } .timeline_table .timeline__item { display: table-cell; float: none; white-space: nowrap; } .timeline_table ~ .scrollbar { display: none; } .timeline_wide { width: 100% !important; } .timeline__item_active .timeline__link { background: #007daf; color: #fff; } .timeline__item_active .timeline__link:link { color: #fff; } .timeline__item_active .timeline__link:hover { color: #fff; } .timeline__item_active .timeline__triangle { border-left-color: #007daf; } @media (max-width: 767px) { .timeline__list { width: 100% !important; /* must not be affected by sly */ } .timeline__item { display: none; } .timeline__item_active { display: block; width: 100%; } .timeline__link { padding: 10px; } .timeline__link_active { display: block; } .timeline__time, .timeline__name { text-align: center; } .timeline__triangle { display: none; } .timeline__arrow_left { position: absolute; top: 10px; left: 0; display: block; } .timeline__arrow_right { position: absolute; top: 10px; right: 0; display: block; } .timeline_small .timeline__link { padding: 10px; } .timeline_small .timeline__arrow { top: 0; } } .tour-changer { position: absolute; top: 0; left: 0; width: 100%; min-height: 60px; color: #007daf; font-size: 0; -webkit-box-shadow: 0 1px 2px rgba(138, 138, 138, 0.5); -moz-box-shadow: 0 1px 2px rgba(138, 138, 138, 0.5); box-shadow: 0 1px 2px rgba(138, 138, 138, 0.5); background: #d9d9d9; } .tour-changer__breadcrumb { width: 76%; } .tour-changer__compare { width: 24%; min-height: 60px; height: 100%; background: #d9d9d9; display: inline-block; font-size: 14px; font-weight: bold; border: 0; position: absolute; top: 0; right: 0; } @media (max-width: 767px) { .tour-changer__breadcrumb { display: block; width: 100%; margin-top: 0; } .tour-changer__compare { min-height: auto; width: 100%; position: static; padding: 8px; } } @media (min-width: 992px) { .tour-changer__breadcrumb { width: 88%; } .tour-changer__compare { width: 12%; } } .diff-modal { /* bootstrap redefinition */ } .diff-modal .modal-content { border-radius: 0; } .diff-modal .close { font-size: 26px; } @media (min-width: 768px) and (max-width: 992px) { .diff-modal .modal-dialog { width: auto; margin: 10px; } } .diff-modal__header { padding: 10px 15px; } .diff-modal__separator { border-right: 1px solid #e5e5e5; } .diff-modal__player { width: 100%; height: 100%; } .diff-modal__footer { position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; } .diff-modal__btn { opacity: 0.9; display: block; margin: 0 auto 5px; } .diff-modal__btn:hover { opacity: 1; } .scrollbar { width: 100%; height: 7px; position: relative; top: 0; left: 0; z-index: 2; background: #cacaca; } .scrollbar__handle { width: 100px; /* overriden if dynamicHandle: 1 */ height: 100%; background: #525252; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } @media (max-width: 767px) { .scrollbar { display: none; } } /** krpano-content/krpano-wrapper-style/css/base.css **/ @charset "UTF-8"; .embed-responsive-item.IMMOVIEWER_DEFAULT .slider-gallery-section.show-gallery { bottom: 40px; } .embed-responsive-item.IMMOVIEWER_DEFAULT .slider-gallery-section .slider-gallery-actions { margin-top: -40px; } .embed-responsive-item.IMMOVIEWER_DEFAULT .slider-gallery-section .slider-gallery-actions .btn.edit-floor-btn, .embed-responsive-item.IMMOVIEWER_DEFAULT .slider-gallery-section .slider-gallery-actions .btn.change-floor-index-btn { background: transparent; border: 2px solid #fff; border-right: none; color: #fff; } .embed-responsive-item.IMMOVIEWER_DEFAULT .slider-gallery-section .slider-gallery-actions .dropdown-floor-wrapper { background: rgba(10, 10, 10, 0.2); border: 2px solid #fff; } .embed-responsive-item.IMMOVIEWER_DEFAULT .slider-gallery-section .slider-gallery-actions .dropdown-floor-wrapper .dropdown-toggle { color: #fff; } .embed-responsive-item.IMMOVIEWER_DEFAULT .slider-gallery-section .slider-gallery-actions .dropdown-floor-wrapper .dropdown-toggle .toggle-header { text-shadow: 1px 1px 4px black; } .embed-responsive-item.IMMOVIEWER_DEFAULT .slider-gallery-section .slider-gallery-actions .dropdown-floor-wrapper .dropdown-toggle .chevron-up-wrapper:after { text-shadow: 1px 1px 5px black; } .embed-responsive-item.IMMOVIEWER_DEFAULT .slider-gallery-section .slider-gallery-actions .dropdown-floor-wrapper .dropdown-toggle .chevron-up-wrapper .vertical-line { border: none; } .embed-responsive-item.IMMOVIEWER_DEFAULT .slider-gallery-section .slider-gallery-actions .dropdown-floor-wrapper .dropdown-menu { background-color: #000000; left: -8px; padding: 0; } .embed-responsive-item.IMMOVIEWER_DEFAULT .slider-gallery-section .slider-gallery-actions .dropdown-floor-wrapper .dropdown-menu > li > a { color: #fff; width: 100%; padding: 4px 9px; } .embed-responsive-item.IMMOVIEWER_DEFAULT .slider-gallery-section .slider-gallery-actions .dropdown-floor-wrapper .dropdown-menu > li > a:hover, .embed-responsive-item.IMMOVIEWER_DEFAULT .slider-gallery-section .slider-gallery-actions .dropdown-floor-wrapper .dropdown-menu > li > a:focus { background-color: #000000; border: solid white 1px; padding: 3px 8px; } .embed-responsive-item.IMMOVIEWER_DEFAULT .slider-gallery-section .slider-gallery-wrapper { border-bottom: none; width: calc(100% - 700px); } @media screen and (max-width: 768px) { .embed-responsive-item.IMMOVIEWER_DEFAULT .slider-gallery-section.show-gallery { bottom: 87px; } .embed-responsive-item.IMMOVIEWER_DEFAULT .slider-gallery-section .slider-gallery-wrapper { width: calc(100% - 135px); } } .embed-responsive-item.IMMOVIEWER_DEFAULT #infopoint_drag, .embed-responsive-item.IMMOVIEWER_DEFAULT #measurement_drag .embed-responsive-item.IMMOVIEWER_DEFAULT #link_drag.custom-icon{ width: 60px; height: 60px; } .embed-responsive-item.IMMOVIEWER_DEFAULT #infopoint_drag.custom-icon, .embed-responsive-item.IMMOVIEWER_DEFAULT #measurement_drag.custom-icon .embed-responsive-item.IMMOVIEWER_DEFAULT #link_drag.custom-icon{ width: 100px; height: 100px; } .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point { background-color: rgba(0, 0, 0, 0.5); border-radius: 0; box-shadow: none; background-size: 54px 54px !important; height: 54px !important; width: 54px !important; } .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point:before { display: none !important; } .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point:hover { background-color: #000; } .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point i { color: white; font-size: 30px; left: 14px; top: 12px; } .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point i.fa-camera { left: 10px; } .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point i.fa-video-camera { left: 12px; } .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point i.fa-file-pdf-o { left: 14px !important; } .embed-responsive-item.IMMOVIEWER_DEFAULT .measurement-hotspot { color: white; background: none !important; border: 2px solid white !important; width: auto !important; height: 30px !important; border-radius: 30px !important; font-weight: bold; text-align: center; line-height: 25px; padding: 0px 5px; } .embed-responsive-item.IMMOVIEWER_DEFAULT .measurement-hotspot img { height: 20px; } .embed-responsive-item.IMMOVIEWER_DEFAULT .measurement-hotspot div { display: inline-block; } .embed-responsive-item.IMMOVIEWER_DEFAULT .floorplan__hotspot:not(.active) { width: 10px; height: 10px; } .embed-responsive-item.IMMOVIEWER_DEFAULT .floorplan__hotspot:not(.active).mid-size { width: 15px; height: 15px; } .embed-responsive-item.IMMOVIEWER_DEFAULT .floorplan__hotspot:not(.active).big-size { width: 20px; height: 20px; } .embed-responsive-item.IMMOVIEWER_DEFAULT .floors-zoom__wrapper { box-shadow: 1px 1px 1px; } .embed-responsive-item.IMMOVIEWER_DEFAULT .floors-zoom__wrapper .zoom-btn { width: 20px; height: 20px; line-height: 18px; color: grey; } .embed-responsive-item.IMMOVIEWER_DEFAULT .floors-zoom__wrapper .zoom-btn:hover { color: #fff; } .embed-responsive-item.IMMOVIEWER_DEFAULT .floors-zoom__wrapper .zoom-btn.in { border-bottom: 1px solid grey; } .collapse-btn { position: absolute; display: none; width: 50px; height: 50px; margin: 10px; background-color: #fff; box-shadow: 1px 1px 5px #000; border-radius: 100%; border: none; font-size: 17px; } .collapse-btn#floor-plane-btn { left: 0; bottom: 25px; color: #000; background-color: #e5e5e5; } .collapse-btn#agent-btn, .collapse-btn#participants-btn, .collapse-btn#floor-plane-btn, .collapse-btn#guest-chat-btn { right: 0; bottom: 25px; color: #fff; background-color: #84ab4d; } .collapse-btn.floorplanCreationMode { bottom: 25px; color: #fff; background-color: #84ab4d; } .collapse-btn.floorplanCreationMode#full-screen { right: 60px; } .collapse-btn.floorplanCreationMode#measureIcon-mobile.floorplanCreationMode { right: 120px; } .collapse-btn.floorplanCreationMode#measureIcon-mobile.floorplanCreationMode > img { height: 27px; filter: invert(100%); } .collapse-btn#infopoint-btn { right: 0; color: #000; background-color: #fff; padding: 5px; } .floor-plane-hotspot.active { -webkit-animation: dotactivate 0.7s infinite alternate; animation: dotactivate 0.7s infinite alternate; } .floor-plane-hotspot { position: absolute; width: 8%; height: 5%; margin-left: -10px; margin-top: -10px; box-shadow: 0 0 1px 2.5px black; -webkit-box-shadow: 0 0 1px 2.5px black; -moz-box-shadow: 0 0 1px 2.5px black; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; pointer-events: all; cursor: pointer; } .side-menu-overflow-bg { display: none; width: calc(100% - 270px); height: 100vh; position: absolute; right: 0; background-color: black; z-index: 2; opacity: 0; } .side-menu-overflow-bg.active { opacity: 0.5; } #mobile-side-menu { position: absolute; display: none; left: -270px; width: 270px; height: 100vh; background-color: #f5f5f5; z-index: 15; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; } #mobile-side-menu.active { top: 0; left: 0; } #mobile-side-menu .logo { display: flex; width: 100%; height: auto; max-height: 140px; padding: 25px 10px; align-items: center; justify-content: center; border-bottom: 1px solid grey; } #mobile-side-menu .logo img { max-height: 120px; } #mobile-side-menu ul { position: relative; width: 100%; height: calc(100% - 140px); padding: 17px 0; color: #000; } #mobile-side-menu ul.max-height { height: calc(100% - 22px); } #mobile-side-menu ul li { display: flex; position: relative; align-items: center; width: 100%; height: 50px; padding: 0 40px 0 55px; cursor: pointer; font-size: 15px; } #mobile-side-menu ul li.horizontal-splitter { border-bottom: 1px solid grey; padding-bottom: 15px; } #mobile-side-menu ul li img, #mobile-side-menu ul li i:not(.fa-check-square) { position: absolute; width: 25px; left: 10px; font-size: 20px; } #mobile-side-menu ul li i.fa-check-square { position: absolute; color: #0c7cd5; right: 15px; font-size: 20px; } #side-menu-btn { text-shadow: 1px 1px 5px #000; position: absolute; display: none; width: 26px; height: 22px; margin: 5px 10px; float: left; top: 12px; right: -50px; padding: 0; color: #fff; font-size: 20px; z-index: 15; } #side-menu-btn.edit-mode { top: 35px; } .page-wrapper.immoview-default { position: absolute; top: 0; right: 0; display: none; width: 300px; height: calc(100% - 30px); z-index: 20; } .page-wrapper.immoview-default .header-wrapper { position: relative; width: 100%; height: 50px; padding: 0 0 0 50px; background-color: #514e49; } .page-wrapper.immoview-default .header-wrapper button.close-btn { position: absolute; width: 50px; height: 50px; left: 0; background-color: #333; border: none; } .page-wrapper.immoview-default .header-wrapper button.close-btn i { color: #fff; font-size: 18px; } .page-wrapper.immoview-default .header-wrapper .title { display: flex; height: 50px; padding: 5px; font-size: 18px; color: #fff; align-items: center; } .page-wrapper.immoview-default .page-content { position: relative; width: 100%; height: calc(100% - 50px); background-color: #fffdfa; opacity: 0.85; } .page-wrapper.immoview-default .page-content.invite-page { height: 200px; } section#invite-participants-page-mobile .invite-participant-wrapper { width: 100%; height: auto; } section#invite-participants-page-mobile .invite-participant-wrapper .header-wrapper { padding: 0 170px 0 0; display: flex; align-items: center; } section#invite-participants-page-mobile .invite-participant-wrapper .header-wrapper .title { font-size: 15px; padding: 10px; } section#invite-participants-page-mobile .invite-participant-wrapper .header-wrapper button#open-invitation-modal { position: absolute; width: 150px; height: 35px; background-color: #84ab4d; right: 10px; border: none; border-radius: 30px; color: #Fff; } section#invite-participants-page-mobile .invite-participant-wrapper .page-content { height: 80px; } section#invite-participants-page-mobile .invite-participant-wrapper .page-content ul { padding: 10px 0; } section#invite-participants-page-mobile .invite-participant-wrapper .page-content ul li { padding: 5px 10px 5px 50px; } section#invite-participants-page-mobile .invite-participant-wrapper .page-content ul li i { position: absolute; left: 20px; font-size: 16px; } section#invite-participants-page-mobile .participants-list-wrapper { width: 100%; height: auto; } section#invite-participants-page-mobile .participants-list-wrapper .header-wrapper { padding: 0; } section#invite-participants-page-mobile .participants-list-wrapper .header-wrapper .title { font-size: 15px; padding: 10px; } section#invite-participants-page-mobile .participants-list-wrapper .page-content { position: absolute; height: calc(100% - 3 * 50px - 80px); } section#invite-participants-page-mobile .participants-list-wrapper .page-content .live-user-wrapper { padding: 10px 25px 10px 50px; } section#invite-participants-page-mobile .participants-list-wrapper .page-content .live-user-wrapper i.user-icon { position: relative; left: -25px; font-size: 16px; } section#chat-page-mobile#guest-chat-page-mobile, section#guest-chat-page-mobile#guest-chat-page-mobile { display: block; } section#chat-page-mobile .agent-info-wrapper, section#guest-chat-page-mobile .agent-info-wrapper { height: auto; } section#chat-page-mobile .agent-info-wrapper .agent-info-header, section#guest-chat-page-mobile .agent-info-wrapper .agent-info-header { width: 100%; height: 55px; background-color: #7ea746; padding: 10px 20px 10px 90px; display: flex; align-items: center; } section#chat-page-mobile .agent-info-wrapper .agent-info-header img, section#guest-chat-page-mobile .agent-info-wrapper .agent-info-header img { position: absolute; left: 10px; max-width: 70px; height: auto; } section#chat-page-mobile .agent-info-wrapper #agent-info-content, section#guest-chat-page-mobile .agent-info-wrapper #agent-info-content { width: 100%; background-color: #7ea746; } section#chat-page-mobile .agent-info-wrapper #agent-info-content .card-body, section#guest-chat-page-mobile .agent-info-wrapper #agent-info-content .card-body { height: 165px; } section#chat-page-mobile .agent-info-wrapper #agent-info-content .card-body ul li, section#guest-chat-page-mobile .agent-info-wrapper #agent-info-content .card-body ul li { padding: 5px 10px 5px 40px; } section#chat-page-mobile .agent-info-wrapper #agent-info-content .card-body ul li i, section#guest-chat-page-mobile .agent-info-wrapper #agent-info-content .card-body ul li i { position: relative; left: -25px; } section#chat-page-mobile .agent-info-wrapper + .live-chat-wrapper.guest, section#guest-chat-page-mobile .agent-info-wrapper + .live-chat-wrapper.guest { height: calc(100% - 55px); } section#chat-page-mobile .agent-info-wrapper.active + .live-chat-wrapper.guest, section#guest-chat-page-mobile .agent-info-wrapper.active + .live-chat-wrapper.guest { height: calc(100% - 220px); } section#chat-page-mobile .live-chat-wrapper, section#guest-chat-page-mobile .live-chat-wrapper { height: 100%; } section#chat-page-mobile .live-chat-wrapper .chat, section#guest-chat-page-mobile .live-chat-wrapper .chat { height: 100%; } section#chat-page-mobile .live-chat-wrapper .live-chat-body, section#guest-chat-page-mobile .live-chat-wrapper .live-chat-body { padding: 10px 0 10px 0 !important; } section#chat-page-mobile .live-chat-wrapper .live-chat-body .user-name-wrapper, section#guest-chat-page-mobile .live-chat-wrapper .live-chat-body .user-name-wrapper { padding: 0 40px 0 40px; } section#chat-page-mobile .live-chat-wrapper .live-chat-body .user-name-wrapper i, section#guest-chat-page-mobile .live-chat-wrapper .live-chat-body .user-name-wrapper i { position: absolute; top: 5px; left: 15px; font-size: 16px; } section#chat-page-mobile .live-chat-wrapper .live-chat-body .user-name-wrapper .name, section#chat-page-mobile .live-chat-wrapper .live-chat-body .user-name-wrapper .timestamp, section#guest-chat-page-mobile .live-chat-wrapper .live-chat-body .user-name-wrapper .name, section#guest-chat-page-mobile .live-chat-wrapper .live-chat-body .user-name-wrapper .timestamp { color: #5d5d5d; font-weight: 500; font-size: 12px; } section#chat-page-mobile .live-chat-wrapper .live-chat-message-wrapper, section#guest-chat-page-mobile .live-chat-wrapper .live-chat-message-wrapper { padding: 0 20px 0 0; } section#chat-page-mobile .live-chat-wrapper .live-chat-message-wrapper .live-chat-message-container, section#guest-chat-page-mobile .live-chat-wrapper .live-chat-message-wrapper .live-chat-message-container { width: 100%; float: left; padding: 10px 0; background-color: transparent; border: none; border-radius: inherit; } section#chat-page-mobile .live-chat-wrapper .live-chat-message-wrapper .live-chat-message-container .message, section#guest-chat-page-mobile .live-chat-wrapper .live-chat-message-wrapper .live-chat-message-container .message { padding: 0 30px 0 40px; } section#chat-page-mobile .live-chat-wrapper .live-chat-message-wrapper .live-chat-message-container .message.file-message, section#guest-chat-page-mobile .live-chat-wrapper .live-chat-message-wrapper .live-chat-message-container .message.file-message { position: relative; display: flex; align-items: center; border: 1px solid #000; border-radius: 5px; padding: 10px 10px 10px 30px; margin: 10px 0 0 40px; background-color: #fff; width: 80%; min-width: 240px; font-size: 10px; } section#chat-page-mobile .live-chat-wrapper .live-chat-message-wrapper .live-chat-message-container .message:before, section#guest-chat-page-mobile .live-chat-wrapper .live-chat-message-wrapper .live-chat-message-container .message:before { position: absolute; left: 10px; } section#chat-page-mobile .live-chat-wrapper .live-chat-message-wrapper .live-chat-message-container .file-message-label, section#guest-chat-page-mobile .live-chat-wrapper .live-chat-message-wrapper .live-chat-message-container .file-message-label { display: none; } section#chat-page-mobile .live-chat-wrapper .live-chat-footer, section#guest-chat-page-mobile .live-chat-wrapper .live-chat-footer { padding: 0; } section#chat-page-mobile .live-chat-wrapper .live-chat-footer .send-message-container, section#guest-chat-page-mobile .live-chat-wrapper .live-chat-footer .send-message-container { display: flex; align-items: center; height: 100%; padding: 0 50px 0 10px; } section#chat-page-mobile .live-chat-wrapper .live-chat-footer .send-message-container .attach-file-wrapper, section#guest-chat-page-mobile .live-chat-wrapper .live-chat-footer .send-message-container .attach-file-wrapper { position: relative; } section#chat-page-mobile .live-chat-wrapper .live-chat-footer .send-message-container .attach-file-wrapper input[type=file], section#guest-chat-page-mobile .live-chat-wrapper .live-chat-footer .send-message-container .attach-file-wrapper input[type=file] { width: 25px; height: 100%; bottom: 0; } section#chat-page-mobile .live-chat-wrapper .live-chat-footer .send-message-container .send-mesaage-btn, section#guest-chat-page-mobile .live-chat-wrapper .live-chat-footer .send-message-container .send-mesaage-btn { top: inherit; right: 7px; color: #fff; width: 35px; height: 35px; border-radius: 100%; background-color: #000; } section#tour-list-page-mobile { display: block; } section#tour-list-page-mobile .page-content { opacity: 1; } section#tour-list-page-mobile #live-tour-list-page { display: block; position: relative; height: calc(100% - 50px); top: inherit; right: inherit; width: 100%; background-color: inherit; } section#tour-list-page-mobile #live-tour-list-page .start-new-tour-wrapper { position: relative; width: 100%; height: 120px; padding: 5px 0; } section#tour-list-page-mobile #live-tour-list-page .start-new-tour-wrapper .image-side { width: 120px !important; height: auto !important; } section#tour-list-page-mobile #live-tour-list-page .start-new-tour-wrapper .description-side { width: calc(100% - 120px) !important; } section#tour-list-page-mobile #live-tour-list-page .start-new-tour-wrapper .description-side .tour-name { font-size: 12px; font-weight: bold; } section#tour-list-page-mobile #live-tour-list-page .start-new-tour-wrapper .description-side .start-btn-wrapper { float: left; } section#tour-list-page-mobile #live-tour-list-page .start-new-tour-wrapper .description-side .start-btn-wrapper button { width: 100px; height: 25px; border-radius: 40px; line-height: 12px; } section#tour-list-page-mobile .tour-list-pagination { background-color: #fff; } section#tour-list-page-mobile .tour-list-pagination .paging_simple_numbers { display: flex; height: 50px; justify-content: center; align-items: center; } section#tour-list-page-mobile .tour-list-pagination .paging_simple_numbers ul li:not(.load-more-btn) a { border: none; box-shadow: none; } section#tour-list-page-mobile .tour-list-pagination .paging_simple_numbers ul li:not(.load-more-btn).active a { border-radius: 100%; } section#tour-list-page-mobile .tour-list-pagination .paging_simple_numbers ul li.load-more-btn { cursor: pointer; } .immoview-default .floor-plane-section { position: absolute; width: 100%; height: 100%; z-index: 1000; } .immoview-default .floor-plane-section .zoom-section { height: calc(100% - 40px); } .immoview-default .floor-plane-section .zoom-section .zoo-btn-wrapper { position: absolute; top: 5px; right: 15px; width: 27px; height: auto; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; z-index: 800; pointer-events: auto; } .immoview-default .floor-plane-section .zoom-section .zoo-btn-wrapper a { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; font: bold 18px "Lucida Console", Monaco, monospace; background-repeat: no-repeat; } .immoview-default .floor-plane-section .zoom-section .zoom-scope-wrapper, .immoview-default .floor-plane-section .zoom-section #floor-plan-content, .immoview-default .floor-plane-section .zoom-section .tab-pane { height: 100%; } .immoview-default .floor-plane-section .zoom-section .panzoom-elements { width: auto; height: auto; position: relative; } .immoview-default .floor-plane-section .zoom-section .map-wrapper { width: auto; height: auto; } #floor-plan-tab-slider { position: relative; height: 40px; margin: 0; padding: 0 40px 0 20px; background-color: transparent; border: none; clear: both; } #floor-plan-tab-slider .owl-stage-outer { width: 100%; height: 100%; overflow: hidden; } #floor-plan-tab-slider .owl-stage-outer .owl-item { float: left; display: inline-block; } #floor-plan-tab-slider .owl-stage-outer .owl-item .item { display: flex; align-items: center; justify-content: center; height: 40px; text-align: center; cursor: pointer; } #floor-plan-tab-slider .owl-stage-outer .owl-item .item a { width: 100%; height: 100%; line-height: 40px; color: #000; text-decoration: none; font-size: 15px; } #floor-plan-tab-slider .owl-stage-outer .owl-item .item a.active { box-shadow: none; } #floor-plan-tab-slider .owl-nav div { position: absolute; cursor: pointer; } #floor-plan-tab-slider .owl-nav div.disabled { cursor: default; } #floor-plan-tab-slider .owl-nav div.owl-prev { top: 10px; left: 8px; } #floor-plan-tab-slider .owl-nav div.owl-next { top: 10px; right: 27px; } #agent-page-mobile .page-content .mobile-avatar-section { display: flex; align-items: center; justify-content: center; height: 200px; background-color: #000; } #agent-page-mobile .page-content .mobile-avatar-section img { width: auto; max-height: 200px; } #agent-page-mobile .page-content .contact-information-section { position: relative; width: 100%; height: 100%; padding: 30px 42px 10px 10px; } #agent-page-mobile .page-content .contact-information-section .contact-mail-btn { position: absolute; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #fff; width: 50px; height: 50px; top: -27px; right: 20px; cursor: pointer; background-color: #7fa942; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 2px 4px 0 #000000; -moz-box-shadow: 0 2px 4px 0 #000000; box-shadow: 0 2px 4px 0 #000000; } #agent-page-mobile .page-content .contact-information-section ul.agent-info-block { margin: 0 0 20px 0; } #agent-page-mobile .page-content .contact-information-section ul.agent-info-block li { font-size: 14px; } #agent-page-mobile .page-content .contact-information-section ul.agent-info-block li.title { color: #3391ba; } #agent-page-mobile .page-content .contact-information-section ul.agent-info-block.phone li { position: relative; padding: 0 20px 0 0; } #agent-page-mobile .page-content .contact-information-section ul.agent-info-block.phone li i { font-size: 20px; position: absolute; right: 0; } #share-page-mobile ul.list-wrapper, #language-page-mobile ul.list-wrapper { position: absolute; width: 100%; } #share-page-mobile ul.list-wrapper li, #language-page-mobile ul.list-wrapper li { display: flex; align-items: center; padding: 0 0 0 50px; margin: 20px 0; color: #000; font-size: 18px; } #share-page-mobile ul.list-wrapper li a, #share-page-mobile ul.list-wrapper li span, #language-page-mobile ul.list-wrapper li a, #language-page-mobile ul.list-wrapper li span { cursor: pointer; color: #000; } #share-page-mobile ul.list-wrapper li i, #share-page-mobile ul.list-wrapper li img, #language-page-mobile ul.list-wrapper li i, #language-page-mobile ul.list-wrapper li img { position: absolute; left: 17px; font-size: 18px; } #share-page-mobile ul.list-wrapper li i.deactivate, #share-page-mobile ul.list-wrapper li img.deactivate, #language-page-mobile ul.list-wrapper li i.deactivate, #language-page-mobile ul.list-wrapper li img.deactivate { filter: grayscale(100%); } #expose-page-mobile .page-content { background-color: #fff; opacity: 1; } #expose-page-mobile .page-content .expose-images-section { display: flex; align-items: center; justify-content: center; height: 200px; } #expose-page-mobile .page-content .expose-images-section img { width: auto; max-height: 200px; } #expose-page-mobile .page-content .expose-information-section .title { color: #3391ba; } #expose-page-mobile .page-content .expose-information-section #info-tab { background-color: #ddd; } #expose-page-mobile .page-content .expose-information-section #info-tab > li.active { box-shadow: 0px 2px 0 #0089cc; -webkit-box-shadow: 0px 2px 0 #0089cc; } #expose-page-mobile .page-content .expose-information-section #info-tab > li.active > a { box-shadow: none; background-color: inherit; } #expose-page-mobile .page-content .expose-information-section #info-tab > li > a { border: none; } #expose-page-mobile .page-content .expose-information-section #info-content .tab-pane.active > div { padding: 20px 10px; } #infopoint-page-mobile #infopoint-types-slider { padding: 15px 5px 40px 5px; margin: 0 5px; } #infopoint-page-mobile #infopoint-types-slider .owl-stage { height: 50px; width: 100% !important; display: flex; justify-content: center; } #infopoint-page-mobile #infopoint-types-slider .owl-stage .owl-item { display: flex; justify-content: center; float: left; cursor: pointer; } #infopoint-page-mobile #infopoint-types-slider .owl-stage .owl-item .item .infopoint { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; background-color: #141414; } #infopoint-page-mobile #infopoint-types-slider .owl-stage .owl-item .item.active .infopoint { background-color: #0e70ca; } #infopoint-page-mobile #infopoint-types-slider .owl-nav { position: relative; width: 100%; top: -25px; display: flex; align-items: center; } #infopoint-page-mobile #infopoint-types-slider .owl-nav .owl-prev, #infopoint-page-mobile #infopoint-types-slider .owl-nav .owl-next { position: absolute; width: 10px; height: 17px; color: #fff; cursor: pointer; text-shadow: 1px 1px 5px #000; } #infopoint-page-mobile #infopoint-types-slider .owl-nav .owl-prev.owl-prev, #infopoint-page-mobile #infopoint-types-slider .owl-nav .owl-next.owl-prev { left: -5px; text-align: left; } #infopoint-page-mobile #infopoint-types-slider .owl-nav .owl-prev.owl-next, #infopoint-page-mobile #infopoint-types-slider .owl-nav .owl-next.owl-next { right: -3px; text-align: right; } #infopoint-page-mobile ul#infopoint-list { position: relative; width: 100%; height: calc(100% - 106px); } #infopoint-page-mobile ul#infopoint-list.single-type { height: 100%; padding: 10px 0; } #infopoint-page-mobile ul#infopoint-list li { position: relative; width: 100%; height: 50px; padding: 0 20px 0 70px; margin: 0 0 40px 20px; display: flex; align-items: center; cursor: pointer; } #infopoint-page-mobile ul#infopoint-list li .viewed { position: absolute; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; background-color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-align: center; font-size: 20px; top: -7px; left: 40px; } #infopoint-page-mobile ul#infopoint-list li .viewed i { color: #007daf; font-size: 14px; } #infopoint-page-mobile ul#infopoint-list li .infopoint-icon-wrapper { position: absolute; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; padding: 5px; left: 0; bottom: 0; background-color: #141414; } #infopoint-page-mobile ul#infopoint-list li .infopoint-icon-wrapper:before { font-family: FontAwesome; font-size: 20px; color: #fff; } #infopoint-page-mobile ul#infopoint-list li.IMAGE .infopoint-icon-wrapper:before { content: ""; } #infopoint-page-mobile ul#infopoint-list li.VIDEO .infopoint-icon-wrapper:before { content: ""; } #infopoint-page-mobile ul#infopoint-list li.TEXT .infopoint-icon-wrapper:before { content: ""; } #infopoint-page-mobile ul#infopoint-list li.PDF .infopoint-icon-wrapper:before { content: ""; } #infopoint-page-mobile ul#infopoint-list li.EMBED_URL .infopoint-icon-wrapper:before { content: ""; } #infopoint-page-mobile ul#infopoint-list .info-point-item-wrapper.custom-icon .infopoint-icon-wrapper { background: transparent !important; } #infopoint-page-mobile ul#infopoint-list .info-point-item-wrapper.custom-icon .infopoint-icon-wrapper img { height: 50px; width: 50px; } @media screen and (max-width: 768px) { .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) .collapse-btn, .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) #mobile-side-menu, .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) #side-menu-btn { display: block; } .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) .collapse-btn#floor-plane-btn, .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) #mobile-side-menu#floor-plane-btn, .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) #side-menu-btn#floor-plane-btn { display: flex; justify-content: center; } .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) .side-menu-overflow-bg.active { top: 0; display: block; } .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) .page-wrapper.immoview-default:not(#infopoint-page-default) { width: 100%; display: block; height: calc(100% - 20px); } .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) #privacy-policy { font-size: 10px; } .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) #gallery-switcher { display: block; position: absolute; top: -40px; order: 0; } .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) .plans.floorplans-part, .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) #g-map-wrapper, .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) #company-logo, .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) .desktop.contact-information-section, .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) .desktop.infopoints-expose-section, .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) #infopoint-page-default { display: none !important; } .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) #floor-plan-content .map-wrapper { display: inline-block; width: inherit; } .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) #floor-plan-content .map-wrapper .img-responsive { display: inline-block; max-height: calc(100vh - 110px); } .embed-responsive-item.IMMOVIEWER_DEFAULT:not(.desktop) #floor-plan-content .map-wrapper .floor-plane-hotspot { width: 10px; height: 10px; margin-left: -5px; margin-top: -5px; } } .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile .collapse-btn, .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile #mobile-side-menu, .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile #side-menu-btn { display: block; } .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile .side-menu-overflow-bg.active { top: 0; display: block; } .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile .page-wrapper.immoview-default:not(#infopoint-page-default) { width: 100%; display: block; height: calc(100% - 20px); } .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile footer { flex-direction: column; height: 20px; } .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile #privacy-policy { order: 1; font-size: 10px; } .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile #gallery-switcher { display: block; position: absolute; top: -40px; order: 0; } .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile .plans.floorplans-part, .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile #g-map-wrapper, .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile #company-logo, .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile .desktop.contact-information-section, .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile .desktop.infopoints-expose-section, .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile #infopoint-page-default { display: none !important; } .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile #floor-plan-content .map-wrapper { display: inline-block; width: inherit; } .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile #floor-plan-content .map-wrapper .img-responsive { display: inline-block; max-height: calc(100vh - 110px); } .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile #floor-plan-content .map-wrapper .floor-plane-hotspot { width: 10px; height: 10px; margin-left: -5px; margin-top: -5px; } .embed-responsive-item.IMMOVIEWER_DEFAULT.mobile #image-resolution-info { left: 60px; top: 15px; } .desktop.contact-information-section { position: absolute; bottom: 40px; right: 7px; width: 250px; height: 55px; color: #333333; margin: 10px; display: inline-block; box-shadow: 0 0 3px 0 #0000008a; border-radius: 50px 10px 10px 50px; background-color: white; z-index: 1; } .desktop.contact-information-section .desktop-avatar-section { position: relative; display: flex; align-items: center; justify-content: center; height: 75px; width: 75px; top: -11px; left: -10px; float: left; overflow: hidden; border-radius: 100%; box-shadow: 0px 0px 2px #000000; } .desktop.contact-information-section .desktop-avatar-section img { width: auto; height: 100%; } .desktop.contact-information-section .info { height: 100%; width: calc(100% - 80px); position: relative; float: left; padding: 9px 5px; } .desktop.contact-information-section .info .agent-name { font-size: 11pt; margin: 0; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .desktop.contact-information-section .info .contact-agent-btn { cursor: pointer; font-size: 10px; text-decoration: underline; } .desktop.infopoints-expose-section { position: absolute; color: #fff; top: 10px; right: 0; width: 300px; height: auto; margin: 0 15px 18px 20px; min-height: 45px; z-index: 1; } .desktop.infopoints-expose-section.editor { top: 30px; } .desktop.infopoints-expose-section.poi-template { width: 360px; } .desktop.infopoints-expose-section .panel { background-color: transparent; box-shadow: none; border: none; } .desktop.infopoints-expose-section .panel .panel-heading { padding: 10px 0; background-color: transparent; } .desktop.infopoints-expose-section .panel .panel-heading .panel-title { color: #fff; text-shadow: black 1px 1px 3px; } .desktop.infopoints-expose-section .panel.infopoint-dropdown .panel-heading { padding: 10px 0 0 0; } .desktop.infopoints-expose-section .panel.infopoint-dropdown .panel-heading .panel-title { font-size: 30px; font-weight: 400; } .desktop.infopoints-expose-section .panel.expose-dropdown .panel-heading { padding: 0 0 10px 0; } .desktop.infopoints-expose-section .panel.expose-dropdown .panel-heading .panel-title { font-size: 20px; font-weight: 400; } .desktop.infopoints-expose-section .panel .panel-collapse > .panel-body { border: none !important; } .desktop.infopoints-expose-section .panel .panel-body { padding: 0; } .right-menu { display: none; position: absolute; height: calc(100% - 30px); top: 0; right: 0; width: 300px; background-color: #fff; z-index: 1; } .right-menu .header { background-color: #333; color: #fff; height: 50px; padding: 0 15px; } .right-menu .header > div:first-of-type { text-transform: uppercase; display: flex; align-items: center; justify-content: space-between; font-weight: 700; font-size: 11px; height: 100%; } .right-menu .header > div:first-of-type.immo-default { flex-direction: row-reverse; } .right-menu .header > div:first-of-type .close-right-menu { font-size: 20px; cursor: pointer; margin: 0; } .right-menu .section-header { font-size: 16px; display: flex; align-items: center; justify-content: space-between; height: 40px; color: #fff; background-color: #333; padding: 0 15px; } .right-menu .section-header.live-page-header { cursor: pointer; } .right-menu .live-user-list-container { min-height: 100px; } #infopoint-page-default { width: 100%; height: auto; background-color: transparent; } #infopoint-page-default .header-wrapper { display: none; } #infopoint-page-default .page-content { background-color: transparent; height: calc(100% - 50px - 40px); } #infopoint-page-default .page-content .btn-filter-style { box-shadow: none; background: transparent; color: white; border: 0px; } #infopoint-page-default .page-content .filter-options { background-color: rgba(0, 0, 0, 0.3) !important; color: white; display: flex; margin: 5px 15px 0px 0px; } #infopoint-page-default .page-content .filter-options .icon { width: 50px; } #infopoint-page-default .page-content .filter-options .name { width: 100px; } #infopoint-page-default .page-content .filter-options .art, #infopoint-page-default .page-content .filter-options .risk, #infopoint-page-default .page-content .filter-options .capex { width: 65px; } #infopoint-page-default .page-content #infopoint-types-slider-desktop { margin: 0; border: none !important; overflow-x: hidden; display: flex; justify-content: flex-end; } #infopoint-page-default .page-content #infopoint-types-slider-desktop .item .infopoint { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; border: 2px solid; border-radius: 100%; margin: 0 5px; cursor: pointer; } #infopoint-page-default .page-content #infopoint-types-slider-desktop .item .infopoint .fa { font-size: 15px; } #infopoint-page-default .page-content #infopoint-types-slider-desktop .item .infopoint img { width: 20px; } #infopoint-page-default .page-content #infopoint-types-slider-desktop .item.active .infopoint { background-color: #fff; } #infopoint-page-default .page-content #infopoint-types-slider-desktop .item.active .infopoint i { color: #000; } #infopoint-page-default .page-content #infopoint-types-slider-desktop .item.active .infopoint img { filter: invert(100%); } #infopoint-page-default .page-content #infopoint-types-slider-desktop .owl-nav.disabled { display: none; } #infopoint-page-default .page-content #infopoint-types-slider-desktop .owl-stage-outer { width: 100%; height: 50px; display: flex; justify-content: center; } #infopoint-page-default .page-content #infopoint-types-slider-desktop .owl-stage-outer .owl-stage { width: 100% !important; height: 50px; display: flex; justify-content: flex-end; float: left; cursor: pointer; } #infopoint-page-default .page-content #infopoint-types-slider-desktop .owl-stage-outer .owl-stage .owl-item { width: 40px !important; margin: 0 5px; display: flex; justify-content: center; } #infopoint-page-default .page-content .search-wrapper { padding-right: 15px; } #infopoint-page-default .page-content .search-wrapper input { background-color: rgba(0, 0, 0, 0.3) !important; border-color: rgba(0, 0, 0, 0.3); color: white; height: 42px; } #infopoint-page-default .page-content .search-wrapper input::placeholder { color: white; opacity: 1; } #infopoint-page-default .page-content .filter-infopoints-all { width: calc(100% - 15px); height: 40px; margin: 0 0 2px 0; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.1); color: #fff; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0); font-size: 1.5em; } #infopoint-page-default .page-content ul#infopoint-list-desktop { position: relative; width: 100%; max-height: 400px; height: auto; padding: 15px 0; overflow-y: auto; overflow-x: hidden; } #infopoint-page-default .page-content ul#infopoint-list-desktop .mCSB_inside > .mCSB_container { margin-right: 15px; } #infopoint-page-default .page-content ul#infopoint-list-desktop .room-grouped-wrapper { cursor: pointer; padding-top: 10px; padding-left: 5px; padding-right: 5px; background-color: rgba(0, 0, 0, 0.1); } #infopoint-page-default .page-content ul#infopoint-list-desktop .room-name-line { padding-bottom: 5px; } #infopoint-page-default .page-content ul#infopoint-list-desktop .room-name-line .fa-caret-up, #infopoint-page-default .page-content ul#infopoint-list-desktop .room-name-line .fa-caret-down { padding-top: 3px; } #infopoint-page-default .page-content ul#infopoint-list-desktop .room-name-line .fa-caret-up, #infopoint-page-default .page-content ul#infopoint-list-desktop .room-name-line .show-title { display: none; } #infopoint-page-default .page-content ul#infopoint-list-desktop .room-name-line .fa-caret-down, #infopoint-page-default .page-content ul#infopoint-list-desktop .room-name-line .hide-title { display: inline-block; } #infopoint-page-default .page-content ul#infopoint-list-desktop .room-name-line.collapsed .fa-caret-up, #infopoint-page-default .page-content ul#infopoint-list-desktop .room-name-line.collapsed .show-title { display: inline-block !important; } #infopoint-page-default .page-content ul#infopoint-list-desktop .room-name-line.collapsed .fa-caret-down, #infopoint-page-default .page-content ul#infopoint-list-desktop .room-name-line.collapsed .hide-title { display: none !important; } #infopoint-page-default .page-content ul#infopoint-list-desktop li { order: 0px; background: none; padding: 0; width: 100%; float: right; display: inline-grid; display: flex; align-items: baseline; } #infopoint-page-default .page-content ul#infopoint-list-desktop li:last-of-type { margin-bottom: 10px; } #infopoint-page-default .page-content ul#infopoint-list-desktop li .move-me { background-color: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.3); cursor: move; display: inline-block; line-height: 38px; margin-right: 2px; text-align: center; width: 45px; } #infopoint-page-default .page-content ul#infopoint-list-desktop li .move-me.disabled { opacity: 0.4; cursor: not-allowed; } #infopoint-page-default .page-content ul#infopoint-list-desktop li.custom-icon .infopoint-icon-wrapper img { width: 30px; height: 30px; margin-top: -5px; margin-left: -10px; } #infopoint-page-default .page-content ul#infopoint-list-desktop li:not(.custom-icon).MEASUREMENT_NOTE .infopoint-icon-wrapper img { height: 20px; margin-left: -2px; margin-top: -4px; } #infopoint-page-default .page-content ul#infopoint-list-desktop li:not(.custom-icon).IMAGE .infopoint-icon-wrapper:before { content: ""; } #infopoint-page-default .page-content ul#infopoint-list-desktop li:not(.custom-icon).VIDEO .infopoint-icon-wrapper:before { content: ""; } #infopoint-page-default .page-content ul#infopoint-list-desktop li:not(.custom-icon).TEXT .infopoint-icon-wrapper:before { content: ""; } #infopoint-page-default .page-content ul#infopoint-list-desktop li:not(.custom-icon).PDF .infopoint-icon-wrapper:before { content: ""; } #infopoint-page-default .page-content ul#infopoint-list-desktop li:not(.custom-icon).EMBED_URL .infopoint-icon-wrapper:before { content: ""; } #infopoint-page-default .page-content ul#infopoint-list-desktop li:not(.custom-icon).CUSTOM .infopoint-icon-wrapper:before { content: ""; } #infopoint-page-default .page-content ul#infopoint-list-desktop li.current-room .move-me { background-color: rgba(0, 100, 0, 0.7); } #infopoint-page-default .page-content ul#infopoint-list-desktop .info-point-item { position: relative; width: 100%; height: 40px; padding: 0 0 0 43px; margin: 0 0 2px 0; display: flex; align-items: center; background-color: rgba(0, 0, 0, 0.3); color: #fff; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.3); } #infopoint-page-default .page-content ul#infopoint-list-desktop .info-point-item .name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 190px; } #infopoint-page-default .page-content ul#infopoint-list-desktop .info-point-item .name.custom-poi { width: 100px; } #infopoint-page-default .page-content ul#infopoint-list-desktop .info-point-item .viewed { position: absolute; display: flex; justify-content: center; align-items: center; width: 15px; height: 15px; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-align: center; font-size: 20px; border: 1px solid #fff; top: 6px; left: 22px; } #infopoint-page-default .page-content ul#infopoint-list-desktop .info-point-item .viewed i { color: #fff; font-size: 8px; } #infopoint-page-default .page-content ul#infopoint-list-desktop .info-point-item .risk-wrapper { width: 60px; display: flex; justify-content: center; } #infopoint-page-default .page-content ul#infopoint-list-desktop .info-point-item .risk-wrapper .risk { width: 14px; height: 12px; border-radius: 10px; } #infopoint-page-default .page-content ul#infopoint-list-desktop .info-point-item .risk-wrapper .risk.level-0 { background-color: red; } #infopoint-page-default .page-content ul#infopoint-list-desktop .info-point-item .risk-wrapper .risk.level-2 { background-color: yellow; } #infopoint-page-default .page-content ul#infopoint-list-desktop .info-point-item .risk-wrapper .risk.level-1 { background-color: green; } #infopoint-page-default .page-content ul#infopoint-list-desktop .info-point-item .art, #infopoint-page-default .page-content ul#infopoint-list-desktop .info-point-item .capex { text-align: center; width: 65px; } #infopoint-page-default .page-content ul#infopoint-list-desktop .info-point-item .infopoint-icon-wrapper { position: absolute; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 5px; left: 10px; top: 5px; } #infopoint-page-default .page-content ul#infopoint-list-desktop .info-point-item .infopoint-icon-wrapper:before { font-family: FontAwesome; font-size: 15px; color: #fff; } #infopoint-page-default .page-content ul#infopoint-list-desktop .info-point-item:hover, #infopoint-page-default .page-content ul#infopoint-list-desktop .info-point-item:active { background-color: #000; border-color: #fff; } @media screen and (max-height: 629px) { #infopoint-page-default .page-content ul#infopoint-list-desktop { max-height: 310px; } } @media screen and (min-height: 930px) { #infopoint-page-default .page-content ul#infopoint-list-desktop { max-height: 650px; } } .expose-section .page-content { height: calc(100% - 50px); } .expose-section .page-content .info-description-wrapper { margin: 0; } .expose-section .page-content .info-description-wrapper h3 { margin: 0; color: #fff; font-weight: 400; text-align: center; border-bottom: none; } .expose-section .page-content .info-description-wrapper ul#info-tab { display: flex; justify-content: space-between; height: 50px; background-color: #000; } .expose-section .page-content .info-description-wrapper ul#info-tab li { display: flex; align-items: center; height: 100%; } .expose-section .page-content .info-description-wrapper ul#info-tab li.active { border-bottom: 2px solid #fff; } .expose-section .page-content .info-description-wrapper ul#info-tab li.active a { background-color: transparent; border: none; box-shadow: none; } .expose-section .page-content .info-description-wrapper ul#info-tab li a { font-size: 12px; color: #fff; } .expose-section .page-content .info-description-wrapper ul#info-tab li a:hover { background-color: transparent; border: none; box-shadow: none; cursor: pointer; } .expose-section .page-content .info-description-wrapper #info-content { padding: 0; } .expose-section .page-content .info-description-wrapper #info-content .table-wrapper { padding: 0; } .expose-section .page-content .info-description-wrapper #info-content .table-wrapper .row-style { max-height: 300px; overflow: auto; margin: 2px 0; background-color: rgba(0, 0, 0, 0.4); } .expose-section .page-content .info-description-wrapper #info-content .table-wrapper .row-style div:nth-of-type(2) { font-weight: 600; } @media screen and (max-height: 799px) { .expose-section #info-carousel1 .carousel-inner { display: flex; justify-content: center; } .expose-section #info-carousel1 .carousel-inner img { max-height: 150px; } .expose-section .info-description-wrapper .header-text { font-size: 13px; } } .floorplan { bottom: 15px; } .map-wrapper { width: 100%; float: left; } .plans.floorplans-part.new-design { left: 5px; } .plans.floorplans-part.new-design ul.map-menu { bottom: 40px; left: 10px; } .plans.floorplans-part.new-design .floorsnav { bottom: 90px; } .plans.floorplans-part .floorplan__wrapper { left: -10px !important; } .plans.floorplans-part .floorplan__wrapper.floor-nav { left: 45px !important; } .plans.floorplans-part .floorplan__wrapper .floorplan__zoomer.panzoom-elements { position: absolute; bottom: 0; transform-origin: 40px calc(100% - 40px) 0px !important; width: 100%; } .plans.floorplans-part ul.map-menu { position: absolute; width: 260px; display: flex; justify-content: start; bottom: 65px; left: 20px; } .plans.floorplans-part ul.map-menu li { margin-right: 5px; display: flex; width: 50px; height: 50px; cursor: pointer; align-items: center; justify-content: center; border-radius: 50%; background-color: transparent; font-size: 20px; border: 2px solid #fff; color: #fff; background-position: center; background-repeat: no-repeat; background-size: 77%; z-index: 2; } .plans.floorplans-part ul.map-menu li.active { background-color: #fff; color: #000; box-shadow: 0px 0px 3px #000; } .plans.floorplans-part ul.map-menu li.ico-floorplane { background-image: url("../../krpano-common/img/nav-images/Icon-13.png"); } .plans.floorplans-part ul.map-menu li.ico-floorplane.active { background-image: url("../../krpano-common/img/nav-images/Icon-17.png"); } .plans.floorplans-part ul.map-menu li.ico-3d { background-image: url("../../krpano-common/img/nav-images/Icon-14.png"); } .plans.floorplans-part ul.map-menu li.ico-3d.active { background-image: url("../../krpano-common/img/nav-images/Icon-18.png"); } .plans.floorplans-part ul.map-menu li.ico-gallery { background-image: url("../../krpano-common/img/nav-images/Icon-11.png"); } .plans.floorplans-part ul.map-menu li.ico-gallery.active { background-image: url("../../krpano-common/img/nav-images/Icon-15.png"); } .plans.floorplans-part ul.map-menu li.ico-map { background-image: url("../../krpano-common/img/nav-images/Icon-12.png"); } .plans.floorplans-part ul.map-menu li.ico-map.active { background-image: url("../../krpano-common/img/nav-images/Icon-16.png"); } .plans.floorplans-part ul.map-menu li.ico-visualization { background-image: url("../../krpano-common/img/nav-images/Icon-21.png"); } .plans.floorplans-part ul.map-menu li.ico-visualization.active { background-image: url("../../krpano-common/img/nav-images/Icon-22.png"); } .plans.floorplans-part .floors-zoom { bottom: 60px; width: auto; left: 24px; } .plans.floorplans-part .floors-zoom .floors-zoom__wrapper { position: initial; } .plans.floorplans-part .floorsnav { position: absolute; left: 18px; bottom: 120px; z-index: 100; } .plans.floorplans-part .floorsnav .floorsnav__items { justify-content: none; align-items: none; display: block; } .plans.floorplans-part .floorsnav .floorsnav__items .floorsnav__item { border-radius: 50%; background-color: transparent; border: 1px solid white; text-align: center; height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; margin: 6px; box-shadow: 1px 1px 1px black; } .plans.floorplans-part .floorsnav .floorsnav__items .floorsnav__item > button { display: flex; background: none; font-size: 10px; font-weight: bold; align-items: center; justify-content: center; } .plans.floorplans-part .floorsnav .floorsnav__items .floorsnav__item > button span.toggle-header { color: #fff; } .plans.floorplans-part .floorsnav .floorsnav__items .floorsnav__item > button img { max-width: 12px; height: auto; filter: brightness(0) invert(1); } .plans.floorplans-part .floorsnav .floorsnav__items .floorsnav__item.active { background-color: white; } .plans.floorplans-part .floorsnav .floorsnav__items .floorsnav__item.active img { filter: none; } .plans.floorplans-part .floorsnav .floorsnav__items .floorsnav__item.active span.toggle-header { color: #000; } #agent-contact .header { position: relative; width: 100%; height: 150px; } #agent-contact .header .avatar { display: flex; align-items: center; justify-content: center; overflow: hidden; float: left; width: 180px; height: 100%; } #agent-contact .header .avatar img { height: 100%; } #agent-contact .header .header-info { display: flex; padding: 10px 20px; flex-direction: column; float: left; width: calc(100% - 180px); height: 100%; justify-content: flex-end; background-color: #d8d8d8; } #agent-contact .main-information-wrapper { padding: 25px; background-color: #fff; } #agent-contact .main-information-wrapper input, #agent-contact .main-information-wrapper select { padding: 6px 0; border: none; border-bottom: 2px solid; } #agent-contact .main-information-wrapper textarea { border: 2px solid; } #agent-contact .main-information-wrapper input, #agent-contact .main-information-wrapper select, #agent-contact .main-information-wrapper textarea { color: #9c9c9c !important; font-size: 16px !important; border-color: #afafaf; } #agent-contact .main-information-wrapper input:focus, #agent-contact .main-information-wrapper select:focus, #agent-contact .main-information-wrapper textarea:focus { color: #1d85b4 !important; border-color: #1d85b4; } #agent-contact .btn-register { background-color: transparent; color: #1d85b4; box-shadow: none; padding-left: 0; padding-right: 0; } #g-map-wrapper { width: 300px; height: 300px; left: 20px; position: absolute; bottom: 100px; } #g-map-wrapper.expand { width: 500px; height: 500px; } .customer-iframe { opacity: 1; z-index: 10000; position: absolute; left: 35%; top: 0; } .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point.custom-icon { background: transparent !important; } .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point.custom-icon img { height: 100px; width: 100px; } body { color: #333; height: 1px; } ul { padding: 0; margin: 0; } .select2-container--language-switcher .select2-results { max-height: 100% !important; } .select2-container--language-switcher .select2-results > ul.select2-results__options { max-height: 100% !important; } .select2-container--language-switcher .select2-results > ul.select2-results__options li.select2-results__option { color: #fff; } .select2-container--language-switcher .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container--language-switcher > .select2-dropdown { background-color: #333; } .select2-container--language-switcher > .select2-dropdown--above { width: 85px !important; } .IMMOVIEWER_DEFAULT .select2-container--language-switcher .select2-selection--single .select2-selection__rendered { width: 85px !important; } footer { width: 100%; position: absolute; bottom: 0; height: 30px; padding: 0 15px; background-color: #333; display: flex; align-items: center; z-index: 15; justify-content: space-between; } footer .popover.custom-popover { border: none; box-shadow: none; margin-top: 0px; } footer #control-panel-center { margin: 0 auto 0 auto; } #privacy-policy { position: relative; color: #fff; font-size: 12px; text-shadow: 0px 0px 3px #000; } #privacy-policy a { color: #fff; cursor: pointer; } #privacy-policy a:hover { text-decoration: underline; } #gallery-switcher { display: none; width: 25px; color: #fff; cursor: pointer; margin: auto; position: absolute; left: 0; right: 0; } #gallery-switcher i { font-size: 24px; text-shadow: 0px 0px 3px #000; } #gallery-switcher img.open-close-img { height: 25px; color: white; filter: brightness(0) invert(1); } .control-menu-wrapper { position: relative; display: block; } .control-menu-wrapper ul.control-menu { width: 100%; height: 30px; display: flex; align-items: center; justify-content: flex-end; text-shadow: 0px 0px 3px #000; } .control-menu-wrapper ul.control-menu li.menu-item { position: relative; display: flex; align-items: center; justify-content: center; float: left; width: 30px; height: 100%; text-align: center; cursor: pointer; color: #fff; } .control-menu-wrapper ul.control-menu li.menu-item:not(:last-of-type) { margin: 0 20px 0 0; } .control-menu-wrapper ul.control-menu li.menu-item#switcher { top: 3px; width: 70px; height: 23px; } .control-menu-wrapper ul.control-menu li.menu-item > #measureIcon > .rule { width: 20px; height: 20px; } .control-menu-wrapper ul.control-menu li.menu-item a#logout { margin-top: 0; border: none; } .control-menu-wrapper ul.control-menu li.menu-item a#logout i { font-size: 1.33333333em; } .control-menu-wrapper ul.control-menu li.menu-item ul.control-dropdown { position: absolute; width: 50px; height: 200px; background-color: #333; top: -215px; z-index: 100; left: -9px; } .control-menu-wrapper ul.control-menu li.menu-item .message-badge { position: absolute; width: 10px; height: 10px; top: 0; left: inherit; right: 5px; } .popover-content.popover-menu-tool-item { padding: 0 !important; } .popover-content.popover-menu-tool-item .menu { display: flex; flex-direction: column; align-items: center; color: #fff; } .popover-content.popover-menu-tool-item .menu a { color: #fff; } .popover-content.popover-menu-tool-item .menu .menu-tool-item { padding: 12px 14px; } .popover-content.popover-menu-tool-item .menu .menu-tool-item:first-child { padding-top: 24px; } .popover-content.popover-menu-tool-item .menu .menu-tool-item:last-child { padding-bottom: 24px; } .popover-content.popover-menu-tool-item .menu .menu-tool-item > .rule { width: 20px; height: 20px; } #infopoints-edit-modal > .modal-dialog { max-height: 580px; overflow-x: hidden; overflow-y: auto; } .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point.infopoint-image-dot, .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point.infopoint-image-dot.custom-icon { opacity: 1 !important; visibility: visible !important; color: #484848 !important; transition: border-color 250ms ease-in-out, opacity 250ms ease-in-out, visibility 250ms ease-in-out; transform: translateX(-1rem) translateY(-1rem) scale(0.999); padding: 0; width: 2rem !important; height: 2rem !important; border: 2px solid transparent !important; position: absolute; background: rgba(0, 0, 0, 0.2) !important; border-radius: 64px !important; line-height: 0.5; display: flex; align-items: center; justify-content: center; height: 32px !important; width: 32px !important; border: 2px solid rgba(0, 0, 0, 0) !important; } .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point.infopoint-image-dot::before, .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point.infopoint-image-dot::after, .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point.infopoint-image-dot.custom-icon::before, .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point.infopoint-image-dot.custom-icon::after { box-sizing: inherit; outline: none; } .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point.infopoint-image-dot::after, .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point.infopoint-image-dot.custom-icon::after { content: ""; transition: transform 250ms ease-in-out; position: relative; display: block; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.55); width: 12px; height: 12px; border-radius: 64px; } .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point.infopoint-image-dot.onhover { border-color: rgba(255, 255, 255, 0.5) !important; border-width: 2px; background: rgba(0, 0, 0, 0.4) !important; color: #111 !important; text-decoration: underline !important; height: 32px !important; width: 32px !important; } .embed-responsive-item.IMMOVIEWER_DEFAULT .info-point.infopoint-image-dot.onhover::after { width: 8px; height: 8px; } .rich-text-hotspot { background-color: #fff; color: #000; font-size: 14px; padding: 10px 6px 10px 15px; transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out; width: 180px; text-align: left; display: flex; flex-direction: column; } .rich-text-hotspot .rich-text-header { font-weight: 700; text-transform: uppercase; color: #000; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rich-text-hotspot .rich-text-content { color: #484848; font-weight: 400; letter-spacing: 0; overflow: hidden; height: 7rem; width: 160px; line-break: auto; white-space: normal; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .visualization-bubble-wrapper { opacity: 0; z-index: 10; } .visualization-bubble-wrapper .visualization-bubble { border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(white, black); overflow: hidden; -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0 10px; -moz-box-shadow: rgba(0, 0, 0, 0.8) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.8) 0 0 10px; } .visualization-bubble-wrapper .visualization-bubble > #krpanoSWFObject_visualization > div, .visualization-bubble-wrapper .visualization-bubble > #krpanoSWFObject > div { cursor: pointer !important; } .visualization-bubble-wrapper .visualization-bubble .contact-information-section, .visualization-bubble-wrapper .visualization-bubble .infopoints-expose-section, .visualization-bubble-wrapper .visualization-bubble .slider-gallery-section, .visualization-bubble-wrapper .visualization-bubble .floorplans-part, .visualization-bubble-wrapper .visualization-bubble footer, .visualization-bubble-wrapper .visualization-bubble #company-logo, .visualization-bubble-wrapper .visualization-bubble #mouse-move-wrapper { display: none; } .visualization-bubble-wrapper.big-bubble { position: absolute; right: 20px; bottom: calc(50% - 75px); } .visualization-bubble-wrapper.big-bubble > .visualization-bubble { position: initial !important; height: 150px; width: 150px !important; } .visualization-bubble-wrapper.big-bubble > .close-btn:after { content: ""; font-size: 12pt; } .visualization-bubble-wrapper.small-bubble { position: absolute; right: 20px; bottom: 140px; } .visualization-bubble-wrapper.small-bubble > .visualization-bubble { border-radius: 50%; height: 75px; overflow: hidden; position: initial !important; width: 75px !important; } .visualization-bubble-wrapper.small-bubble > .close-btn:after { content: ""; } .visualization-bubble-wrapper .close-btn { color: white; cursor: pointer; float: right; text-shadow: 2px 1px black; } .visualization-bubble-wrapper .close-btn:after { display: flex; font-family: "FontAwesome"; font-size: 10pt; } .visualization-title { bottom: 20px; color: white; display: none; font-size: 15px; font-weight: bold; letter-spacing: 4pt; margin-bottom: 11px; position: absolute; text-align: center; text-shadow: 0px 0px 5px #000; width: 100%; } .visualization-bubble.embed-responsive-item.IMMOVIEWER_DEFAULT { width: 100%; position: absolute; top: 0; left: 0; bottom: 0; } .slider-element.has-visualization .visualization-hint { bottom: 3px; color: #fff; font-size: 12px; position: absolute; text-align: center; text-shadow: 2px 2px black; z-index: 2; pointer-events: none; opacity: 1; transition: opacity 1s ease-in-out; } .slider-element.has-visualization .visualization-hint.before { left: 2%; } .slider-element.has-visualization .visualization-hint.after { right: 2%; } .slider-element.has-visualization .slider-line-wrapper { left: 50%; position: absolute; bottom: 0px; top: 0px; display: block; transition: left 1s ease-in-out; } .slider-element.has-visualization .slider-line-wrapper i.fa { color: white; position: absolute; text-shadow: 0px 0px 5px #000; top: 44%; z-index: 10; opacity: 1; transition: opacity 1s ease-in-out; } .slider-element.has-visualization .slider-line-wrapper i.fa.fa-chevron-left { margin-left: -11pt; } .slider-element.has-visualization .slider-line-wrapper i.fa.fa-chevron-right { margin-left: 3pt; } .slider-element.has-visualization .slider-line-wrapper .comparison-line { background-color: white; box-shadow: 0px 0px 5px #000; color: white; height: calc(100% - 20px); margin-top: 10px; margin-bottom: 10px; position: absolute; width: 2px; z-index: 10; margin-left: -1px; opacity: 1; transition: opacity 1s cubic-bezier(0, 1, 1, 1); } .slider-element.has-visualization img:first-of-type { position: absolute; clip-path: inset(0 50% 0 0%); -moz-clip-path: inset(0 50% 0 0%); -webkit-clip-path: inset(0 50% 0 0%); } .slider-element.has-visualization img:last-of-type { clip-path: inset(0 0% 0 50%); -moz-clip-path: inset(0 0% 0 50%); -webkit-clip-path: inset(0 0% 0 50%); } .slider-element.has-visualization img { transition: clip-path 1s ease-in-out, -webkit-clip-path 1s ease-in-out, -moz-clip-path 1s ease-in-out; } .slider-element.has-visualization.left .slider-line-wrapper i.fa, .slider-element.has-visualization.right .slider-line-wrapper i.fa { opacity: 0; } .slider-element.has-visualization.left .comparison-line, .slider-element.has-visualization.right .comparison-line { opacity: 0; transition: opacity 1s cubic-bezier(1, 0, 1, 1); } .slider-element.has-visualization.left .visualization-hint.after { opacity: 0; } .slider-element.has-visualization.left .slider-line-wrapper { left: 100%; } .slider-element.has-visualization.left img:first-of-type { clip-path: inset(0 0% 0 0%); -moz-clip-path: inset(0 0% 0 0%); -webkit-clip-path: inset(0 0% 0 0%); } .slider-element.has-visualization.left img:last-of-type { clip-path: inset(0 0% 0 100%); -moz-clip-path: inset(0 0% 0 100%); -webkit-clip-path: inset(0 0% 0 100%); } .slider-element.has-visualization.right .visualization-hint.before { opacity: 0; } .slider-element.has-visualization.right .slider-line-wrapper { left: 0%; } .slider-element.has-visualization.right img:first-of-type { clip-path: inset(0 100% 0 0%); -moz-clip-path: inset(0 100% 0 0%); -webkit-clip-path: inset(0 100% 0 0%); } .slider-element.has-visualization.right img:last-of-type { clip-path: inset(0 0% 0 0%); -moz-clip-path: inset(0 0% 0 0%); -webkit-clip-path: inset(0 0% 0 0%); } .preview-current-image-wrapper { display: block; text-align: center; } .preview-current-image-wrapper > .preview-current-image { margin: auto auto 10px auto; max-height: 100px; max-width: 100px; } .preview-current-image-wrapper .preview-filename { margin-right: 10px; } .preview-current-image-wrapper .delete-pano { margin-bottom: 10px; } .fade-in { animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 1s; opacity: 1; } .fade-out { animation-name: fadeOutOpacity; animation-iteration-count: 1; animation-timing-function: ease-out; animation-duration: 1s; opacity: 0; pointer-events: none; } @keyframes fadeInOpacity { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOutOpacity { 0% { opacity: 1; } 100% { opacity: 0; } } @media (max-width: 767px) { .visualization-bubble-wrapper .close-btn { display: none; } .visualization-bubble-wrapper.small-bubble, .visualization-bubble-wrapper.big-bubble { bottom: 50%; right: 10px; } .visualization-bubble-wrapper.small-bubble .visualization-bubble, .visualization-bubble-wrapper.big-bubble .visualization-bubble { height: 50px; width: 50px !important; } .visualization-title { margin-bottom: 0px; } } /*# sourceMappingURL=base.css.map */ /** javascripts/leaflet1.0.0-rc2/leaflet.css **/ /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-map-pane svg, .leaflet-map-pane canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer { max-width: none !important; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-drag { -ms-touch-action: none; touch-action: none; } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { will-change: opacity; } .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); -o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline: 0; } .leaflet-container a { color: #0078A8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } /* general typography */ .leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-control-zoom-out { font-size: 20px; } .leaflet-touch .leaflet-control-zoom-in { font-size: 22px; } .leaflet-touch .leaflet-control-zoom-out { font-size: 24px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(images/layers.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(images/layers-2x.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; } .leaflet-popup-content p { margin: 18px 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { color: #999; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } .leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; }