html>body.html.admin-menu { margin-top: 0px !important; } #admin-menu { background: rgba(33, 43, 54, 0.68) !important; } html { min-height: 100%; background: #fff !important; } #map { position: absolute; top: 0; bottom: 0; width: 100%; } .page-node.node-type-project #overlay-container { /*width: 550px;*/ max-width: 1000px; width: 50%; /* float: right; */ left: inherit; right: 0; /*max-width: 45%;*/ box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.82); } .page-node.node-type-project #overlay-container iframe.overlay-element { left: inherit; } body.html.overlay { position: relative; } body.html.overlay { width: 1300px !important; margin: 50px auto; padding: 20px 50px; max-width: 100%; } body.html.overlay .navbar.navbar-static-top { display: none; } /*.admin-menu #overlay-container { width: 100% !important; float: left !important; }*/ #map { position: absolute; top: 0; bottom: 0; width: 100%; background: #5f8bbb !important; background: #3569a0 !important; background: #3a424a !important; } .path-to-park { background: url(../img/route.png) no-repeat center !important; background-position: 50% 50%; /*width: 60px !important; height: 60px !important;*/ cursor: pointer; display: block; text-indent: -9999px; z-index: 2; border-bottom: 1px solid #5e5e5e; margin-left: -10px; } /*@media (min-height: 650px) { .path-to-park-block { position: absolute; bottom: 0; } .path-to-park { border-top: 1px solid #F5BC45; } .block-empty-hidden { display: none; } }*/ .polylineNone { stroke-opacity: 0; } .proCalendar-tooltip { display: none !important; } * { margin: 0; padding: 0; text-decoration: none !important; } *:focus { outline: none !important; } body { overflow-x: hidden; overflow-y: auto; /*font-family: "SegoeUIRegular", Helvetica, sans-serif;*/ width: 100% !important; height: 100% !important; position: absolute; } .main .container { width: 100%; } /* Preloader */ div.mainpreloader { z-index: 10000; display: none; position: fixed; width: 100%; height: 100%; background: #fff; top: 0; left: 0; } div.mainpreloader img { top: 45%; left: 50%; position: absolute; width: 100px; margin-left: -50px; } /* video-preloader */ .video_preloader { background: url(/images/loader2.gif) no-repeat; background-size: 100%; top: 45%; left: 50%; position: absolute; width: 55px; height: 55px; z-index: 2; } a { webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } form#user-login { color: #fff; } /* Скрываем не нужные элементы на странице */ body.playVideo .mainblock, div.loader, body.front header { display: none; } /* Левая панель */ div.leaflet-top.leaflet-left { background: #00aeab; background: -moz-linear-gradient(top, #f1ad0d 0%, #f0950b 100%); background: -webkit-linear-gradient(top, #f1ad0d 0%, #f0950b 100%); background: linear-gradient(to bottom, #f1ad0d 0%, #f0950b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@menu-color-2', endColorstr='@menu-color-1', GradientType=0); /*background: -moz-linear-gradient(to bottom, #27bcd2 0%, #0079c1 100%); background: -webkit-linear-gradient(to bottom, #27bcd2 0%, #0079c1 100%); background: linear-gradient(to bottom, #27bcd2 0%, #0079c1 100%);*/ /*background: linear-gradient(to bottom, #00aeab 0%, #028885 100%); background: -moz-linear-gradient(to bottom, #00aeab 0%, #028885 100%); background: -webkit-linear-gradient(to bottom, #00aeab 0%, #028885 100%); background: -o-linear-gradient(to bottom, #00aeab 0%, #028885 100%); background: -ms-linear-gradient(to bottom, #00aeab 0%, #028885 100%);*/ width: 60px; height: 100%; box-shadow: 0px 0px 10px 0px black; } .leaflet-left { position: fixed !important; } div.leaflet-bar { margin: 0 !important; border: none !important; } div.leaflet-bar a { width: 60px !important; height: 60px !important; cursor: pointer; display: block; text-indent: -9999px; border: none !important; border-bottom: 1px solid #F5BC45 !important; border-radius: 0 !important; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } div.leaflet-bar a.leaflet-control-zoom-in, .filter_map_block a.filter-plus-zoom-in-view { background: url(../img/plus.png) no-repeat center; } div.leaflet-bar a.leaflet-control-zoom-out, .filter_map_block a.filter-minus-zoom-in-view { background: url(../img/minus.png) no-repeat center; } div.leaflet-bar a.leaflet-control-draw-measure { background: url(../img/ruler.png) no-repeat center; top: 120px; } .not-logged-in div.leaflet-bar a.leaflet-control-draw-measure { top: 300px; } div.leaflet-bar a.leaflet-control-easyPrint-button { top: 120px; } div.leaflet-bar a:hover { width: 65px; height: 65px; opacity: .85; cursor: pointer; } div.leaflet-bar.enabled .leaflet-control-draw-measure { opacity: 1; background: url(../img/ruler-a.png) no-repeat center; background-color: #3a424a; /* Old browsers */ background-color: -moz-linear-gradient(top, #212b34 0%, #3a424a 100%); /* FF3.6-15 */ background-color: -webkit-linear-gradient(top, #212b34 0%, #3a424a 100%); /* Chrome10-25,Safari5.1-6 */ background-color: linear-gradient(to bottom, #3a424a 0%, #212b34 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gradient-2', endColorstr='@gradient-1', GradientType=0); /* IE6-9 */ -webkit-box-shadow: 5px 10px 12px -4px rgba(0, 0, 0, 0.85); -moz-box-shadow: 5px 10px 12px -4px rgba(0, 0, 0, 0.85); box-shadow: 5px 10px 12px -4px rgba(0, 0, 0, 0.85); width: 65px !important; height: 65px !important; border: none !important; } /*.filter_map_block div.path-to-park-block { display: none; }*/ .leaflet-div-icon.leaflet-editing-icon { background: #f0a40c; border: none !important; width: 10px !important; height: 10px !important; margin-left: -5px !important; margin-top: -5px !important; margin-left: -7px !important; margin-top: -7px !important; border-radius: 50%; border: 1px solid #fff !important; } .mapMeasureArea .leaflet-div-icon.leaflet-editing-icon { background: #16b0ae; } .filter_map_block { /* overflow: scroll; */ width: 80px; height: 100%; left: 0; position: absolute; /*overflow: scroll;*/ -ms-overflow-style: none; overflow: -moz-scrollbars-none; top: 0; } .filter_map_block::-webkit-scrollbar { width: 0; } .logged-in .filter_map_block { /*overflow: scroll; */ height: calc(100% - 35px); margin-top: 35px; } .filter_map_block>div { width: 60px !important; height: 60px !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .block-empty { border-bottom: 1px solid #F5BC45; } /*.block-filter-object-in-view { display: none !important; }*/ .filter_map_block div a { /*width: 60px; height: 60px;*/ width: 100%; height: 100%; cursor: pointer; display: block !important; text-indent: -9999px; position: relative; z-index: 1002; /*border-bottom: 1px solid #F5BC45;*/ border-bottom: 1px solid rgba(255, 255, 255, 0.4); /*border-bottom: 1px solid #0d6880;*/ -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin: 0 !important; } .filter_map_block.map_block_icon_1 div a { border-bottom: 1px solid rgba(255, 255, 255, 0.35); } .filter_map_block div a.view { background-color: #3a424a !important; background-color: #243240 !important; background-color: -moz-linear-gradient(top, #212b34 0%, #3a424a 100%) !important; background-color: -webkit-linear-gradient(top, #212b34 0%, #3a424a 100%) !important; background-color: linear-gradient(to bottom, #3a424a 0%, #212b34 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gradient-2', endColorstr='@gradient-1', GradientType=0); -webkit-box-shadow: 0px 5px 14px -1px rgba(0, 0, 0, 0.85); -moz-box-shadow: 0px 5px 14px -1px rgba(0, 0, 0, 0.85); box-shadow: 0px 5px 14px -1px rgba(0, 0, 0, 0.85); width: 65px; height: 65px; border: none; /* margin-top: -2px !important; */ top: -2px; } .filter_map_block div a:hover { opacity: .8; cursor: pointer; } .filter_map_block div a.login-in-view { background: url(/img/user.png) no-repeat center; } .filter_map_block div a.login-in-view.view { background: url(/img/layers-a.png) no-repeat center; opacity: 1; } .filter_map_block div a.logout-in-view { background: url(/img/logout.png) no-repeat center; } .filter_map_block div a.logout-in-view.view { background: url(/img/layers-a.png) no-repeat center; opacity: 1; } .filter_map_block div a.filter-group-in-view { background: url(/img/layers.png) no-repeat center; } .filter_map_block.map_block_icon_1 div a.filter-group-in-view { background: url(/img/white/layers.png) no-repeat center; } .filter_map_block div a.filter-group-in-view.view { background: url(/img/white/layers.png) no-repeat center; opacity: 1; } .filter_map_block.map_block_icon_1 div a.filter-group-in-view.view { /*background: url(/img/layers.png) no-repeat center; opacity: 1;*/ } .filter_map_block div a.filter-views-search-in-view { background: url(/img/search.png) no-repeat center; } .filter_map_block.map_block_icon_1 div a.filter-views-search-in-view { background: url(/img/white/search.png) no-repeat center; } .filter_map_block div a.filter-views-search-in-view.view { background: url(/img/white/search.png) no-repeat center; opacity: 1; } .filter_map_block div a.weather-in-view { background: url(/img/weather.png) no-repeat center; } .filter_map_block.map_block_icon_1 div a.weather-in-view { background: url(/img/white/weather.png) no-repeat center; } .filter_map_block div a.weather-in-view.view { background: url(/img/white/weather.png) no-repeat center; opacity: 1; } .filter_map_block div a.filter-object-in-view { background: url(/img/filt.png) no-repeat center; } .filter_map_block.map_block_icon_1 div a.filter-object-in-view { background: url(/img/white/filt.png) no-repeat center; } .filter_map_block div a.filter-object-in-view.view { background: url(/img/white/filt.png) no-repeat center; opacity: 1; } .filter_map_block div a.height-module-in-view { background: url(/img/height.png) no-repeat center; } .filter_map_block.map_block_icon_1 div a.height-module-in-view { background: url(/img/white/height.png) no-repeat center; } .filter_map_block div a.height-module-in-view.view { background: url(/img/white/height.png) no-repeat center; opacity: 1; } .filter_map_block div a.filter-3d-in-view { background: url(/img/3d.png) no-repeat center; } .filter_map_block.map_block_icon_1 div a.filter-3d-in-view { background: url(/img/white/3d.png) no-repeat center; } .filter_map_block div a.filter-3d-in-view.view { background: url(/img/white/3d.png) no-repeat center; opacity: 1; } .filter_map_block div a.filter-route-in-view { background: url(/img/path.png) no-repeat center; } .filter_map_block div a.filter-route-in-view.view { background: url(/img/path-a.png) no-repeat center; opacity: 1; } .filter_map_block div a.viewAddObjectMap { background: url(/img/path.png) no-repeat center; } .filter_map_block div a.viewAddObjectMap.view { background: url(/img/path-a.png) no-repeat center; opacity: 1; } .filter_map_block div a.cluster-in-view { background: url(/img/height.png) no-repeat center; } .filter_map_block div a.cluster-in-view.view { background: url(/img/height-a.png) no-repeat center; opacity: 1; } .filter_map_block div a.view-arrows { background: url(/img/directions.png) no-repeat center; } .filter_map_block div a.view-arrows.view { background: url(/img/directions-a.png) no-repeat center; opacity: 1; } .filter_map_block div a.view-boards { background: url(/img/springboards.png) no-repeat center; } .filter_map_block div a.view-boards.view { background: url(/img/springboards-a.png) no-repeat center; opacity: 1; } .filter_map_block div a.entertainment-in-view { background: url(/img/entertain.png) no-repeat center; } .filter_map_block div a.entertainment-in-view.view { background: url(/img/entertain-a.png) no-repeat center; opacity: 1; } .filter_map_block div a.walks-in-view { background: url(../img/walks.png) no-repeat center; } .filter_map_block div a.walks-in-view.view { background: url(../img/walks-a.png) no-repeat center; opacity: 1; } .filter_map_block div a.back-map-in-view { background: url(/img/inmap.png) no-repeat center; } .filter_map_block div a.back-map-in-view.view { background: url(/img/inmap-a.png) no-repeat center; opacity: 1; } .block-back-map-in-view { display: block !important; } .filter_map_block div a.cottages-in-view { background: url(/img/houses2.png) no-repeat center; } .filter_map_block div a.cottages-in-view.view { background: url(/img/houses2-a.png) no-repeat center; opacity: 1; } .filter_map_block div a.tours-in-view { background: url(/img/tours.png) no-repeat center; } .filter_map_block div a.tours-in-view.view { background: url(/img/tours-a.png) no-repeat center; opacity: 1; } .filter_map_block div a.cart-in-view { background: url(/img/cart.png) no-repeat center; } .filter_map_block div a.cart-in-view.view { background: url(/img/cart-a.png) no-repeat center; opacity: 1; } a.cart-in-view { text-indent: 0 !important; color: #3f3c2e; } a.cart-in-view span { position: absolute; right: 5px; bottom: 0; /*font-family: "SegoeUISemiBold";*/ } .filter_map_block div a.cart-in-view.view span { color: #f09d0c; } .filter_map_block div a.housesinfo-in-view { background: url(../img/text-off.png) no-repeat center; background-position: 50% 50%; background-size: 33px !important; } body:not(.reservation-open) .filter_map_block>.block-housesinfo-in-view { height: 0 !important; overflow: hidden; } .filter_map_block div a.list-objects-in-view { background: url(/img/path.png) no-repeat center; background-position: 50% 50%; } .filter_map_block div a.list-objects-in-view.view { background: url(/img/path-a.png) no-repeat center; background-position: 50% 50%; opacity: 1; } .filter_map_block div a.info-in-view { background: url(/img/text-off.png) no-repeat center !important; background-position: 50% 50%; background-size: 36px !important; } .filter_map_block div a.back-to-site-in-view { background: url(/img/tosite.png) no-repeat center !important; background-position: 50% 50%; } .filter_map_block.map_block_icon_1 div a.back-to-site-in-view { background: url(/img/white/tosite.png) no-repeat center !important; background-position: 50% 50%; } .filter_map_block .ruler-in-view { background: url(/img/ruler.png) no-repeat center; } .filter_map_block.map_block_icon_1 .ruler-in-view { background: url(/img/white/ruler.png) no-repeat center; } .filter_map_block .ruler-in-view.view { background: url(/img/white/ruler.png) no-repeat center; opacity: 1; } .filter_map_block .area-in-view { background: url(/img/acreage.png) no-repeat center; } .filter_map_block.map_block_icon_1 .area-in-view { background: url(/img/white/acreage.png) no-repeat center; } .filter_map_block .area-in-view.view { background: url(/img/white/acreage.png) no-repeat center; opacity: 1; } .filter_map_block .info-map-in-view { background: url(/img/coord.png) no-repeat center; } .filter_map_block.map_block_icon_1 .info-map-in-view { background: url(/img/white/coord.png) no-repeat center; } .filter_map_block .info-map-in-view.view { background: url(/img/white/coord.png) no-repeat center; } .filter_map_block .link-3d-module-in-view { background: url(../img/3d.png) no-repeat center; } .filter_map_block .link-3d-module-in-view.view { background: url(../img/3d-a.png) no-repeat center; opacity: 1; } .filter_map_block .createObject { background: url(/img/add.png) no-repeat center; border-bottom: 1px solid #3a424a !important; } .filter_map_block.map_block_icon_1 .createObject { background: url(/img/white/add.png) no-repeat center; border-bottom: 1px solid #fff !important; } .filter_map_block .createObject.view { background: url(/img/white/add.png) no-repeat center; opacity: 1; } .object-filter-category_1500980041 { background: url(../img/mountain.png) 39px 50% no-repeat; } .object-filter-category_1500980138 { background: url(../img/houses-f.png) 39px 50% no-repeat; } .object-filter-category_1500980187 { background: url(../img/nature.png) 39px 50% no-repeat; } .object-filter-category_1512966844 { background: url(../img/reserve-f.png) 39px 50% no-repeat; } .object-filter-category_1524819361 { background: url(../img/natural-park-f.png) 39px 50% no-repeat; } .object-filter-category_1511956034 { background: url(../img/city-f.png) 39px 50% no-repeat; } .object-filter-category_1500980171 { /*background: url(../img/halts.png) 39px 50% no-repeat;*/ background: url(../img/arbor-f.png) 39px 50% no-repeat; } .object-filter-routes_parent { background: url(../img/fpath.png) 39px 50% no-repeat; } .object-filter-object_1501777087 { background: url(../img/middle-path.png) 70px 50% no-repeat; } .object-filter-object_1501678711 { background: url(../img/bottom-path.png) 70px 50% no-repeat; } .object-filter-object_1501671453 { background: url(../img/top-path.png) 70px 50% no-repeat; } .object-filter-category_1513838021 { background: url(../img/gas-f.png) 39px 50% no-repeat; } .object-filter-category_1513838155 { background: url(../img/info-f.png) 39px 50% no-repeat; } .object-filter-category_1513838116 { background: url(../img/checkpoint-f.png) 39px 50% no-repeat; } .object-filter-category_1506598097 { background: url(../img/f-climbing.png) 39px 50% no-repeat; } .object-filter-category_1506594891 { background: url(../img/f-path.png) 39px 50% no-repeat; } .object-filter-category_1506597559 { background: url(../img/f-houses.png) 39px 50% no-repeat; } .object-filter-category_1506592240 { background: url(../img/f-nature.png) 39px 50% no-repeat; } .filterRoutes a { padding-left: 120px !important; } .view-category_1505369164 { background: url(../img/leisure-f.png) 39px 50% no-repeat; } .view-category_1505369146 { background: url(../img/info-f.png) 39px 50% no-repeat; } .view-category_1505369195 { background: url(../img/houses-f.png) 39px 50% no-repeat; } .view-category_1511520087 { background: url(../img/sight-f.png) 39px 50% no-repeat; } .view-category_1511431867 { background: url(../img/leisure-f.png) 39px 50% no-repeat; } .view-category_1511520225 { background: url(../img/education-f.png) 39px 50% no-repeat; } .view-category_1511519970 { background: url(../img/transport-f.png) 39px 50% no-repeat; } .object-filter-category_1524719112 { background: url(/img/village-f.png) 39px 50% no-repeat; } .object-filter-category_1524719187 { background: url(/img/church-f.png) 39px 50% no-repeat; } .object-filter-category_1524719240 { background: url(/img/temple-f.png) 39px 50% no-repeat; } .object-filter-category_1524719270 { background: url(/img/mosque-f.png) 39px 50% no-repeat; } .object-filter-category_1524733257 { background: url(/img/city-f.png) 39px 50% no-repeat; } .leaflet-control-zoom.leaflet-bar.leaflet-control { display: none; } a.leaflet-control-draw-measure { display: none !important; } .block-print-in-view a.print-in-view { background: url(../img/print.png) no-repeat center; /*top: 300px;*/ } .not-logged-in a.print-in-view { display: none !important; } .block-print-in-view a.print-in-view.view { background: url(../img/print-a.png) no-repeat center; opacity: 1; } .filter_map_block div a.background-in-view { background: url(../img/bg-text.png) no-repeat center; /*top: 360px;*/ } .filter_map_block div a.background-in-view.view { background: url(../img/bg-text-a.png) no-repeat center; opacity: 1; } .block-feedback-in-view a { background: url(../img/contact.png) no-repeat center; bottom: 0; border-bottom: none; border-top: 1px solid #F5BC45; } .block-feedback-in-view a.view { background: url(../img/contact-a.png) no-repeat center; opacity: 1 !important; } .view-search-object-map .form-item.form-item-status { display: none; } .message_hint, .message_area, .message_fire, .text-weather, .message_coordinate { display: none; max-width: 400px; height: auto; z-index: 3; position: absolute; left: 61px; top: inherit !important; bottom: 0; padding: 20px 60px 20px 40px; /*color: #13ccc8;*/ color: rgba(255, 255, 255, 0.57); background-color: #243240 !important; background-color: rgba(23, 35, 47, 0.85) !important; -webkit-box-shadow: 0px 5px 20px -1px rgba(0, 0, 0, 0.85); -moz-box-shadow: 0px 5px 20px -1px rgba(0, 0, 0, 0.85); box-shadow: 0px 5px 20px -1px rgba(0, 0, 0, 0.61); border-left: none; /*font-size: 13pt;*/ font-size: 11pt; /*outline: 3px solid rgba(0, 0, 0, 0.24);*/ } .message_hint > a, .message_area > a, .message_fire > a, .text-weather > a, .message_coordinate > a { display: block; float: right; margin-right: 15px; margin-top: 5px; background: url(../img/close.png) no-repeat; text-indent: -9999999px; background-size: 100%; width: 20px; position: absolute; right: 20px; top: 22px; } .message_hint > a:hover, .message_area > a:hover, .message_fire > a:hover, .message_coordinate > a:hover { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); cursor: pointer; } .content-zoom-info-map { display: inline-block; margin-bottom: 20px; width: 30px; } .message_area { top: 240px; } .message_fire { top: 300px; } .message_fire span a { color: white; text-decoration: underline !important; } .message_fire span a:hover { cursor: pointer; /*font-family: "SegoeUISemiBold", Helvetica, sans-serif;*/ } .filter_block { position: absolute; /*width: 420px;*/ width: 300px; height: 100%; left: 60px; top: 0; background-color: rgb(235, 236, 236); background-image: url(../img/v-line.png); background-repeat: repeat-y; background-position-x: 45px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.73); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.73); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.73); z-index: 3; overflow: auto; } @media (max-width: 1000px) { .node-type-project .filter_block { width: calc(100% - 50px) !important; background-image: none; left: 50px; } } .filter_block > div { padding: 0px; margin: 0px; border-bottom: 1px solid #C2C3C4; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; background-position: 25px 50% !important; } .empty_block { height: 54px; pointer-events: none; } .filter_block > div > a { padding: 20px; padding-left: 80px; text-align: left; display: block; font-size: 10pt; color: #212b34; text-decoration: none !important; outline: none !important; line-height: 100%; } .filter_block > div:not(.filterRoutes):not(.text-filter-header):not(.view-content):not(.region):hover { cursor: pointer; background-color: #d8d8d8; } .filter_block > div.active { /*background-color: #F5B030;*/ background-color: #b6c1cd; } .filter_block.filter_group_map div.active { /*background-color: #b6c1cd !important;*/ background-color: #00a3d9 !important; } .filter_block.filter_group_map div.active:not(.additional_layer) { pointer-events: none; } .filter_block.filter_group_map div.active a { color: #fff !important; } .filter_block.filter_group_map .additional_layer.active { background-color: #b6c1cd !important; } .filter_block > div.active:hover { background-color: #F5B030; cursor: default; } .filter_block div.blockObjParent { filter: inherit !important; opacity: 1 !important; } .filter_block div.blockObjParent a { padding-left: 130px; } span.icon-3d { position: absolute; left: 40px; width: 40px; text-align: center; height: 30px; display: block; top: 50%; margin-top: -15px; } .filter_block.filter_object_map div:not(.filterRoutes), .filter_block.filter_weather_map div { filter: grayscale(50); opacity: .5; } .filter_block.filter_object_map div:not(.filterRoutes):hover, .filter_block.filter_weather_map div:hover { background-color: transparent; /*filter: inherit;*/ opacity: 0.7; } .filter_block.filter_object_map div.active, .filter_block.filter_weather_map div.active { background-color: transparent; filter: inherit; opacity: 1; } .filter_block.filter_object_map div.active:not(.filterRoutes):hover, .filter_block.filter_weather_map div.active:hover { background-color: transparent; filter: inherit; opacity: 1; } .filter_block.filter_object_map div.active a, .filter_block.filter_weather_map div.active a { color: #000 !important; font-weight: 400; } .filter_block.filter_object_map div.active:not(.filterRoutes):hover a, .filter_block.filter_weather_map div.active:hover a { color: #F5B030; } .filter_block.filter_object_map div.header_filter, .filter_block.filter_weather_map div.header_filter { opacity: 1; } .filter_block.filter_object_map div.header_filter *, .filter_block.filter_weather_map div.header_filter * { opacity: 1; } .filter_block.filter_route_map ul, .filter_list_object_map ul, .filter_block.filter_3d_map ul, .filter_list ul { padding: 0; margin: 0; } .filter_block.filter_route_map li, .filter_list_object_map li, .filter_block.filter_3d_map li, .filter_list li { /* height: 180px;*/ position: relative; border-bottom: 1px solid #3a424a; list-style: none; } .filter_block.filter_route_map li a, .filter_block.filter_3d_map li a, .filter_list_object_map li a, .filter_list li a { /*position: absolute; top: 0; width: 100%;*/ } .route-img { position: relative; } .filter_block.filter_route_map li a .route-img, .filter_block.filter_3d_map li a .route-img, .filter_block.filter_route_map li a .img-3d, .filter_block.filter_3d_map li a .img-3d, .filter_list_object_map li a .route-img { height: auto; max-height: 210px; overflow: hidden; position: relative; background: #000 !important; border-bottom: none; } .filter_list li a .route-img { height: 150px; overflow: hidden; position: relative; background: #000 !important; border-bottom: none; } .route-img:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(66, 78, 91, 0) 29%, rgba(12, 28, 45, 0.85) 100%); background: -moz-linear-gradient(to bottom, rgba(66, 78, 91, 0) 29%, rgba(12, 28, 45, 0.85) 100%); background: -webkit-linear-gradient(to bottom, rgba(66, 78, 91, 0) 29%, rgba(12, 28, 45, 0.85) 100%); } .filter_block.filter_route_map li a .route-img img, .filter_block.filter_3d_map li a .route-img img, .filter_block.filter_route_map li a .img-3d img, .filter_block.filter_3d_map li a .img-3d img, .filter_list_object_map li a .route-img img { opacity: .7; position: relative; /*top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);*/ height: auto; width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -moz-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -o-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -ms-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); display: block !important; } .filter_list li a .route-img img { opacity: .7; position: relative; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); height: auto; width: 101%; max-width: 101%; -webkit-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -moz-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -o-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -ms-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); display: block !important; filter: contrast(1.2); -ms-filter: contrast(1.2); -moz-filter: contrast(1.2); -webkit-filter: contrast(1.2); } .filter_block.filter_route_map li a .route-name, .filter_block.filter_3d_map li a .route-name, .filter_block.filter_route_map li a .name-3d, .filter_block.filter_3d_map li a .name-3d, .filter_list_object_map li a .route-name { position: absolute; bottom: 25px; left: 15px; width: 240px; color: white; border: none; background: none !important; /* letter-spacing: 2px; */ font-size: 11pt; } .filter_list li a .route-name { position: absolute; bottom: 25px; left: 50px; width: 280px; color: white; border: none; background: none !important; letter-spacing: 2px; /*font-family: "SegoeUIBold";*/ } .filter_block.filter_route_map li a:hover img, .filter_block.filter_3d_map li a:hover img, .filter_block.filter_list_object_map li a:hover img { /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);*/ transform: /*translate(-50%, -50%) */scale(1.05, 1.05) !important; -webkit-transform: /*translate(-50%, -50%) */scale(1.05, 1.05) !important; -moz-transform: /*translate(-50%, -50%) */scale(1.05, 1.05) !important; -ms-transform: /*translate(-50%, -50%) */scale(1.05, 1.05) !important; -o-transform: /*translate(-50%, -50%) */scale(1.05, 1.05) !important; } .filter_list li a:hover img { transform: translate(-50%, -50%) scale(1.05, 1.05) !important; -webkit-transform: translate(-50%, -50%) scale(1.05, 1.05) !important; -moz-transform: translate(-50%, -50%) scale(1.05, 1.05) !important; -ms-transform: translate(-50%, -50%) scale(1.05, 1.05) !important; -o-transform: translate(-50%, -50%) scale(1.05, 1.05) !important; } .filter_list .active { z-index: 7; display: block; position: relative; } .filter_list .active .route-img { outline: 3px solid #f0ae14; } .filter_list .active .text-route { color: #f0ae14; /*font-family: "SegoeUIBold";*/ } .filter_block .header_filter { width: 100%; margin: 0; padding: 0; height: 60px; background: rgba(235, 236, 236, 0.95) !important; cursor: auto !important; } .filter_block .header_filter .close-filter-block { width: 60px; float: right; height: 100%; position: relative; margin: 0; padding: 0; border: none; background-color: transparent !important; } .filter_block .header_filter .close-filter-block .button-close { background: url(../img/close-dark.png) no-repeat; background-size: 20px; background-position: 50% 50%; background-color: transparent !important; display: block; position: relative; width: 100%; height: 100%; padding: 0; } .filter_block .header_filter .close-filter-block .button-close:hover { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); cursor: pointer; } .filter_block .header_filter .text-filter-header { width: calc(100% - 60px); padding: 16px 0; margin: 0; border: none; background: none; } .filter_block .header_filter .text-filter-header h3 { /* text-align: center; */ font-size: 16pt; margin: 0; color: #212b34; padding-left: 15px; } .filter_block .block-alpro-maps { background: url(../img/hybr.png) 39px 50% no-repeat; } .filter_block .block-mapbox-maps { background: url(../img/plan-m.png) 39px 50% no-repeat; } .filter_block .block-google-maps { background: url(../img/sat-g.png) 39px 50% no-repeat; } .filter_block .block-yandex-maps { background: url(../img/plan-y.png) 39px 50% no-repeat; } .filter_block .block-yandexSatellite-maps { background: url(../img/sat-y.png) 39px 50% no-repeat; } .filter_block .block-arcgis-maps { background: url(../img/satellite.png) 39px 50% no-repeat; } .filter_block .block-osm-maps, .filter_block .block-osmhot-maps, .filter_block .block-osmtf-maps { background: url(../img/topog.png) 39px 50% no-repeat; background-size: 40px; } .filter_block .block-twogis-maps { background: url(../img/topog-2.png) 39px 50% no-repeat; background-size: 40px; } .filter_block .block-bing-maps { background: url(../img/sat-b.png) 39px 50% no-repeat; background-size: 40px; } .filter_block .block-googleHybrid-maps, .filter_block .block-yandexHybrid-maps { background: url(../img/hybr.png) 39px 50% no-repeat; background-size: 40px; } .filter_block .object-filter-category_1498821257 { background: url(../img/att-f.png) 11% 35% no-repeat; background: url(/sites/default/files/7.png) 40px 50% no-repeat; /*background-size: 40px;*/ } .filter_block .object-filter-category_1498821246 { background: url(../img/line-above-f.png) 11% 35% no-repeat; background-size: 40px; } .filter_block .object-filter-category_1499078867 { background: url(../img/line-f.png) 11% 35% no-repeat; background-size: 40px; } .filter_block .object-filter-category_1499078602 { background: url(../img/line-under-f.png) 11% 35% no-repeat; background-size: 40px; } .filter_block .object-filter-category_1498557643 { background: url(../img/slot-f.png) 11% 35% no-repeat; background: url(/sites/default/files/5.png) 50px 50% no-repeat; /* background-size: 40px; */ } .filter_block .object-filter-category_1498824806 { background: url(../img/pillar-f.png) 11% 35% no-repeat; background: url(/sites/default/files/6.png) 46px 50% no-repeat; /*background-size: 40px;*/ } .filter_block .object-filter-category_1499078757 { background: url(/sites/default/files/1.png) 48px 50% no-repeat; } .filter_block .popupObj { color: #F5B030 !important; position: absolute; right: 20px; width: 100px; padding: 16px 0 !important; line-height: 14px; /* text-align: right !important; */ margin-top: -60px; text-indent: -99999px !important; position: absolute; right: 6px; width: 50px; margin-top: -55px; display: block; height: 50px; background: url(/img/text-off.png) center center no-repeat !important; background-size: 35px !important; display: none !important; } .filter_block .popupObj.view { background: url(/img/text-on-yell.png) center center no-repeat !important; background-size: 35px !important; } .logged-in .popupObj { text-indent: -99999px !important; position: absolute; right: 0px; width: 50px; margin-top: -50px; display: block; height: 50px; background: url(/img/text-off.png) center center no-repeat !important; background-size: 35px !important; } .logged-in .popupObj.view { background: url(/img/text-on.png) center center no-repeat !important; background-size: 35px !important; } /* Меню для мобильных */ div.mobinfo { display: none !important; } @media (max-width: 1000px) { div.mobinfo { display: block; width: calc(100% - 60px); height: 60px; } a.skew-button.button-left.yellow-button.about { display: none; } } a.mobmenu { display: none; } @media (max-width: 1000px) { a.mobmenu { display: none; background: #f0950b url(/images/icons/mobmenu.png) no-repeat right; background-size: 50px 50px; background-position: 50%; width: 65px; height: 63px; position: fixed; top: 0px; right: 0px; } a.mobmenu:hover { background: #c97d09 url(/images/icons/mobmenu.png) no-repeat right; background-size: 50px 50px; background-position: 50%; } } /* График высот */ .heightPreloader { display: none; background: url(../img/loader2.gif) no-repeat; background-size: 100%; top: 45%; left: 50%; position: absolute; width: 60px; height: 60px; z-index: 2; } .chart_heights { position: absolute; z-index: 2; background-color: #fff !important; /*background: url(../img/map-menu.png) repeat-x;*/ display: block; color: #fff; padding: 0 !important; top: -300px; width: calc(100% - 60px) !important; right: 0px; border: 1px solid #F5BC45 !important; border-top: none !important; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .button_chart_heights_delete, .close-pano { background: url(../img/close.png) no-repeat; background-size: 100%; display: block; position: absolute; top: 17px !important; right: 20px; width: 20px; height: 20px; z-index: 20; text-indent: -999999px; } .button_chart_heights_delete:hover, .close-pano:hover { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); cursor: pointer; } .button_chart_heights_delete { background: url(../img/close-black-star.png) no-repeat; background-size: 100%; } .logged-in .button_chart_heights_delete, .logged-in .chart_heights { margin-top: 35px; } /* Панорама */ #panorama { position: absolute; top: 0; right: 0; height: auto; width: calc(100% - 60px) !important; height: 100%; display: none; /* View control buttons */ /* Hide controls when width is too small */ /* Center is at margin-left: -20px */ } #panorama #pano { position: absolute; display: block; color: #fff; padding: 0; top: 0; width: 100%; right: 0px; border: 1px solid #F5BC45; border-top: none; height: 100%; } #panorama #titleBar { position: absolute; top: 0 !important; left: 0; right: 40px; height: 55px; text-align: center; width: 100%; } #panorama h1.sceneName { width: 100%; height: 100%; line-height: 30px; padding: 9px; background-color: #2e3232; background-color: rgba(49, 52, 49, 0.81); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; color: #fff; margin: 0; } #panorama .viewControlButton { position: absolute; bottom: 20px; left: 50%; width: 40px; height: 40px; padding: 5px; background: url(../img/p-button.png) no-repeat; } #panorama body.view-control-buttons .viewControlButton { display: block; } @media (max-width: 600px) { #panorama body.view-control-buttons .viewControlButton { display: none; } } #panorama .viewControlButton .icon { position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; } #panorama .viewControlButton-1 { margin-left: -145px; } #panorama .viewControlButton-2 { margin-left: -95px; } #panorama .viewControlButton-3 { margin-left: -45px; } #panorama .viewControlButton-4 { margin-left: 5px; } #panorama .viewControlButton-5 { margin-left: 55px; } #panorama .viewControlButton-6 { margin-left: 105px; } #panorama #autorotateToggle { position: absolute; bottom: 20px; left: 50%; width: 40px; height: 40px; padding: 5px; background: url(../img/p-button.png) no-repeat; margin-left: 155px; } #panorama #autorotateToggle .icon { position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; } #panorama #autorotateToggle .icon.off { display: none; } #panorama #autorotateToggle .icon.on { display: block; } /* Стиль ссылок */ .link { color: #fff; text-decoration: none; } .link-hover { color: #fff; /*font-family: "SegoeUISemiBold", Helvetica, sans-serif;*/ text-decoration: none; } /* Стиль для вывода ошибок */ .ui-pnotify { top: 76px !important; z-index: 9999999999 !important; } .ui-pnotify .alert { background: #f0950b; border: none; color: white; border-radius: 0; } .ui-pnotify .ui-pnotify-sticker { visibility: hidden !important; } .ui-pnotify a { color: white !important; } /* leaflet popup */ .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive { margin-left: -16px; } .leaflet-popup { background: rgba(36, 50, 64, 0.87) !important; /* box-shadow: 0 3px 14px rgba(0,0,0,0.4); */ color: #fff; padding: 10px !important; border-radius: 10px; } div.leaflet-pane.leaflet-popup-pane { /* меняем цвет, убираем тень */ /* скрываем крестик закрытия попапа */ } div.leaflet-pane.leaflet-popup-pane .leaflet-popup-content-wrapper, div.leaflet-pane.leaflet-popup-pane .leaflet-popup-tip { background: #f0950b; color: #ffffff; box-shadow: none; text-align: center; } div.leaflet-pane.leaflet-popup-pane .leaflet-popup-close-button { display: none; } /* Цвет полигонов */ .viewHoverImage { display: block; } /* Leaflet */ .hiddenPolygon { display: none; } path:not(.circles-maxValueStroke):not(.circles-valueStroke) { /*stroke: #e32127;*/ stroke-opacity: 1; stroke-width: 2; } path.polygon { stroke: none; fill-opacity: 0; } /* copyright */ div.leaflet-control-attribution.leaflet-control { background: rgba(36, 50, 64, 0.71); background: #243240; border: 1px solid #243240 !important; color: white; padding: 5px 10px; right: 10px !important; bottom: 10px; } .leaflet-bottom.leaflet-right { z-index: 2; } div.leaflet-control-attribution.leaflet-control a { color: #fff !important; font-size: 9pt; font-weight: 200; } .copyright { background: url(/images/74pro.png) no-repeat; background-position: 0px -50px; background-size: 100%; position: absolute; left: 5px; bottom: 5px; z-index: 9999; width: 50px; height: 38px; opacity: 0.8; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .copyright:hover { background: url(/images/74pro.png) no-repeat; background-position: 0px 0px; background-size: 100%; } .leaflet-bottom.leaflet-left { z-index: 1; left: 70px; bottom: 5px; } path.object_1493973210, path.object_1495014054 { fill: #3a424a; stroke-width: 2px; } path.object_1496827140 { stroke-width: 5px; } img.leaflet-image-layer.leaflet-zoom-animated { height: auto !important; } .leaflet-overlay-pane svg { z-index: 3; } .leaflet-clickablePoint { cursor: pointer; } path.leaflet-clickable.object_1494507188.polyline-category_1494503023.polyline-map, path.object_1494562182.polyline-map.polyline-category_1494561894.leaflet-clickable, path.object_1494562760.polyline-map.polyline-category_1494561930.leaflet-clickable, path.object_1494562813.polyline-map.polyline-category_1494561938.leaflet-clickable { stroke: rgba(158, 4, 4, 0.38); fill: #bb2b00; fill-opacity: 0.4; stroke-width: 2px; } .object-map.category_1498557643 { width: 20px !important; height: auto !important; margin-top: -10px !important; margin-left: -10px !important; } .object-map.category_1499078757 { width: 24px !important; height: auto !important; margin-top: -12px !important; margin-left: -12px !important; } .object-map.category_1498824806 { width: 24px !important; height: auto !important; margin-top: -12px !important; margin-left: -12px !important; } img.searchAddressMarker { height: 47px !important; margin-top: -47px !important; } .object-map.category_1498821257 { width: 50px !important; height: auto !important; margin-top: -40px !important; margin-left: -25px !important; } /*-clusters-*/ .clusterObj { /*background: #212B34 !important; width: 40px !important; height: 40px !important; border-radius: 40px; color: white; font-size: 11pt;*/ /*-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;*/ /*filter: contrast(1.3); -webkit-filter: contrast(1.3);*/ -webkit-print-color-adjust: exact; } .clusterObj div { width: 100%; height: 100%; display: block; position: relative; } .clusterObj img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 100% !important; height: auto !important; } .clusterObj div span { position: absolute; top: 0; right: 2px; background: #282f32; border: 1px solid rgba(47, 51, 51, 0.35); color: #fff !important; line-height: 0; padding: 10px 0; width: 22px; border-radius: 50%; text-align: center; font-size: 8pt !important; font-weight: 600; /*-webkit-filter: drop-shadow(-5px 3px 3px rgba(40, 47, 50, 0.68)); filter: drop-shadow(-5px 3px 3px rgba(40, 47, 50, 0.68));*/ } .polyline-category_1498821246.layerClick { stroke: #f1ac0d; } .polyline-category_1498821246 { /*stroke: #249CE7; stroke-width: 2px;*/ } .layerClick { /* stroke: #0b7ef0 !important; */ stroke-width: 4px; } /* Фиксированный размер иконки и смещение */ body:not(.page-node-17555) .leaflet-div-icon { width: 15px !important; height: 15px !important; } .object-map, .object_pano, .leaflet-marker-icon.panorama { display: block; text-indent: -9999px; width: 55px; height: auto !important; outline: none; /* background: url(../img/tent.png) no-repeat; */ cursor: pointer; background-position: 0; background-size: 100%; margin-top: -40px; margin-left: -27px; max-height: 200px; /*-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;*/ /*filter: contrast(1.3); -webkit-filter: contrast(1.3);*/ } #map_zoom_14 .leaflet-cluster-anim .object-map, #map_zoom_15 .leaflet-cluster-anim .object-map, #map_zoom_16 .leaflet-cluster-anim .object-map, #map_zoom_17 .leaflet-cluster-anim .object-map, #map_zoom_18 .leaflet-cluster-anim .object-map, #map_zoom_19 .leaflet-cluster-anim .object-map, #map_zoom_20 .leaflet-cluster-anim .object-map { /*-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;*/ } /*.object-map.category_1500980041 { width: 80px !important; height: auto !important; margin-top: -57px !important; margin-left: -40px !important; }*/ .object-map:hover, .object_pano:hover, .leaflet-marker-icon.panorama:hover, .clusterObj:hover { /*margin-top: -35px !important;*/ z-index: 9000 !important; } .object_1513576291 { z-index: 1999 !important; } .object-map.hiddenPoint, .object_pano.hiddenPoint, .leaflet-marker-icon.panorama.hiddenPoint { max-height: 0; } img.leaflet-marker-icon.name-territory { height: auto !important; opacity: 0.7; /*-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;*/ pointer-events: none; } img.leaflet-marker-icon.name-territory.name-min-opacity { opacity: 0.9; } #map_zoom_11 img.leaflet-marker-icon.name-territory:not(.name-territory-all) { /*display: none;*/ opacity: 0; } #map_zoom_11 .name-territory-all { opacity: 1; } #map_zoom_11 .territory-zap { /*width: 270px !important; margin-left: -130px !important; margin-top: -8.5px !important;*/ } img.leaflet-marker-icon.name-territory.m5 { opacity: 0.9 !important; filter: contrast(120%) !important; -webkit-filter: contrast(120%) !important; } div.mainblock { position: fixed; /*z-index: 2600;*/ z-index: 1499; top: 0; right: 0; padding-top: 15px; width: 430px; /*width: 355px;*/ width: 400px; } @media (max-width: 1000px) { div.mainblock { width: 100%; padding: 0; background: #fff !important; } } div.mainblock.block-bg { /*height: 100%; background: white; background: rgba(255, 255, 255, 0.75); padding: 0; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.53); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.53); -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.53);*/ height: 100%; background: white; padding: 0; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.53); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.53); -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.53); background-image: url(../img/v-line-op.png); background-repeat: repeat-y; background-position-x: 45px; } div.mainblock.bubble-off { display: none; } div.mainblock .block1 { height: 100%; /* Шапка бокового блока, иконки, скрываем */ /* Блок фильтра объектов по категориям */ /* Блок краткой информации об объекте */ } div.mainblock .block1 div.mainblock-head { display: none; height: 50px; margin: auto; width: 305px; } @media (max-width: 1000px) { div.mainblock .block1 div.mainblock-head { display: none; } } div.mainblock .block1 div.mainblock-head .button-ico { text-indent: -999999px; background-position: 0; background-size: 100%; width: 41px; height: 45px; display: block; float: left; margin-right: 25px; } div.mainblock .block1 div.mainblock-head a#open-allobjects.button-ico { background: url(/images/icons/list.png) no-repeat; } div.mainblock .block1 div.mainblock-head a#open-allobjects.button-ico.close-allobjects { background: url(/images/icons/close-list.png) no-repeat; } div.mainblock .block1 div.mainblock-head a#information_button.button-ico { background: url(/images/icons/events.png) no-repeat; } div.mainblock .block1 div.mainblock-head a#information_button.button-ico.close-events_list { background: url(/images/icons/events-close.png) no-repeat; } div.mainblock .block1 div.mainblock-head a#open-filter.button-ico { background: url(/images/icons/filt.png) no-repeat; } div.mainblock .block1 div.mainblock-head a#open-filter.button-ico.close-filter { background: url(/images/icons/filt-close.png) no-repeat; } div.mainblock .block1 div.mainblock-head a#basket.button-ico { background: url(/images/icons/cart.png) no-repeat; } div.mainblock .block1 div.mainblock-head a#feedback_form.button-ico { background: url(/images/icons/cart.png) no-repeat; margin: 0; } div.mainblock .block1 div.filter { max-height: calc(100% - 60px); overflow: hidden; overflow-y: auto; width: 100%; } div.mainblock .block1 div.filter ul.map_buttons.object-links, div.mainblock .block1 div.filter .filterObject { margin: 35px 0 0 0; padding: 0; overflow: hidden; overflow-y: auto; display: none; } div.mainblock .block1 div.filter ul.map_buttons.object-links .button.applyFilter, div.mainblock .block1 div.filter .filterObject .button.applyFilter { margin: 15px auto; display: block; width: 150px; border: 2px solid #fff; border-radius: 14px; padding: 7px 15px; text-align: center; color: #fff; text-decoration: none; font-size: 15px; } div.mainblock .block1 div.filter ul.map_buttons.object-links .button.applyFilter:hover, div.mainblock .block1 div.filter .filterObject .button.applyFilter:hover { background-color: #f0950b; /*font-family: "SegoeUIRegular", Helvetica, sans-serif;*/ } div.mainblock .block1 div.filter ul.map_buttons.object-links .event_block, div.mainblock .block1 div.filter .filterObject .event_block { padding: 0 60px; color: white; } div.mainblock .block1 div.filter span { width: 100%; height: 60px; display: block; /* Ссылки на объект в фильтре */ } div.mainblock .block1 div.filter span#links_name_object { display: block; padding: 10px; padding-left: 55px; color: #fff; text-decoration: none; font-size: 16px; } div.mainblock .block1 div.filter span#links_name_object:hover { text-decoration: none; font-weight: 400; } div.mainblock .block1 div.filter span.tree_button_span, div.mainblock .block1 div.filter span.tree_button_span_filter, div.mainblock .block1 div.filter span.tree_button_span_description { /* Правая часть строчки с текстои */ } div.mainblock .block1 div.filter span.tree_button_span:hover, div.mainblock .block1 div.filter span.tree_button_span_filter:hover, div.mainblock .block1 div.filter span.tree_button_span_description:hover, div.mainblock .block1 div.filter span.tree_button_span.selected, div.mainblock .block1 div.filter span.tree_button_span_filter.selected, div.mainblock .block1 div.filter span.tree_button_span_description.selected, div.mainblock .block1 div.filter span.tree_button_span.openBlockFilter, div.mainblock .block1 div.filter span.tree_button_span_filter.openBlockFilter, div.mainblock .block1 div.filter span.tree_button_span_description.openBlockFilter { background-color: #c97d09; cursor: pointer; } div.mainblock .block1 div.filter span.tree_button_span:hover span.tree_button_ico, div.mainblock .block1 div.filter span.tree_button_span_filter:hover span.tree_button_ico, div.mainblock .block1 div.filter span.tree_button_span_description:hover span.tree_button_ico, div.mainblock .block1 div.filter span.tree_button_span.selected span.tree_button_ico, div.mainblock .block1 div.filter span.tree_button_span_filter.selected span.tree_button_ico, div.mainblock .block1 div.filter span.tree_button_span_description.selected span.tree_button_ico, div.mainblock .block1 div.filter span.tree_button_span.openBlockFilter span.tree_button_ico, div.mainblock .block1 div.filter span.tree_button_span_filter.openBlockFilter span.tree_button_ico, div.mainblock .block1 div.filter span.tree_button_span_description.openBlockFilter span.tree_button_ico { background: #b57108; } div.mainblock .block1 div.filter span.tree_button_span span.tree_button_ico, div.mainblock .block1 div.filter span.tree_button_span_filter span.tree_button_ico, div.mainblock .block1 div.filter span.tree_button_span_description span.tree_button_ico { display: block; width: 60px; height: 60px; float: left; background-color: #f0950b; position: relative; color: white; } div.mainblock .block1 div.filter span.tree_button_span span.tree_button_ico img.iconCat, div.mainblock .block1 div.filter span.tree_button_span_filter span.tree_button_ico img.iconCat, div.mainblock .block1 div.filter span.tree_button_span_description span.tree_button_ico img.iconCat, div.mainblock .block1 div.filter span.tree_button_span span.tree_button_ico i, div.mainblock .block1 div.filter span.tree_button_span_filter span.tree_button_ico i, div.mainblock .block1 div.filter span.tree_button_span_description span.tree_button_ico i { width: 25px; position: absolute; display: table; margin: auto; overflow: auto; height: auto; top: 0; right: 0; bottom: 0; left: 0; } div.mainblock .block1 div.filter span.tree_button_span span.tree_button_ico img.iconCat.icon-also, div.mainblock .block1 div.filter span.tree_button_span_filter span.tree_button_ico img.iconCat.icon-also, div.mainblock .block1 div.filter span.tree_button_span_description span.tree_button_ico img.iconCat.icon-also, div.mainblock .block1 div.filter span.tree_button_span span.tree_button_ico i.icon-also, div.mainblock .block1 div.filter span.tree_button_span_filter span.tree_button_ico i.icon-also, div.mainblock .block1 div.filter span.tree_button_span_description span.tree_button_ico i.icon-also { width: 13px; height: 27px; } div.mainblock .block1 div.filter span.tree_button_span span.block_filter_descr, div.mainblock .block1 div.filter span.tree_button_span_filter span.block_filter_descr, div.mainblock .block1 div.filter span.tree_button_span_description span.block_filter_descr { width: calc(100% - 60px); height: 60px; display: block; left: 65px; position: relative; } div.mainblock .block1 div.filter span.tree_button_span span.block_filter_descr span.filter_descr, div.mainblock .block1 div.filter span.tree_button_span_filter span.block_filter_descr span.filter_descr, div.mainblock .block1 div.filter span.tree_button_span_description span.block_filter_descr span.filter_descr { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); height: auto; width: calc(100% - 30px); margin-left: 15px; font-size: 16px; color: #fff; text-decoration: none; } div.mainblock .block1 div.filter span.tree_button_span span.block_filter_descr span.filter_descr select, div.mainblock .block1 div.filter span.tree_button_span_filter span.block_filter_descr span.filter_descr select, div.mainblock .block1 div.filter span.tree_button_span_description span.block_filter_descr span.filter_descr select { color: black; margin-left: 15px; cursor: pointer; } div.mainblock .block1 div.filter span.tree_button_span span.block_filter_descr span.filter_descr label, div.mainblock .block1 div.filter span.tree_button_span_filter span.block_filter_descr span.filter_descr label, div.mainblock .block1 div.filter span.tree_button_span_description span.block_filter_descr span.filter_descr label { cursor: pointer; } div.mainblock .block1 div.filter span.tree_button_span span.block_filter_descr span.filter_descr label i, div.mainblock .block1 div.filter span.tree_button_span_filter span.block_filter_descr span.filter_descr label i, div.mainblock .block1 div.filter span.tree_button_span_description span.block_filter_descr span.filter_descr label i { margin-right: 10px; } div.mainblock .block1 div.filter ul.map_buttons:before, div.mainblock .block1 div.filter ul.map_buttons:after { content: " "; display: table; } div.mainblock .block1 div.filter ul.map_buttons:after { clear: both; } div.mainblock .block1 div.filter ul.map_buttons li { height: 60px; list-style-type: none; } div.mainblock .block1 div.filter ul.map_buttons li a.map_link { color: #fff; text-decoration: none; width: calc(100% - 60px); height: 60px; display: block; left: 65px; width: 100%; left: 0; position: relative; } div.mainblock .block1 div.filter ul.map_buttons li a.map_link span#links_name_object { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); height: auto; width: calc(100% - 30px); margin-left: 15px; font-size: 16px; color: #fff; text-decoration: none; } div.mainblock .block1 div.filter ul.map_buttons li a.map_link:hover { background-color: #f0950b; } div.mainblock .block1 div.filter span.tree_button_span_description { background-color: #c97d09; } div.mainblock .block1 div.filter span.tree_button_span_description span.tree_button_ico { background: #b57108; } div.mainblock .block1 div.filter span.tree_button_span_description:hover { cursor: default; } div.mainblock .block1 div.filter span.tree_button_span_description span.block-tree-button { width: calc(100% - 60px); height: 60px; display: block; left: 65px; position: relative; color: #fff; /*font-family: "SegoeUISemiBold", Helvetica, sans-serif;*/ text-decoration: none; font-size: 24px; } div.mainblock .block1 div.filter span.tree_button_span_description span.block-tree-button span.tree_button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); height: auto; width: calc(100% - 30px); margin-left: 15px; } div.mainblock .block1 div.filter span.tree_button_span_description span.block-tree-button:hover { color: #fff; /*font-family: "SegoeUISemiBold", Helvetica, sans-serif;*/ text-decoration: none; } div.mainblock .block1 div.filter .filterObject span.tree_button_span.blockNumberPeopleFilter:hover, div.mainblock .block1 div.filter .filterObject span.tree_button_span_description.blockNumberPeopleFilter:hover { background: none !important; cursor: default !important; } div.mainblock .block1 div.filter .filterObject span.tree_button_span.blockNumberPeopleFilter:hover span.tree_button_ico, div.mainblock .block1 div.filter .filterObject span.tree_button_span_description.blockNumberPeopleFilter:hover span.tree_button_ico { background: #f0950b !important; } div.mainblock .block1 div.bubble { width: 100%; position: relative; /*max-height: calc(100% - 120px);*/ overflow: visible; height: 100%; } div.mainblock .block1 div.bubble h3 { margin: 0; } div.mainblock .block1 div.bubble div.bubble_head { color: white; /* background: url(../img/title.png) no-repeat; */ background: #f0950b; width: calc(100% + 30px); height: auto; position: relative; right: 30px; /*background: linear-gradient(to right, #f1ad0d, #eabc5a); background: -webkit-linear-gradient(to right, #f1ad0d, #eabc5a); background: -moz-linear-gradient(to right, #f1ad0d, #eabc5a); background: -o-linear-gradient(to right, #f1ad0d, #eabc5a); background: -ms-linear-gradient(to right, #f1ad0d, #eabc5a);*/ background: #F0A901; background: #212e38; } div.mainblock .block1 div.bubble div.bubble_head .bubble_ico { width: 75px; height: 75px; position: absolute; left: 10px; z-index: 2; background-color: #3a424a !important; /* Old browsers */ background-color: -moz-linear-gradient(top, #212b34 0%, #3a424a 100%) !important; /* FF3.6-15 */ background-color: -webkit-linear-gradient(top, #212b34 0%, #3a424a 100%) !important; /* Chrome10-25,Safari5.1-6 */ background-color: linear-gradient(to bottom, #3a424a 0%, #212b34 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gradient-2', endColorstr='@gradient-1', GradientType=0); /* IE6-9 */ -webkit-box-shadow: 4px 5px 20px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 5px 20px 1px rgba(0, 0, 0, 0.4); box-shadow: 4px 5px 20px 1px rgba(0, 0, 0, 0.4); } div.mainblock .block1 div.bubble div.bubble_head .bubble_ico img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); height: auto; /*width: 55px;*/ position: relative; } div.mainblock .block1 div.bubble div.bubble_head h3 { width: 100%; position: absolute; display: table; margin: auto; overflow: auto; height: auto; top: 0; right: 0; bottom: 0; left: 0; position: relative; padding: 20px 80px 20px 100px; font-size: 16pt; } div.mainblock .block1 div.bubble .bubble_img { position: relative; top: -25px; right: 36px; -webkit-box-shadow: 2px 8px 30px -1px rgba(84, 83, 83, 0.45); -moz-box-shadow: 2px 8px 30px -1px rgba(84, 83, 83, 0.45); box-shadow: 2px 8px 30px -1px rgba(84, 83, 83, 0.45); width: calc(100% + 40px); background: rgba(12, 28, 45, 1); } .bubble_img:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; background: linear-gradient(to bottom, rgba(66, 78, 91, 0) 29%, rgba(12, 28, 45, 0.65) 100%); background: -moz-linear-gradient(to bottom, rgba(66, 78, 91, 0) 29%, rgba(12, 28, 45, 0.65) 100%); background: -webkit-linear-gradient(to bottom, rgba(66, 78, 91, 0) 29%, rgba(12, 28, 45, 0.65) 100%); } div.mainblock .block1 div.bubble .bubble_content { position: relative; padding: 25px; padding-bottom: 0; margin-bottom: 30px; color: #212B34; margin-top: -5px; max-height: calc(100% - 66px); overflow-y: auto; overflow-x: hidden; margin-left: -25px; padding-left: 50px; font-weight: normal; } .logged-in div.mainblock .block1 div.bubble .bubble_content { padding-bottom: 50px; } @media (max-width: 1290px) { div.mainblock { width: 330px !important; } body .leaflet-preview-object { width: calc(100% - 330px) !important; } div.mainblock .block1 div.bubble div.bubble_head h3 { padding: 20px 80px 20px 30px !important; font-size: 14pt !important; } div.mainblock .block1 div.bubble div.bubble_head .bubble_ico { left: -35px !important; width: 55px !important; height: 55px !important; } .skew-button { width: 275px !important; } .filter_block { width: 250px !important; } .form-control:not(.form-checkboxes) { font-size: 12px; } } @media (min-width: 1000px) { .bubble_content::-webkit-scrollbar-thumb { background: #47C9E5; cursor: pointer; } .bubble_content::-webkit-scrollbar { width: 5px; background: #212e38; } .bubble_content::-moz-scrollbar-thumb { background: #47C9E5; } .bubble_content::-moz-scrollbar { width: 5px; background: #212e38; } .left-block-more::-webkit-scrollbar-thumb { background: #47C9E5; } .left-block-more::-webkit-scrollbar { width: 7px; background: #212e38; } .right-block-more .more-description::-webkit-scrollbar-thumb { background: #47C9E5; } .right-block-more .more-description::-webkit-scrollbar { width: 7px; background: #212e38; } .filter_list_object_map::-webkit-scrollbar-thumb { background: #47C9E5; cursor: pointer; } .filter_list_object_map::-webkit-scrollbar { width: 5px; background: rgba(235, 236, 236, 0.95); } .page-node-lightbox2::-webkit-scrollbar-thumb { background: #47C9E5; cursor: pointer; } .page-node-lightbox2::-webkit-scrollbar { width: 5px; background: #212e38; } .bubble-child-content::-webkit-scrollbar-thumb { background: #47C9E5; cursor: pointer; } .bubble-child-content::-webkit-scrollbar { width: 5px; background: #212e38; } } div.mainblock .block1 div.bubble a.close, div.contentblock.show-contentblock .close-content { display: block; position: absolute; right: 35px; top: 20px; width: 25px; height: 25px; background: url(/images/icons/close.png); background-size: 100%; opacity: 1; cursor: pointer; } div.contentblock.show-contentblock .close-content { width: 25px !important; height: 25px !important; background: url(/img/close-dark.png); background-size: 100%; } div.mainblock .block1 div.bubble a.close:hover, div.contentblock.show-contentblock .close-content:hover { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } div.mainblock .block1 div.bubble div.price { /* Задаём ширину блока с фото объекта */ /* Стиль для текстовой информации об объекте */ } div.mainblock .block1 div.bubble div.price img.imgMini { width: 100%; } div.mainblock .block1 div.bubble div.price span, div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_info span { display: block; padding: 10px; padding-left: 55px; color: #fff; text-decoration: none; font-size: 16px; } div.mainblock .block1 div.bubble div.price span.phone, div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_info span.contact_phone_number { background: url(/images/icons/tel.png) 4% no-repeat; } div.mainblock .block1 div.bubble div.price span.time, div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_info span.opening_hours { background: url(/images/icons/time.png) 3% no-repeat; } div.mainblock .block1 div.bubble div.price span.s-descr { padding: 10px 25px; /*font-family: "SegoeUISemiBold", Helvetica, sans-serif;*/ } div.mainblock .block1 div.bubble div.price span.price_object span { padding: 0; display: initial; } div.mainblock .block1 div.bubble .button.more, div.mainblock .block1 div.bubble .button.reservation, div.mainblock .block1 div.bubble .button.transition, div.mainblock .block1 div.bubble .button.mobinmap, div.mainblock .block1 div.bubble .button, div.mainblock .block1 div.bubble .del_object, div.mainblock .block1 div.bubble .editObject, div.mainblock .block1 div.bubble .editMapObject { margin: 15px; display: block; width: calc(100% - 30px); border: 2px solid #3a424a; /*border-radius: 14px;*/ padding: 7px 15px; text-align: center; background: none; color: #fff; text-decoration: none; color: #3a424a; font-size: 15px; } div.mainblock .block1 div.bubble .button.more:hover, div.mainblock .block1 div.bubble .button.reservation:hover, div.mainblock .block1 div.bubble .button.transition:hover, div.mainblock .block1 div.bubble .button.mobinmap:hover, div.mainblock .block1 div.bubble .button:hover, div.mainblock .block1 div.bubble .del_object:hover, div.mainblock .block1 div.bubble .editObject:hover, div.mainblock .block1 div.bubble .editMapObject:hover { background-color: #f0950b; /*font-family: "SegoeUIRegular", Helvetica, sans-serif;*/ color: white; } div.mainblock .block1 div.bubble .button.mobinmap { display: none; } .attr-obj.duration-attr { background: url(/img/duration.png) 0px 50% no-repeat; } .attr-obj.length-of-route-attr { background: url(/img/length.png) 0px 50% no-repeat; } .attr-obj.length_route-attr { background: url(/img/attr-route.png) 0px 50% no-repeat; } .attr-obj.duration_route-attr { background: url(/img/attr-time.png) 0px 50% no-repeat; } .attr-obj.func_route-attr { background: url(/img/attr-sun.png) 0px 50% no-repeat; } .attr-obj.number_people_in_group-attr { background: url(/img/attr-countp.png) 0px 50% no-repeat; } .attr-obj.special_notes-attr { background: url(/img/attr-marker.png) 0px 50% no-repeat; } .attr-obj.arrangement_trails-attr { background: url(/img/attr-tent.png) 0px 50% no-repeat; } /*-route-with-child*/ .leaflet-popup:not(.pathPopup):not(.weather-popup) { display: none !important; } .routeOpened .leaflet-popup, .routeOpened .polyline-map { /*pointer-events: none;*/ } /*.routeOpened .bubble_head .bubble_ico { display: none !important; } .routeOpened div.mainblock { width: 320px !important; } .routeOpened .main-attr { display: none; } .routeOpened .bubble_body_summary { margin-top: 15px; } .routeOpened .bubble_head h3 { padding: 20px 60px 20px 40px !important; font-size: 13pt; } .routeOpened div.mainblock .block1 div.bubble div.bubble_head { width: 100%; right: 0px; background: #fff; color: #2b2a29; border-bottom: 1px solid #3a424a; } .routeOpened .bubble_img { display: none; } .routeOpened div.mainblock .block1 div.bubble a.close { right: 20px; top: 20px; width: 20px; height: 20px; background: url(/img/close-dark.png) center no-repeat; background-size: inherit; } .routeOpened .leaflet-marker-icon:not(.routeOpenedObject):not(.name-territory) { filter: grayscale(100%) !important; -webkit-filter: grayscale(100%) !important; -moz-filter: grayscale(100%) !important; -o-filter: grayscale(100%) !important; -ms-filter: grayscale(100%) !important; opacity: 0.5 !important; z-index: 1 !important; } .routeOpened .bubble_content .main-attr .label-attr { margin-right: 10px; } .routeOpened .bubble_content .main-attr .attr-obj { padding: 15px 0px 15px 50px; font-size: 10pt; }*/ .buttonRoute { background: #f0950b !important; } ul.routeList .buttonRoute { background: none !important; color: #2180b9; line-height: 16px; display: block; } ul.routeList li { list-style: none; margin-bottom: 15px; padding-left: 15px; position: relative; } ul.routeList li:before { color: #d6d7d7; content: ""; padding-right: 10px; font: normal normal normal 14px/1 FontAwesome; content: "\f111"; font-size: 12px; position: absolute; margin-left: -20px; top: 6px; } .routeList-header { margin: 0 7px 10px; padding: 10px; padding-left: 40px; font-weight: 600; background: url(../img/routs-m.png) no-repeat center left !important; } .bubble_list_includes_header { margin: 0 7px 10px; padding: 0 10px; padding-left: 22px; font-weight: 600; } .bubble_list_includes { margin-left: -10px; width: calc(100% + 15px); margin-bottom: 10px; } .bubble_list_includes .element_includes { float: left; margin-bottom: 10px; } .bubble_list_includes img { width: 60px; } .bubble_list_includes:after { display: table; clear: both; content: ""; } /*-route-tabs-*/ .bubble-tab { margin: -25px -25px 0; /*border-top: 1px solid #3a424a;*/ counter-reset: my-badass-counter; padding: 0; } .bubble-tab .tab-object { display: block; padding: 20px 20px 20px 80px; color: #243240; border-bottom: 1px solid #d6d7d7; line-height: 100%; font-size: 10pt; position: relative; background-image: url(../img/v-line-op.png); background-repeat: repeat-y; background-position-x: 45px; list-style: none; cursor: pointer; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .list-child-ico { position: absolute; height: 42px; top: 50%; margin-top: -21px; left: 18px; } .bubble-tab .tab-object.active { background: #243240 !important; color: #fff !important; } .bubble-tab .tab-object:hover { color: #243240; background-color: #f7f7f7; } .bubble-tab>a:first-child:after { content: "Cтарт"; position: absolute; right: 2px; top: 5px; /*font-family: "SegoeUIBold";*/ font-size: 10pt; color: #f0960b; color: #00aeab; display: none !important; } .bubble-tab>a:last-child:after { content: "Финиш"; position: absolute; right: 5px; bottom: 5px; /*font-family: "SegoeUIBold";*/ font-size: 10pt; color: #3ec9e0; color: #00aeab; display: none !important; } .bubble-tab>a:last-child { border-bottom: 1px solid #3a424a; } .bubble-list-child .bubble-child { position: fixed; top: 0; background: #fff; height: 100%; right: -800px; padding: 0; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.53); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.53); -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.53); background-image: url(../img/v-line-op.png); background-repeat: repeat-y; background-position-x: 45px; width: 355px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 3; } .bubble-tab .tab-object:before { content: counter(my-badass-counter); counter-increment: my-badass-counter; z-index: 2; position: absolute; left: 57px; top: 50%; margin-top: -23px; background: #3ec9e0; background: #00aeab; border-radius: 50%; width: 18px; text-align: center; color: #ffffff; line-height: 18px; pointer-events: none; /*font-family: "SegoeUIBold";*/ font-size: 10pt; box-shadow: 0 0 7px #000000c4; } .bubble-tab .tab-object.active:before { background: #f0a901; background: #bd1550; /*color: #243240;*/ } /*.bubble-tab .tab-object:before { content: counter(my-badass-counter); counter-increment: my-badass-counter; position: absolute; right: 5px; top: 50%; margin-top: -28px; border-radius: 50%; width: 22px; text-align: center; color: #b0bbbb; line-height: 53px; pointer-events: none; font-family: "SegoeUIBold"; font-size: 15pt; }*/ .bubble-list-child .bubble-child.view-child { right: 320px; /*z-index: 3;*/ } .bubble-tab .tab-object .more { position: absolute; right: 7px; bottom: 7px; color: #b0134e; display: none; } .bubble-tab .tab-object.active .more { color: #f2a509; } @media (max-width: 1700px) { .bubble-list-child .bubble-child { display: none; } .bubble-tab .tab-object .more { display: inline; } } .bubble-child .bubble-child-title { color: white; background: #f0950b; width: calc(100% + 30px); height: auto; position: relative; right: 30px; background: #F0A901; background: #243240; } .bubble-child .bubble-child-title h3 { width: 100%; position: absolute; display: table; margin: auto; overflow: auto; height: auto; top: 0; right: 0; bottom: 0; left: 0; position: relative; padding: 20px; } .bubble-child-content { padding: 25px; position: relative; padding: 25px; padding-bottom: 0px; margin-bottom: 30px; color: #212B34; margin-top: -5px; max-height: calc(100% - 270px); overflow-y: auto; overflow-x: hidden; margin-left: -25px; padding-left: 50px; } .bubble-child .attr-obj.preview-attr { position: relative; top: -25px; right: 36px; -webkit-box-shadow: 2px 8px 30px -1px rgba(84, 83, 83, 0.45); -moz-box-shadow: 2px 8px 30px -1px rgba(84, 83, 83, 0.45); box-shadow: 2px 8px 30px -1px rgba(84, 83, 83, 0.45); width: calc(100% + 40px); } .bubble-child .val-attr.val-attr-body { font-size: 10pt; margin-left: 20px; margin-bottom: 15px; text-align: left !important; /*font-family: "SegoeUIRegular";*/ } .next-back-block { position: absolute; bottom: 0; width: 100%; } .next-back-block a { width: 190px; } .next-back-block .prevObjectRoute { margin-left: -12px !important; background: #00aeab; } .next-back-block .nextObjectRoute { float: right; margin-right: -12px !important; margin-top: -44px; background: #018885; } .bubble-child .more { margin-left: -12px !important; } .next-back-block .prevObjectRoute span:before { content: "\f053"; font: normal normal normal 14px/1 FontAwesome; font-size: 14pt; margin-right: 15px; position: absolute; top: 19px; left: 70px; } .next-back-block .nextObjectRoute span:before { content: "\f054"; font: normal normal normal 14px/1 FontAwesome; font-size: 14pt; margin-right: 15px; position: absolute; top: 19px; right: 35px; } .next-back-block .nextObjectRoute span { padding-right: 30px; } .next-back-block .prevObjectRoute span { padding-left: 30px; } /*-mob-*/ @media (max-width: 1000px) { div.mainblock .block1 div.bubble .button.mobinmap { /*display: block;*/ } div.mainblock .block1 div.bubble { max-height: 100%; overflow: auto; } div.mainblock .block1 div.bubble .bubble_img { margin: -20px -10px 10px; width: calc(100% + 20px) !important; top: 0; right: 0; box-shadow: none; } div.mainblock .block1 div.bubble div.bubble_head { width: 100%; right: 0; } div.mainblock .block1 div.bubble div.bubble_head h3 { width: auto !important; padding: 20px 60px 20px 95px !important; } div.contentblock.show-contentblock div.contentdesc div.block-images { width: 100% !important; position: inherit !important; top: 0 !important; height: auto !important; } div.contentblock.show-contentblock div.contentdesc div.right_block_more { right: 0 !important; top: 0 !important; position: inherit !important; padding: 10px !important; } div.contentblock.show-contentblock div.contentdesc div.block-images img, div.contentblock.show-contentblock div.contentdesc div.block-images .flexslider { position: inherit !important; transform: translate(-0%, -0%) !important; -webkit-transform: translate(-0%, -0%) !important; -ms-transform: translate(-0%, -0%) !important; -moz-transform: translate(-0%, -0%) !important; -o-transform: translate(-0%, -0%) !important; left: inherit !important; top: inherit !important; width: 100% !important; } div.contentblock.show-contentblock h3 { position: relative !important; width: 100% !important; text-align: left !important; padding: 23px 10px 23px 30px !important; color: #fff !important; margin: 0 !important; background: #f0950b !important; left: 0 !important; } .contentblock.show-contentblock { background: #fff !important; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description { color: #000 !important; padding-left: 20px; font-size: 11pt; } .right_block_more .more_description ul { margin-left: -25px; } .more_description li:before { padding-right: 0px; } div.contentblock.show-contentblock div.contentdesc { background-color: #fff !important; background-image: url(../img/v-line-op.png) !important; background-repeat: repeat-y !important; background-position-x: 30px !important; height: initial !important; } .filter_map_block>div, .filter_map_block div a { width: 50px !important; height: 50px !important; } div.leaflet-top.leaflet-left { width: 50px; } div.contentblock.show-contentblock div.contentdesc div.right_block_more { box-shadow: none; background: none; max-height: initial !important; height: initial !important; overflow: visible !important; } .right_block_more .main-attr { margin-left: 0 !important } div.contentblock.show-contentblock div.contentdesc div.right_block_more { width: 100% !important; background-position-x: 30px !important; } a.mobmenu { display: none !important; } div.mainblock .block1 div.bubble .bubble_content { padding: 25px 10px !important; margin-left: 0; max-height: initial; } div.mainblock { width: 100%; padding: 0; background: #fff !important; background-image: url(../img/v-line-op.png) !important; background-repeat: repeat-y !important; background-position-x: 30px !important; } .flexslider .slides { background: #cecece; } .filter_map_block .block-views-search-reset-in-view, .filter_map_block .block-views-search-in-view { display: none; } body.node-type-project .map-title h1 { width: 265px !important; } .node-type-project .map-title { width: calc(100% - 50px) !important; max-width: inherit; padding-right: 25px; left: 50px; margin: 0; } .node-type-project .map-title, .node-type-project .map-title * { -webkit-transform: skewx(0deg) !important; -moz-transform: skewx(0deg) !important; -ms-transform: skewx(0deg) !important; -o-transform: skewx(0deg) !important; } } /* content block */ body.show-contentblock .leaflet-control-container, body.show-contentblock .fires-layer { display: none; } div.contentblock { display: none; } div.contentblock.show-contentblock { display: block; position: absolute; width: 100%; height: 100%; z-index: 4000; top: 0; /* Делим блок информации 60 (фото) на 40 (текстовая информация) */ } div.contentblock.show-contentblock .close-content { z-index: 4; width: 35px; height: 35px; top: 30px; right: 20px; } /*div.contentblock.show-contentblock h3 { position: absolute; width: calc(60% - 40px); text-align: center; color: #212B34; font-family: "SegoeUILight"; font-size: 24pt; left: 40px; }*/ div.contentblock.show-contentblock>h3 { position: absolute; text-align: left; color: #fff; /*font-family: "SegoeUILight";*/ font-size: 24pt; height: auto; right: 0px; background: #F2A708; z-index: 1; top: 0; width: calc(40% - 30px); margin: 0; padding: 25px 45px; } .contentblock .more-reservation { position: absolute; right: calc(40% + 10px); top: 25px; z-index: 2; } @media (max-width: 1000px) { .contentblock .more-reservation { right: 80px; top: 12px; } } @media (max-width: 800px) { .contentblock .more-reservation { left: 50px; top: 100px; } } div.contentblock.show-contentblock div.contentdesc { width: 100%; height: 100%; background: rgb(213, 220, 222); /*background: rgba(229, 234, 237, 0.9);*/ background: rgba(213, 220, 222, 0.98); /* Блок информации об объекте */ } div.contentblock.show-contentblock div.contentdesc div.block-images { position: absolute; width: calc(60% - 40px); height: calc(100% - 80px); top: 80px; overflow: hidden; left: 40px; /* Стиль для одного изображения и слайдера */ } div.contentblock.show-contentblock div.contentdesc div.block-images img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-5%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; max-height: calc(100% - 25px); width: auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); } div.contentblock.show-contentblock div.contentdesc div.block-images .flexslider { position: absolute; /* top: 50%; */ /* left: 50%; */ /* transform: translate(-50%, -50%); */ height: 100%; width: 100%; } div.contentblock.show-contentblock div.contentdesc div.block-images .flexslider li { height: 100%; width: 100%; } div.contentblock.show-contentblock div.contentdesc div.block-images img .slides, div.contentblock.show-contentblock div.contentdesc div.block-images .flexslider .slides { width: 100% !important; height: 100%; background: none; } div.contentblock.show-contentblock div.contentdesc div.block-images img .flex-next, div.contentblock.show-contentblock div.contentdesc div.block-images .flexslider .flex-next { /*right: -15px; background: url(/img/w-next.png) no-repeat center;*/ width: 45px; height: 55px; background: rgba(212, 219, 220, 0.58) url(/img/next.png) center no-repeat; background-position: 50%; background-size: 13px auto; right: 0; } div.contentblock.show-contentblock div.contentdesc div.block-images img .flex-prev, div.contentblock.show-contentblock div.contentdesc div.block-images .flexslider .flex-prev { /*left: -15px; background: url(/img/w-back.png) no-repeat center;*/ width: 45px; height: 55px; background: rgba(212, 219, 220, 0.58) url(/img/back.png) center no-repeat; background-position: 50%; background-size: 13px auto; left: 0; } div.contentblock.show-contentblock div.contentdesc div.right_block_more { position: absolute; width: calc(40% - 30px); height: 100%; right: 0px; top: 0px; background: #fff; color: #212B34; overflow: auto; padding: 120px 40px 40px 60px; background-image: url(../img/v-line-op.png); background-repeat: repeat-y; background-position-x: 45px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); } .right_block_more .more_description li { list-style: none; margin-bottom: 10px; padding-left: 20px; position: relative; } .bubble_body_summary li { list-style: none; margin-bottom: 5px; /* padding-left: 10px; */ position: relative; } .right_block_more .more_description ul { margin-left: -40px; } .more_description li:before { /* color: #f1ad0d; */ color: #d6d7d7; content: ""; padding-right: 10px; /* width: 10px; */ /* height: 10px; */ /* background: url(/img/point.png) center no-repeat; */ /* background-size: 100%; */ /* margin: 10px 10px 10px 0px; */ font: normal normal normal 14px/1 FontAwesome; content: "\f111"; font-size: 12px; /* display: inline-block; */ position: absolute; margin-left: -20px; top: 6px; } .bubble_body_summary li:before { color: #d6d7d7; content: ""; padding-right: 10px; /* width: 10px; */ /* height: 10px; */ /* background: url(/img/point.png) center no-repeat; */ /* background-size: 100%; */ /* margin: 10px 10px 10px 0px; */ font: normal normal normal 14px/1 FontAwesome; content: "\f111"; font-size: 10px; /* display: inline-block; */ position: absolute; margin-left: -24px; top: 7px; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description { /* top: 0; position: absolute; width: 100%; height: 100%; overflow: hidden; */ /* Шапка блока */ /* Блок с телефоном, режимом работы и полным описанием */ /* Блок переключения динамической информации об объекте */ } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_head { background: url(/images/obj-bg-grid.png) no-repeat; position: relative; padding-top: 20px; /* Вывод иконки объекта слева от заголовка */ /* Краткое описание объекта под заголовком */ } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_head span.icon_object { background: none; top: calc(17.5%); position: absolute; left: 0; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_head span.icon_object img { width: 35px; position: absolute; display: table; margin: auto; overflow: auto; height: auto; top: 0; right: 0; bottom: 0; left: 0; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_head h1 { margin: 0; padding: 0px 80px 0px 65px; font-size: 35px; /*font-family: "SegoeUIRegular", Helvetica, sans-serif;*/ } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_head span.small_description, div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_head .price { margin: 0; padding: 10px 80px 10px 65px; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_head span.small_description > span, div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_head .price > span { display: block; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_info { background: #f0950b url(/images/obj-bg-grid.png) no-repeat; padding-left: 25px; padding-top: 5px; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_info span { width: 50%; float: left; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_info span.description { width: 100%; float: none; padding-left: 0; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block { background: url(/images/obj-bg-grid.png) no-repeat; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block div.readmore_buttons_zone { height: 60px; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block div.readmore_buttons_zone span.readmore_button { width: 33.33333333%; height: 100%; display: block; float: left; text-align: center; cursor: pointer; position: relative; border: 1px solid #f0950b; background-color: #b57108; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block div.readmore_buttons_zone span.readmore_button.selected { background: none; border: none; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block div.readmore_buttons_zone span.readmore_button:hover { background-color: #c97d09; border: 1px solid #f0950b; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block div.readmore_buttons_zone span.readmore_button.events { width: 100%; border: none; background-color: #f0950b; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block div.readmore_buttons_zone span.readmore_button_text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; height: auto; width: 90%; font-size: 12pt; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block div.readmore_view_block { padding: 60px; padding-bottom: 0px; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block div.readmore_view_block div.readmore_view { font-size: 12pt; } .cke_contents.cke_reset, .page-node #edit-body textarea { max-height: 200px; } .leaflet-edit-marker-selected, .bad-layer .leaflet-clickable, .bad-layer .leaflet-popup { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } .image-widget-data .input-group { float: left; } /* Drupal */ .tooltip.fade.in { z-index: 9999999; } .map>.main-col.col-md-12 .alert { /*position: absolute; top: 75px; right: 15px;*/ margin: 15px 0 0 60px !important; border-radius: 0; padding: 19px !important; } .map>.main-col.col-md-12 { z-index: 2222; position: relative; } .map>.main-col.col-md-12 .alert-success { color: #ffffff; background-color: rgba(0, 162, 133, 0.97); border: none; } .not-front .alert-success { color: #fff; background-color: rgba(0, 162, 133, 0.97); border: none; } .node-type-project .alert-success { z-index: 222222; left: 50%; width: 1000px; margin-left: -500px; top: 0 !important; right: inherit !important; margin-top: -5px; padding: 19px; } /*.alert { padding-right: 50px; } .map>.main-col.col-md-12 { width: calc(100% - 400px); }*/ /*таблицы, views*/ .view .views-table .form-checkbox, .view .views-table .form-type-checkbox .control-label, .view .views-table .form-type-checkbox { width: auto !important; height: auto !important; float: none !important; max-width: inherit !important; } .view .views-table .views-field-views-bulk-operations { padding: 8px !important; padding-left: 30px !important; width: 10px; } .view .view-content .panel { margin-bottom: 0px; } .panel-body, .panel-heading { padding: 15px 30px; } fieldset { border-radius: 0 !important; } .view .views-table tr.odd { background-color: #ffffff !important; } td.views-field.views-field-message-render p { margin-bottom: 5px; } button, .button { background: #fdb614; color: #212b34; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .logged-in .bubble_content button, .logged-in .bubble_content .button { border: none !important; } button:hover, .button:hover { /*background: #018ac3 !important;*/ } .panel-body button { margin-left: 20px; } .table-striped>tbody>tr:nth-child(odd)>td.module, .table>tbody>tr>td.module, td.module { background: #f5b034 !important; font-weight: normal !important; } .page-admin-people-permissions #edit-actions button { margin: 10px 30px 40px !important; } /*поиск*/ .block-search-objects { position: absolute; left: 60px; float: left; height: 60px; z-index: 500; background: #3a424a; } .block-search-type, .block-search-string, .block-search-string-category { float: left; } .block-search-string-category { display: none; } .search-type { background: none; border: none; color: #fff; padding: 5px 10px; /* border-right: 1px solid #5a626b; */ margin: 14px 7px; font-size: 10pt; width: 170px; } select.search-type option { background: #3a424a; } .search-string, .search-string-category { /*height: 60px; */ width: 278px !important; background: none; border: none; /* height: 60px; */ background: none; color: #fff; padding: 5px 20px; border-left: 1px solid #5a626b; margin: 14px; font-size: 10pt; } .block-search-objects input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } .block-search-objects input::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .block-search-objects input:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .block-search-objects input:-moz-placeholder { /* Firefox 18- */ color: #fff; } .block-search-objects input { color: #fff; } .block-search-button { float: left; width: 100px; height: 60px; background: #3a424a; border-right: none; } .search-button { color: #3a424a; font-size: 13pt; padding-top: 14px; padding-bottom: 15px; line-height: 20px; position: relative; display: block; padding: 20px 25px; background: #f1ab0d; font-size: 12pt; text-align: center; } .filter_block { height: 100% !important; top: 0px !important; } .logged-in .filter_block { height: calc(100% - 35px) !important; top: 35px !important; } .not-logged-in .filter_block { height:100% !important; top: 0px !important; } .message_area { top: 240px; } .not-logged-in .message_area { top: 420px; } .not-logged-in .text-weather { top: 180px; } .filter_block button#edit-submit-search-object-map { margin: 0; position: absolute; top: 31px; /*top: 54px;*/ right: 17px; z-index: 2; } .filter_block input#edit-title { padding-right: 71px; } .filter_block .block-views .contextual-links-wrapper, .filter_block .block-views .view-empty { display: none; } .filter_block .region { border: none; } .filter_block .block-views .views-exposed-form .views-exposed-widget { width: 100% !important; margin: 0px !important; float: none; padding: .5em 1em; background: rgb(235, 236, 236); /*border-bottom: 1px solid #c2c3c4;*/ border-bottom: 1px solid rgb(36, 50, 64); border-bottom: 1px solid rgba(36, 50, 64, 0.5); } .filter_block .block-views .views-exposed-form .views-exposed-widget .form-autocomplete .input-group-addon { background: none; } .filter_block .block-views .views-exposed-widget.views-submit-button { border: none !important; } .filter_block .block-views .view-filters, .filter_block .block-views .views-exposed-form, .filter_block .block-views .views-exposed-widgets { margin: 0 !important; } .filter_block .block-views .views-exposed-widget.views-submit-button { padding: 0 !important; position: inherit; } .filter_block .block-views .views-exposed-form { border-bottom: 1px solid #C2C3C4; } .filter_block .block-views .views-row { padding: 14px 10px; padding-left: 80px; text-align: left; display: block; font-size: 10pt; color: #212b34; text-decoration: none !important; outline: none !important; line-height: 100%; border-bottom: 1px solid #C2C3C4; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; } .filter_block .block-views .views-row:hover { background-color: #d8d8d8; } .filter_block .block-views .views-row .views-field-field-object-icon-1 img { position: absolute; position: absolute; top: 50%; left: 46px; transform: translate(-50%, -50%); -webkit-transform: translate (-50%, -50%); -moz-transform: translate (-50%, -50%); -ms-transform: translate (-50%, -50%); -o-transform: translate (-50%, -50%); transform: translate (-50%, -50%); height: auto; width: auto !important; max-width: 56px; } .filter_block .block-views .pagination { margin: 0 !important; box-shadow: none; } .filter_block .block-views .pagination li > * { padding: 9px 0px !important; font-size: 12pt; min-width: 46px; } .filter_block .block-views .pagination li > span { background-color: #ebecec; border: 1px solid #c2c3c4; } .filter_block .block-views #edit-term-node-tid-depth-wrapper ul { list-style: none; margin: 0; } .filter_block .block-views .views-exposed-widgets>div .form-type-radio input, .filter_block .block-views .views-exposed-widgets>div .form-type-bef-checkbox input, .filter_block .block-views .views-exposed-widgets>div .form-type-checkbox input { display: none; } .filter_block .block-views .views-exposed-widgets>div .form-item.form-type-radio>label, .filter_block .block-views .views-exposed-widgets>div .form-item.form-type-bef-checkbox>label, .filter_block .block-views .views-exposed-widgets>div .form-item.form-type-checkbox>label { /*padding: 5px; padding-left: 25px;*/ padding-left: 25px; display: inline-block; font-size: 10pt; line-height: 120%; margin: 0 !important; cursor: pointer; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .filter_block .block-views .views-exposed-widgets>div .form-item.form-type-radio>label:hover, .filter_block .block-views .views-exposed-widgets>div .form-item.form-type-bef-checkbox>label:hover, .filter_block .block-views .views-exposed-widgets>div .form-item.form-type-checkbox>label:hover { } .filter_block .block-views .views-exposed-widgets>div .form-item.form-type-radio, .filter_block .block-views .views-exposed-widgets>div .form-item.form-type-bef-checkbox, .filter_block .block-views .views-exposed-widgets>div .form-item.form-type-checkbox { padding: 9px 0; /*padding-left: 25px;*/ position: relative; color: #92979c; } .filter_block .block-views .views-exposed-widgets>div .form-item.form-type-radio.active, .filter_block .block-views .views-exposed-widgets>div .form-item.form-type-bef-checkbox.active, .filter_block .block-views .views-exposed-widgets>div .form-item.form-type-checkbox.active { color: #243240; } .filter_block .block-views .expanded-tree>li>.form-item:before { content: ""; position: absolute; top: 50%; left: -11px; /* color: #c5c6c6; */ margin-top: 1px; /* background: #ebeceb; */ /* line-height: 10px; */ pointer-events: none; display: block; border-bottom: 1px solid #c5c6c6; width: 15px; } .filter_block .block-views .form-type-radio:after, .filter_block .block-views .form-type-bef-checkbox:after, .filter_block .block-views .form-type-checkbox:after { font: normal normal normal 14px/1 FontAwesome; font-size: 19px !important; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; top: 50%; left: 0px; color: #c5c6c6; margin-top: -3px; background: #ebeceb; line-height: 10px; pointer-events: none; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; content: "\f111"; } .filter_block .block-views .form-type-radio.active:after, .filter_block .block-views .form-type-bef-checkbox.active:after, .filter_block .block-views .form-type-checkbox.active:after { color: #2db3de; content: "\f058"; } .filter_block .block-views .bef-tree-child .form-item .expander { background: none !important; font: normal normal normal 14px/1 FontAwesome; font-size: 19px; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute !important; top: 50%; right: 0px; color: #a7b0b9; /* margin-top: -10px !important; */ /*background: #ebeceb;*/ line-height: 10px; content: "\f0ab"; display: block; width: 20px !important; height: 20px !important; } .filter_block .block-views .bef-tree-child .form-item .expander:before { webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; line-height: 0 } .filter_block .block-views .bef-tree-child .form-item .expander:before { content: "\f0ab"; } .filter_block .block-views .bef-tree-child .form-item .expander.expanded:before { content: "\f0aa"; color: #7c8690; } .filter_block .block-views .bef-tree>.bef-tree-child { margin: 0 -1em !important; } .filter_block .block-views .bef-tree>.bef-tree-child>li { padding: 0 1em !important; border-bottom: 1px solid #c2c3c4; } .filter_block .block-views .bef-tree>.bef-tree-child>li:last-child { border-bottom: none; } .filter_block .block-views .bef-select-all-none .bef-toggle { background: #2db3de; color: #fff; font-size: 10pt; padding: 3px 15px; border-radius: 10px; } .filter_block .block-views .views-exposed-widget>label { font-weight: 600 !important; line-height: 106%; color: #243240; } .filter_block .block-views .views-exposed-widgets { background: #ebeceb url(/img/v-line.png) 40px repeat-y; } .filter_block .block-views .view-search-object-map .attachment { display: none; } @media (min-width: 1024px) { .views_search_object_map::-webkit-scrollbar-thumb { background: #47C9E5; cursor: pointer; } .views_search_object_map::-webkit-scrollbar { width: 5px; background: #212e38; /*position: absolute;*/ } } .logged-in .block-search-objects { position: absolute; left: 195px; float: left; height: 60px; background: none; } .logged-in .search-string, .logged-in .search-string-category, .logged-in .search-type { margin: 0px; background: #70878c; } .logged-in .block-search-objects .search-button { padding: 15px 27px; } /*умный поиск*/ .autocomplete-suggestions { margin-top: 16px; width: 222px !important; background: #3a424a !important; } .autocomplete-suggestion { color: #fff !important; padding-bottom: 10px !important; line-height: 20px !important; font-size: 10pt !important; border-bottom: 1px solid #525a61; cursor: pointer; } .autocomplete-title { font-size: 11pt !important; } .autocomplete-suggestion span { font-weight: 600; } .autocomplete-suggestion:hover { background: #f1ab0d !important; color: #3a424a !important; } .logged-in .autocomplete-suggestions { margin-top: 0px !important; } .block-search-type, .block-search-string, .block-search-string-category { float: left; } /*popup*/ .leaflet-container a.leaflet-popup-close-button { display: none !important; } .leaflet-popup-content { margin: 0 !important; text-align: center; } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: none !important; box-shadow: none !important; } .leaflet-popup-tip-container { display: none !important; } .leaflet-popup { bottom: -37px !important; display: block !important; opacity: 1 !important; /*pointer-events: none;*/ } .pathPopup, .pathPopupStart, .pathPopupFinish { color: #2b2a29; border-radius: 0; background: none !important; left: 0 !important; padding: 0px !important; margin: 0 !important; bottom: 0px !important; /*border-left: 1px solid #f6c104;*/ margin-left: 10px !important; /*display: none !important;*/ } .pathPopup .leaflet-popup-content-wrapper { /*transition: all 0.3s ease-in-out !important; -webkit-transition: all 0.3s ease-in-out !important; -moz-transition: all 0.3s ease-in-out !important; -o-transition: all 0.3s ease-in-out !important; -ms-transition: all 0.3s ease-in-out !important;*/ } .routeOpened .pathPopup:not(.activePopupRoute) { /*opacity: 0 !important; filter: grayscale(100%) !important; -webkit-filter: grayscale(100%) !important; -moz-filter: grayscale(100%) !important; -o-filter: grayscale(100%) !important; -ms-filter: grayscale(100%) !important;*/ } .pathPopup .leaflet-popup-content-wrapper, .pathPopupStart .leaflet-popup-content-wrapper, .pathPopupFinish .leaflet-popup-content-wrapper { background: #f6c104 !important; border-radius: 0; padding: 1px 6px; margin-bottom: 15px; box-shadow: 4px 9px 10px rgba(0, 0, 0, 0.22) !important; cursor: pointer; transform: skewX(-22deg); -webkit-transform: skewx(-22deg); -moz-transform: skewx(-22deg); -ms-transform: skewx(-22deg); -o-transform: skewx(-2deg); background: #0f94c7 !important; background: #00aeab !important; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pathPopup .leaflet-popup-content-wrapper { /*max-width: 30px; overflow: hidden;*/ } .pathPopup .leaflet-popup-content-wrapper:hover { /*max-width: 300px;*/ } .leaflet-popup.pathPopupStart, .leaflet-popup.pathPopupFinish { margin: -18px -6px !important; margin: -17px -4px !important; pointer-events: none; display: none !important; } .leaflet-popup.pathPopupStart.activePopupRoute, .leaflet-popup.pathPopupFinish.activePopupRoute { /*display: block !important;*/ } .leaflet-popup.pathPopupStart:before, .leaflet-popup.pathPopupFinish:before { display: none !important; } .pathPopupStart .leaflet-popup-content-wrapper, .pathPopupFinish .leaflet-popup-content-wrapper { margin: 0 !important; } .pathPopup .leaflet-popup-content, .pathPopupStart .leaflet-popup-content, .pathPopupFinish .leaflet-popup-content { transform: skewX(22deg); -webkit-transform: skewx(22deg); -moz-transform: skewx(22deg); -ms-transform: skewx(22deg); -o-transform: skewx(22deg); } .pathPopup .leaflet-popup-content { /*margin-left: 20px !important;*/ } .leaflet-popup.pathPopup:before { content: ""; display: block; border-left: 1px solid #f6c104; border-left: 1px solid #00aeab; height: 30px; bottom: 0; position: absolute; transform: skewX(-22deg); -webkit-transform: skewx(-22deg); -moz-transform: skewx(-22deg); -ms-transform: skewx(-22deg); -o-transform: skewx(-2deg); left: -4px; } .activePopupRoute .leaflet-popup-content-wrapper { background: #00aeab !important; /* color: #2a343d; */ } .activePopupRoute.pathPopup:before { border-left: 1px solid #00aeab; } .popup-category_1498821257 { bottom: -31px !important; } .popup-category_1499078867 { bottom: -23px !important; left: 0px !important; } .popup-category_1499078867 .leaflet-popup-content { width: auto !important; } .popupBackground .leaflet-popup .leaflet-popup-content { background: #fff; background-color: #fff !important; -webkit-print-color-adjust: exact; } .popup_weather h3 { margin-bottom: 0; text-align: left; } .popup_weather img { max-width: none !important; float: left; /*margin-left: 20px;*/ } .leaflet-popup-content p { margin: 5px 0 !important; clear: both; text-align: left; } .popup_weather p.temp { font-size: 20pt; clear: none; } .leaflet-container .popup_weather a.leaflet-popup-close-button { display: block !important; } .leaflet-popup.weather-popup.leaflet-zoom-animated { pointer-events: auto; width: 250px; } .leaflet-popup.weather-popup.leaflet-zoom-animated a.leaflet-popup-close-button { display: block !important; font-size: 20pt; width: 20px; height: 20px; top: 5px; right: 5px; } /*line type*/ .mainBlockTypePolyline { text-indent: -999px; } .mainBlockTypePolyline.active { background-color: rgba(14, 16, 19, 0.59) !important; } span.typeLine.typePolygon { background: url(/img/line1.png) no-repeat !important; background-position: 100px 50% !important; } span.typeUndergroundLine { background: url(/img/line2.png) no-repeat !important; background-position: 100px 50% !important; } span.typeUndergroundLinePoint { background: url(/img/line3.png) no-repeat !important; background-position: 100px 50% !important; } span.typeAirLine { background: url(/img/line4.png) no-repeat !important; background-position: 100px 50% !important; } span.typeAirLinePoint { background: url(/img/line5.png) no-repeat !important; background-position: 100px 50% !important; } .colorpicker { margin-left: 130px; margin-top: 50px !important; } /*popup contact*/ .popup-feedback { width: 400px; background: #fff; max-height: 70%; position: fixed; top: 25%; left: 50%; margin-left: -200px; z-index: 13; /*display: none;*/ background-color: rgba(253, 253, 253, 0.95); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.47); padding-bottom: 20px; } .popup-feedback .contact-form input { display: block; margin: auto; border: none; border-bottom: 1px solid #DDD; width: 300px; height: 55px; font-size: 10pt; outline: none; background: none; max-width: 300px; } .popup-feedback .contact-form textarea#comment_feedback { height: 135px; max-height: 135px; display: block; margin: auto; margin-bottom: 20px; margin-top: 30px; border: none; border-bottom: 1px solid #DDD; width: 300px; /* height: 55px; */ font-size: 10pt; outline: none; background: none; max-width: 300px; } .popup-feedback .contact-form h3 { position: relative; text-align: center; font-size: 15pt; padding-top: 15px; height: 55px; margin: 0; color: #f0970b; } .popup-feedback .contact-form textarea { height: 135px; max-height: 135px; margin-bottom: 20px; margin-top: 30px; } .popup-feedback a.close.close-popup { background: url(../img/close-dark.png) no-repeat; background-size: 20px; background-position: 50% 50%; /* background-color: transparent !important; */ display: block; position: relative; /* width: 100%; */ /* height: 100%; */ width: 60px; right: 0; height: 60px; position: absolute; cursor: pointer; z-index: 1; opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .popup-feedback a.close.close-popup:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .popup-feedback a#press_feedback { width: 200px; height: 40px; color: #666; border: 2px solid; border-radius: 16px; margin: auto; /*margin-top: -8px;*/ display: block; padding: 6px; text-align: center; cursor: pointer; } .popup-feedback a#press_feedback:hover { background: #d9dada; } .popup-feedback #message_feedback { color: #000000; padding: 0 50px; } .popup-feedback .message_error { color: #ff3100 !important; } /*login, forms, alert*/ form#user-login a.show-password-link { position: absolute; margin: -7px -15px; color: #0092da; } form#user-login input.password-showing { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .not-logged-in.page-user form label { color: #fff } form#user-login a { color: #0092da; } .not-logged-in.page-user form .form-actions button { color: #fff; background-color: #0092da; border-color: #2e6da4; } form#user-login #edit-actions { float: left; } form#user-login .pass-recovery { float: right; color: #f1ab0d !important; } .not-logged-in.page-user .alert { /*position: fixed !important; top: 15px !important; right: 15px !important;*/ } .alert > ul li { list-style: none !important; margin-bottom: 10px !important; } .has-error .form-control { border-color: #ff911d !important; } .form-group.error .control-label, .form-group.error label, .form-group.has-error .control-label, .form-group.has-error label { color: #ff911d !important; } div.error, table tr.error { background-color: #ecb000 !important; color: #fff !important; border: none; border-radius: 0; padding-left: 30px; } div.error:before, table tr.error:before { content: "\f071"; font: normal normal normal 14px/1 FontAwesome; font-size: 17pt; position: absolute; margin-top: 10px; margin-left: -15px; } .views-exposed-form label, .form-item label { font-weight: normal !important; margin-bottom: 2px !important; } .node-form, .node-webform { padding: 30px; /*color: #fff;*/ font-weight: normal; } .node-form .form-group, .node-webform .form-group, .page-admin-config-system-backup-migrate .form-group { margin-bottom: 15px !important; } .page-admin-config-system-backup-migrate .form-group { display: block !important; } .control-group .help-inline, .help-block { /*color: #fff;*/ } .text-format-wrapper a, .help-block a { color: #e2e2e2; } .logged-in .leaflet-yandex-layer, .logged-in .leaflet-2gis-layer, .logged-in .leaflet-google-layer { top: 44px !important; /* left: -3px !important; */ } .logged-in .block-print-now-in-view { height: 49px; } .logged-in .block-print-now-in-view .print-now-in-view { padding: 15px 25px; } /*print*/ .printmap #map { width: 1122px !important; height: 794px !important; margin-left: -561px !important; margin-top: -397px !important; top: 50% !important; left: 50% !important; } .printmap .leaflet-yandex-layer, .printmap .leaflet-2gis-layer, .printmap .leaflet-google-layer { width: 1120px !important; height: 790px !important; margin-left: -560px !important; margin-top: -395px !important; top: 50% !important; left: 50% !important; } .block-print-now-in-view { width: 100px; height: 60px; background: #3a424a; border-right: none; float: right; } .block-print-now-in-view .print-now-in-view { color: #3a424a; font-size: 13pt; padding-top: 14px; padding-bottom: 15px; line-height: 20px; position: relative; display: block; padding: 20px 25px; background: #f1ab0d; font-size: 12pt; text-align: center; } @media print { body { width: 1120px !important; height: 790px !important; overflow: hidden !important; } #map { /*zoom: 0.7; height: 100% !important;*/ top: 0 !important; margin-left: 0 !important; margin-top: 0 !important; top: 0% !important; left: 0% !important; } @page { /*size: A4;*/ margin: 0.0cm; /*size: landscape;*/ /*position: relative;*/ } .filter_object_map, header, footer, .filter_map_block, .filter_block, .filter-group, .leaflet-control, .leaflet-right, .leaflet-left .leaflet-control-container, .mainblock, #footer-wrapper, .block-search-objects, .sidebar, .block-print-now-in-view { display: none !important; } .print-detail { position: fixed; z-index: 999; margin: 5px 15px; padding: 5px; display: block !important; background: #fff; background-color: #fff !important; -webkit-print-color-adjust: exact; } } .printmap .leaflet-bottom { /*position: absolute !important; display: block !important; */ } /*div#edit-field-photo, div#edit-field-object-gallery, */ .clearblock.backup-migrate-footer-message, fieldset#edit-locale { display: none !important; } .not-event{ pointer-events: none; filter: grayscale(100%) !important; opacity: 0.5; } body:not(.map-with-menu) #block-superfish-1 { display: none; } .map-with-menu header#header-main { z-index: 250; background: none; border: none !important; } .map-with-menu #map { webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .map-with-menu div.mainblock { z-index: 249; } @media (max-width: 1024px) { .map-with-menu header#header-main { display: none; z-index: 0; } .map-with-menu #map { height: 100% !important; top: 0 !important; } body.node-type-project #map:before { display: none !important; } } .page-node-lightbox2.map-with-menu header#header-main { display: none; } .page-node-lightbox2.map-with-menu #map { height: 100% !important; top: 0 !important; } .page-node-frame-widget-map.update-map #header-main { display: none; } .update-map #map { height: 100% !important; top: 0 !important; } .update-map div.mainblock { /*display: none !important; */ } .select-point { background: url(/img/selectm.png) bottom no-repeat; background-size: 100%; z-index: 9000 !important; /*filter: contrast(1.3) drop-shadow(0px 05px 5px rgb(0, 122, 71)); -webkit-filter: contrast(1.3) drop-shadow(0px 05px 5px rgb(0, 122, 71)); -moz-filter: contrast(1.3) drop-shadow(0px 05px 5px rgb(0, 122, 71)); -o-filter: contrast(1.3) drop-shadow(0px 05px 5px rgb(0, 122, 71)); -ms-filter: contrast(1.3) drop-shadow(0px 05px 5px rgb(0, 122, 71));*/ -webkit-animation: pulsatem 1s linear infinite; -moz-animation: pulsatem 1s linear infinite; animation: pulsatem 1s linear infinite; } /*@media (min-width: 1000px) {*/ @-webkit-keyframes pulsatem { 0% {margin-top: -40px; padding-bottom: 0px} 25% {margin-top: -43px; padding-bottom: 3px} 50% {margin-top: -45px; padding-bottom: 5px} 75% {margin-top: -43px; padding-bottom: 3px} 100% {margin-top: -40px; padding-bottom: 0px} } @-moz-keyframes pulsatem { 0% {margin-top: -40px; padding-bottom: 0px} 25% {margin-top: -43px; padding-bottom: 3px} 50% {margin-top: -45px; padding-bottom: 5px} 75% {margin-top: -43px; padding-bottom: 3px} 100% {margin-top: -40px; padding-bottom: 0px} } @keyframes pulsatem { 0% {margin-top: -40px; padding-bottom: 0px} 25% {margin-top: -43px; padding-bottom: 3px} 50% {margin-top: -45px; padding-bottom: 5px} 75% {margin-top: -43px; padding-bottom: 3px} 100% {margin-top: -40px; padding-bottom: 0px} } /*}*/ .node-type-project:not(.logged-in) .category_1524733257.leaflet-marker-icon { pointer-events: none !important; } .leaflet-marker-icon.clusterObj.leaflet-zoom-animated.leaflet-clickable{ background: #fff !important; background: linear-gradient(to bottom, #3b4651 0%, #0f1c28) !important; background: -webkit-linear-gradient(to bottom, #3b4651 0%, #0f1c28) !important; background: -moz-linear-gradient(to bottom, #3b4651 0%, #0f1c28) !important; background: -o-linear-gradient(to bottom, #3b4651 0%, #0f1c28) !important; background: -ms-linear-gradient(to bottom, #3b4651 0%, #0f1c28) !important; -webkit-filter: grayscale(0%) drop-shadow(-5px 5px 2px rgba(27, 27, 27, 0.52)) !important; filter: grayscale(0%) drop-shadow(-5px 5px 2px rgba(27, 27, 27, 0.52)) !important; padding: 2px; } .clusterObj>div { border-radius: 40px; } .cluster-category_1511520087>div { border: 1px solid #0aa996; } .cluster-category_1511431867>div { border: 1px solid #008dd2; } .cluster-category_1511520225>div { border: 1px solid #7e71b1; } .cluster-category_1511519970>div { border: 1px solid #f0a901; } path:not(.svgLayer):not(.circles-maxValueStroke):not(.circles-valueStroke) { stroke: #f0a40c; /*stroke: #3ec9e0 !important;*/ /*stroke: #b2144d !important;*/ stroke-opacity: 1 !important; stroke-width: 2px; stroke-dasharray: 18, 15 !important; stroke-dasharray: 12, 7 !important; } .leaflet-draw-tooltip-subtext { color: #f0a70c !important; } .polyline-map { stroke-dasharray: 0; stroke-dasharray: 5,5; stroke-opacity: 0.6; } .polyline-map.layerClick { /*stroke: #2fd4d1 !important;*/ /*stroke-width: 3px; */ /*stroke-dasharray: 8,8 !important;*/ stroke-opacity: 1 !important; stroke-dasharray: 5, 1, 5 !important; /*filter: url(#inset-shadow); -webkit-filter: url(#inset-shadow);*/ } #map_zoom_3 .polyline-map.layerClick, #map_zoom_4 .polyline-map.layerClick, #map_zoom_5 .polyline-map.layerClick, #map_zoom_6 .polyline-map.layerClick, #map_zoom_7 .polyline-map.layerClick, #map_zoom_8 .polyline-map.layerClick, #map_zoom_9 .polyline-map.layerClick, #map_zoom_10 .polyline-map.layerClick, #map_zoom_11 .polyline-map.layerClick, #map_zoom_12 .polyline-map.layerClick, #map_zoom_13 .polyline-map.layerClick, #map_zoom_14 .polyline-map.layerClick { animation: dash 10s linear infinite; } .page-node-13192#map_zoom_10 .polyline-map.layerClick, .page-node-13192#map_zoom_11 .polyline-map.layerClick, .page-node-13192#map_zoom_12 .polyline-map.layerClick { animation: dash 10s linear infinite; } #map_zoom_3:not(.blocked-click) .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) .polyline-map:not(.polyline-routes_parent), #map_zoom_4:not(.blocked-click) .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) .polyline-map:not(.polyline-routes_parent), #map_zoom_5:not(.blocked-click) .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) .polyline-map:not(.polyline-routes_parent), #map_zoom_6:not(.blocked-click) .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) .polyline-map:not(.polyline-routes_parent), #map_zoom_7:not(.blocked-click) .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) .polyline-map:not(.polyline-routes_parent), #map_zoom_8:not(.blocked-click) .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) .polyline-map:not(.polyline-routes_parent), #map_zoom_9:not(.blocked-click) .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) .polyline-map:not(.polyline-routes_parent) { /*-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;*/ } .page-node-13192#map_zoom_10 .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) .polyline-map:not(.polyline-routes_parent).layerClick, .page-node-13192#map_zoom_11 .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) .polyline-map:not(.polyline-routes_parent).layerClick, .page-node-13192#map_zoom_12 .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) .polyline-map:not(.polyline-routes_parent).layerClick { animation: dash 10s linear infinite; } .polyline-category_1529131805.layerClick { animation: dash 10s linear infinite; } body:not(.blocked-click) .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) .polyline-category_1529131805 { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #map_zoom_5:not(.page-node-lightbox2) path.greyPoly { fill-opacity: 0.3; } #map_zoom_6:not(.page-node-lightbox2) path.greyPoly { fill-opacity: 0.4; } #map_zoom_7:not(.page-node-lightbox2) path.greyPoly { fill-opacity: 0.6; } .polyline-routes_parent:not(.childRoute) { /* stroke-dasharray: 0 !important;*/ } @keyframes dash { to { stroke-dashoffset: -200; } } .routeOpened .polyline-map:not(.layerClick) { /*stroke-opacity: 0 !important;*/ } /*path.object_1501671453 { stroke: #f0a901; stroke-width: 3px; } path.object_1501777087 { stroke: #f77e05; stroke-width: 3px; } path.object_1501678711 { stroke: #f7c205; stroke-width: 3px; } path.object_1511950318, path.object_1511950318.layerClick { stroke: #e27ae0 !important; } path.object_1512712693, path.object_1512712693.layerClick { stroke: #1e9ede !important; } path.object_1512714849, path.object_1512714849.layerClick { stroke: #ff1458 !important; } path.object_1512707901.layerClick { } path.object_1512721779.layerClick { } path.object_1512722778.layerClick { } path.object_1512718278.layerClick { } path.object_1512720499, path.object_1512720499.layerClick { stroke: #f0a901 !important; }*/ path.polyline-map { stroke-dasharray: 0 !important; fill-opacity: 0.3; pointer-events: none; stroke-width: 1px; stroke-width: 1.5px; stroke-opacity: 1 !important; /*stroke: #009688 !important;*/ stroke-dasharray: 0; /*fill: #009688;*/ stroke-dasharray: 1 !important; } .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) path.polyline-map:not(.layerClick):hover { /*fill-opacity: 0.2;*/ fill-opacity: 0.5; /*filter: url(#inset-shadow);*/ } path.greyPoly{ /*fill: url(#diagonal-stripe);*/ cursor: inherit; fill-opacity: 0.8; pointer-events: none; /* stroke-opacity: 0 !important; */ stroke-width: 3px !important; stroke-dasharray: 0 !important; } .page-node-13046 path.greyPoly{ fill-opacity: 0.3; } #map_zoom_6 path.greyPoly, #map_zoom_7 path.greyPoly { /*filter: url(#shadow);*/ /*filter: url(#shadow2);*/ /*filter: url(#inset-shadow); */ /*-webkit-filter: url(#inset-shadow); */ } path.svgLayer:not(.greyPoly) { stroke-width: 1px; stroke-width: 1.2px; /*stroke: #5e7474 !important;*/ /*stroke: #f0a40c !important;*/ stroke-opacity: 0.5 !important; /*fill: #58c5e8;*/ /*fill: #f0aa0c;*/ /*fill: #c5005a;*/ fill-opacity: 0; stroke-dasharray: 1 !important; /*pointer-events: none !important;*/ /*-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;*/ cursor: inherit !important; } path.polygonCity { fill: #c5005a; stroke: #cd0048 !important; stroke-opacity: 0.5 !important; } #map_zoom_3 .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) path.svgLayer:not(.greyPoly):hover, #map_zoom_4 .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) path.svgLayer:not(.greyPoly):hover, #map_zoom_5 .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) path.svgLayer:not(.greyPoly):hover, #map_zoom_6 .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) path.svgLayer:not(.greyPoly):hover, #map_zoom_7 .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) path.svgLayer:not(.greyPoly):hover { fill-opacity: 0.2; } #map_zoom_3:not(.blocked-click) path.svgLayer:not(.greyPoly), #map_zoom_4:not(.blocked-click) path.svgLayer:not(.greyPoly), #map_zoom_5:not(.blocked-click) path.svgLayer:not(.greyPoly), #map_zoom_6:not(.blocked-click) path.svgLayer:not(.greyPoly), #map_zoom_7:not(.blocked-click) path.svgLayer:not(.greyPoly) { /*fill-opacity: 0.2;*/ pointer-events: initial !important; cursor: pointer !important; } #map_zoom_3 .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) path.svgLayer:not(.greyPoly):hover, #map_zoom_4 .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) path.svgLayer:not(.greyPoly):hover, #map_zoom_5 .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) path.svgLayer:not(.greyPoly):hover, #map_zoom_6 .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) path.svgLayer:not(.greyPoly):hover { fill-opacity: 0.4; /*filter: url(#inset-shadow);*/ } .page-node-13192#map_zoom_7 .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) path.svgLayer:not(.greyPoly):hover, .page-node-13192#map_zoom_8 .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) path.svgLayer:not(.greyPoly):hover, .page-node-13192#map_zoom_9 .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) path.svgLayer:not(.greyPoly):hover { fill-opacity: 0.4; /*filter: url(#inset-shadow);*/ } .page-node-13192#map_zoom_10 .leaflet-map-pane:not(.leaflet-cluster-anim):not(.leaflet-zoom-anim) path.svgLayer:not(.greyPoly):hover { fill-opacity: 0.2; } body.node-type-project #map.mapMeasureArea .leaflet-zoom-animated path:last-child:not(.greyPoly):not(.polygonDistrict):not(.polyline-map) { fill: #14bbb8; fill-opacity: 0.4 !important; stroke: #14bbb8 !important; stroke-dasharray: 0 !important; stroke-width: 1; } .leaflet-map-pane:not(.leaflet-cluster-anim) .clusterObj.bigSizeCluster, .leaflet-map-pane:not(.leaflet-cluster-anim) .clusterObj.middleSizeCluster, .leaflet-map-pane:not(.leaflet-cluster-anim) .clusterObj.smallSizeCluster { /*-webkit-transition: all 0.3s ease-in-out !important; -moz-transition: all 0.3s ease-in-out !important; -o-transition: all 0.3s ease-in-out !important; -ms-transition: all 0.3s ease-in-out !important; transition: all 0.3s ease-in-out !important;*/ } .clusterObj.bigSizeCluster div span { background: #e00047; } .clusterObj.bigSizeCluster:hover { filter: contrast(1.3) drop-shadow(0px 05px 5px #e00047); -webkit-filter: contrast(1.3) drop-shadow(0px 05px 5px #e00047); -moz-filter: contrast(1.3) drop-shadow(0px 05px 5px #e00047); -o-filter: contrast(1.3) drop-shadow(0px 05px 5px #e00047); -ms-filter: contrast(1.3) drop-shadow(0px 05px 5px #e00047); } .clusterObj.middleSizeCluster div span { background: #f0a40c; } .clusterObj.middleSizeCluster:hover { filter: contrast(1.3) drop-shadow(0px 05px 5px #f0a40c); -webkit-filter: contrast(1.3) drop-shadow(0px 05px 5px #f0a40c); -moz-filter: contrast(1.3) drop-shadow(0px 05px 5px #f0a40c); -o-filter: contrast(1.3) drop-shadow(0px 05px 5px #f0a40c); -ms-filter: contrast(1.3) drop-shadow(0px 05px 5px #f0a40c); } .clusterObj.smallSizeCluster div span { background: #2db3de; } .clusterObj.smallSizeCluster:hover { filter: contrast(1.3) drop-shadow(0px 05px 5px #149ff7); -webkit-filter: contrast(1.3) drop-shadow(0px 05px 5px #149ff7); -moz-filter: contrast(1.3) drop-shadow(0px 05px 5px #149ff7); -o-filter: contrast(1.3) drop-shadow(0px 05px 5px #149ff7); -ms-filter: contrast(1.3) drop-shadow(0px 05px 5px #149ff7); } /* path.object_1516694340 { stroke: #e00047 !important; /*~red stroke-width: 3px; } .popup-object_1516694340 .leaflet-popup-content-wrapper { background: #e00047 !important; } .popup-object_1516694340.leaflet-popup.pathPopup:before { border-left: 1px solid #e00047; } path.object_1516941081 { stroke: #149ff7 !important; /*blue stroke-width: 3px; } .popup-object_1516941081 .leaflet-popup-content-wrapper { background: #149ff7 !important; } .popup-object_1516941081.leaflet-popup.pathPopup:before { border-left: 1px solid #149ff7; } path.object_1516873406 { stroke: #937ff3 !important; /*purple stroke-width: 3px; } .popup-object_1516873406 .leaflet-popup-content-wrapper { background: #937ff3 !important; } .popup-object_1516873406.leaflet-popup.pathPopup:before { border-left: 1px solid #937ff3; } path.object_1516874729 { stroke: #de7813 !important; /*orange stroke-width: 3px; } .popup-object_1516874729 .leaflet-popup-content-wrapper { background: #de7813 !important; } .popup-object_1516874729.leaflet-popup.pathPopup:before { border-left: 1px solid #de7813; } path.object_1516872547 { stroke: #00c19c !important; /*~green stroke-width: 3px; } .popup-object_1516872547 .leaflet-popup-content-wrapper { background: #00c19c !important; } .popup-object_1516872547.leaflet-popup.pathPopup:before { border-left: 1px solid #00c19c; } path.object_1516872860 { stroke: #c555e8 !important; /*pink stroke-width: 3px; } .popup-object_1516872860 .leaflet-popup-content-wrapper { background: #c555e8 !important; } .popup-object_1516872860.leaflet-popup.pathPopup:before { border-left: 1px solid #c555e8; } path.object_1516951810 { stroke: #f0a40c !important; /*yellow stroke-width: 3px; } .popup-object_1516951810 .leaflet-popup-content-wrapper { background: #ffa700 !important; } .popup-object_1516951810.leaflet-popup.pathPopup:before { border-left: 1px solid #ffa700; } path.object_1516949481 { stroke: #8c5e66 !important; /*gray stroke-width: 3px; } .popup-object_1516949481 .leaflet-popup-content-wrapper { background: #8c5e66 !important; } .popup-object_1516949481.leaflet-popup.pathPopup:before { border-left: 1px solid #8c5e66; } */ .border-big, .border-small { fill: none; pointer-events: none; } .alproLayer .border-big { /* stroke-dasharray: 8, 1, 9 !important; */ /* stroke-opacity: 0.5 !important; */ stroke: #2b3a52 !important; /* stroke-width: 3px; */ } .border-small { stroke-dasharray: 1!important; } .skew-button { display: block; width: 295px; text-align: center; font-size: 14pt; font-weight: 600; transform: skewX(-22deg); -webkit-transform: skewx(-22deg); -moz-transform: skewx(-22deg); -ms-transform: skewx(-22deg); -o-transform: skewx(-22deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: 1px solid rgba(254, 254, 254, 0); overflow: hidden; border: none; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.69) 0px 0px 35px -9px; outline: none !important; } .skew-button span { transform: skewX(22deg); -webkit-transform: skewx(22deg); -moz-transform: skewx(22deg); -ms-transform: skewx(22deg); -o-transform: skewx(22deg); display: block; padding: 15px 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin: 0 -15px; font-weight: normal; font-size: 12pt; padding-left: 10px; } .button-left { margin-left: -11px; } .button-right { margin-right: -10px; } .button-center { width: 400px; position: absolute; left: 50%; margin-left: -212px; bottom: 35px; } .green-button { background: linear-gradient(to right, #00461b, #144b34); background: -webkit-linear-gradient(to right, #00461b, #144b34); background: -moz-linear-gradient(to right, #00461b, #144b34); background: -o-linear-gradient(to right, #00461b, #144b34); background: -ms-linear-gradient(to right, #00461b, #144b34); border: 2px solid #144b34; } .yellow-button { /*background: linear-gradient(to right, #f1ad0d, #eabc5a); background: -webkit-linear-gradient(to right, #f1ad0d, #eabc5a); background: -moz-linear-gradient(to right, #f1ad0d, #eabc5a); background: -o-linear-gradient(to right, #f1ad0d, #eabc5a); background: -ms-linear-gradient(to right, #f1ad0d, #eabc5a);*/ background: #47C9E5; border: 2px solid #47C9E5 !important; } .grey-button { background: #b6c1cd; } .grey-button span { color: #fff; } .grey-button:not(.cal-desc):not(.house-desc):hover { background: #f0ae14; } .grey-button:not(.cal-desc):not(.house-desc):hover span { color: #212B36; } .green-button span { color: #fff; } .yellow-button span { color: #fff; } .skew-button img { margin-right: 13px; } .green-button:hover { border: 2px solid #144b34; } .green-button span:hover { background: #fff; color: #144b34; } .yellow-button:hover { border: 2px solid #47C9E5 !important; } .yellow-button span:hover { background: #ffffff !important; color: #47C9E5 !important; } .about { position: absolute; /* z-index: 9; */ top: 20px; left: 120px; /* font-family: "SegoeUIBold"; */ /* font-size: 13pt; */ /* letter-spacing: 1px; */ color: #fff; line-height: 25px; /* opacity: 0.5; */ /* pointer-events: none; */ /* text-transform: uppercase; */ cursor: pointer; background: #f1ab0d !important; } .about:hover { background: rgba(253, 182, 20, 0) !important; } .skew-button.about span:before { content: "\f041" !important; font-size: 19pt !important; margin-right: 15px !important; top: 17px !important; left: 36px !important; font: normal normal normal 14px/1 FontAwesome; position: absolute; } .skew-button.about span { font-weight: normal; padding: 15px 0px 15px 20px; margin: 0 -15px; background: none !important; } .about:hover span { color: #fff !important; } .skew-button.about b { /*font-family: "SegoeUISemiBold"*/ } /* .blocked-click svg.leaflet-zoom-animated .polyline-map, */ /* .blocked-click .leaflet-marker-icon { pointer-events: none; } */ .blocked-click .leaflet-marker-icon { /*pointer-events: none;*/ } .blocked-click .leaflet-edit-marker-selected, .blocked-click .leaflet-marker-draggable { pointer-events: auto; } /*admin*/ #overlay #overlay-content>header, #overlay #overlay-content>footer { display: none; } body.logged-in:not(.page-node-lightbox2):not(.page-node-frame-widget-map) #map, body.logged-in:not(.page-node-lightbox2):not(.page-node-frame-widget-map) .filter_block, body.logged-in:not(.page-node-lightbox2):not(.page-node-frame-widget-map) div.mainblock.block-bg { top: 35px; height: calc(100% - 35px); } .page-node-lightbox2.node-type-project #map, .page-node-frame-widget-map.node-type-project:not(.map-with-menu) #map { height: 100% !important; } .page-node-lightbox2.node-type-project, .page-node-frame-widget-map.node-type-project { padding: 0 !important; margin: 0 !important; overflow: hidden; } .page-node-frame-widget-map.logged-in>.header { margin-top: 0px !important; } body.logged-in .navbar-static-top { position: fixed; width: 100%; border: none; height: 35px; z-index: 2000; margin: 0; background-color: #243240; /* border-bottom: 1px solid #B5B6B7; */ min-height: 20px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.55); } body.logged-in .navbar-static-top .navbar-nav > li > a { padding: 8px 15px !important; } body.logged-in .navbar-static-top .sidebar-toggle, body.logged-in .navbar-static-top .logo { display: block; float: left; /*height: 49px;*/ border-right: 1px solid #51666b; /*padding: 15px; padding-top: 12px; padding-bottom: 15px;*/ background: #383F46; cursor: pointer; padding: 10px 15px !important; font-size: 11pt; } body.logged-in .navbar-static-top .sidebar-toggle i, body.logged-in .navbar-static-top .logo i { color: #F5B030; display: block; float: left; width: 25px; padding-top: 5px; } body.logged-in .navbar-static-top .sidebar-toggle span, body.logged-in .navbar-static-top .logo span { color: #F5B030; font-size: 11pt; padding-top: 14px; } body.logged-in .navbar-static-top .logo span, body.logged-in .navbar-static-top .logo i { color: white; } body.logged-in .navbar-static-top .navbar-custom-menu .navbar-nav { float: right; } body.logged-in .navbar-static-top .navbar-custom-menu .navbar-nav li { border-right: 1px solid #51666b; } body.logged-in .navbar-static-top .navbar-custom-menu .navbar-nav li:first-child { border-left: 1px solid #51666b; } body.logged-in .navbar-static-top .navbar-custom-menu .navbar-nav li:last-child { background: #383F46; border-right: none; } body.logged-in .navbar-static-top .navbar-custom-menu .navbar-nav li a { color: white; font-size: 11pt; padding-top: 14px; } body.logged-in .navbar-static-top .navbar-custom-menu .navbar-nav li:hover, body.logged-in .navbar-static-top .navbar-custom-menu .navbar-nav li.active { background: #383F46; } body.logged-in .navbar-static-top .navbar-custom-menu .navbar-nav li:hover a, body.logged-in .navbar-static-top .navbar-custom-menu .navbar-nav li.active a { color: #F5B030; background: none; } .region.region-atop { float: left; } .region.region-atop .menu a { padding: 10px 15px !important; color: #fff; font-size: 11pt; } .region.region-atop .menu li { border-right: 1px solid #51666b; } .navbar.navbar-static-top a:hover { color: #F5B030; background: none; } .navbar.navbar-static-top .sf-menu.menu .sfHover ul { margin: 0; top: inherit !important; margin-left: -1px; /*width: 100% !important;*/ } .region.region-atop .menu li a.menuparent { padding-right: 30px !important; } .navbar.navbar-static-top .sf-menu.menu .sfHover ul li { /*padding: 10px 45px !important;*/ border-right: none; border-left: 1px solid #51666b; background-color: rgba(36, 50, 64, 0.56); } .leaflet-edit-marker-selected { background-color: rgba(4, 4, 4, 0.21) !important; border: none !important; outline: 4px dashed rgb(241, 158, 12) !important; border-radius: 0 !important; z-index: 999 !important; filter: inherit !important; } .navbar.navbar-static-top a:hover, .navbar.navbar-static-top a.active { color: #F5B030 !important; background: none; } /* .overlay-element, body>#admin-menu { display: none; } */ li#menu-1262-2 { display: none; } #edit-field-photo div.image-widget-data { clear: both; } .blocked-click svg.leaflet-zoom-animated, .blocked-click .leaflet-pane > svg path.leaflet-interactive, .blocked-click .leaflet-fade-anim .leaflet-popup, .blocked-click .point, .blocked-click .clusterObj, .blocked-click .filter_map_block, .blocked-click .filter_block div:not(.close-filter-block):not(.header_filter) { pointer-events: none !important; } .blocked-click #admin-menu-wrapper { display: none; } .blocked-click .leaflet-edit-marker-selected, .blocked-click .leaflet-marker-draggable { pointer-events: auto !important; } .leaflet-image-layer.boardsLayer { z-index: 1; } .right_block_more .main-attr { margin-left: -35px; } .attr-obj .label-attr { float: left; margin-right: 5px; } .attr-obj .val-attr { /*font-family: "SegoeUIBold";*/ color: #3a424a; } .main-attr { margin-bottom: 15px; font-size: 11pt; } .bubble_body_summary { font-size: 10pt; margin-left: 20px; margin-bottom: 15px; } @media (min-width: 1000px) { /*.leaflet-overlay-pane { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #map_zoom_3 .leaflet-overlay-pane { } #map_zoom_3 .leaflet-overlay-pane img { webkit-filter: url(#blur) brightness(1.15) contrast(110%); filter: url(#blur) brightness(1.15) contrast(110%); -webkit-filter: blur(0.5px) brightness(1.15) contrast(110%); filter: blur(0.5px) brightness(1.15) contrast(110%); } #map_zoom_4 .leaflet-overlay-pane { } #map_zoom_4 .leaflet-overlay-pane img { webkit-filter: url(#blur) brightness(1.15) contrast(110%); filter: url(#blur) brightness(1.15) contrast(110%); -webkit-filter: blur(0.3px) brightness(1.15) contrast(110%); filter: blur(0.3px)brightness(1.15) contrast(110%); } #map_zoom_5 .leaflet-overlay-pane img { webkit-filter: url(#blur) brightness(1.15) contrast(110%); filter: url(#blur) brightness(1.15) contrast(110%); -webkit-filter: blur(0.1px) brightness(1.15) contrast(110%); filter: blur(0.1px) brightness(1.15) contrast(110%); } .leaflet-overlay-pane img { -webkit-filter: brightness(1.15) contrast(110%); -o-filter: brightness(1.15) contrast(110%); -ms-filter: brightness(1.15) contrast(110%); -moz-filter: brightness(1.15) contrast(110%); filter: brightness(1.15) contrast(110%); }*/ .alproLayer .leaflet-tile-pane { /*-webkit-filter: brightness(1.20) saturate(1.1) contrast(103%); -o-filter: brightness(1.20) saturate(1.1) contrast(103%); -ms-filter: brightness(1.20) saturate(1.1) contrast(103%); -moz-filter: brightness(1.20) saturate(1.1) contrast(103%); filter: brightness(1.20) saturate(1.1) contrast(103%);*/ /*-webkit-filter: brightness(1.35) saturate(1.05) contrast(100%); -o-filter: brightness(1.35) saturate(1.05) contrast(100%); -ms-filter: brightness(1.435) saturate(1.05) contrast(100%); -moz-filter: brightness(1.35) saturate(1.05) contrast(100%); filter: brightness(1.35) saturate(1.05) contrast(100%);*/ filter: contrast(102%); -webkit-filter: contrast(102%); } } .leaflet-control-scale-line { display: none; } #map { transition: height 0.5s ease-in-out; } .leaflet-add-object { width: calc(100% - 530px) !important; width: 50% !important; } .leaflet-preview-object { width: calc(100% - 400px) !important; } .routeOpened .leaflet-preview-object { /*width: calc(100% - 320px) !important;*/ } .bubble .skew-button { margin-bottom: 15px; margin-left: 10px; } .skew-button span::selection, .proCalendar-calendar *::selection { background: transparent; } .bubble_content .addChildObj, .bubble_content .editObject, .bubble_content .del_object { background: #d6d7d7 !important; font-size: 10pt !important; /*font-family: "SegoeUIRegular";*/ max-width: 253px; margin-left: 20px !important; position: relative; } .bubble_content .addChildObj:hover, .bubble_content .editObject:hover, .bubble_content .del_object:hover { background: #3a424a !important; } .bubble_content .addChildObj:before { content: "\f015"; font: normal normal normal 14px/1 FontAwesome; font-size: 12pt; margin-right: 15px; position: absolute; top: 9px; left: 13px; } .bubble_content .editObject:before { content: "\f044"; font: normal normal normal 14px/1 FontAwesome; font-size: 12pt; margin-right: 15px; position: absolute; top: 9px; left: 13px; } .bubble_content .del_object:before { content: "\f014"; font: normal normal normal 14px/1 FontAwesome; font-size: 12pt; margin-right: 15px; position: absolute; top: 9px; left: 13px; } .maplogo { position: absolute; /*z-index: 9;*/ top: 30px; left: 170px; /*font-family: "SegoeUIBold";*/ font-size: 13pt; letter-spacing: 1px; color: #fff; line-height: 25px; opacity: 0.5; pointer-events: none; text-transform: uppercase; } .maplogo span { display: block; font-size: 25pt; color: #f1a70c; text-transform: none; letter-spacing: 2px; } /*-lightbox-*/ .front #imageDataContainer { background: none !important; color: #fff; top: -50px; position: absolute; width: 1200px; font-size: 15pt; margin-left: -600px; left: 50%; z-index: 9; } .front #imageDataContainer span { color: #fff; /*font-family: "SegoeUILight";*/ } .front #bottomNavClose { padding: 34px 0!important; background: url(/img/close-white-min.png) 44% 50% no-repeat !important; margin: 0 !important; padding: 0 !important; margin-right: -13px !important; } .page-node-lightbox2 { padding: 40px 20px; } /*-leaflet-1+*/ .leaflet-pane.leaflet-map-pane { z-index: inherit; } .cluster-category_1504070151 { display: none; } .anim { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .no-active-btn { pointer-events: none; opacity: 0.8; } body:not(.logged-in) .polyline-map { pointer-events: none; } .logged-in .skew-button.button-left.yellow-button.about { display: none; } .small-overlay .table-responsive { overflow: visible !important; } .small-overlay #edit-field-object-icon { display: block !important; } .leaflet-google-mutant { background: none !important; z-index: -1 !important; } img.imgIconCategory { position: absolute; top: 50%; left: 48px; transform: translate(-50%, -50%); -webkit-transform: translate (-50%, -50%); -moz-transform: translate (-50%, -50%); -ms-transform: translate (-50%, -50%); -o-transform: translate (-50%, -50%); transform: translate (-50%, -50%); height: auto; width: auto !important; max-height: 45px; } .info.leaflet-control { width: 250px; position: fixed; background: #275f8e; background: #275f8e8f; background: #243240db; bottom: 20px; left: 50%; padding: 10px 20px; margin-left: -145px; color: #fff; text-align: center; opacity: 0.7; -moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.25); -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.25); pointer-events: none; } .overlay-element.overlay-active { z-index: 1501; } /*--page-view-widget-map--*/ @media (min-width: 1024px) { body.page-node-frame-widget-map.node-type-project:before { content: ""; display: block; width: 100%; height: 300px; max-height: 30%; position: absolute; z-index: 222; top: 0px; left: 0; background: linear-gradient(to top, rgba(66, 78, 91, 0) 0, rgba(18, 74, 113, 0.92) 100%); background: -moz-linear-gradient(to top, rgba(66, 78, 91, 0) 0, rgba(18, 74, 113, 0.92) 100%); background: -webkit-linear-gradient(to top, rgba(66, 78, 91, 0) 0, rgba(18, 74, 113, 0.92) 100%); opacity: 1; pointer-events: none; webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } } @media (max-width: 1024px) { .page-node-lightbox2.node-type-project div.mainblock.block-bg, .page-node-frame-widget-map.node-type-project div.mainblock.block-bg, .page-node-frame-widget-map.node-type-project>#lightbox.lightbox2-orig-layout, .page-node-frame-widget-map.node-type-project>#lightbox2-overlay { display: none !important; } } .page-node-lightbox2.node-type-project .leaflet-top.leaflet-left, .page-node-lightbox2.node-type-project .leaflet-control-zoom.leaflet-bar.leaflet-control { display: block !important; top: 0px; } .page-node-lightbox2.node-type-project .leaflet-top.leaflet-left { background: none; box-shadow: none !important; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; top: 20px; } .page-node-lightbox2.node-type-project div.leaflet-bar a.leaflet-control-zoom-in { background: url(/img/plus-w.png) no-repeat center; border-bottom: none !important; } .page-node-lightbox2.node-type-project div.leaflet-bar a.leaflet-control-zoom-out { background: url(/img/minus-w.png) no-repeat center; border-bottom: none !important; } .page-node-lightbox2.node-type-project:hover .leaflet-top.leaflet-left { opacity: 1; } .page-node-lightbox2.node-type-project#map_zoom_9 .leaflet-bar a.leaflet-control-zoom-in, .page-node-lightbox2.node-type-project#map_zoom_10 .leaflet-bar a.leaflet-control-zoom-in, .page-node-lightbox2.node-type-project#map_zoom_11 .leaflet-bar a.leaflet-control-zoom-in, .page-node-lightbox2.node-type-project#map_zoom_12 .leaflet-bar a.leaflet-control-zoom-in, .page-node-lightbox2.node-type-project#map_zoom_13 .leaflet-bar a.leaflet-control-zoom-in, .page-node-lightbox2.node-type-project#map_zoom_14 .leaflet-bar a.leaflet-control-zoom-in, .page-node-lightbox2.node-type-project#map_zoom_15 .leaflet-bar a.leaflet-control-zoom-in, .page-node-lightbox2.node-type-project#map_zoom_16 .leaflet-bar a.leaflet-control-zoom-in, .page-node-lightbox2.node-type-project#map_zoom_17 .leaflet-bar a.leaflet-control-zoom-in, .page-node-lightbox2.node-type-project#map_zoom_18 .leaflet-bar a.leaflet-control-zoom-in { background: url(/img/plus.png) no-repeat center; } .page-node-lightbox2.node-type-project#map_zoom_9 .leaflet-bar a.leaflet-control-zoom-out, .page-node-lightbox2.node-type-project#map_zoom_10 .leaflet-bar a.leaflet-control-zoom-out, .page-node-lightbox2.node-type-project#map_zoom_11 .leaflet-bar a.leaflet-control-zoom-out, .page-node-lightbox2.node-type-project#map_zoom_12 .leaflet-bar a.leaflet-control-zoom-out, .page-node-lightbox2.node-type-project#map_zoom_13 .leaflet-bar a.leaflet-control-zoom-out, .page-node-lightbox2.node-type-project#map_zoom_14 .leaflet-bar a.leaflet-control-zoom-out, .page-node-lightbox2.node-type-project#map_zoom_15 .leaflet-bar a.leaflet-control-zoom-out, .page-node-lightbox2.node-type-project#map_zoom_16 .leaflet-bar a.leaflet-control-zoom-out, .page-node-lightbox2.node-type-project#map_zoom_17 .leaflet-bar a.leaflet-control-zoom-out, .page-node-lightbox2.node-type-project#map_zoom_18 .leaflet-bar a.leaflet-control-zoom-out { background: url(/img/minus.png) no-repeat center; } .page-node-frame-widget-map.node-type-project div.mainblock .block1 div.bubble div.bubble_head, .page-node-frame-widget-map.node-type-project>#lightbox.lightbox2-orig-layout { /*margin-top: 92px;*/ } .page-node-frame-widget-map.node-type-project>#lightbox.lightbox2-orig-layout { /*height: calc(100% - 92px) !important;*/ } .logged-in.page-node-frame-widget-map.node-type-project div.mainblock .block1 div.bubble div.bubble_head, .logged-in.page-node-frame-widget-map.node-type-project>#lightbox.lightbox2-orig-layout, .logged-in.page-node-frame-widget-map.node-type-project .mainblock .block1 div.bubble a.close, .logged-in.page-node-frame-widget-map.node-type-project .contentblock.show-contentblock .close-content { /*margin-top: 127px;*/ } .logged-in.page-node-frame-widget-map.node-type-project>#lightbox.lightbox2-orig-layout { /*height: calc(100% - 127px) !important;*/ } .mini-info { display: none; position: absolute; width: calc(100% - 20px); bottom: 10px; right: 10px; background: rgba(33, 43, 52, 1); /* padding: 10px; */ padding-right: 45px; } .mini-info * { color: #fff !important; font-size: 10pt; } .mini-info a { padding: 10px; } .mini-info a.close { top: 8px !important; right: 7px !important; margin: 0 !important; } @media (max-width: 1024px) { .page-node-frame-widget-map.node-type-project .mini-info { display: block; } .page-node-frame-widget-map.node-type-project div.mainblock.block-bg { display: block !important; background: none !important; box-shadow: none !important; height: 0; bottom: 0; top: inherit; } .page-node-frame-widget-map.node-type-project div.mainblock.block-bg * { overflow: inherit; } .page-node-frame-widget-map.node-type-project div.mainblock.block-bg .bubble>*:not(.mini-info), .page-node-frame-widget-map.node-type-project div.mainblock.block-bg .dataPreloader { display: none; } } @media (max-width: 1000px) { .message_hint, .message_area, .message_fire, .text-weather, .message_coordinate { left: 50px !important; } div.mainblock .block1 div.bubble a.close, div.contentblock.show-contentblock .close-content { right: 15px; } .node-type-project section#block-locale-language-content { right: -17px !important; top: -40px; } .node-type-project div.mainblock, .node-type-project div.mainblock *:not(a) { height: initial !important; /* position: initial; */ overflow: initial !important; max-height: initial !important; } .node-type-project div.mainblock *:not(a) { position: initial; } .node-type-project .mainblock { width: 100% !important; bottom: 0; top: initial !important; } body.node-type-project .leaflet-preview-object { width: 100% !important; } .node-type-project .bubble { bottom: 0; } div.mainblock .block1 div.bubble .bubble_content { padding: 0 !important; margin: 0 !important; } .bubble_content>a.skew-button { margin: 0 !important; } .bubble_content > .bubble_img, .bubble_content > article { display: none; } div.mainblock .block1 div.bubble div.bubble_head h3 { padding: 15px 50px 23px 60px !important; display: block; } div.mainblock .block1 div.bubble div.bubble_head .bubble_ico { left: 0px !important; width: 51px !important; } .bubble_content>a.skew-button { position: absolute; z-index: 2; bottom: 4px; border: none !important; background: none !important; padding: 0 !important; width: calc(100% - 100px) !important; box-shadow: none !important; } .bubble_content>a.skew-button span { padding: 30px 0 0; padding-left: 105px; font-size: 9pt; text-align: left; opacity: 0.7; } .info.leaflet-control { display: none; } body.node-type-project .map-title h1 { width: initial !important; line-height: 105%; padding: 15px !important; } body.multilangial-1.node-type-project .map-title h1 { padding: 15px 95px 15px 15px !important; } .leaflet-control-attribution.leaflet-control { pointer-events: none; } }