/* latin */ @font-face { font-family: 'Jost'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/jost.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Jost'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/jost.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Jost'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/jost.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin ext */ @font-face { font-family: 'Jost'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/jost-ext.woff2') format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Jost'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/jost-ext.woff2') format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Jost'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/jost-ext.woff2') format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/poppins/pxiEyp8kv8JHgFVrJJnecmNE.woff2') format('woff2'); unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/poppins/pxiEyp8kv8JHgFVrJJfecg.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/poppins/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2') format('woff2'); unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/poppins/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/poppins/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2') format('woff2'); unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/poppins/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } * { scrollbar-width: thin; } html { font-size:15px; } html[data-font=big] { font-size:17px; } html[data-font=small] { font-size:13px; } body { font-family: 'Poppins', sans-serif; background: #fff; font-size:0.95rem; text-rendering: optimizeLegibility;} body.nonscroll > #preview-content-container:not(.cookie) { filter:blur(6px); } body.nonscroll > #preview-content-container.dark { background:rgba(0,0,0,.15); } div.section, section { position: relative; float: left; width:100%; } body.home-page { background:#fafafa; } h1, h2, h3, .head-title p, .project-application { font-family:'Jost', sans-serif; } H4 { line-height:150%; } h3, .h3 { font-size:1.3rem; } a { outline-offset:0px; } a:hover, a:focus, a:hover { text-decoration:none; outline:none; } a:not(.btn):focus-visible{ outline:1px #444 solid; padding:2px 4px; } ul.no-styles { padding:0px; margin:0px; list-style: none; } #home-about-budget { font-family: "Poppins"; } footer a:focus { color:#fff;} footer a:not(.btn):focus-visible{ outline:1px #aaa solid; padding:4px 6px; } .aria-label { display:none; } .df { display:flex;} .skip-links { position:absolute; top:0 } .skip-links a, .skip-links a:visited { position:absolute; font-family:'Jost', sans-serif; font-weight:500; top:0; left:-9000em; display:block; text-align:center; width:220px; text-decoration:none; opacity:0; transition:opacity 0.3s ease; } .skip-links a:hover, .skip-links a:focus, .skip-links a:active, .skip-links a:visited:hover, .skip-links a:visited:focus, .skip-links a:visited:active { background:#222; color:#fff; font-size:1.1rem; padding:8px 10px; z-index:10; left:0; opacity:1; outline:3px solid #1d7cd5; z-index:9999; } .form-control { box-shadow:none!important; -webkit-appearance: none; border-radius:3px; color:#444; } .form-control:focus, .nice-select:active, .nice-select.open, .nice-select:focus, .select2-container--focus { border-color:rgba(0,123,255,.5); box-shadow:0 0 0 2px rgba(0,123,255,.5)!important; border-radius:3px; } .text-center { text-align:center!important;} .modal-content { box-shadow:0 5px 30px rgba(0,0,0,.4); } .tooltip { font-family: 'Poppins', sans-serif;} .tooltip-inner { box-shadow:0 3px 10px rgba(0,0,0,0.2); } .tooltip.in { opacity:1; } .tooltip.top .tooltip-arrow { bottom:0.5px;} p { line-height: 150%; } p.no-m { margin:0; } p.no-data { color: #666; font-family:'Jost', sans-serif; font-weight:500; font-size:1.6rem; line-height: 150%; text-align: center; padding:100px 0; } .vam { vertical-align: middle!important; } strong { font-weight:500;} /*b strong { font-weight:500;} p.info b { font-weight:700; } */ .help { color:#666; font-size:0.8rem; } .m-t-minus-15 { margin-top:-15px!important; } .m-t-0 { margin-top:0px!important; } .m-t-5 { margin-top:5px!important; } .m-t-10 { margin-top:10px!important; } .m-t-15 { margin-top:15px!important; } .m-t-20 { margin-top:20px!important; } .m-t-25 { margin-top:25px!important; } .m-t-50 { margin-top:50px!important; } .m-b-0 { margin-bottom:0px!important; } .m-b-5 { margin-bottom:5px!important; } .m-b-10 { margin-bottom:10px!important; } .m-b-15 { margin-bottom:15px!important; } .m-b-20 { margin-bottom:20px!important; } .m-b-25 { margin-bottom:25px!important; } .m-b-50 { margin-bottom:50px!important; } .m-r-3 { margin-right:3px!important; } .m-r-5 { margin-right:5px!important; } .m-r-10 { margin-right:10px!important; } .m-l-5 { margin-left:5px!important; } .m-l-10 { margin-left:10px!important; } .m-l-20 { margin-left:20px!important; } .m-l-30 { margin-left:30px!important; } .m-x-5 { margin-left:5px!important; margin-right:5px!important; } .m-x-10 { margin-left:10px!important; margin-right:10px!important; } .p-l-0 { padding-left:0!important; } .equal { display: flex; display: -webkit-flex; flex-wrap: wrap; } @media (min-width: 768px) { .row.equal { display: flex; flex-wrap: wrap; } } .nopadding { margin:0!important; padding:0!important; } h1 .semi-bold,loader-icon h2 .semi-bold, h3 .semi-bold { font-family:'Jost', sans-serif; font-weight:500; } .uppercase { text-transform: uppercase; } .relative { position:relative; } .btn-cons { min-width:160px; } .btn.btn-border { border:3px solid #000; background:none!important; color:#000; padding-top:12px!important; padding-bottom:12px!important; } /*animacje*/ #vote-project-alert, .desc-small p a, .icon, .btn-default, .btn-dark, .btn-see-map, #project-view .nav-tabs > li > a { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .alert-info { border-radius: 8px; border:0px; } .shadow { box-shadow: 0px 5px 20px -5px rgba(0,0,0,.1); } #slider .time .box-time.see-more a, footer p a { -webkit-transition: color 0.3s linear; transition: color 0.3s linear; } .btn-mini { padding:8px 12px 6px 12px !important; font-size:0.85rem!important; line-height:100%!important; } .btn.btn-grey { background:#A0A0A0!important; } .btn.btn-grey:hover { background:#808080!important; } a.action:hover, a.action:focus { color:#fff; } #nav ul.nav > li > a, #nav ul li ul li > a { -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } #nav ul li ul li > a:hover { color:#000; } .head-title h1, .head-title h2 { margin:0; } .head-title .subtitle { font-size:1.46rem; clear: both; display:inherit; text-align: center; width: 100%; font-family:'Jost', sans-serif; font-weight:500; margin-bottom:3px; margin-top:5px; } .blueimp-gallery > .next, .blueimp-gallery > .prev { border:0!important; width: 60px; height: 60px; transition: all .2s ease-out; background:none; } .blueimp-gallery > .next i , .blueimp-gallery > .prev i { } /* ol.nawiasy { list-style-type: none; margin:10px 0!important; } ol.nawiasy > li:before { content: counter(section,list) ") "; position: absolute; left: -10px; text-align: right; width: 22px; } ol.nawiasy > li { counter-increment: section; left:0!important; padding-left: 20px !important; } */ /*navigation*/ #quickLoginAction li, #nav .navbar-header, #quickLoginAction, #nav .logo img, #nav .logo-inner { -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } #nav ul.nav > li > a { -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .navbar-toggle { z-index:9; margin:17px 8px 15px 0; } #quickLoginPanel .registration { float:left; width:100%; margin-top:15px; padding-top:10px; border-top:1px solid #ddd; color:#444; } #quickLoginPanel .trusted-profile-login { margin-top:15px; width:100%; text-align:right; } #quickLoginPanel .trusted-profile-login a { color:#444; } #quickLoginPanel .registration p { margin-bottom:5px; font-size:0.85rem; } #quickLoginPanel .registration .title { color: #444444; font-family:'Jost', sans-serif; font-weight:600; font-size:0.9rem; } #quickLoginPanel .registration .action { margin-top:5px; } #quickLoginPanel .registration ul { margin:0; padding:0; } #quickLoginPanel .registration ul li { padding:0px; line-height:150%; } #quickLoginPanel .action { border-radius:2px; } #quickLoginPanel #quick-login-captcha-input { width:120px; float:right; text-align:center; height:40px; padding:5px; } #quickLoginPanel .captcha-image { float:left; } #nav ul.nav > li > a { transition: color .3s ease-out; } /* #nav { box-shadow: 0 20px 20px -20px rgba(0,0,0,.2); } */ .navbar-toggle { z-index:9; margin:17px 8px 15px 0; } #nav { width:1465px; height: 80px; border:0!important; margin:0 auto!important; transform: translateY(0%); transition: height .3s ease-out, transform .5s ease-out; } #nav.smaller, #nav.smaller .navbar-header, #nav.smaller #quickLoginAction { height: 60px; } #nav.smaller { height: 60px; } #nav.smaller .logo-inner { } #nav.smaller ul.nav > li > a { padding: 22px 10px; } #nav.smaller ul.nav > li > a::before { top:44px; } #nav.smaller .logo img { max-height: 44px; } #nav.smaller #quickLoginPanel.active { top:60px; } #nav.smaller #quickLoginAction li { padding:9px 0; } #nav .container-fluid { padding: 0; } #nav.start { transform: translateY(-100%); -webkit-transform: -webkit-translateY(-100%); } #nav .navbar-header { margin: 0!important; position: relative; width: 400px; background: #fff; height:80px; z-index:1; } #nav .navbar-brand { padding: 0; margin: 0!important; } #menu { background: #fff; box-shadow: 0 10px 15px -12px rgba(0,0,0,.3); position:relative; } #nav .logo { height: 100%; position: absolute; width: 100%; } #nav .logo-inner { text-align: center; height:100%; display: flex; align-items: center; justify-content: center; } #nav .logo img { max-height: 60px; max-width:280px; width:auto; height:auto; position:relative; } #nav .logo-inner a { padding: 5px 15px; } #nav ul.nav { padding: 12px 20px; text-align: center; float:left; margin:auto; transition: padding .3s ease-out; } @media all and (min-width: 1000px) { #nav ul.nav { display:flex; } } #nav.smaller ul.nav { padding-top: 0px; padding-bottom: 0px; } #nav ul.nav > li { float:none; /*display:inline;*/ display: flex; align-items:center; position: relative; } #nav ul.nav .alike { cursor:default; } #nav ul.nav > li > a, #nav ul.nav > li > .alike { font-family:'Jost', sans-serif; font-size:0.9rem; color:#000; text-transform: uppercase; display:inline-block; padding:22px 10px; line-height:100%; font-weight:600; } .nav > li > a:focus, .nav > li > a:hover { background: inherit; } #nav li a { padding-top:0; padding-bottom:0; } #nav ul li ul li.active > a, #nav ul.nav > li > a:hover, #logged_panel li a, #nav ul.nav > li.active > a { color:inherit; } #nav ul li ul { position: absolute; top: 100%; left: 0px; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%) repeat scroll 0 0; visibility: hidden; opacity:0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; box-shadow:0px 10px 20px rgba(0, 0, 0, 0.15); transform: scale(.9); -webkit-transform: scale(.9); padding:5px 0; min-width:180px; width:auto; } #nav #menu > ul > li > ul { left: 50%; width:180px; margin-left:-90px; } #nav #menu > ul > li > ul.wide { left: 50%; width:220px; margin-left:-110px; } @media all and (min-width: 1000px) { #nav #menu > ul > li > ul.wide.two-rows { left: 50%; width:450px; margin-left:-225px; display: flex; flex-wrap: wrap; align-items:center; padding:10px;} #nav #menu > ul > li > ul.wide.two-rows > li { width:50%; } #nav #menu > ul > li > ul.wide.two-rows > li > a { padding:5px 15px; text-align:left; } } #nav ul li ul::after { border-bottom: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; height: 0; position: absolute; left: 50%; top: -7px; margin-left:-6px; width: 0; z-index: 9; content:""; } #nav ul.nav > li > a::before { position: absolute; bottom: 10px; left: 50%; content: ''; height:2px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: width 0.3s ease-out; transition: all 0.3s ease-out; width:0px; background:#e35749; } #nav ul.nav > li:hover > a::before,#nav ul.nav > li> a:focus::before { width:20px; } #nav ul li .arrow { font-size: 8px; display: block; margin-top: 2px; float: right; margin-left: 4px; transition: all .2s ease-out; transform-origin: 50% 50%; } #nav ul li:hover > ul, #nav ul li.open > ul { visibility: visible; opacity:1; transform: scale(1); -webkit-transform: scale(1); } #nav ul li:hover > a .arrow, nav ul li.open > a .arrow { transform: rotate(90deg); } #nav ul li ul li { line-height:36px; position:relative; } #nav ul li ul li > a, #nav ul li ul li > .alike { font-family:'Jost', sans-serif; font-size:0.9rem; color:#000; text-transform: uppercase; display:inline-block; width:100%; line-height:150%; padding:8px; font-weight:600; } #nav ul.small > li > a { top:0; } #nav ul > li > ul > li > ul { left:100%; top:-5px;} #nav ul > li > ul > li > ul::after { display:none;} #nav ul > li > ul > li > ul > li > ul, #nav ul > li > ul > li > ul { visibility:hidden; opacity:0; } #nav ul > li > ul > li > ul > li:hover > ul, #nav ul > li > ul > li:hover > ul { visibility:visible; opacity:1; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background:inherit;} #mask, #push-mask { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; height: 100%; top:0; position: fixed; width: 100%; z-index: 11; visibility:hidden; opacity:0; -webkit-transition: all 0.2s linear; transition: all .2s linear; backdrop-filter: blur(5px); } #mask.active, #push-mask.active { visibility:visible; opacity:1; } #push-mask { z-index: 999;} #submenu { line-height:28px; position:absolute; z-index:-2; bottom: -36px; right:0px; height: 36px; background:#fafafa; padding:4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.3); font-size:0.85rem; transition: transform .5s ease-out; transition-delay: .4s; transform: translateY(0px); } #submenu.start { transform: translateY(-36px); } #submenu .hearing-impaired { float:left; color:#222; padding:0 6px; font-weight:600; } #submenu .hearing-impaired img { margin-right:5px; } #submenu #ks-url { padding:5px 10px; float:left; color:#000; border-radius:3px; transition: all 0.2s linear; margin-right:5px; text-transform:uppercase; font-size: 0.9rem; font-family:'Jost', sans-serif; font-weight:500; } #submenu #ks-url:hover { background:#dfdfdf; } /* * szybkie logowanie start */ #quickLoginAction { background: #ddd none repeat scroll 0 0; color: #222; cursor: pointer; font-family:'Jost', sans-serif; font-size:0.85rem; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 0; width: 100px; height:80px; } #quickLoginAction .bi { font-size:22px; } #loginAction a:focus { outline-color:#fff!important; } #quickLoginPanel { position: absolute; background: #fff none repeat scroll 0 0; padding: 30px 25px 20px 25px; width: 300px; z-index: 0; top: -190px; right: 0px; z-index: -1; box-shadow: 0 2px 3px rgba(0,0,0,0); background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ } #quickLoginPanel.with-reg { top: -280px; } #logged_panel, #quickLoginPanel { transition: all .3s ease-out; } #quickLoginPanel input, .red-small-bt/*, #quickLoginAction li*/ { transition: all 0.2s ease-out; } #quickLoginAction li { height: inherit; width: 100%; position:absolute; left:0; top:0; z-index:1; overflow: hidden; line-height:20px; display: flex; justify-content: center; align-items: center; color:#fff; background:inherit; text-shadow:0px 0px 20px rgba(0,0,0,.3); font-weight:500;} #quickLoginAction li a { color:#fff; display:inline-block; padding:10px; } #quickLoginAction li:hover { text-shadow:0px 0px 25px rgba(0,0,0,.5); } #quickLoginAction li.active, #quickLoginAction li:hover { } #quickLoginPanel .messages { position:absolute; top:0; line-height: 35px; left:0; width:100%; text-align: center; font-size:0.85rem; color:#444; display:none; } #quickLoginPanel .field { position:relative; float:left; width:100%; } #quickLoginPanel input { width:100%; height:32px;float:left; margin-bottom: 5px; padding:6px 6px 10px 25px; border:0px; border-bottom:1px solid #ddd; font-size:0.8rem; color:#222; background: none; } #quickLoginPanel input:focus { } #quickLoginPanel.active { top: 100%; box-shadow: 0 0 10px rgba(0,0,0,.1); } #quickLoginPanel .field { margin-bottom: 5px; } #quickLoginPanel .ico { width:24px; height:24px; background: url('../img/sprite3.png') no-repeat; position:absolute; left:0; top:0; } #quickLoginPanel .ico.login { top:2px; } #quickLoginPanel .ico.pass { background-position: 0 -24px; } #logged_panel { position: absolute; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%) repeat scroll 0 0; width: 200px; text-align:center; z-index: 0; top: -100px; right: 0px; z-index: -1; box-shadow: 0 2px 3px rgba(0,0,0,0); } #logged_panel.active { top: 80px; box-shadow: 0 0 10px rgba(0,0,0,.1); } nav.smaller #logged_panel.active { top: 60px; } #logged_panel li a { color:#222!important; border-bottom: 1px solid #ddd; padding:15px; width:100%; float:left; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; font-family:'Jost', sans-serif; font-size:0.9rem; font-weight:500; } #logged_panel li a:hover { background:#eee; } #header .container { position:relative; } #back-section { color:#fff; position:absolute; bottom:15px; left:0px; cursor:pointer; padding: 3px 10px 3px 8px; transition: all 0.2s ease-out; background:none; } #back-section:hover { background:rgba(255,255,255,0.1); } #back-section i { margin-right:5px; } .font-smaller #back-section { font-size:0.8rem; } .font-bigger #back-section { font-size:0.9rem; } @media all and (max-width: 768px) { #back-section { display:none; bottom:5px; left:5px; } } /*home-slider*/ #slider { background-image:url("../img/gminy/home_default.png"); } #sliders { position:absolute; width:100%; height:100%; z-index:0; left:0; top:0; background:#000; overflow:hidden; } #sliders .slide { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; transition: opacity 2s linear, transform 6s linear; transform: scale(1); opacity:0; background-size: cover!important; } #sliders .slide.active { z-index:9; transform: scale(1.08); opacity:1; } #sliders .slide.end { z-index:8; transform: scale(1.08); } #sliders .slide.notransition { transition:none!important; } #sliders .slide-1 { z-index:2;} #sliders .slide-2 { z-index:3;} #sliders .slide-3 { z-index:4;} #sliders .overlayer { z-index:10; background: rgba(0,0,0,.4); position:absolute; top:0; left:0;width:100%; height:100%; } #slider .overlay { background: rgba(0, 0, 0, 0); float: left; height: 100%; width: 100%; min-height: inherit; backdrop-filter: blur(0px); } #video-wrapper { width: 100%; height:100%; top: 0px; position: absolute; overflow:hidden; z-index:0; left:0; } #video-wrapper::before { background-color: #000; bottom: 0; content: ""; left: 0; opacity: 0.4; position: absolute; right: 0; top: 0; transition: opacity 0.5s ease; z-index: 2; height:100%; } #video-wrapper iframe { position: absolute; min-height:720px; left: 0px; width:100%; height:100%; top:0; } /* Animations */ .project-list-content a { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } #slider.start .overlay { background:rgba(0, 0, 0, .6)!important; backdrop-filter: blur(8px); } #slider { background-attachment:fixed; background-position: center 0px; max-height: 825px; background-size:inherit; position:relative; } #slider { min-height:800px; -webkit-transition: background-size 2s cubic-bezier(0.000, 0.400, 0.355, 1.000); transition: background-size 2s cubic-bezier(0.000, 0.400, 0.355, 1.000); /* custom */ } #slider .overlay { -webkit-transition: all 2s cubic-bezier(0.000, 0.400, 0.355, 1.000); transition: all 2s cubic-bezier(0.000, 0.400, 0.355, 1.000); /* custom */ } #slider .slogan-wrapper { width:100%; position: relative; margin: auto; text-align: center; font-family:'Jost', sans-serif; font-weight: 500; color:#fff; top:0; opacity:1; max-width: 1140px; } #slider .slogan h1 { font-size:4rem; text-transform: uppercase; line-height: 1.1; -text-shadow:0 3px 1px rgba(0,0,0,.4); text-shadow:0 0px 80px rgba(0,0,0,1); font-family: 'Jost', sans-serif; font-weight:600; letter-spacing: -1px; } #slider .slogan h1.system-name { font-size:3rem; } #slider .slogan h1.system-name span { font-size:5rem; line-height:100%; } #slider .slogan h1.system-name span.long { font-size:4rem; } #slider .slogan h3 { font-size:3.3rem; text-transform: uppercase; } #slider .welcome_text { line-height: 150%; margin:20px auto; max-width:960px; font-family: "Poppins"; font-weight:400; font-size:1.2rem; padding:0 10px; text-shadow:0 2px 1px rgba(0,0,0,.5) } #slider .welcome_text b { font-weight:600; } #slider .welcome_text a { color:#fff; } #slider .welcome_text a.btn { text-shadow:0 0 0 rgba(0,0,0,0) } #slider .welcome_text a:hover { } #sound-control, #movie-control { position:absolute; z-index:9; left:110px; top:50%; margin-top:0px; border:2px solid rgba(255,255,255,0); background: rgba(255, 255, 255, 0.15) none repeat scroll 0 0; border-radius: 50%; cursor: pointer; display: inline-block; height: 50px; width: 50px; -webkit-transform: scale(1); transform: scale(1); transition: transform .2s ease-out, opacity 1s linear 2s; -webkit-transition: all .2s ease-out, opacity 1s linear 2s; overflow:hidden; z-index:1; opacity:1; } .start #sound-control, .start #movie-control { opacity:0; } #movie-control { text-align: center; font-size: 22px; color: #fff; line-height: 44px; margin-top:-65px; } #movie-control.playing .fa-play { display:none; } #movie-control.stop .fa-pause { display:none; } #sound-control:hover, #movie-control:hover { background: rgba(255, 255, 255, 0.25); -weebkit-transform: scale(1.2); transform: scale(1.2); } #sound-control:focus-visible, #movie-control:focus-visible { border-color:rgba(255,255,255,.5) } #sound-control .sound--icon { color: #fff; display: block; text-align:left; height: 100%; line-height: 44px; margin: auto; width: 27px; font-size:2rem; } #sound-control .sound--wave { border-color: transparent #fff transparent transparent; border-image: none; border-radius: 50%; border-style: solid; border-width: 3px; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; transition: all 200ms ease; -webkit-transition: all 200ms ease; } #sound-control .sound--wave_one { height: 18px; width: 18px; } #sound-control .sound--wave_two { height: 32px; width: 32px; } #sound-control.sound-mute .sound--wave { border-radius: 0; border-width: 0 3px 0 0; height: 18px; width: 18px; } #sound-control.sound-mute .sound--wave_one { transform: rotate(45deg) translate3d(0px, -8px, 0px); -webkit-transform: rotate(45deg) translate3d(0px, -8px, 0px); } #sound-control.sound-mute .sound--wave_two { transform: rotate(-45deg) translate3d(0px, 8px, 0px); -webkit-transform: rotate(-45deg) translate3d(0px, 8px, 0px); } #scroll-down { display:none; bottom: 25px; color: #fff; cursor: pointer; font-size:1rem; font-family:'Jost', sans-serif; font-weight:500; height: 65px; left: 50%; margin-left:-30px; padding-top: 50px; position: absolute; text-align: center; text-transform: uppercase; width: 60px; z-index: 10; } #scroll-border { background: rgba(255,255,255,0); border:2px solid #fff; border-radius:30px; position: absolute; width:24px; top:0; height:38px; left:50%; margin-left:-12px; transition: background .2s ease-out; -webkit-transition: background .2s ease-out; } #scroll-wheel { animation: swing 0.8s ease 0s normal infinite; -webkit-animation: swing 0.8s ease 0s normal infinite; background: #fff none repeat scroll 0 0; height: 7px; left: 50%; margin-left: -1px; position: absolute; top: 10px; transform: translateY(0px); -webkit-transform: translateY(0px); width: 2px; } #scroll-down:hover #scroll-border { background: rgba(255,255,255,.2); } @media all and (min-height: 850px) { #scroll-down { display:block; } } @keyframes swing { 0% { transform: translateY(3px); } 50% {transform: translateY(-1px); } 100% { transform: translateY(3px); } } @-webkit-keyframes swing { 0% { -webkit-transform: translateY(3px); } 50% { -webkit-transform: translateY(-1px); } 100% { -webkit-transform: translateY(3px); } } /* MATERIAL DESIGN RIPPLE */ .ripple-wrapper { display: block; position: absolute; background: rgba(255,255,255,0.4); border-radius: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .ripple-wrapper.animated { animation: ripple 0.65s linear; -webkit-animation: ripple 0.65s linear; -moz-animation: ripple 0.65s linear; -o-animation: ripple 0.65s linear; } .has-ripple { overflow: hidden; position: relative; outline: none; } @keyframes ripple { 100% { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); opacity: 0; } } @-webkit-keyframes ripple { 100% { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); opacity: 0; } } @-o-keyframes ripple { 100% { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); opacity: 0; } } #create-account .captcha-section { margin:20px 0 10px 0; float:left; width: 100%; } #create-account .captcha-section .captcha-image { text-align: right; } #create-account .captcha-section .captcha-input input { } #countdown_action { margin: 30px 0; } #countdown_action a:focus { box-shadow:0 0 0px 5px rgba(255,255,255,.3) } #countdown_action a i { margin-left:8px; } .time { width:100%; position: relative; margin-top:0px; } #standard_countdown { width:96%; margin:0 2%; } .time p { font-size:2rem; margin-bottom:15px; } .time .time-belt { width: 480px; margin: auto; overflow:hidden; box-shadow: 0 15px 20px -15px rgba(0,0,0,.4); border-radius:4px; } .small.time .time-belt { width: 275px; } .time .box-time-wrapper { display:block; float:left; border-radius:4px; overflow:hidden; width:100%; } .time .box-time { float: left; width:33.33%; background: #e35749; height: 95px; } .time .box-time p span { font-size:2.4rem; text-align: center; } .time .box-time p { font-size:1.2rem; } .time .box-time.days { border-right:1px solid rgba(255,255,255, .3); } .time .box-time.see-more { background: #eaeaea!important; width:210px; padding: 0; line-height:120%; position:relative; cursor:pointer; display: flex; align-items: center; justify-content: center; text-align:left; transition: all .3s linear; } .time .box-time.see-more p { padding:0; color: #5b5b5b; margin:0; } .time .box-time.see-more a { color: #444; line-height: 150%; font-size: 1rem; text-transform: uppercase; padding: 15px; font-weight: 600; padding:15px; z-index:9; } .time .box-time.see-more a.two-lines { } .time .box-time.see-more a br { /* display:none; */ } .time .box-time.see-more a.two-lines br { display:block; } .time .box-time.see-more a i { transform: translateX(0px); margin-left:5px; } .time .box-time.see-more:after {content:""; background: var(--second-color)!important; width:0%; height:100%; position:absolute; top:0; left:0; transition: all .5s cubic-bezier(0.4,0.0,0.2,1); } .time .box-time.see-more:hover:after { width:100%; } .time .box-time.see-more:hover a { color: #fff!important; } .time .box-time.see-more:hover a i { transform: translateX(5px); } #main_callendar_info .box-time { display: flex; align-items: center; justify-content: center; } #main_callendar_info .box-time p { margin:0; } .time .box-time #countdown { width: 100%; } .time .box-time.time-box { width:270px; text-align:center; display: flex; justify-content: center; align-items: center; } .time .box-time .time-section { float:left; border-right:1px solid rgba(0,0,0, 0.1); } .time .box-time.three .time-section { width:33.33%; } .time .box-time.two .time-section { width:50%; } .time .box-time .time-section:last-child { /* border-right:0px; */ } .time .box-time .time-section .clock { font-size:2rem; display:block; line-height:100%; } .time .box-time .time-section .lab { font-size:1.2rem; display:block; } /*abut-budget*/ .about-budget { background-repeat:no-repeat; background-color:#e7e6e6; } .content-desc { box-shadow: 0 30px 40px -30px rgba(0,0,0,.4); background: #fff; padding: 55px 20px; position: relative; float:left; margin-top: -50px; margin-bottom:-50px; z-index:10; border-radius:4px; width:100%; } .content-desc h2 { color: #222; font-size:3rem; text-align: center; margin:0 0 50px 0; } #home_main_news + #home-about-budget .content-desc { background: -webkit-linear-gradient(top, #f2f2f2 0%,#fff 20%,#fff 100%); background: linear-gradient(to bottom, #f2f2f2 0%,#fff 20%,#fff 100%); } #home_main_news h2 { font-family:'Jost', sans-serif; font-weight:500; font-size: 1.4rem; line-height: 1.2; margin-top:0px; } #home_main_news .owl-theme .owl-dot span { background: #aaa !important; height: 14px !important; width: 14px !important; transition: all .2s linear; transform: scale(1); } #home_main_news .owl-theme .owl-dot:hover span { transform: scale(1.2); } #home_main_news .btn { margin:15px 0 5px 0; } #home_main_news .img-responsive { border-radius:8px; max-height:200px; margin:0 auto; float:right; width:auto; } #home_main_news .img-section { } #home-about-budget h2 { max-width:690px; } #home-about-budget .icon-svg img { width:70px; height:70px; max-width:70px; } #home-about-budget .icon-svg img.document { width:60px; height:60px; margin-left:10px; max-width:60px; } #home-about-budget .icn { background: url('../img/sprite3.png') no-repeat; } #home-about-budget .icn.icon-1 { background-position: 0 -50px; width:47px; height:52px; } #home-about-budget .icn.icon-2 { background-position: -105px -55px; width:52px; height:47px; } #home-about-budget .icn.icon-3 { background-position: -166px -55px; width:38px; height:52px; } #home-about-budget .icn.icon-4 { background-position: -55px -55px; width:47px; height:47px; } @media only screen and (max-width: 388px) { .content-desc { float: none; } } #home-about-budget .desc-small { margin-bottom:40px; } #home-about-budget .desc-small .icon-section { margin-bottom:25px; text-align: center; } #home-about-budget .desc-small:last-child { margin-bottom:0; } #home-about-budget .desc-small .title { color:#ec1f1f; font-size:1.4rem; margin:0 0 10px 0; font-family:'Jost', sans-serif; line-height:120%; } #home-about-budget .desc-small p { color:#222; font-size:0.9rem; } #home-about-budget .desc-small p a { color:#373737; } #home-about-budget .desc-small p a:hover { color:#e35749; } #home-about-budget .desc-small-four p { margin-bottom: 16px; } /* project-application */ #wave-wrapper { position: absolute; bottom: -7px; width: 100%; z-index:1; } .project-application { background: url("../img/bg/projekt-bg.jpg") #e35748 no-repeat right bottom; padding: 100px 0 50px 0; overflow: hidden; background-position:right 10% bottom; padding-bottom:150px; } .project-application p.desc { color:#fff; font-size:1rem; text-align:center; max-width:800px; margin:auto; font-family:"Poppins"; } #project-application-bottom { position:absolute; top:-1px; z-index:1; } .desc-title h2 { color:#fff; font-size:3rem; text-align: center; margin-bottom: 25px; text-transform: uppercase; line-height: 1.3; } .desc-title.with-desc h2 { margin-bottom: 0px; } .desc-title.with-desc h2 b { font-weight: 600; } .desc-title.with-desc p { text-align: center; font-weight:500; margin-top:5px; font-size: 1.1rem; text-transform: uppercase; } #owl-demo .owl-wrapper-outer { border-bottom: 1px dashed rgba(255,255,255,.25); } #owl-demo.owl-theme ._owl-dot span::after { display: inline-block; font-family:'Jost', sans-serif; font-weight:500; font-size:1rem; margin-top: 4px; color:#fff; } #owl-demo.owl-theme .owl-dot:nth-child(2) span::after { } #owl-demo.owl-theme .owl-dot:nth-child(3) span::after { } #owl-demo.owl-theme .owl-dot span { display: inline-block; line-height: 30px; font-weight:600; font-size: 1rem; color: #fff; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transform: scale(1); -webkit-transform: scale(1); } #owl-demo.owl-theme .owl-dot:hover span { transform: scale(1.25); -webkit-transform: scale(1.25); } #owl-demo.owl-theme .owl-buttons div { background: rgba(0, 0, 0, 0.30) !important; } .project-application-2 .step-nr h3 { font-size:2.66rem; color:#fff; } .project-application-2 .note { width:auto; } .project-application-2 p.desc, .project-application-2 .note p { font-size:1.1rem; font-family:'Jost', sans-serif; font-weight:500; } .project-application-2 p.desc { font-size:1.3rem;} .project-application-2 .desc-title h2 { font-family:'Jost', sans-serif; font-weight:600; } .project-application-2 .desc-title h2, .project-application-2 .step-nr { position:relative; } .project-application-2 .step-nr span { color: rgba(255, 255, 255, 0.5); top: -60px; left:0; text-align: center; width:100%; z-index:1; font-size:3.3rem; margin:0!important; } .project-application-2 .note p.more a { color:#fff; } #home_main_news { padding: 40px 0 85px; background: #fff; box-shadow:0 0 30px rgba(0,0,0,.2); } #home_main_news.mod-b { padding: 40px 0; } #home_main_news p.desc { font-size:0.9rem; line-height: 150%; } @media all and (max-width: 767px) { #home_main_news p.desc { font-size:1rem; } } .step { text-align: center; padding: 50px 0 30px 0; position: relative; width: auto; } .step-nr { margin-bottom: 30px; } .step-nr h3 { color:#000; font-size:4.2rem; font-weight:600; font-family:'Jost', sans-serif; line-height:100%; margin-top:30px; } .step-nr span { color:#fff; font-size:12.5rem; position: absolute; top: -30px; z-index: -1; left: 0; width:100%; text-align:center; opacity:0.9; } @media only screen and (min-width: 461px) and (max-width: 480px) { #front-application-item-1 p { margin-bottom: 63px; } } .note {margin: auto; position: relative; max-width: 600px; } .note p { color:#fff; font-size:1.2rem; } .note p a { color:#fff; text-decoration: underline; } .note p.more { margin-top:30px; } .note p.more a { font-size:1.13rem; font-family:'Jost', sans-serif; font-weight:500; text-decoration:none; } .note p.more a.dark { background:rgba(0,0,0,.2)!important; color:#fff; } .note p.more a.dark:hover { background:rgba(0,0,0,.9)!important; } .owl-buttons { display: none; } .owl-theme .owl-dot span { background:rgba(0, 0, 0, 0.30)!important; height: 30px!important; margin: 6px!important; width: 30px!important; } w #owl-footer .owl-dot span { width: 14px !important; height: 14px !important; margin:0px 5px!important; background:rgba(255,255,255,.2)!important; } #owl-footer .owl-item { border:0px; } /*examples-projects*/ .examples-projects { background: url("../img/bg/examples-bg.jpg") no-repeat center top; background-size: cover; padding-bottom: 100px; } .examples-projects.wave { padding-top:50px; } .examples-projects .desc-title { height:100px; } .examples-projects .desc-title h2, .completed-projects .desc-title h2 { color:#000; } .examples-projects .desc-title h2 { margin-top:100px; } .examples-projects .desc-title.with-desc p { max-width:410px; margin:auto; } .examples-projects .people-bg-content { position: relative; width: 100%; min-height: 564px; margin: 200px auto 0; width:778px; } .examples-projects.wave .people-bg-content { margin-top:150px; } .examples-projects .people-bg-content .txt { position: absolute; width: 140px; text-align: center; display: flex; justify-content: center; align-items: center; } .examples-projects .people-bg-content .txt p { font-size:1.26rem; color:#4e4e4d; font-family:'Jost', sans-serif; font-weight:500; text-transform: uppercase; line-height: 115%; margin:0; } .examples-projects .people-bg-content .txt.link p { font-size:1.26rem; } .examples-projects .people-bg-content .txt-1 { left: 17px; top: 90px; height:80px; } .examples-projects .people-bg-content .txt-2 { left: 298px; top:12px; height:80px; } .examples-projects .people-bg-content .txt-2 p, .examples-projects .people-bg-content .txt-3 p { font-size:1rem; } .examples-projects .people-bg-content .two-lines p { font-size:1.26rem; } .examples-projects .people-bg-content .txt-3 { right: 31px; top:70px; height:86px; font-size:1rem; } .examples-projects .people-bg-content .txt-4 { left: 233px; top: 232px; height:72px; } .examples-projects .people-bg-content .txt-5 { right: 178px; height:90px; top:160px; width:140px; cursor: pointer; } .examples-projects .people-bg-content .txt-5 p { color:#fff; } .examples-projects .people-bg-content .price-link { top:145px; } .examples-projects .people-bg-content .txt-5.price-link p { } @media all and (min-width: 991px) { .examples-projects .people-bg-content a.btn { color:#fff; padding:5px 5px; font-family:'Jost', sans-serif; font-weight:500; text-transform: uppercase; font-size:1.2rem; background:none!important; } .examples-projects.wave .desc-title { margin-top:150px; } } .examples-projects .people-bg-content a:focus { outline-color: #fff; } .examples-projects .desc-title h2, .completed-projects .desc-title h2 { color:#000; } .examples-projects .desc-title h2 { margin-top:100px; } #city-section { background: #fafafa; height:1100px; padding:0 0 50px 0; overflow:hidden; } #city-section .desc-title h2 { color:#000; } #city-section .with-desc p { } #city-bg { position:absolute; top: 100px; width:1920px; height:1020px; max-width:1800px; left:50%; margin-left:-900px; } #city-section .people-bg-content { background:none; position:absolute; top: 482px; width:100%; } #city-section .people-bg-content .txt { position: absolute; width: 140px; text-align: center; display: flex; justify-content: center; align-items: center; } #city-section .people-bg-content .txt p { font-size: 0.9rem; color: #222222; font-family: 'Jost', sans-serif; text-transform: uppercase; line-height: 1.3; margin: 0px; font-weight: 600; } #city-section .people-bg-content .txt-3 p { font-size: 0.85rem; } #city-section .people-bg-content .txt.link p, #city-section .people-bg-content .txt.big p { font-size:1.26rem; } #city-section .people-bg-content .txt-1 { left: 426px; top: 2px; height:90px; } #city-section .people-bg-content .txt-2 { left: 968px; top:-8px; height:88px; } #city-section .people-bg-content .txt-3 p { } #city-section .people-bg-content .txt-3 { left: 675px; height:88px; width:150px; } #city-section .people-bg-content .txt-4 { left: 206px; top: 28px; height:86px; } #city-section .people-bg-content .txt-5 { right: 178px; top: 160px; width:140px; cursor: pointer; } #city-section .people-bg-content .txt-5 p { color:#fff; padding: 37px 0; } #city-section .people-bg-content a { color:#fff; } #city-section .desc-title h2, .completed-projects .desc-title h2 { color:#000; } #city-section .action { width:100%; text-align: center; margin:30px 0; } #city-section.wave { height:1150px; padding-top:100px; } @media all and (min-width: 990px) { #city-section.wave #city-bg { top:200px; } } #city-section.wave .people-bg-content { top:480px;} #city-section .fade { transition: all .8s ease-out; } #city-section .fade[data-delay=".1s"] { transition-delay: .1s; } #city-section .fade[data-delay=".2s"] { transition-delay: .2s; } #city-section .fade[data-delay=".3s"] { transition-delay: .3s; } #city-section .fade[data-delay=".4s"] { transition-delay: .4s; } #city-section .fade[data-delay=".5s"] { transition-delay: .5s; } #city-section .anim .fade { opacity:0; } #city-section .anim .fade-right { transform: translate(100px, 0); } #city-section .anim .fade-left { transform: translate(-100px, 0); } #city-section .anim .fade-top { transform: translate(0, 100px); } #city-section .fade { transform: translate(0,0); opacity:1; } /*examples-projects*/ .examples-prices { background: url("../img/bg/examples-bg.jpg") no-repeat center top; padding-bottom: 100px; background-size: cover; } .examples-prices .desc-title { height:100px; } .examples-prices .desc-title h2, .completed-projects .desc-title h2 { color:#000; } .examples-prices .desc-title h2 { margin-top:100px; } .examples-prices .people-bg-content { background: url("../img/gminy/ostrow/people-bg.png") no-repeat; position: relative; width: 100%; min-height: 564px; margin: 200px auto 0; width:778px; } .examples-prices .people-bg-content .txt { position: absolute; width: 128px; text-align: center; } .examples-prices .people-bg-content .txt p { font-size:1.2rem; color:#4e4e4d; font-family:'Jost', sans-serif; font-weight:500; text-transform: uppercase; line-height: 115%; } .examples-prices .people-bg-content .txt-1 { left: 37px; top: 72px; } .examples-prices .people-bg-content .txt-2 { left: 307px; top: 57px; } .examples-prices .people-bg-content .txt-2 p { font-size:1rem; } .examples-prices .people-bg-content .txt-3 { right: 25px; top: 96px; } .examples-prices .people-bg-content .txt-4 { left: 198px; top: 187px; } .examples-prices .people-bg-content .txt-5 { right: 243px; top: 119px; width: 170px; cursor: pointer; } .examples-prices .people-bg-content .txt-5 p { color:#fff; padding: 37px 0; } .examples-prices .people-bg-content a { color:#fff; } .people-bg-content .btn-default { } /*completed-projects*/ .completed-projects { background: #efefef; padding: 100px 0 120px; } .box-project { max-width:360px; margin:auto; } .box-project .images { width:auto; height: 285px; margin:auto; overflow:hidden;} .box-project .images img { width: 100%; height: 100%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transform: scale(1); -webkit-transform: scale(1); } .box-project:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); } .project-title { background: #fff; padding: 25px 30px 70px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transform: scale(1); -webkit-transform: scale(1); } .project-title p.color { color:#ec1f1f; font-size:1.46rem; text-transform: none; margin-bottom: 15px; } .project-title p { color:#4e4e4d; font-size:1rem; font-family:'Jost', sans-serif; font-weight:500; text-transform: uppercase; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transform: scale(1); -webkit-transform: scale(1); } .box-project:hover .project-title { background:#e35749; } .box-project:hover .project-title p { color:#fff; } #home-realization-map.projects-map { padding: 100px 0; background: #f4f4f4; } #home-realization-map.projects-map h2 { color:#222; } #home-realization-map .map-bg { background: url('../img/map-bg.png') no-repeat center center; height: 400px; max-width:604px; background-size:100%; } #home-realization-map .marker { width:80px; height: 100px; position:absolute; } #home-realization-map .marker1 { top:0px; left:15%; } #home-realization-map .marker2 { bottom:10%; left:30%; width:70px; } #home-realization-map .marker3 { top:25%; right:30%; width:90px; height:120px; } #home-realization-map .marker svg { width:100%; height:auto; } #home-realization-map.projects-map span.letter { left: -55px; top: 96px; } #home-realization-map.projects-map .box-desc-left { max-width: 585px; padding: 0; margin-top: 135px; } #home-realization-map.projects-map .box-desc h3 { margin-bottom: 29px; font-size:1.8rem; font-family:'Jost', sans-serif; font-weight: 500; } #home-realization-map.projects-map .box-desc h3 b { font-weight: 600; text-transform:uppercase; } /*harmonogram/timetable*/ .timetable { background: #e35749; background-attachment: fixed; padding: 50px 0 100px; } .timetable .info-text a { color:#fff; } .timetable .box-icon { min-height:270px; position:relative; } .icon { width:116px; height: 116px; border-radius:50%; border:2px solid rgba(255, 255, 255, 0.5); padding: 27px 0; text-align: center; position: relative; margin: auto; } .timetable .box-icon p { color:#fff; font-family:'Jost', sans-serif; text-transform: uppercase; text-align: center; font-weight:500; } .timetable .box-icon p.date { text-transform: none; font-size:1rem; } /*.box-icon:hover .icon,*/ .timetable .box-icon.active .icon { background: rgba(0, 0, 0, 0.15); border-color:transparent; /* -webkit-animation: icon-big-pulse 1.5s ease-in-out infinite; animation: icon-big-pulse 1.5s ease-in-out infinite; */ } .timetable .box-icon p { margin-top:15px; } .timetable .box-icon .icon .icn { background: url('../img/sprite3.png') no-repeat; max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index:1 } .timetable .box-icon .icon .icn.icon-1 { background-position: 0 -112px; width:48px; height:58px; } .timetable .box-icon .icon .icn.icon-2 { background-position: -52px -123px; width:44px; height:48px; } .timetable .box-icon .icon .icn.icon-3 { background-position: -106px -117px; width:53px; height:53px; } .timetable .box-icon .icon .icn.icon-4 { background-position: -168px -121px; width:51px; height:44px; } .timetable .box-icon .icon .icn.icon-5 { background-position: -226px -123px; width:46px; height:47px; } .timetable .box-icon .icon .icn.icon-6 { background-position: -55px -179px; width:52px; height:50px; } .timetable .box-icon .icon .icn.icon-7 { background-position: 0 -179px; width:48px; height:58px; } .timetable .periods-section { display:flex; justify-content:center; flex-wrap:wrap; align-items: stretch; font-size: 0.85rem; } .timetable .periods-section > div { margin:0 10px!important; width:auto!important; flex-grow: 1; flex-basis: min-content; flex-shrink: 1; } @media only screen and (max-width: 999px) { .timetable .periods-section > div { flex:25%; } } .timetable.svg-icons .icon { padding:0px; width:140px; height: 140px; border:2px solid rgba(255, 255, 255, 0.2); } .timetable.svg-icons .icon-svg { z-index:2; position:absolute; width:100%; height:100px; left:0; right:0; top:50%; margin-top:-50px; display: flex; justify-content: center; align-items: center; } /* .timetable.svg-icons .box-icon.active .icon { border-radius:0%; border:0px; background: rgba(0, 0, 0, 0); background-image: url('../svg/timetable/tlo3.svg'); background-size: cover; }*/ /* .timetable.svg-icons .active .icon::before, .timetable.svg-icons .active .icon::after { z-index:-1; background: rgba(0, 0, 0, 0.15); position:absolute; left:-2px; top:-2px; border-radius:50%; content:""; width:140px; height:140px; -webkit-animation: icon-pulse 2s linear infinite; animation: icon-pulse 2s linear infinite; -webkit-transform: scale(1); transform: scale(1); } .timetable.svg-icons .active .icon::after { -webkit-animation: icon-pulse 2s linear infinite 1s; animation: icon-pulse 2s linear infinite 1s; } */ .timetable.svg-icons .anim-rotate { transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -webkit-animation:spin 10s linear infinite; animation:spin 10s linear infinite; } .timetable.svg-icons .anim-rotate-2 { transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -webkit-animation:spin 8s linear infinite; animation:spin 8s linear infinite; } .timetable.svg-icons .anim-rotate-cw { transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -webkit-animation:spin-cw 10s linear infinite; animation:spin-cw 10s linear infinite; } .timetable.svg-icons .anim-rotate-cw-2 { transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -webkit-animation:spin-cw 8s linear infinite; animation:spin-cw 8s linear infinite; } .timetable.svg-icons .icon-svg-active { position:absolute; z-index:1; width:140px; height: 140px; top:-3px; left:-3px; } .timetable.svg-icons svg:not(:root) { overflow: visible; } @-webkit-keyframes spin-cw { 100% { -webkit-transform: rotate(-360deg); } } @keyframes spin-cw { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } @keyframes icon-big-pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1);} } @-webkit-keyframes icon-big-pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.05); } 100% { -webkit-transform: scale(1);} } .box-icon.active p { font-weight:600; font-size:0.9rem; } .box-icon.active p.date { font-size:1.2rem; margin-top:0px; line-height: 1.2; } .box-icon .arrow { display:none; width:8px; height:14px; position: absolute; right: -25px; top: 30px; font-size:2.66rem; color:rgba(255, 255, 255, 0.2); } #main_callendar_info.box-wrap { background: rgba(0, 0, 0, 0.13); margin-top: 25px; padding: 50px; } /* #main_callendar_info.box-wrap:before { border-left: 1em solid rgba(0, 0, 0, 0); border-right: 1em solid rgba(0, 0, 0, 0); border-bottom: 1em solid rgba(0, 0, 0, 0.13); top:12px; content: ""; margin-left: 6%; position: absolute; } */ #main_callendar_info.period_1:before { margin-left: 2%; } #main_callendar_info.period_2:before { margin-left: 18.5%; } #main_callendar_info.period_3:before { margin-left: 35.5%; } #main_callendar_info.period_4:before { margin-left: 51.5%; } #main_callendar_info.period_5:before { margin-left: 68.5%; } #main_callendar_info.period_6:before { margin-left: 85%; } #main_callendar_info p { } #main_callendar_info .info-text { padding:0; } #main_callendar_info.period_3 .info-text { padding:0; } #main_callendar_info .info-text h3.title { color:#fff; font-size:2.8rem; font-weight: 600; line-height: 120%; margin:0 0 10px 0; } #main_callendar_info .info-text a.btn { } #main_callendar_info .info-text.info-text-small p.title { font-size:3.7rem; } #main_callendar_info .info-text p { color:#fff; font-size:1.6rem; font-family:'Jost', sans-serif; font-weight:500; } #main_callendar_info .left-time .time-title, #main_callendar_info .left-time p { color:#fff; text-align: center; font-size: 1.4rem; font-family: 'Jost', sans-serif; font-weight: 600; } #main_callendar_info .left-time .time { margin-top:5px; } #main_callendar_info .left-time .time-title { text-align: left; display:block; margin-bottom:10px; } #main_callendar_info .left-time .box-time { background: #080808; border-right: 1px solid rgba(255, 255, 255, 0.3); } #main_callendar_info .left-time .box-time:last-child { border-right: 0px; } #main_callendar_info .left-time .box-time p span { font-size:2.4rem; font-weight:600; } #main_callendar_info .left-time .box-time p { font-size:1.3rem; } #main_callendar_info .left-time .time-section { width:100%; color:#fff; text-align:center; } #main_callendar_info .left-time .clock { font-size:2.4rem; display:block; line-height:100%; font-family:'Jost', sans-serif; font-weight:600; } #main_callendar_info .left-time .lab { font-size:1.3rem; display:block; font-family:'Jost', sans-serif; font-weight:500; } /***zakladka-przegladaj-wnioski***/ .no-padding { padding: 0; } .page-head { background: url('../img/bg/w-head-bg.jpg') no-repeat top center; background-size:cover; min-height:200px; } .page-head.projects-head { background: url('../img/bg/w-head-bg4.jpg'); background-position:center -510px; background-attachment: fixed; } .page-head.page-head.page-head-1 { background: url('../img/bg/w-head-bg1.jpg'); background-position:center top; background-attachment: fixed; } .page-head.page-head.page-head-2 { background: url('../img/bg/w-head-bg2.jpg'); background-position:center top; background-attachment: fixed; } .page-head.page-head.page-head-3 { background: url('../img/bg/w-head-bg3.jpg'); background-position:center top; background-attachment: fixed; } .page-head.page-head.page-head-4 { background: url('../img/bg/w-head-bg4.jpg'); background-position:center -510px; background-attachment: fixed; } .page-head.page-head.page-head-5 { background: url('../img/bg/w-head-bg5.jpg'); background-position:center top; background-attachment: fixed; } .page-head.site-wszystko-o-budzecie, .page-head.site-aktualnosci { background: url('../img/bg/head-bg.jpg') no-repeat center top; background-attachment: fixed; } .page-head.site-poprzednie-edycje { background: url('../img/bg/project-submit-cta-4.jpg') no-repeat center center!important; background-attachment: fixed; } .head-title { margin-top: 80px; text-align: center; } .no-menu .head-title { margin-top:0px; } .no-menu .page-head { min-height:auto; } .head-title h1, .head-title h2 { color:#fff; font-size:3.3rem; text-transform: uppercase; float:left; width:100%; margin:50px 0; line-height:1.3; } .projects-head .head-title h1, .projects-head .head-title h2 { margin:25px 0 0 0; } .projects-head .head-title { margin:90px 0 30px 0; } .head-title h1 span, .head-title h2 span { font-family:'Jost', sans-serif; font-weight:500; } .head-title p { color:#fff; font-size:1.1rem; } .head-title p span { font-family:'Jost', sans-serif; font-weight:500; } #header-form { position: relative; width: 100%; background:#fff; padding: 15px 0; margin-top:30px; } #header-form.fixed { top:0; left:0; width:100%; margin-top:60px; } #header-form.map { background : rgba(0, 0, 0, 0.2); border:1px solid rgba(255, 255, 255, 0.2); } #header-form.small { padding: 20px 0; } #header-form form { position: relative; max-width:1145px; margin: auto; } #header-form form .form-group label { font-size:1.1rem; margin-bottom: 5px; color:#000; font-family:'Jost', sans-serif; font-weight:500; } #header-form.map form .form-group label { color:#fff; } #header-form form .form-group .form-control { } #header-form form .form-group .form-control:hover { border-color:rgba(0,123,255,.5); } #header-form form .form-group .form-control option { font-size:0.9rem; line-height: 16px; padding:6px; } #header-form form .btn-head-search { position: relative; text-align: center; margin:15px 0; } @media only screen and (min-width: 768px) and (max-width: 999px) { .page-head { background-position: center 50px!important; } } /*project-list*/ .project-list { background: #e4e4e4; position: relative; float: left; width:100%; padding-bottom: 50px; } @media all and (min-width: 1356px) { .project-list > .container { width:1300px;} } /*@media all and (min-width: 1600px) { .project-list > .container { width:1430px;} } */ .project-list-content { position: relative; float: left; width:100%; margin-top: 30px; } .project-content { margin-top: 25px; } #project-preview-overlay .project-content { margin-top:0px; } .project-content h3 { font-size:1.3rem; color:#010101; margin-bottom:15px; } .project-list-content .pagination { border-radius: 0; margin: 0; } /*.project-list-content .pagination > li:first-child > a,*/ .project-list-content .pagination > li:first-child > span { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: 0; background-color: #e35749; color:#fff; padding: 7px 17px; display: none; } /*.pagination > li:last-child > a,*/ .pagination > li.next > a, .pagination > li.previous > a, .pagination > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0; background-color: #e35749; padding: 7px 17px; color:#fff; } .pagination > li > a { background-color: #ffffff; color: #505050; border: 0 none; margin-left: 0; padding:7px 15px; font-family:'Jost', sans-serif; font-weight:600; } .pagination > li > a span { color: #fff; } .pagination > .active > a, .pagination > .active > a:hover { background-color: #f6f6f6; border-color: #ffffff; color: #e35749; } .pagination > li { display: inline-block; margin: 0 5px; } .pagination > li > a, .pagination > li > span { border-radius:6px!important; } .belt-info { width: 100%; position: relative; padding: 30px 0; display:inline-block; text-align:center; } .belt-info p { color:#666666; font-family:'Jost', sans-serif; font-weight:500; font-size:1rem; text-align:right; margin:0; } .belt-info p span { background: #e35749 none repeat scroll 0 0; border-radius: 4px; color: #fff; float: right; height: 25px; line-height: 25px; margin-left: 5px; padding: 1px 8px; text-align: center; width: auto; } #projects-list-container .project-item { margin-bottom:25px; } #projects-list-container .project-item .th { border-bottom: 1px solid #e4e4e4; color:#9c9c9c; font-size:1.2rem; padding: 8px 25px 8px 25px; } #projects-list-container .project-item.comment { height: 42px; } #projects-list-container .project-item .th.number { color:#222; font-size:1.6rem; padding: 25px; vertical-align: middle; /*width:50px;*/ text-align: center; font-family:'Jost', sans-serif; font-weight:500; } #projects-list-container .project-item { font-size:1.46rem; } #projects-list-container .project-item .project-item-content { background:#fff; padding:15px; height:100%; box-shadow:0 15px 15px -15px rgba(0,0,0,0); transition: all 0.2s ease-out; position:relative; } #projects-list-container .project-item .project-item-content:hover { box-shadow:0 15px 15px -15px rgba(0,0,0,0.3); } #projects-list-container .project-item .title { color:#000; padding: 0; font-size:1.2rem; margin:0; line-height:1.5; font-weight: 500; display:flex; } #projects-list-container .project-item .additional-info { color: #555; display: inline-block; margin-bottom: 0; margin-top: 10px; width: 100%; } #projects-list-container .project-item .additional-info p { font-size:0.9rem; margin:0; } #projects-list-container .project-item .additional-info p:not(:first-child) { margin-top:5px; } #projects-list-container .project-item .additional-info i { width:20px; text-align:center; } #projects-list-container .project-item p.type_name .type { } #projects-list-container .project-item p.type_name .type-1 { color:#69b8e2; } #projects-list-container .project-item p.type_name .type-2 { color:#ee9848; } #projects-list-container .project-item p.type_name .type-3 { color:#93c82f; } #projects-list-container .project-item .project-status { font-weight:500; font-size:0.9rem; text-transform: uppercase; padding:6px 8px; border-radius:6px; line-height:16px; margin-bottom:12px; background:#efefef; text-align:center; } #projects-list-container .project-item .project-status.status-realization { background: #bda536; color:#fff; } #projects-list-container .project-item .project-status.status-4 { color: #408530; background:#e9eee7; } #projects-list-container .project-item .project-status.status-5, #projects-list-container .project-item .project-status.status-6 { color: #dd0000; background:#ffeeee; } #projects-list-container .project-item span.project-nr { padding: 0px; border-radius: 3px; margin-right: 5px; } #projects-list-container .project-item:after { content: ""; display: block; clear: both; zoom: 1; } #projects-list-container .project-item p { } #projects-list-container .project-item p span { color:#222; font-weight:600; } .ff #projects-list-container .project-item p span { font-weight:500; } #projects-list-container .project-item.comment { color:#9c9c9c; font-size:1.1rem; padding-left:0px; text-align: center; /*width:50px;*/ } #projects-list-container .project-item.comment img { margin-right: 5px; } .project-list-content .desc { color:#222; line-height: 150%; font-size:0.9rem; margin:10px 0 15px 0; } .project-list-content .desc-full { display:none; } .project-list-content .desc span.show-more { color:#888!important; cursor:pointer; font-weight: 400!important; } /*.project-list-content .desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}*/ @media all and (max-width: 1199px) { #projects-list-container .project-item { margin-bottom:20px; } .project-list-content .desc.desc-short { display:none; } .project-list-content .desc.desc-full { display:block; } } @media all and (min-width: 1200px) { #projects-list-container { display: flex; flex-wrap: wrap; } #projects-list-container .project-item .see-more-button-wrapper { text-align:center; position:absolute; bottom:20px; width:100%; left:0; } #projects-list-container .project-item .see-more-button-wrapper.left { text-align:left; left:15px;} #projects-list-container .project-item .project-item-content { padding-bottom:50px;} } .project-list-content .map-bg { background: url('../img/bg/w-map-bg.jpg') no-repeat center 100%; position: relative; width:100%; float: left; min-height:180px; } .text-section { background: #e8e8e8 none repeat scroll 0 0; float: left; padding: 30px 0; position: relative; width: 100%; } .text-section > .container { background:#e8e8e8; } .text-section.sidebar-theme > .container { background:#e8e8e8; } @media (min-width: 1300px) { .container.all-about-budget {width:1270px; } } .text-container { color:#2c2c2c; line-height: 1.5; } .text-container h1, .text-container h2, .text-container h3 { line-height:1.3; margin:15px 0 15px 0; font-size:1.8rem; } .text-container h2 { font-size:1.6rem; } .text-container h3 { font-size:1.4rem; } ul.questions-style, .text-container.budzet-krok-po-kroku > ul, .text-container.site-31 > ul { list-style-position: inside; margin-left:0!important; list-style-type: none!important; } ul.questions-style b, .text-container.budzet-krok-po-kroku > ul b, .text-container.site-31 > ul b { font-weight:500; color:#222; font-size:1rem; display:inline-block; width:100%; margin-bottom:10px; } ul.questions-style > li, .text-container.budzet-krok-po-kroku > ul > li, .text-container.site-31 > ul > li { background: #f8f8f8 none repeat scroll 0 0; border: 2px solid #e9e9e9; margin-bottom: 30px !important; padding: 20px !important; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; left:0px!important; } ul.questions-style > li:hover, .text-container.budzet-krok-po-kroku > ul > li:hover, .text-container.site-31 > ul > li:hover { border-color:#ccc; } .plain-text, .plain-text p { font-size:0.9rem; } .plain-text h2 { font-size:1.6rem; margin:25px 0 10px 0!important; } .plain-text > h2:first-child { margin-top:0!important; } .plain-text .m-t-0 { margin-top:0px!important; } .plain-text > ol, .plain-text > ul { margin:20px 0 20px 15px; padding-left:5px; } .plain-text ol ol { list-style-type:lower-alpha; margin:5px 0 5px 15px; } .plain-text ol.m li { margin:15px 0; } .plain-text ol.m ol li { margin:5px 0; } .container-no-bg { background: none!important; } .sidebar-theme .text-container { } .sidebar-theme .text-container ol, .sidebar-theme .text-container ul { padding:0; margin-left:10px; margin-top:15px; } .sidebar-theme .text-container ul { list-style-type: square; } .sidebar-theme .text-container ol li , .sidebar-theme .text-container ul li { margin-bottom:5px; padding-left:5px; position:relative; left:5px;} .sidebar-theme .text-container ol ul li, .sidebar-theme .text-container ul ul li { margin-bottom:5px; } .sidebar-theme .text-container h1, .sidebar-theme .text-container h2 { margin-bottom:25px; } .text-section > .map-bg { display:none; background: url('../img/bg/w-map-bg.jpg') no-repeat; background-position:center top; position: relative; width:100%; float: left; min-height:200px; display:none; } .text-section .text-container { min-height: 470px; padding:30px; background: #fff; margin-bottom:25px; } .text-section .text-container h1, .text-section .text-container h2 { margin-top:0; } /* podglad-wniosku */ #project-view .main-photo { width:100%; /* max-height:400px; */ overflow:hidden; } #project-view .main-photo img { width:100%; cursor:pointer; } #project-main-photo-wrapper { background: #f4f4f4 none repeat scroll 0 0; border: 1px solid #eeeeee; margin-bottom: 20px; } #header-small .head-title { padding: 80px 0 40px; position: relative; top:0; margin-top:0; } .belt-info p a.back { color:#666666; font-size:0.9rem; } .project-desc { background: #ffffff; padding: 40px; min-height:500px; } .name-project .project-header { color:#222; font-size:1.7rem; ; margin-top: 0; display:flex; line-height: 1.25; } .name-project .project-header .number { margin-right:5px; } .name-project p.project-data { color:#010101; font-size:0.9rem; margin:20px 0 30px; font-family:'Jost', sans-serif; font-weight:600; } .name-project p.project-data span { color:#9c9c9c; font-weight:500; } #project-view .nav-tabs { border-bottom: 1px solid #e4e4e4; margin-bottom: 25px; } #project-view .nav-tabs > li > a { border-radius: 0; border:0; border-bottom:3px solid rgba(255,255,255,0); line-height: 24px; color:#495057; padding: 10px 16px; color:#495057; font-family:'Jost', sans-serif; font-weight:500; font-size:1rem; } #project-view .nav-tabs > li > a i { margin-right:5px; } #project-view .nav-tabs > li > a:hover { } #project-view .nav-tabs li.active a { color:#010101; border-bottom:3px solid #dd0000; } #project > .project-info-desc:first-child { border-top:0!important; } .project-info-desc { padding: 15px 0; min-height: 110px; } .project-info-desc.photo-wrapper { padding-bottom:0; } #project-realization, .verification-info p, .project-info-desc p, .project-info-desc table { color:#222; line-height: 180%; font-size:1rem; } .border-top { border-top:1px solid #e4e4e4; } .border-bottom { border-bottom: 1px solid #e4e4e4; } .box-small { float: left; height: 80px; position: relative; width: 50%; } p.big, #project-view .components-table caption { font-size:1.2rem; color:#010101; font-family:'Jost', sans-serif; margin-bottom:10px; } .box-small-desc ul { list-style: none; } .box-small-desc ul li, .btn-more { background: #f4f4f4; margin-bottom: 2px; padding: 15px; } .box-small-desc ul li p { display: inline-block; } .box-small-desc ul li span { color:#666666; float: right; line-height: 24px; } .btn-more { text-align: center; color:#e35749!important; cursor:pointer; } .btn-more:hover { background: #ddd; } a.zal, p.zal { display: block; width:100%; padding: 15px; margin-bottom:15px; background:#f7f7f7; border-radius:6px; } a.zal.zal-photo { padding: 0; margin:0 0 30px 0; } a.zal:last-child, p.zal:last-child { border-bottom:0; } .btn.small { font-size:0.9rem; margin-top: 0px; padding: 6px 12px; } .btn.small i { padding-left:6px; } .btn-md { align-items: center; border: none; display: inline-flex; justify-content: center; outline: none; position: relative; z-index: 0; -webkit-font-smoothing: antialiased; background: none; border-radius: 4px; cursor: pointer; padding: 0 8px; white-space: pre-wrap; } .btn-md::before { content: ''; display: block; opacity: 0; position: absolute; transition-duration: .15s; transition-timing-function: cubic-bezier(0.4,0.0,0.2,1); z-index: -1; bottom: 0; left: 0; right: 0; top: 0; background: #4285f4; border-radius: 4px; transform: scale(0); transition-property: transform,opacity; } .btn-md:hover::before { opacity: .06; transform: scale(1); } #project-view #win-info { } #project-view #win-info .progress { margin:0; height:8px; border-radius: 2px; background: #fff; box-shadow: none; } #project-view #win-info .progress > div { box-shadow: none; } #project-view #win-info p { font-size:1.3rem; } #project-view #win-info .realization-status { margin:6px 0 10px 0; font-size:1.2rem; font-family:'Jost', sans-serif; } #project-view #win-info span { color:#9c9c9c; margin-right:5px; } #project-view .project-youtube-iframe { width:100%; height:394px; margin-top:30px } #project-view .nav-tabs > li.movie a { background:#ff0000; color:#fff; } @media all and (max-width: 1199px) { #project-view .project-youtube-iframe { width:100%; height:319px; margin-top:15px } } @media all and (max-width: 768px) { #project-view .project-youtube-iframe { width:100%; height:280px; } } @media all and (max-width: 479px) { #project-view .project-youtube-iframe { width:100%; height:220px; } } .realization-progress .progress-bar-danger { background-color: #f35958; } .realization-progress .progress-bar-megna { background-color: #00bfc7; } .realization-progress .progress-bar-info { background-color: #0090d9; } .realization-progress .progress-bar-warning { background-color: #fdd01c; } .realization-progress .progress-bar-success { background-color: #0aa699; } .progress-bar { -webkit-box-shadow: none; box-shadow: none; } .progress.mini { height:8px; } .badge.badge-grey { background:#bbb!important; } .badge.badge-success { } #project-view #win-info i { font-size:1.86rem; color:#debb48; padding:0 0 0 10px; float: right; } .right-sidebar { background: #f4f4f4; float:left; width:100%; } /*.right-sidebar i { color: #999999; float: left; font-size:0.9rem; padding: 7px 7px 0 0; }*/ .right-sidebar .box.project-price .price { font-size:1.8rem; color:#010101; font-family:'Jost', sans-serif; font-weight:500; line-height: 130%; margin-bottom: 0px; } .right-sidebar .box.project-status p { color:#408530; font-size:1.1rem; line-height: 1.3; font-weight:500; } .right-sidebar .box.project-status.status-5 p:not(.title), .right-sidebar .box.project-status.status-6 p:not(.title) { color:#dd0000; } .right-sidebar h3, .right-sidebar .box p.title { font-size:1.3rem; color:#666; margin: 0 0 3px 0; font-family : 'Jost', sans-serif; width:100%; font-weight: 500; } /*------ share------------------------------------------------*/ .share-holder { float:left; margin:20px 0 0 20px; width: 100%; } #project-preview .share-holder p.title { color: #fff; } #project-preview .share-icon { } #project-preview .share-icon:hover { } .share-holder p.title { color: #444; font-size:1rem; margin: 0; } .share-container {float:left; width:100%; } .share-icon { height:40px; width:40px; display: inline-block; margin:3px 4px; position:relative; border-radius:40px; font-size:1rem; line-height:40px; color:#fff!important; box-shadow:0 0 0 20px transparent; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; background: #bbb; overflow:hidden; } .share-icon.share-icon-facebook { background:#3b5997!important; } .share-icon.share-icon-email { background:#ff890b!important; } .share-icon.share-icon-twitter { background:#1DA1F2!important; } .share-icon.share-icon-messenger { background:#0695FF!important; } .share-icon.share-icon-whatsapp { background:#25D366!important; } .share-icon.share-icon-copy { background:#606060!important; } .share-icon i:before { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; text-shadow: 0px 0px 0px rgba(0,0,0,0); } .share-icon:hover i:before { text-shadow: 0px 0px 15px rgba(0,0,0,1); } .share-icon:hover { box-shadow:0 0 0 0 rgba(255,255,255,0.5); background: #c74c40; } .share-container.no-align-share { text-align:center !important; padding:10px 0; } .share-container.no-align-share a { float:left; } .share-container.no-align-share a:hover { box-shadow:0 0 0 0 rgba(0,0,0,0); } #project-view .right-sidebar .box { border-top: 1px solid #dadada; float: left; margin: 0 8%; padding: 25px 0; width: 84%;} #project-view .right-sidebar .box p.subtitle { font-size:0.9rem; margin-top:5px; } .select2 { width:100%!important; } .select2-container { font-size:0.85rem; } .select2-container .select2-results__options { font-size:0.9rem; color:#222; } .select2-container strong { font-weight: 600; } .select2-dropdown, .select2-container--default .select2-selection--single { border-color:#ccc; } .has-error .select2-container--default .select2-selection--single { border-color:#a94442; } .select2-dropdown { box-shadow: 0 15px 25px -15px rgba(0, 0, 0, 0.4); } .select2-container .select2-selection--single { height:40px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; color:#222; font-size: 1rem; } #voting .select2-container--default .select2-selection--single .select2-selection__rendered { font-size:1.1rem; } #voting #search-section .select2-container--default .select2-selection--single .select2-selection__rendered { font-size:1rem; } .select2-container--default .select2-selection--single .select2-selection__arrow { height:36px; } .error .select2-container--default .select2-selection--single { border-color:#dd0000; } #project-view .right-sidebar .box:first-child { border-top:0px; } .verification-info { } .right-sidebar .location { background:#f4f4f4; } .right-sidebar .box p { font-size:1.1rem; font-weight:500; color:#010101; line-height: 1.5; margin:0; } .right-sidebar .box.category p { } .detal.border-bottom { border-bottom: 1px solid #e4e4e4; } .detal > img { float: left; margin-right: 12px; } .small-map { position: relative; float:left; width:100%; } .small-map.mt { margin-top: 20px; } .btn-see-map { background: #fff; border-radius:3px; font-size:1rem; font-weight:500; text-align: center; position: absolute; padding: 12px 15px 10px 15px; color:#010101; font-family:'Jost', sans-serif; top:50%; margin-top: -30px; left:50%; width:160px; margin-left:-80px; box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.13); cursor: pointer; border:0px; } .btn-see-map i { margin-right:3px; } .btn-see-map:hover { background: #e35749; color:#fff; } .small-map img { display: block; margin:auto; width:100%; } .person-projekt { padding: 40px; } .person-projekt h3 { margin-bottom: 10px; } .person-projekt p { line-height: 150%; width:100%; } .person-projekt p.author { font-size:1.26rem; font-family:'Jost', sans-serif; font-weight:500; } .person-projekt p.tel, .person-projekt p.mail { font-size:1rem; color:#222; line-height: 1.5; } .right-sidebar .person-projekt i { color: #999999; width:30px; text-align:center; } #project-view { padding-bottom: 50px; background:#e4e4e4; } #project-preview #project-view { background:none; } #project-view .project-category-section { background-repeat:no-repeat; background-position: right bottom; background-size:130px } #project-view .project-category-section h3 { } #project-view .components-table { width:100%; } #project-view .components-table th { font-weight:500; } #project-view .components-table td { padding:5px!important; border-bottom:1px solid #eee;} #project-view .components-table tr { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #project-view .components-table td.nr { text-align:center; width: 40px; } #project-view .components-table td.price { text-align:right; } #project-view .components-table tr:last-child td { border-bottom:0px; } #project-view .components-table tr:first-child td { border-top:0; } #map-modal .modal-dialog { width:800px; } #project-view .cbp_tmlabel form .form-group { float: none; } /**************/ /* GŁOSOWANIE */ /**************/ .site-glosowanie { background: url('../img/bg/head-bg-voting.jpg') no-repeat; background-attachment: fixed; } .site-wyniki, .site-wyniki-statystyki { background: url('../img/bg/head-bg-results.jpg') no-repeat; background-attachment: fixed; background-size: 100% auto; } .select2-container--default .select2-results__option[aria-disabled="true"] { display:none!important; } .none { display:none; } /*********************/ /* KONIEC GŁOSOWANIE */ /*********************/ @media all and (max-width: 755px) { #project-view .cbp_tmicon { display: none; } } @media all and (max-width: 479px) { #project-view .nav-tabs li { float: none; display: inline-block; } } @media all and (max-width: 375px) { .map_placeholder { width: 100%; } .btn-see-map { left: 50%; margin-left: -89px; } } @media all and (min-width: 992px) and (max-width: 1199px) { .map_placeholder { width: 100%; } .btn-see-map { left: 50%; margin-left: -89px; } } /*******************/ /* Mapa realizacji */ /*******************/ #realization-map-switcher { position:fixed; width:140px; height:50px; bottom:64px; border-radius:4px; left:0px; z-index: 1; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2); } #realization-map-switcher .realization-map-switcher { width:40px; height:40px; float:left; margin: 5px 0 0 5px; border-radius:2px; box-shadow:0 0 10px rgba(0,0,0,.1); cursor:pointer; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } #realization-map-switcher .realization-map-switcher.active { opacity:1; } #realization-map-switcher .realization-map-switcher.grey { background: url('../img/map/grey.png') no-repeat; background-size:100%; } #realization-map-switcher .realization-map-switcher.normal { background: url('../img/map/normal.png') no-repeat; background-size:100%; } #realization-map-switcher .realization-map-switcher.dark { background: url('../img/map/dark.png') no-repeat; background-size:100%; } #realization-map-switcher #download-kml { position: absolute; right: -90px; top: 22px; } #realization-map-wrapper { min-height:500px; width:100%; overflow:hidden; background:#f5f5f5; } #realization-map-projects { position:absolute; width:700px; right:0; top:0; background:#f5f5f5; height:100%; z-index:10; overflow-y:scroll; box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); -webkit-transition: all 1000ms cubic-bezier(0.210, 0.675, 0.495, 1); transition: all 1000ms cubic-bezier(0.210, 0.675, 0.495, 1); transform: translateX(0%); -webkit-transform: translateX(0%); } #realization-map-projects .search-section select { font-size:0.9rem; } #realization-map-projects.start { transform: translateX(100%); -webkit-transform: translateX(100%); } #realization-map-container { width: calc(100% - 700px); position:absolute; left:0; top:0; height:100%; } #realization-map { width:100%; height:100%; } #realization-map-loader { position:absolute; z-index:1; background: #f5f5f5; width:100%; height:100%; top:0; left:0; } #realization-map-loader-icon { color: #ccc; left: 50%; margin: -24px 0 0 -24px; position: absolute; top:50%; z-index: 2; font-size:4em; } #realization-map-projects .edition .title, #realization-map-projects h3, #realization-map-projects .edition .project .project-name { font-family:'Jost', sans-serif; font-weight:500; } #realization-map-projects .search-section { background:#e4e4e4 url("../img/bg/idea-hand-light.jpg") no-repeat; background-size:cover; padding:130px 20px 10px 20px; } #realization-map-projects h1 { font-size:1.7rem; font-family:'Jost', sans-serif; font-weight:500; } #realization-map-projects #filter-pojects { padding:8px 30px; margin-bottom:5px; float:left; } #realization-map-projects .search-section label { font-weight: normal; font-family:'Jost', sans-serif; font-weight:500; font-size:1rem; line-height:40px; } #realization-map-projects .search-section select option { padding:10px; } #realization-map-projects .chart { display: inline-block; height: 70px; margin: 0 20px 20px 0;position: relative; text-align: center; width: 70px; float:left; } #realization-map-projects .percent { position: absolute; top:22px; font-size:1.3rem; text-align: center; width:100%; font-family:'Jost', sans-serif; font-weight:500; } #realization-map-projects .edition { border-bottom:0px solid #eee; } #realization-map-projects .edition .project { padding:15px; background:#fff; margin:0 15px 15px 15px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; border-radius:12px; box-shadow:0 0 0px rgba(0,0,0,0); position:relative; } #realization-map-projects .edition .project:last-child { } #realization-map-projects .edition .project:hover { box-shadow:0 0 30px rgba(0,0,0,.15); } #realization-map-projects .edition .project .project-name { font-size:1.26rem; line-height:120%; margin:0 0 10px 0; color:#222; cursor:pointer; } #realization-map-projects .no-data-info { display:none; color: #aaa; font-size:1.5rem; margin: 50px 0; text-align: center; } #realization-map-projects .edition .project .additional-info { margin:0 0 2px 0; font-size:0.9rem; color:#222; display:flex; } #realization-map-projects .edition .project .additional-info span.label { color:#777; display: inline-block; min-width: 123px; width:123px; text-align: right; margin-right: 8px; padding:0; font-size:0.9rem; font-weight: 500; line-height:1.5; } #realization-map-projects .edition .project .additional-info span.desc { } #realization-map-projects .edition .project .additional-info .see-more { color:#888!important; } #realization-map-projects .edition .project .photo-wrapper { width:200px; max-height:500px; float:left; margin:0 15px 15px 0; overflow:hidden; border-radius:4px; } #realization-map-projects .edition .project .photo-wrapper img { width:100%; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transform: scale(1); -webkit-transform: scale(1); } #realization-map-projects .edition .project .photo-wrapper:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); } #realization-map-projects .edition .project .realization-desc { display: none; margin-top:5px; } #realization-map-projects .edition .project .realization-desc-text { color:#222; font-size:0.9rem; float:left; width:100%; } #realization-map-projects .projects-section { position:relative; } #realization-map-projects .projects-section .realziation-more { cursor: pointer; position:relative; font-size:0.9rem; } #realization-map-projects .edition .project .realziation-more:after { position:absolute; right:-11px; display: inline; font-size:1rem; font-family:FontAwesome; height: auto; content: "\f105"; font-weight: 300; text-shadow: none; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transform: rotate(0deg); -webkit-transform: rotate(0deg); top:-2px;} #realization-map-projects .edition .project .realziation-more.open:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); right:-12px; top:-1px; } #realization-map-projects .edition .project .buttons { margin-top:10px; } #realization-map-projects .edition .project .btn { padding:6px 10px; line-height:100%; font-size:0.9rem; margin-right:10px; } #realization-map-projects .edition .project:hover .btn { } #realization-map-projects .edition .project .btn.show-on-map { cursor:default; } #realization-map-projects .edition .title { padding:20px; border-bottom:0px solid #eeeeee } #realization-map-projects .edition .title h2 { font-size:1.26rem; height:130%; margin:0; } #realization-map-projects .edition .title .edition-legend { background: url('../img/marker-red.png'); background-size:100%; text-align:center; color:#fff; margin-right:10px; width:30px; height:30px; float:left; line-height:27px; } #realization-map-projects .edition .title .edition-legend.edition-legend-1, #realization-map-projects .edition .title .edition-legend.edition-legend-I { background-image: url('../img/markers/1.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-2, #realization-map-projects .edition .title .edition-legend.edition-legend-II { background-image: url('../img/markers/2.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-3, #realization-map-projects .edition .title .edition-legend.edition-legend-III { background-image: url('../img/markers/3.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-4, #realization-map-projects .edition .title .edition-legend.edition-legend-IV { background-image: url('../img/markers/4.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-5, #realization-map-projects .edition .title .edition-legend.edition-legend-V { background-image: url('../img/markers/5.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-6, #realization-map-projects .edition .title .edition-legend.edition-legend-VI { background-image: url('../img/markers/6.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-7, #realization-map-projects .edition .title .edition-legend.edition-legend-VII { background-image: url('../img/markers/7.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-8, #realization-map-projects .edition .title .edition-legend.edition-legend-VIII { background-image: url('../img/markers/8.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-9, #realization-map-projects .edition .title .edition-legend.edition-legend-IX { background-image: url('../img/markers/9.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-10, #realization-map-projects .edition .title .edition-legend.edition-legend-X { background-image: url('../img/markers/10.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-11, #realization-map-projects .edition .title .edition-legend.edition-legend-XI { background-image: url('../img/markers/11.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-12, #realization-map-projects .edition .title .edition-legend.edition-legend-XII { background-image: url('../img/markers/12.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-13, #realization-map-projects .edition .title .edition-legend.edition-legend-XIII { background-image: url('../img/markers/13.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-14, #realization-map-projects .edition .title .edition-legend.edition-legend-XIV { background-image: url('../img/markers/14.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-15, #realization-map-projects .edition .title .edition-legend.edition-legend-XV { background-image: url('../img/markers/15.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-16, #realization-map-projects .edition .title .edition-legend.edition-legend-XVI { background-image: url('../img/markers/16.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-17, #realization-map-projects .edition .title .edition-legend.edition-legend-XVII { background-image: url('../img/markers/17.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-18, #realization-map-projects .edition .title .edition-legend.edition-legend-XVIII { background-image: url('../img/markers/18.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-19, #realization-map-projects .edition .title .edition-legend.edition-legend-XIX { background-image: url('../img/markers/19.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-20, #realization-map-projects .edition .title .edition-legend.edition-legend-XX { background-image: url('../img/markers/20.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-21, #realization-map-projects .edition .title .edition-legend.edition-legend-XXI { background-image: url('../img/markers/21.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-22, #realization-map-projects .edition .title .edition-legend.edition-legend-XXII { background-image: url('../img/markers/22.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-23, #realization-map-projects .edition .title .edition-legend.edition-legend-XXIII { background-image: url('../img/markers/23.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-24, #realization-map-projects .edition .title .edition-legend.edition-legend-XXIV { background-image: url('../img/markers/24.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-25, #realization-map-projects .edition .title .edition-legend.edition-legend-XXV { background-image: url('../img/markers/25.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-26, #realization-map-projects .edition .title .edition-legend.edition-legend-XXVI { background-image: url('../img/markers/26.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-27, #realization-map-projects .edition .title .edition-legend.edition-legend-XXVII { background-image: url('../img/markers/27.png?1'); } #realization-map-projects .edition .title .edition-legend.edition-legend-28, #realization-map-projects .edition .title .edition-legend.edition-legend-XXVIII { background-image: url('../img/markers/28.png?1'); } #realization-map-projects .project .project-edition { margin-right:5px; width:24px; height:24px; min-width:24px; height:24px; background: url('../img/marker-red.png') no-repeat; background-size:100%; text-align:center; color:#fff; line-height:20px; font-size:0.7rem; float:left; font-weight:600; } #realization-map-projects .project .project-edition-1, #realization-map-projects .project .project-edition-I { background-image: url('../img/markers/1.png?1'); } #realization-map-projects .project .project-edition-2, #realization-map-projects .project .project-edition-II { background-image: url('../img/markers/2.png?1'); } #realization-map-projects .project .project-edition-3, #realization-map-projects .project .project-edition-III { background-image: url('../img/markers/3.png?1'); } #realization-map-projects .project .project-edition-4, #realization-map-projects .project .project-edition-IV { background-image: url('../img/markers/4.png?1'); } #realization-map-projects .project .project-edition-5, #realization-map-projects .project .project-edition-V { background-image: url('../img/markers/5.png?1'); } #realization-map-projects .project .project-edition-6, #realization-map-projects .project .project-edition-VI { background-image: url('../img/markers/6.png?1'); } #realization-map-projects .project .project-edition-7, #realization-map-projects .project .project-edition-VII { background-image: url('../img/markers/7.png?1'); } #realization-map-projects .project .project-edition-8, #realization-map-projects .project .project-edition-VIII { background-image: url('../img/markers/8.png?1'); } #realization-map-projects .project .project-edition-9, #realization-map-projects .project .project-edition-IX { background-image: url('../img/markers/9.png?1'); } #realization-map-projects .project .project-edition-10, #realization-map-projects .project .project-edition-X { background-image: url('../img/markers/10.png?1'); } #realization-map-projects .project .project-edition-11, #realization-map-projects .project .project-edition-XI { background-image: url('../img/markers/11.png?1'); } #realization-map-projects .project .project-edition-12, #realization-map-projects .project .project-edition-XII { background-image: url('../img/markers/12.png?1'); } #realization-map-projects .project .project-edition-13, #realization-map-projects .project .project-edition-XIII { background-image: url('../img/markers/13.png?1'); } #realization-map-projects .project .project-edition-14, #realization-map-projects .project .project-edition-XIV { background-image: url('../img/markers/14.png?1'); } #realization-map-projects .project .project-edition-15, #realization-map-projects .project .project-edition-XV { background-image: url('../img/markers/15.png?1'); } #realization-map-projects .project .project-edition-16, #realization-map-projects .project .project-edition-XVI { background-image: url('../img/markers/16.png?1'); } #realization-map-projects .project .project-edition-17, #realization-map-projects .project .project-edition-XVII { background-image: url('../img/markers/17.png?1'); } #realization-map-projects .project .project-edition-18, #realization-map-projects .project .project-edition-XVIII { background-image: url('../img/markers/18.png?1'); } #realization-map-projects .project .project-edition-19, #realization-map-projects .project .project-edition-XIX { background-image: url('../img/markers/19.png?1'); } #realization-map-projects .project .project-edition-20, #realization-map-projects .project .project-edition-XX { background-image: url('../img/markers/20.png?1'); } #realization-map-projects .project .project-edition-21, #realization-map-projects .project .project-edition-XXI { background-image: url('../img/markers/21.png?1'); } #realization-map-projects .project .project-edition-22, #realization-map-projects .project .project-edition-XXII { background-image: url('../img/markers/22.png?1'); } #realization-map-projects .project .project-edition-23, #realization-map-projects .project .project-edition-XXIII { background-image: url('../img/markers/23.png?1'); } #realization-map-projects .project .project-edition-24, #realization-map-projects .project .project-edition-XXIV { background-image: url('../img/markers/24.png?1'); } #realization-map-projects .project .project-edition-25, #realization-map-projects .project .project-edition-XXV { background-image: url('../img/markers/25.png?1'); } #realization-map-projects .project .project-edition-26, #realization-map-projects .project .project-edition-XXVI { background-image: url('../img/markers/26.png?1'); } #realization-map-projects .project .project-edition-27, #realization-map-projects .project .project-edition-XXVII { background-image: url('../img/markers/27.png?1'); } #realization-map-projects .project .project-edition-28, #realization-map-projects .project .project-edition-XXVIII { background-image: url('../img/markers/28.png?1'); } #realization-map-projects .edition .title b { font-family:'Jost', sans-serif; font-weight:600; } #realization-map-projects h3 { font-size:1.3rem; margin:20px; } #realization-map .infoWindow .project_name { font-family:'Jost', sans-serif; font-weight:500; font-size:1.1rem; color:#000; line-height:1.3; margin-bottom:10px; margin-right:15px; } #realization-map .infoWindow { max-width:320px; color: #444; font-size:0.9rem; margin-top:10px; } #realization-map .infoWindow .desc { font-size:0.85rem; margin-top:5px; color:#222; } #realization-map .infoWindow .btn.small { margin: 5px; } #realization-map .gm-style .gm-style-iw-d { overflow:auto!important; } #realization-map .gm-style .gm-style-iw-c { padding:0!important; } #realization-map .gm-style-iw-chr { position:absolute; right:0; } #realization-map #project_info_window { padding:5px 15px 15px 15px; } #realization-map .project_info_window_wrapper { box-shadow:0 0 30px rgba(0,0,0,.15); border-radius:8px; } #realization-map .project_info_window_wrapper > div:first-child > div:nth-child(2) { box-shadow: none !important; border:none!important; background:#fff!important; } #realization-map .gm-ui-hover-effect { border-bottom-left-radius:3px!important; right:-5px!important; top:-5px!important; } #realization-map .gm-ui-hover-effect > img { width: 20px!important; height: 20px!important; margin: 5px!important; } #realization-map .gm-style-iw-t::before { border-top: 12px solid #fff!important; z-index:999!important; } #realization-map .project_info_window_wrapper:after { content:""; position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); width:0; height:0; border-left:20px solid transparent; border-right:20px solid transparent; border-top:20px solid #fff } #realization-map .leaflet-tooltip.realization-marker-label,#realization-map .leaflet-marker-icon.realization-marker-label { background-color: transparent; border: transparent; box-shadow: none; font-size: 17px; color: #fff; font-family:'Jost', sans-serif; font-weight:600; padding:9px; } #realization-map .leaflet-tooltip-top::before { border-top-color: transparent; } .dflex { display:flex; } /*create account*/ .create-account #register-options .btn { display:block; margin-bottom:15px; width:360px; text-align:left; padding:12px 15px; background:#fff!important; color:#000!important; border:2px solid #000; } .create-account #register-options .btn:hover { background:#eee!important; } .create-account #register-options .btn i { margin-right:5px; } .create-account { background: #fff; } .create-account h2 { margin-bottom: 10px; color:#000; font-size:2rem; } .create-account h2 span { font-weight:600; } .create-account p { font-size:0.9rem; margin-bottom: 20px; } .create-account .bg { background: url('../img/bg/bg-big.jpg') no-repeat; background-size: cover; background-position: center center; } .create-account .register-section { padding: 90px 50px 50px 0; } body.accessibility-widget .create-account .register-section { padding-top:112px; } .create-account p.clause-title { margin:15px 0px; font-weight: 500; font-size: 1rem; } .create-account .form-inline { width:100%; position: relative; } .create-account .form-group { width:100%; } .create-account .form-inline .form-control { width: 100%; background: #fff; border-radius:0; height: 49px; border: 0 none; } .create-account .btn-default:hover, .create-account .btn-default:focus { background: #c74c40; border-color:transparent; color:#fff; } .create-account label { font-weight:600; } .ff .create-account label { font-weight:500; } .create-account label.label-control { } .create-account .help { color:#aaa; font-size:0.9rem; margin-left:5px; } .create-account label a { } .create-account .data-processing-info { overflow: auto;} .create-account .data-processing-info .show-more { cursor:pointer; } .create-account .clause-content { font-size:0.85rem; line-height: 150%; max-height:150px; } .create-account input[type=checkbox] { margin:0; margin: 2px 8px 5px 0; float:left; } .create-account input.form-control { } .clause-content { overflow-x:auto; } .clause-content ol, .clause-content ul { padding:0 0 0 20px; } .clause-content li { margin:5px 0; } .create-account .data-processing-info, .create-account .terms-section { margin-top:10px; font-size:0.85rem; } .create-account .data-processing-info b { } .create-account .checkbox label { font-size:0.85rem; } .create-account .data-processing-info { margin-bottom:5px; } .create-account .terms-section { margin-top:15px; } #create-account-form { width:auto; max-width:635px; } #create-account-form .col-submit { padding-left:0 ;} #create-account-form input { font-size:1rem; color:#000; } #create-account-form input#pass { padding-right:40px; } .create-account .alert { background-color: #fffcee; background-image: none; box-shadow: none; text-shadow: none; padding: 0; border-radius: 3px 3px 3px 3px; border: 1px solid #F0DBB4; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .create-account .alert-error { background:#fff0f0; border:2px solid #ff7070; padding:10px; } .create-account .alert-error p { margin-bottom: 0px; font-size:0.9rem; } .create-account-action { background: #fff; padding:60px 0 60px; background: /* url('../img/bg/bg-big-white.jpg') */ #f4f4f4 no-repeat; background-attachment: fixed; background-size:cover; } .create-account-action h2 { color:#010101; margin-bottom: 20px; } .create-account-action p { color:#555; font-size:1.1rem; text-align: center; margin-bottom: 40px; font-family:"Poppins"; } .create-account-action .btn-default { background-color: #e35749; color: #ffffff; font-size:1.1rem; line-height: 17px; padding: 15px 20px; } .create-account-action .btn-default:hover { background: #c74c40; border-color:transparent; color:#fff; } .project-list-content .alert p { font-size:0.85rem; } .has-account-section { margin-top:50px; } /* contact */ #contact-section .alert { color: #ce8f22; background-color: #fffcee; background-image: none; box-shadow: none; text-shadow: none; padding: 9px 19px 9px 15px; border-radius: 3px 3px 3px 3px; border: 1px solid #F0DBB4; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } #contact-section .text-container { margin-bottom:0px; } #send-contact-bt { padding:15px 20px; } #send-contact-bt i { margin-left:5px; } #contact-section .alert-error { color: #e76e70; background-color: #fff6f4; border-color: #f8cdcd; } #contact-section .alert-success { color: #438a85; background-color: #f3faf8; border-color: #bfd1cf; } #section-contact-workers-help { margin:50px 0; text-align:center; } #contact-section #section-contact-workers-help h2 { font-size:2rem; line-height:135%; } #select2-id_subject-results { max-height: 300px; } /* gallery */ #gallery .photo-wrapper { margin-bottom:30px; text-align:center; height:170px; } #gallery .photo-wrapper img { max-width:100%; max-height:100%; border-radius:2px; transition: all 0.3s ease-out; transform: scale(1); width:auto!important; } #gallery .photo-wrapper:hover img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); transform: scale(1.05); } /*newsletter*/ .newsletter { background: #fff; padding:110px 0 140px; } .newsletter h2 { color:#010101; margin-bottom: 20px; } .newsletter p { color:#666666; font-size:1rem; text-align: center; margin-bottom: 40px; } .form-inline { width:100%; position: relative; margin: auto; } .form-group { width:100%; } .form-inline .form-control { width: 100%; background: #e4e4e4; border-radius:0; height: 49px; border: 0 none; } .btn-default { background-color: #e35749; border-color: #e35749; color: #ffffff; border-radius:4px; font-size:1.2rem; line-height: 17px; padding: 15px 30px; border:0; outline:none!important; transform: scale(1); font-family: 'Jost', sans-serif; font-weight:500; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:hover { background: #c74c40; color:#fff!important; } .btn-default, .btn-default:hover, .btn-default:active, .btn-default:active:hover { box-shadow: none; outline: 0!important; } #slider .btn-default:active:hover { transform: scale(.9); } .btn:focus { box-shadow: 0 0 0px 5px rgba(0,0,0,.15); outline: 0px!important; } .btn.btn-default { } .btn.btn-default:focus { } .no-shadow { box-shadow: 0 0 0 rgba(0,0,0,0)!important; } .btn-dark { background-color: #222; color: #ffffff; border-radius:2px; font-size:1.2rem; line-height: 17px; padding: 15px 30px; border:0; font-family: 'Jost', sans-serif; font-weight:500; } .btn-dark:hover { background: #000; } .btn-default.btn-icon, .btn-dark.btn-icon { padding: 15px 20px 15px 30px; } .btn-icon i { margin-left:8px; } #project-comment-form h3 { margin-top:0; } #project-comment-form textarea { font-size:0.85rem; } #news-list { } #news-list .title { margin-top:0px; font-size:1.3rem; } #news-list .news_date { font-size:1rem; font-family:'Jost', sans-serif; font-weight:500; line-height: 1.3; padding:0; margin:0; color:#666; } #news-list .title a { font-family:'Jost', sans-serif; font-weight:500; color:#444; font-size:1.46rem; } #news-list .preface { line-height: 150%; color:#444; margin-top:10px; font-size:1rem; line-height:1.6; } #news-list .read-more { color: #e35749; float: right; margin-top: 15px; font-size:1rem; font-family:'Jost', sans-serif; font-weight:500; } #news-list .news-row { float:left; width:100%; margin-bottom:30px; padding:20px; border: 2px solid #eee; box-shadow: 0 0 10px rgba(0, 0, 0, 0); -webkit-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } #news-list .news-row:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #news-list .news-row:not(:last-child) { border-bottom:1px solid #eee; } #news-list .photo img { width:180px; margin:0px 15px 15px 0; border-radius: 3px; float:left; } #news-details .news_date { font-size:1rem; font-family:'Jost', sans-serif; font-weight:500; line-height: 130%; padding:0; margin:0; color:#666; margin:10px 0;} #news-details .text img { max-width:100%;} #news-details .text { line-height: 150%; color:#444; margin-top:20px; font-size:0.9rem; } #news-details .title { font-size:2rem; font-family:'Jost', sans-serif; font-weight:500; color:#444; margin:0px; } #news-details .attachment-info { font-family:'Jost', sans-serif; font-weight:500; font-size:1.2rem; margin-top:30px; } #news-details .back { background:#aaa; color:#fff!important; float: left; margin-top: 15px; font-size:0.85rem; font-family:'Jost', sans-serif; font-weight:500; padding:6px 8px 5px 8px; border-radius:3px; text-transform: uppercase; } #news-details #photo-gallery { float:right; } #news-details .back i { margin:0 3px; } #news-details .photo img { border-radius: 5px; margin: 0 0 15px 15px; float:left; max-width: 300px; max-height:300px; } #news-details .file a { line-height:150%; color:#2c2c2c; font-size:0.9rem; background: #eee; padding:0; color:#222; margin:10px 0; display: inline-block; width:100%; -webkit-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; display:flex; justify-content: space-between; align-items: center; border-radius:4px; } #news-details .file a:hover { color:#000; } #news-details .file .file_name { margin: 0 5px; } #news-details .file a i { font-size:1.2rem; margin:0 5px; } #news-details .download { width:120px; font-size:0.9rem; height: 40px; line-height: 40px; padding: 0 15px; font-family:'Jost', sans-serif; font-weight:500; margin:0px; } #news-details .project-youtube-iframe { width:560px; height:315px; margin:30px 0 15px 0; } @media all and (max-width: 1199px) { #news-details .project-youtube-iframe { width:100%; height:319px; margin-top:15px } } @media all and (max-width: 768px) { #news-details .project-youtube-iframe { width:100%; height:280px; } } @media all and (max-width: 479px) { #news-details .project-youtube-iframe { width:100%; height:220px; } } #voting-results-section table .preview a::before, .founding-info { width:100%; padding:10px; text-align:center; background:#f2f2f2; } .founding-info p { margin:0; padding:0; font-size:1rem; text-transform: uppercase; line-height:130%; display:inline-block; } .founding-info img { margin:5px 10px; display:inline; } footer.po-padding { padding:0; } footer p a::before, #pass-reset-bt::before, footer a span::before, #site-map a span::before { background-color: #e35749; bottom: -2px; content: ""; height: 1px; left: 0;position: absolute; transform: scaleX(0); -webkit-transform: scaleX(0); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; visibility: hidden; width: 100%; } #voting-results-section table .preview a:hover::before, footer p a:hover::before, #pass-reset-bt:hover::before, footer a:hover span::before, #site-map a:hover span::before { transform: scaleX(1); -webkit-transform: scaleX(1); visibility: visible; } footer .period-section { text-align: center; margin-bottom: 20px; } footer .period-section h3 { text-align: center; width:100%; margin-bottom:15px; } footer .period-section .date {color:#969da4; font-size:0.85rem; margin-top:10px; } #footer-budget-logo { height:25px; } footer .period-section .icon-wrapper { border: 0px solid rgba(255, 255, 255, 0); background:rgba(255, 255, 255, 0.1); border-radius: 50%; height: 80px; margin: auto; padding: 10px; width: 80px; position:relative; margin-bottom:20px; text-align:center; } footer .period-section .icon-wrapper .icn { background: url('../img/sprite3.png') no-repeat; top:50%; position:relative; transform:translate(0%, -50%); -webkit-transform:-webkit-translate(0%, -50%); display:inline-block; } footer .period-section .icon-wrapper .icn.icon-1 { background-position: 0 -74px; background-size: 200px auto; width:32px; height:40px; } footer .period-section .icon-wrapper .icn.icon-2 { background-position: -39px -98px; width:38px; height:40px; background-size: 240px auto; } footer .period-section .icon-wrapper .icn.icon-3 { background-position: -79px -88px; width:42px; height:40px; background-size: 226px auto; } footer .period-section .icon-wrapper .icn.icon-4 { background-position: -139px -100px; width:44px; height:40px; background-size: 250px auto; } footer .period-section .icon-wrapper .icn.icon-5 { background-position: -180px -98px; width:38px; height:40px; background-size: 240px auto; } footer .period-section .icon-wrapper .icn.icon-6 { background-position: -44px -143px; width:42px; height:40px; background-size: 240px auto; } footer .period-section .icon-wrapper .icn.icon-7 { background-position: 0 -122px; width:32px; height:40px; background-size: 204px auto; } footer .herb { max-height:70px; max-width:130px; float:left; margin:0 15px 5px 0; } /*footer*/ #footer-strip { height:4px; width:100%; display:block; position:absolute; top:-4px; z-index:1; } footer { background: #202020; -background:#100e17; font-family:"Poppins"; color:#fff; padding-top: 50px; text-align: center; position: relative; float: left; width:100%; font-size:1rem; } footer.fixed { position: fixed; bottom:0; } footer p { ; margin:0; } footer a span { position:relative; } footer p a { color:#fff; font-family:'Jost', sans-serif; padding:6px 0; } #footer-bottom a { padding:6px 0; } footer a:focus { outline:0; } footer a:focus-visible { outline:1px solid #aaa; padding-left:5px!important; padding-right:5px!important; } footer .a-wraper { margin:auto 6px; } .a-wraper { position: relative; } footer p a:hover { color:#c74c40; } footer h3 { text-align: left; margin:0 0 15px 0; font-size:1.5rem; } footer .footer-about-budget { margin:0; padding:0; left:0; list-style:none; text-align: left; } footer .footer-about-budget li a { color:#eee; padding:2px 5px 2px 0; display:flex; transition:color .2s ease-out; -webkit-transition:color .2s ease-out; } footer .news { margin-bottom: 30px; } footer .news .title { font-size:1rem; font-family:'Jost', sans-serif; font-weight:500; position: relative; width:auto; clear:both; float:left; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; } footer .news a { color:#eee; transition:all .2s ease-out; } footer .news .preface { font-size:0.85rem; color:#eee; } footer .news a:hover, footer .footer-about-budget li a:hover, footer .footer-about-budget li.active a { color:#e35749; } footer .footer-about-budget li a i { margin-right:10px; } footer .news { text-align: left; } #footer-menu { padding:10px 0 30px 0; } #footer-bottom { width:100%; padding:30px 15px; background:rgba(0,0,0,.2); color:#ddd; position:relative; min-height:86px; display: flex; justify-content: center; align-items: center; } #footer-bottom p { font-size:1rem; } footer .budget-offer { display:none; } footer .footer-contact { text-align:left; } footer .footer-contact .a-wraper { margin:0; } footer .footer-socials a { display:inline-block; padding:6px; } footer .footer-socials a img { opacity:0.75; transition:opacity .2s ease-out, transform .2s ease-out; transform: scale(1); } footer .footer-socials a:first-child { margin-left:-6px; } footer .footer-socials h2 { margin-bottom:5px; } footer .footer-socials a:hover img:not(.na) { transform: scale(1.2); } footer .footer-socials a:hover img { opacity:1; } #map-section #map { width:100%; height:680px; z-index:1; } #search-map { width:100%; height:680px; } #search-map .infoWindow .project_name { font-family:'Jost', sans-serif; font-weight:600; font-size:1rem; color:#000; line-height:130%; margin-bottom:5px; } #search-map .infoWindow { max-width:320px; color: #666; font-size:0.9rem; margin-top:10px; } #search-map .infoWindow .desc { font-size:0.9rem; margin-top:5px; color:#222; } #search-map .infoWindow .btn.small { margin-top: 10px; } #search-map .infoWindow .project_category, #search-map .infoWindow .project_quarter, #search-map .infoWindow .cost { margin:5px 0; } #land-map { width:100%; height:100%; min-height:500px; margin-top:25px; } #search-map-filters { position:absolute; background:#fff; padding:20px; margin:10px; z-index:999; width:280px; box-shadow:0 0 30px rgba(0,0,0,.2); } #search-map-filters label { font-size:1rem; font-family:'Jost', sans-serif; font-weight:500; } .np { padding:0; } .npl { padding-left:0; } .nm { margin:0; } .nml { margin-left:0; } #contact-section:not(.no-form){ background:#fff; } #contact-section:not(.no-form):not(.idea-section)::before { position:absolute; left:0; top:0; width:50%; z-index: 1; content: ""; height: 100%; background:#eee; } #contact-form p.clause-title { margin:5px 0; font-weight: 500; } #contact-form .data-processing-info .show-more { cursor:pointer; color:#000; font-weight:500; } #contact-form .clause-content, #ideas-form .clause-content { max-height:130px; font-size:0.85rem; } #contact-section h2 { font-size:2.5rem; } #contact-section h2.short { font-size:2rem; } #contact-section p { font-size:0.95rem; } #contact-form .show-more { cursor:pointer; } #contact-form .select2 { font-size:0.9rem; } .modern-form input, .modern-form textarea { border-radius:3px; box-shadow:none; } .modern-form select.form-control, .modern-form input.form-control { height:40px; line-height:40px; padding-top:0; padding-bottom:0; } .modern-form textarea { resize: vertical; } .modern-form textarea.error, .modern-form select.error, .modern-form input.error { border-color:#dd0000!important; } .modern-form .form-group.error label.radio-inline {border:1px solid #dd0000;} .modern-labels.modern-form .form-group.with-label { margin-top:-15px; } .modern-labels.modern-form select.form-control, .modern-labels.modern-form input.form-control { height:56px; line-height:40px; padding:22px 15px 6px 15px; } .modern-labels.modern-form label.label-control { transform:translate(15px,38px); position:relative; z-index:9; transition:all .15s ease-out; font-size:1rem; color:#000; margin:0; display:block; height:20px; pointer-events: none; } .modern-labels.modern-form .filled label.label-control { transform:translate(15px,26px); font-size:.8rem; color:#777; } #contact-section label:not(.label-terms) { font-size:0.9rem; text-align: right; margin-top:.6rem; padding-right:0px; font-weight:600; } body.ff #contact-section label:not(.label-terms) { font-weight:500; } #contact-section.text-section .text-container { min-height: 0px; } #contact-section .contact-info-section { z-index:10; } #contact-section .terms-section { margin-bottom:0px; } #contact-section p.info, #contact-section .terms-section, #contact-section .data-processing-info { line-height:150%; font-size:0.85rem; } #contact-section .checkbox { margin:5px 0; } #contact-section .checkbox label { font-size:0.8rem; } #contact-section .address-section { font-size:1rem; margin-top:20px; word-break: break-word; } html[data-font=big] #contact-section .address-section {overflow-wrap: break-word; } #contact-section .form-control { font-size:0.9rem; color:#222; } @media all and (min-width: 768px) { #sidebar { padding:0; } } #home-additional-welcome-info p.title { font-family:'Jost', sans-serif; font-weight:500; font-size: 1.8rem; margin-bottom:15px; } #about-budget-ul { width:100%; top:0; position:relative; background:#e35749; } #about-budget-ul.fixed { top:0; left:0; width:100%; } #about-budget-ul > ul > li { border-bottom:1px solid #c74c40; } #about-budget-ul > ul > li:last-child { border-bottom:0; } #about-budget-ul li.non-click > a { cursor:default; } #about-budget-ul li { font-weight:bold; list-style:none; margin: 0 0 0px 0; position:relative; } #about-budget-ul li a { display:flex; padding:10px; font-size:0.85rem; text-decoration:none; color:#eee; transition:background .3s ease-out; -webkit-transition:background .3s ease-out; outline-color:rgba(255,255,255,.5); font-weight:500; } #about-budget-ul li.main > a { border-top: 1px solid rgba(255, 255, 255, 0.2); } #about-budget-ul li.main:first-child > a { border-top:0; border-top-left-radius:8px; border-top-right-radius:8px; } #about-budget-ul li.main:last-child > a { border-bottom-left-radius:8px; border-bottom-right-radius:8px; } #about-budget-ul > li:not(.non-click) a:hover, #about-budget-ul > li.active a { color:#fff; } #about-budget-ul li.main > a { background:rgba(0,0,0,.3); } #about-budget-ul li:not(.non-click) a:hover, #about-budget-ul li.active a { background:rgba(0,0,0,.15); } #about-budget-ul i { margin-right:10px; } #about-budget-ul .about-budget-submenu { box-shadow:0 0 12px rgba(0, 0, 0, 0.2); width:100%; visibility: hidden; opacity:0; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; position:absolute; left:100%; z-index:9; top:0; } #about-budget-ul .about-budget-submenu li a { background:#f8f8f8; color:#444; } #about-budget-ul .about-budget-submenu li a:hover { background:#eee!important; } #about-budget-ul > li:hover > ul { visibility: visible; opacity:1; } #about-budget-ul > li:hover > ul > li:hover > ul { visibility: visible; opacity:1; } #about-budget-prices .price_category .title { border-radius:3px; background:#eee; color: #222; font-size:1rem; margin: 10px 0; padding: 10px; text-align: left; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; cursor:pointer; font-weight:600; } #about-budget-prices .price_category:hover .title { background:#dfdfdf; color:#333; } #about-budget-prices .price_category.active .title { background:#ddd; color:#222; } #about-budget-prices td { font-size:0.9rem; font-weight:600; line-height:150%; } #about-budget-prices td img { border-radius:6px; max-height:100px; max-width:180px; float:left; min-width:100px;} #about-budget-prices .price_category .title .arrow::before { content: ""; display: inline; float: right; font-family:FontAwesome; font-size:1rem; font-weight: 300; height: auto; margin-right: 5px; margin-top: 1px; text-shadow: none; } #about-budget-prices .price_category.active .title .arrow::before { content: ""; display: inline; float: right; font-family:FontAwesome; font-size:1rem; font-weight: 300; height: auto; margin-right: 3px; margin-top: 1px; text-shadow: none; } #about-budget-prices .price_category .reveal-content { display:none; } #about-budget-prices .price_category .reveal-content table { width:100%; } #about-budget-prices .price_category .reveal-content table td { border-bottom: 1px solid #dedede; padding: 10px; } @media only screen and (max-width: 320px) { .cennik-miejski { padding: 0px !important; } } #about-budget-prices .price_category .reveal-content table td:nth-child(2) { text-align: left; } #about-budget-prices .price_category .reveal-content table td:nth-child(3) { } #about-budget-prices .price_category .reveal-content table td { vertical-align:middle; } .price_category td:first-child { text-align: center; width:200px; } .price_category td:last-child { text-align: left; max-width: 220px; } #about-budget-prices .price_category .reveal-content table.long-price td:nth-child(3) { width:180px; text-align:right; } #about-budget-prices .price_category .reveal-content p { margin: 20px 0 30px; font-size:0.85rem; padding-bottom: 20px; border-bottom: 1px solid #dedede; } #about-budget-prices .price_category .reveal-content table ul { margin-top: 5px; } /* Komentarze */ #comments .cbp_tmtimeline { margin: 30px 0 0 0; padding: 0; list-style: none; position: relative; } #comments .cbp_tmtimeline li { position: relative; } #comments .cbp_tmtimeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 10px; background: #f2f4f6; left: 5%; margin-left: -10px; } #comments .cbp_tmtimeline > li .cbp_tmtime { display: block; width: 25%; padding-right: 100px; position: absolute; text-align: right; } #comments .cbp_tmtimeline > li .cbp_tmtime .date { font-size:1.2em; color: #505458; margin-bottom: 5px; display: block; } #comments .cbp_tmtimeline > li .cbp_tmtime .time { font-size:1.5em; color: #505458; display: block; } #comments .cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child { color: #505458; } #comments .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel { /*background: #ffffff;*/ } #comments .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { /*border-right-color: #ffffff; */ } #comments .cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 15px 15%; background: #ffffff; font-size:0.85rem; line-height: 1.4; position: relative; padding:10px 20px; border:2px solid #eee; background:#f8f8f8; } #comments .cbp_tmtimeline > li .cbp_tmlabel h2 { margin-top: 0px; padding: 0 0 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.4); } #comments .cbp_tmtimeline > li .cbp_tmlabel:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-right-color: #eee; border-width: 10px; top: 10px; } #comments .cbp_tmtimeline > li .cbp_tmicon { width: 40px; height: 40px; font-style: normal; font-variant: normal; text-transform: none; line-height: 37px; -webkit-font-smoothing: antialiased; position: absolute; color: #7c8694; background: #ffffff; border-radius: 50%; box-shadow: 0 0 0 8px #ffffff; text-align: center; left: 5%; top: 0; margin: 0 0 0 -25px; font-size:1.3em; } #comments .cbp_tmtimeline > li .cbp_tmicon.success { background: #0090d9; box-shadow: 0 0 0 8px #2ba3df; color: #ffffff; } #comments .cbp_tmtimeline > li .cbp_tmicon.primary { background: #0aa699; box-shadow: 0 0 0 8px #33b5aa; color: #ffffff; } #comments .cbp_tmtimeline > li .cbp_tmicon.danger { background: #f35958; box-shadow: 0 0 0 8px #455a70; color: #ffffff; } #comments .cbp_tmtimeline .action-links { margin: 4px 0 0; list-style: none; font-size:0.85rem; padding: 0; float: left; } #comments .cbp_tmtimeline .action-links li { display: inline; float: left; position: relative; padding-left: 0px; padding-right: 8px; color: #8b91a0; } #comments .cbp_tmtimeline .action-links li:after { color: #999999; content: "•"; padding-left: 8px; } #comments .cbp_tmtimeline .action-links li:last-child:after { content: ""; } /* Media Queries */ @media screen and (max-width: 47.2em) { .cbp_tmtimeline:before { display: none; } .cbp_tmtimeline > li .cbp_tmtime { width: 100%; position: relative; padding: 0 0 20px 0; } .cbp_tmtimeline > li .cbp_tmtime { text-align: left; } .cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 30px 0; padding: 1em; font-weight: 400; font-size:95%; } .cbp_tmtimeline > li .cbp_tmlabel:after { right: auto; left: 20px; border-right-color: transparent; border-bottom-color: #fff; top: -20px; } .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { border-right-color: transparent; border-bottom-color: #fff; } .cbp_tmtimeline > li .cbp_tmicon { position: relative; float: right; left: auto; margin: -55px 5px 0 0px; } #about-budget-callendar .callendar-list.cbp_tmtimeline > li .cbp_tmicon { margin:0!important; } #about-budget-callendar .cbp_tmtimeline > li .cbp_tmlabel { padding:0; } } /* END Komentarze */ .projects_comments .author { font-size:1.3rem; color:#535353; font-family:'Jost', sans-serif; font-weight:500; } .projects_comments .add_date { color: #888; font-size:0.85rem; position: absolute; right: 5px; top: 5px; font-family:'Jost', sans-serif; font-weight:500; } .projects_comments .comment { color:#444; font-size:0.85rem; } #map-section { position:relative; } #map-loader { position:absolute; z-index:2; background: #fff; width:100%; height:100%; top:0; left:0; } #map-loader-icon { color: #ddd; left: 50%; margin-left: -40px; margin-top: 0px; position: absolute; top:45%; z-index: 2; font-size:4em; } /* * projekty start */ #links a, .links a { text-align: center; background: #fff; } #links a img, .links a img { display: inline-block; max-width: 100%; } #project_files a i { margin-right: 10px; } /* * projekty koniec */ /* * glosowanie start */ /* * glosowanie koniec */ #pass-reset-wrapper { position: relative; float:left; margin-top:20px; } #pass-reset-bt { color:#888; } #pass-reset-bt:hover { color:#e35749 } .red-small-bt { background-color: #e35749; border:0; text-align: center; float: right; padding: 6px 11px; margin-top:10px; border-radius: 0; color: #ffffff; font-family:'Jost', sans-serif; font-size:0.9rem; } .red-small-bt:hover { background-color:#c74c40; } /* * szybkie logowanie koniec */ /* * galeria na froncie start */ section.completed-projects .project-title { height: 145px; padding: 25px 30px; text-align: center; } section.completed-projects .see_more { margin-top: 50px; } /* * galeria na froncie koniec */ /* * mapa na froncie start */ #search-map-wrapper #project_data { display: none; background: #fff; padding: 15px 0px; } #search-map-wrapper #project_data .column_1 { border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding-left: 45px; } #search-map-wrapper #project_data .column_1 {} #search-map-wrapper #project_data .column_2 { border-right: 1px solid #ddd; padding-left: 45px; } /* * mapa na froncie koniec */ /* * budzet krok po kroku - start */ .site-31 ul li img, .budzet-krok-po-kroku ul li img { max-width: 100%; margin-top: 15px; } /* * budzet krok po kroku - koniec */ /* * aktualnosci - galeria - start */ #news-details .photos .photo img { max-width: 100%; } /* * aktualnosci - galeria - koniec */ #results-menu { border:0px; margin: 0 0 25px 0; overflow:hidden; border-radius:4px; } #results-menu li { background:#eee; width:50%; text-align:center; font-size:1.6rem; font-family:'Jost', sans-serif; font-weight:500; margin:0px; padding:0; border:0; left:0; } #results-menu li a { color:#222; outline:0; margin:0; border:0; border-radius:0; transition: background .2s linear; } #results-menu li a svg { margin-right:5px; } #results-menu li.active a { background:#ddd; color:#fff; } #results-menu li a:hover { background:#ddd; } #results-menu li svg { } #results-menu li a:hover svg { } #results-menu li svg path { fill:#000; } #results-menu li.active svg path { fill:#fff; } #voting-results-section .projects_type_label { margin:15px 0; font-size:2rem; font-family:'Jost', sans-serif; display:inline-block; } #voting-results-section .projects_type_label:first-child { margin-top:0; } #voting-results-section .projects_type_label .semi-bold { font-family:'Jost', sans-serif; font-weight:600; } #voting-results-section .table { margin-bottom:100px; } #voting-results-section .table:last-child { margin-bottom:0px; } #voting-results-section .table .nr { text-align: center; } #voting-results-section .table .win .nr { } #voting-results-section .table .number { text-align: center; } #voting-results-section .table .number { text-align: center; } #voting-results-section .table .th { font-family:'Jost', sans-serif; font-weight:500; font-size:1rem; border:none; background:#fff; color:#666; } #voting-results-section .table .tr.row { overflow:hidden; } #voting-results-section .table .tr.row.category-title { text-align:center; background:#eee; } #voting-results-section .table .tr.row.category-title p { font-family:'Jost', sans-serif; font-weight:500; font-size:1.13rem; text-transform: uppercase; } #voting-results-section .table .tr.result-row:hover .td { background:#eee!important; } #voting-results-section .table .tr.result-row.win:hover .td { background:none!important; } #voting-results-section .table .td[class*="col-"] { margin-bottom: -99999px; padding-bottom: 99999px; } #voting-results-section .table .td-inner { padding-bottom:12px; } #voting-results-section .table .th { padding:10px 15px; } #voting-results-section .table .td { border-top:1px solid #eee; padding:15px 5px; font-size:0.9rem; transition: all .2s linear; } #voting-results-section .table .win .td { } #voting-results-section .table .td .project_nr { margin-right:5px;} #voting-results-section .table a { color:#2c2c2c; padding:5px; } #voting-results-section .table a:hover { color:#000; } #voting-results-section .results-header-title { padding:20px 0; margin-bottom:0px; margin-top:25px; background:#f5f5f5 ; text-align: center; width: 100%; font-family:'Jost', sans-serif; font-weight:500; font-size:1.26rem; } #voting-results-section .results-header-title span { font-size:1rem; font-family:'Jost', sans-serif; color:#777; text-transform: uppercase; } #voting-results-section hr { margin:50px 0; } #voting-results-section .table .cost { text-align: right; } #voting-results-section .table .win { background:#8cca0d; background-image: linear-gradient(to right, #8cca0d , #7cba00)!important; } #voting-results-section .table .win .td { background:none; } #voting-results-section span.help { font-size:0.9rem; color:#aaa; } #voting-results-section .table .preview { text-align: center; } #voting-results-section .table .preview > span { position: relative; } #voting-results-section .table .preview a { color:#444; font-family:'Jost', sans-serif; font-weight:500; text-transform: uppercase; } #voting-results-section .table .preview i { margin-left:3px; } #voting-results-section .table .mobile { margin-right:5px; } #voting-results-section .table .row { margin:0; } #voting-results-section #result-quarters-filter-wrapper { width:240px; float:right; margin:15px 0; } #voting-results-section .results-quarter-wrapper { } #voting-results-section #result-quarters-filter-wrapper label { font-size:0.9rem; font-weight:500; } #voting-results-section #result-quarters-filter-wrapper ul.list { margin:0!important; } #voting-results-section #result-quarters-filter-wrapper ul.list li { left:0; } #win-legend span { width:20px; height:20px; border-radius:2px; background:#8cca0d; float:right; margin-left: 10px; } #win-legend { font-family:'Jost', sans-serif; font-weight:500; font-size:1.2rem; float:right; margin: 0 0 15px 0; } /**** Loader ***/ #loader { width:100%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:99999; overflow:hidden; opacity: 1; -webkit-transition: opacity 1s linear; -moz-transition: opacity 1s linear; transition: opacity 1s linear; } #loader-content { position:absolute; left:50%; top:50%; margin-left:-155px; margin-top:-50px; width:310px; height:100px; opacity:.5; -webkit-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; transform: scale(1); -webkit-transform: scale(1); opacity:1; } #loader-content.end { transform: scale(.5); -webkit-transform: scale(.5); opacity:0; } #loader-logo { position:absolute; left:0; top:0; background: url("../img/loader.png") no-repeat; width:105px; height:100px; } #loader-inner { position:absolute; background: url("../img/loader.png") no-repeat; background-position: 0 -100px; width:30px; opacity:0; height:78px; left:42px; top:10px; -webkit-transform: scale(.3); transform: scale(.3); } #loader-inner { transition: all .6s ease-out .6s; -webkit-transition: all .6s ease-out .6s; } #loader { transition: all .5s linear; -ms-transition: all .5s linear; -webkit-transition: all .5s linear; } #loder-text { font-size:1.2rem; margin-left:125px; margin-top:28px; position: relative; width:100%; height:90px; } #loder-text p { font-size:1.2rem; color:#444!important; line-height: 110%; font-family:'Jost', sans-serif; font-weight:500; text-transform: uppercase; } #loder-text p span { display:block; } #loder-text p.system-name { font-size:1.2rem; line-height: 125%; } #loder-text p.system-name span { font-size:1.7rem; font-weight:600;} #spinner { opacity:1; margin: 40px auto 0; width: 60px; text-align: center; -webkit-transition: all .5s linear; transition: all .5s linear; } #loder-text p.head { transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -webkit-transition: all .6s ease-out .6s; transition: all .6s ease-out .6s; } #loder-text p.welcome { position:absolute; left:0; bottom:0; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); opacity:0; -webkit-transition: all .8s ease-out .6s; transition: all .6s linear 1s; font-size:1.86rem; color:#222; } #loader.end #loder-text p.head { transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); } #loader.end #loder-text p.welcome { transform:translate3d(0,0,0); opacity:1; } #loader.end #spinner { opacity:0; } #loader.end #loader-inner { opacity:1; -webkit-transform: scale(1); transform: scale(1); } #loader .spinner > div { width: 14px; height: 14px; background-color: #fff; border-radius: 100%; display: inline-block; animation: sk-bouncedelay 1.4s infinite ease-in-out; transform: scale(0); opacity:0;} #loader .spinner .bounce1 { animation-delay: -0.32s;} #loader .spinner .bounce2 { animation-delay: -0.16s;} @keyframes sk-bouncedelay { 40% { transform: scale(1.0); opacity:1; } 80% { transform: scale(0); opacity:0; } 100% { transform: scale(0); opacity:0; } } /* custom loader */ #loader.custom #loader-content { width:300px!important; height:200px!important; margin:-100px 0 0 -150px!important; text-align:center; } #loader.custom #loader-logo { background:none; width:100%!important; margin:auto!important; position:relative!important; left:0!important; top:0!important; } #loader.custom #spinner { margin: 12px auto; } #loader.custom .spinner > div { background:#ed3546; margin:0px 1px; width:12px; height:12px;} #loader.custom #loader-logo img { max-height:100px; } #loader.custom #loder-text { margin:12px 0!important; width:100%!important; position:relative!important; height:auto!important; } /* about-budget */ #about-budget-callendar .callendar-list { list-style-type: none; margin:0; } #about-budget-callendar h2 { font-size:1.5rem; margin:0 0 5px 0;; } #about-budget-callendar .callendar-list p { font-weight:600; } .ff #about-budget-callendar .callendar-list p { font-weight:500; } #about-budget-callendar .callendar-list .title { font-size:1.2rem; color:#222; margin:0; line-height: 130%; font-family:'Jost', sans-serif; } #about-budget-callendar .callendar-list .date { color: #666; font-size:1rem; margin:3px 0 0 0; } #about-budget-callendar .callendar-list.cbp_tmtimeline > li { margin-bottom:30px; box-shadow:0 3px 16px rgba(0,0,0,0.12); border-radius:8px; padding:25px; } #about-budget-callendar .callendar-list.cbp_tmtimeline > li .cbp_tmicon { float:left!important; box-shadow:none; border-radius:50%; border:4px solid #fff; background:#e35749; color:#dedede; width:60px; height:60px; line-height:48px; box-shadow:0 0 5px rgba(0,0,0,0.2); margin:15px 0px 0px 15px; text-align:center; } #about-budget-callendar .callendar-list.cbp_tmtimeline > li.active .cbp_tmicon { background:#c13a2d; box-shadow:0 0 10px rgba(0,0,0,0); } #about-budget-callendar .callendar-list.cbp_tmtimeline > li .cbp_tmicon img { width:28px!important; } #about-budget-callendar .callendar-list.cbp_tmtimeline > li.active .cbp_tmicon.primary { } #about-budget-callendar .cbp_tmtimeline > li { left:0; padding-left:0px; display:inline-block; width:100%; } #about-budget-callendar .cbp_tmtimeline > li .cbp_tmlabel { border:none; margin:0; } #about-budget-callendar .cbp_tmtimeline.no-icons > li .cbp_tmlabel { } /* #about-budget-callendar .cbp_tmtimeline > li.active .cbp_tmlabel { box-shadow:0 3px 15px rgba(0,0,0,0); background: #fff; } */ #about-budget-callendar .cbp_tmtimeline > li .cbp_tmlabel::after { border-color:transparent #f6f6f6 transparent transparent; left: -20px!important; top: 20px!important; } #about-budget-callendar .cbp_tmtimeline.no-icons > li .cbp_tmlabel::after { display:none; } #about-budget-callendar .cbp_tmtimeline > li.active .cbp_tmlabel::after { border-color:transparent #e8e8e8 transparent transparent; } #about-budget-callendar .cbp_tmtimeline.no-icons > li.active .cbp_tmlabel::after { display:none; } #about-budget-callendar .cbp_tmtimeline:before { width: 2px; background: #eee; left: 5%; margin-left: 4px; bottom:30px; } #about-budget-callendar .cbp_tmtimeline.no-icons:before { display:none; } #about-budget-callendar .cbp_tmtimeline > li:nth-child(1) { -webkit-animation-delay: .1s!important; animation-delay: .1s!important; } #about-budget-callendar .cbp_tmtimeline > li:nth-child(2) { -webkit-animation-delay: .25s!important; animation-delay: .25s!important; } #about-budget-callendar .cbp_tmtimeline > li:nth-child(3) { -webkit-animation-delay: .4s!important; animation-delay: .4s!important; } #about-budget-callendar .cbp_tmtimeline > li:nth-child(4) { -webkit-animation-delay: .55s!important; animation-delay: .55s!important; } #about-budget-callendar .cbp_tmtimeline > li:nth-child(5) { -webkit-animation-delay: .7s!important; animation-delay: .7s!important; } #about-budget-callendar .cbp_tmtimeline > li:nth-child(6) { -webkit-animation-delay: .85s!important; animation-delay: .85s!important; } #about-budget-callendar .cbp_tmtimeline > li .callendar-icon { margin-right:15px; } #about-budget-callendar .cbp_tmtimeline > li .callendar-icon .icon-svg { width:80px; height:auto; margin:auto; } #about-budget-callendar .cbp_tmtimeline > li .callendar-icon .icon-svg svg { width:100%; height:100%; } #about-budget-callendar .callendar-list.cbp_tmtimeline.modern > li { padding:15px; display: flex; align-items: center; } .about-budget a { position: relative; border-bottom: 1px solid #373737; } .about-budget a:hover { border-bottom: none; } /* .about-budget a::before { background-color: #e35749; bottom: -2px; content: ""; height: 1px; left: 0;position: absolute; transform: scaleX(0); -webkit-transform: scaleX(0); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; visibility: hidden; width: 100%; } .about-budget a:hover::before { transform: scaleX(1); -webkit-transform: scaleX(1); visibility: visible; } */ .file-section { margin-bottom:20px; padding:20px; border: 2px solid #eee; box-shadow: 0 0 10px rgba(0, 0, 0, 0); -webkit-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .file-section:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .file-section .description { font-size:1.25rem; } .file-section .file-extension { display:inline-block; width:30px; } .ff .file-section .description { } .file-section .file a { color:#2c2c2c; background: #eee; font-weight: 400; padding:0 0 0 10px; color:#222; margin:5px 0; display: inline-block; width:100%; line-height:40px; -webkit-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .file-section .file a:hover { background:#ddd; } .file-section .file a i { font-size:1rem; margin:0 5px 0 0; } .file-section .download { float: right; font-size:0.85rem; height: 40px; line-height: 40px; padding: 0 15px; } #search-results .file-section { padding:0; border:0px; } #search-results .file-section:hover { box-shadow: none; } /* koniec - about-budget */ #porto-alegre { color:#e35749; font-family:'Jost', sans-serif; font-weight:600; font-size:0.9rem; } #movie { display:block; bottom: 30px; position: fixed; right: 30px; } #movie, #movie p, #movie .photo { -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } #movie p { font-family:'Jost', sans-serif; font-weight:500; text-transform: uppercase; font-size:0.8rem; background: #222; border-radius:20px; color: #fff; left: -100px; padding: 10px 15px; position: absolute; top: 19px; width: 130px; z-index: 0; opacity:0; transform: translateX(50px); -webkit-transform: translateX(50px); } #movie:hover p { transform: translateX(0px); -webkit-transform: translateX(0px); opacity:1; border-radius: 5px; } #movie .photo { z-index:10; transform: scale(1); -webkit-transform: scale(1); width: 80px; height: 80px; background: #fff url("../img/movie.png") repeat scroll 0 0 / 100% auto; border: 3px solid #ffffff; border-radius: 50%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); text-align:center; font-size:1.3rem; } #movie a { height:80px; width:80px; display:block; line-height:80px; text-align:center; } #movie .photo i { color:#fff; } #movie:hover .photo { transform: scale(1.2); -webkit-transform: scale(1.2); } #promo-movie { background:none; border:0px; } #promo-movie { z-index:15; display:block; bottom: 30px; position: fixed; right: 30px; cursor:pointer; transform: translateY(150%); -webkit-transform: translateY(150%); } #promo-movie, #promo-movie p, #promo-movie .photo { -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } #promo-movie.activated { transform: translateY(0%); -webkit-transform: translateY(0%); } #promo-movie p { font-weight:500; text-transform: uppercase; font-size:0.8rem; background: rgba(0,0,0,.8); border-radius:8px; color: #fff; left: -118px; padding: 8px 18px 8px 0px; position: absolute; top: 16px; width: 138px; z-index: 0; opacity:0; transform: translateX(50px); -webkit-transform: translateX(50px); } #promo-movie:hover p { transform: translateX(0px); -webkit-transform: translateX(0px); opacity:1; } #promo-movie .photo { z-index:2; transform: scale(1); -webkit-transform: scale(1); width: 80px; height: 80px; background: url("../../img/gminy/mielno/movie.jpg") repeat scroll 0 0 / 100% auto; border-radius: 50%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); } #promo-movie:hover .photo { transform: scale(1.2); -webkit-transform: scale(1.2); } #videoModal .modal-dialog { width:800px; } @media all and (max-width: 480px) { #promo-movie { display:none; } } #widget-callendar { width: 90px; background: #222; position: absolute; top:0; left:0; height: 100%; text-align: center; font-family:'Jost', sans-serif; font-weight:500; opacity:0.95; transform: translateX(0%); -webkit-transform: -webkit-translateX(0%); z-index:1; transition: transform .5s ease-out .5s, opacity .2s linear; -webkit-transition: -webkit-transform .5s ease-out .5s, opacity .2s linear;} #widget-callendar:hover { opacity:1; } #widget-callendar.start { transform: translateX(-100%); -webkit-transform: -webkit-translateX(-100%); } #widget-callendar .widget-inner > p { color: #fff; font-size:10px; margin:0; padding:0; text-transform:uppercase; opacity: 1; transition: all 1.5s linear 1s; -webkit-transition: all 1.5s linear 1s; } #widget-callendar.start .widget-inner > p { opacity:0; } #widget-callendar .widget-inner { background:inherit; position:absolute; top:50%; margin-top:-270px; height:540px; width:100%; font-size: 0.7rem; } #widget-callendar.lower .widget-inner { margin-top:-240px; } #widget-callendar ul { background:inherit; padding-bottom:10px; } #widget-callendar ul li { margin: 22px 0; position: relative; } #widget-callendar ul li:first-child { margin-top:10px; } #widget-callendar ul li:after { bottom: -20px; color: rgba(255, 255, 255, 0.2); content: "\f105"; font-family:FontAwesome; height: auto; left: 50%; margin-left: -3px; position: absolute; transform: rotate(90deg); -webkit-transform: rotate(90deg); width: 10px; transition: opacity .5s ease-out 2s; -webkit-transition: opacity .5s ease-out 2s; opacity:1; } #widget-callendar.start li:after { opacity:0; } #widget-callendar ul li:last-child:after { display:none; } #widget-callendar .icon { border: 2px solid rgba(255, 255, 255, 0.2); height: 60px; width: 60px; padding: 15px 0; text-align:center; transition: opacity .5s ease-out, -webkit-transform.5s ease-out, background-color .3s .2s ease-out; -webkit-transition: opacity .5s ease-out, -webkit-transform .5s ease-out, background-color .2s ease-out; opacity:1; transform: scale(1); -webkit-transform: scale(1); } #widget-callendar .active .icon { background: #e35748; border-color:transparent; } #widget-callendar .active .icon::before, #widget-callendar .active .icon::after { z-index:-1; background: #e35748; position:absolute; left:-2px; top:-2px; border-radius:50%; content:""; width:60px; height:60px; -webkit-animation: icon-pulse 2s linear infinite; animation: icon-pulse 2s linear infinite; -webkit-transform: scale(1); transform: scale(1); } #widget-callendar .active .icon::after { -webkit-animation: icon-pulse 2s linear infinite 1s; animation: icon-pulse 2s linear infinite 1s; } #widget-callendar .icn { background: url('../img/sprite3.png') no-repeat; background-size:130px; display:inline-block; opacity:0.85; } #widget-callendar .icn.icon-1 { background-position: 0 -48px; width:22px; height:26px; } #widget-callendar .icn.icon-2 { background-position:-26px -65px; width:26px; height:26px; background-size: 160px auto; } #widget-callendar .icn.icon-3 { background-position: 0 -48px; width:22px; height:26px; } #widget-callendar .icn.icon-4 { background-position: -100px -73px; width:32px; height:26px; background-size: 180px auto; } #widget-callendar .icn.icon-5 { background-position: -128px -70px; width:27px; height:26px; background-size: 170px auto; } #widget-callendar .icn.icon-6 { background-position: -28px -93px; width:28px; height:26px; background-size: 156px auto; } #widget-callendar .icn.icon-7 { background-position: 0 -80px; width:21px; height:26px; background-size: 134px auto; } @keyframes icon-pulse { 0% { transform: scale(.8); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } } @-webkit-keyframes icon-pulse { 0% { -webkit-transform: scale(.8); opacity: 1; } 100% { -webkit-transform: scale(1.5); opacity: 0; } } #widget-callendar.start ul li .icon { opacity:0; transform: scale(.5); -webkit-transform: scale(.5); } #widget-callendar ul li:nth-child(1) .icon { transition: opacity .5s ease-out 1.2s, transform .5s ease-out 1.2s, background-color .3s ease-out, border-color .3s ease-out; -webkit-transition: opacity .5s ease-out 1.2s, -webkit-transform .5s ease-out 1.2s, background-color .3s ease-out, border-color .3s ease-out; } #widget-callendar ul li:nth-child(2) .icon { transition: opacity .5s ease-out 1.3s, transform .5s ease-out 1.3s, background-color .3s ease-out, border-color .3s ease-out; -webkit-transition: opacity .5s ease-out 1.3s, -webkit-transform .5s ease-out 1.3s, background-color .3s ease-out, border-color .3s ease-out; } #widget-callendar ul li:nth-child(3) .icon { transition: opacity .5s ease-out 1.4s, transform .5s ease-out 1.4s, background-color .3s ease-out, border-color .3s ease-out; -webkit-transition: opacity .5s ease-out 1.4s, -webkit-transform .5s ease-out 1.4s, background-color .3s ease-out, border-color .3s ease-out; } #widget-callendar ul li:nth-child(4) .icon { transition: opacity .5s ease-out 1.5s, transform .5s ease-out 1.5s, background-color .3s ease-out, border-color .3s ease-out; -webkit-transition: opacity .5s ease-out 1.5s, -webkit-transform .5s ease-out 1.5s, background-color .3s ease-out, border-color .3s ease-out; } #widget-callendar ul li:nth-child(5) .icon { transition: opacity .5s ease-out 1.6s, transform .5s ease-out 1.6s, background-color .3s ease-out, border-color .3s ease-out; -webkit-transition: opacity .5s ease-out 1.6s, -webkit-transform .5s ease-out 1.6s, background-color .3s ease-out, border-color .3s ease-out; } #widget-callendar ul li:nth-child(6) .icon { transition: opacity .5s ease-out 1.7s, transform .5s ease-out 1.7s, background-color .3s ease-out, border-color .3s ease-out; -webkit-transition: opacity .5s ease-out 1.7s, -webkit-transform .5s ease-out 1.7s, background-color .3s ease-out, border-color .3s ease-out; } #widget-callendar ul li:nth-child(7) .icon { transition: opacity .5s ease-out 1.8s, transform .5s ease-out 1.8s, background-color .3s ease-out, border-color .3s ease-out; -webkit-transition: opacity .5s ease-out 1.8s, -webkit-transform .5s ease-out 1.8s, background-color .3s ease-out, border-color .3s ease-out; } #widget-callendar ul li:nth-child(8) .icon { transition: opacity .5s ease-out 1.9s, transform .5s ease-out 1.9s, background-color .3s ease-out, border-color .3s ease-out; -webkit-transition: opacity .5s ease-out 1.9s, -webkit-transform .5s ease-out 1.9s, background-color .3s ease-out, border-color .3s ease-out; } #widget-callendar .icon img { height: 100%; opacity: 0.85; } #widget-callendar ul li:not(.active):hover .icon { background: rgba(0,0,0,.3); border-color:transparent; } #widget-callendar .info-harmo { background: #222; width: 220px; position: absolute; left: 0; top: -8px; padding: 10px 0; border-radius:0 3px 3px 0; box-shadow:0 0 10px rgba(0,0,0,.2); z-index: -1; transition: all .3s cubic-bezier(0.76, 0.005, 0.345, 1); -webkit-transition: all .3s cubic-bezier(0.76, 0.005, 0.345, 1); transform: translateX(-150px); -webkit-transform: translateX(-150px); } #widget-callendar .info-harmo p { line-height: 135%; margin-bottom: 5px; color:#fff; font-size:0.9rem; } #widget-callendar .info-harmo p.date { margin-bottom: 0; font-size:0.85rem; color:#fff; } #widget-callendar ul li:focus .info-harmo, #widget-callendar ul li:hover .info-harmo { transform: translateX(90px); -webkit-transform: translateX(90px); } #widget-callendar.svg-icons .icon { padding:0px; } #widget-callendar.svg-icons svg { width:44px; height:44px; } #widget-callendar.svg-icons .icon-svg { z-index:2; position:absolute; width:100%; height:44px; left:0; right:0; top:50%; margin-top:-24px; } #unpublished_info { position:fixed; bottom:0; color:#fff; left:0; padding:10px 20px; text-align:center; background:#be1d2c; border-top-right-radius: 10px; font-size:0.85rem; text-transform: uppercase; font-family:'Jost', sans-serif; font-weight:500; box-shadow: 0 0 10px rgba(0, 0, 0, 0.33); z-index:9999; } @media all and (max-width: 1199px) { #widget-callendar, #unpublished_info { display:none; } } #accessibility-widget { z-index:-2; width:130px; height:36px; display:block; float:left; color:#444; text-align:center; transform: translateY(0%); transition: transform 0.3s ease-out .5s; } #accessibility-widget i { font-size:0.85rem; } #accessibility-widget .contrast-wrapper, #accessibility-widget .font-wrapper { display:block; float:left; margin:0; line-height:30px; } #accessibility-widget .contrast-wrapper { } #accessibility-widget .contrast-wrapper > .contrast { float:left; width:28px; margin:0 3px; height:28px; border-radius:50%; line-height:18px; padding:5px; cursor:pointer; background:#eee; } #accessibility-widget #contrast-high { background:#444; color:#fff; } #accessibility-widget #contrast-switcher { cursor:pointer; border:0px; background:none; float:left; width:28px; height:28px; padding:2px; border-radius:50%; } #accessibility-widget .font-wrapper button { float:left; font-size:15px; margin:0 2px; cursor:pointer; width:28px; height:28px; border-radius:50%; line-height:1.5; font-weight: 600; border:0px; background:none; } #accessibility-widget button { transition:all 0.2s linear; } #accessibility-widget .font-wrapper button.active { background:#eee; } #accessibility-widget #contrast-switcher:hover, #accessibility-widget #contrast-switcher:focus, #accessibility-widget .font-wrapper button:hover, #accessibility-widget .font-wrapper button:focus { background:#ddd!important; } #accessibility-widget #contrast-switcher svg { transition: transform 0.3s ease-out; transform: rotate(0deg); } .contrast-high #accessibility-widget #contrast-switcher svg { transform: rotate(180deg); } .contrast-high #accessibility-widget #contrast-switcher path { fill:#fff; } .contrast-high #accessibility-widget .font-wrapper > button.active { color:#000; } .contrast-high #accessibility-widget #contrast-switcher:focus, .contrast-high #accessibility-widget .font-wrapper button:hover, .contrast-high #accessibility-widget .font-wrapper button:focus { background:#444!important; color:#fff!important; } /*** accessibility ***/ /*** Search ***/ #search-www { z-index:-2; width:216px; float:left; padding:2px; color:#444; text-align:center; transform: translateY(0%); transition: transform 0.3s ease-out .5s; margin-left:10px; } .offer-link { font-weight:bold; margin:0 8px; color:#000; } #search-input { color:#000;} #search-input::placeholder { color:#222; font-weight:600; color:#222; line-height:26px; font-size: 0.8rem; } #search-input { float: left; border: 1px solid #bbb; width: 180px; font-size:0.9rem; height:25px; line-height:25px; padding:0 5px; border-radius:0px; border-top-left-radius:3px; border-bottom-left-radius:3px; } #search-submit { float:left; height: 25px; width: 30px; font-size:0.9rem; text-align: center; padding: 0; line-height: 25px; border-radius:0px; border-top-right-radius:3px; border-bottom-right-radius:3px; } #search-results .result-row { float:left; width:100%; margin-bottom:30px; padding:20px; background:#f9f9f9; transition: all 0.25s ease-out; } #search-results .result-row .title a { font-family:'Jost', sans-serif; font-weight:500; color:#000; font-size:1.46rem; } #search-results .result-row .preface { font-size:0.9rem; } #search-results .result-row .edition-info { font-size:0.9rem; font-weight:600; margin:5px 0; } #search-results h3 { margin:0 0 10px 0; } #search-results-section .text-container { min-height:auto;} .font-bigger #search-input, .font-bigger #search-submit { font-size:1rem!important; } .font-smaller #search-input, .font-smaller #search-submit { font-size:0.93rem!important; } body.contrast-high #city-section { background: #000; } body.contrast-high #city-section #svg-city-bg-2 { fill:#222; } body.contrast-high #city-section .cloud { fill:#ffff00!important; } body.contrast-high #svg-city-bg, body.contrast-high #city-bg .circle-shadow, body.contrast-high #video-wrapper { display:none!important; } body.contrast-high #city-section .people-bg-content .txt p { color:#000!important; background:#ffff00; } body.contrast-high #project-application-bottom { display:none } body.contrast-high, body.contrast-high #slider, body.contrast-high #sliders .slide, body.contrast-high .timetable, body.contrast-high #widget-callendar .active .icon, body.contrast-high footer, body.contrast-high .text-section .text-container, body.contrast-high .project-list, body.contrast-high .project-desc, body.contrast-high .right-sidebar, body.contrast-high .right-sidebar .location, body.contrast-high #links a, body.contrast-high .choose-project-title, body.contrast-high .chosen-project-info .chosen-project-item .choose-info, body.contrast-high #search-section, body.contrast-high #voting .project-item, body.contrast-high #personal-data-section, body.contrast-high #realization-map-projects, body.contrast-high .project-list-content .project-row, body.contrast-high #footer-voting-cta, body.contrast-high #voting-form .data-clause-info, body.contrast-high #create-account, body.contrast-high .table-striped > tbody > tr { background:#000!important; color:#fff!important; } body.contrast-high #contact-section:not(.no-form):not(.idea-section)::before { display:none; } body.contrast-high #wave path { fill:#000!important; } body.contrast-high .project-application { background-color:#000!important; color:#fff!important; } body.contrast-high .select2-container--default .select2-selection--single .select2-selection__placeholder { color:#666; } body.contrast-high #home-additional-welcome-info { background:#333!important; color:#fff!important; } body.contrast-high #quarters-map, body.contrast-high #voting .termin-info-alert p, body.contrast-high .pagination > li > a, body.contrast-high #widget-pass, body.contrast-high #voting-results-section .table .th, body.contrast-high #results-menu li.active a, body.contrast-high #project-list-info-text, body.contrast-high #voting .quarter-name-row, body.contrast-high #voting .category-name-row, body.contrast-high .alert, body.contrast-high #social-links, body.contrast-high #full_cookie_info, body.contrast-high #support-list .content, body.contrast-high #search-results .result-row { background:#222!important; color:#fff!important; } body.contrast-high #realization-map-projects .project .project-edition { background:#444!important; color:#fff!important; border-radius:3px; line-height:24px; font-size:1rem; } body.contrast-high .border-top { border-top:1px solid #666; } body.contrast-high #project-view { margin-bottom:0; } body.contrast-high .project-desc { margin-bottom:30px; } body.contrast-high .content-desc, body.contrast-high #slider .time .box-time, body.contrast-high .examples-projects, body.contrast-high .create-account-action, body.contrast-high #footer-bottom, body.contrast-high #menu, body.contrast-high #nav ul li ul, body.contrast-high #nav ul.nav, body.contrast-high .text-section, body.contrast-high #submenu, body.contrast-high .text-section.sidebar-theme > .container, body.contrast-high ul.questions-style > li, body.contrast-high .text-container.budzet-krok-po-kroku > ul > li, body.contrast-high .text-container.site-31 > ul > li, body.contrast-high #download-page .file-section, body.contrast-high #about-budget-prices .price_category .title, body.contrast-high #about-budget-callendar .cbp_tmtimeline > li .cbp_tmlabel, body.contrast-high #about-budget-callendar .callendar-list.cbp_tmtimeline > li .cbp_tmicon, body.contrast-high .completed-projects, body.contrast-high #project-view, body.contrast-high #voting .info-row, body.contrast-high .chosen-project-info .chosen-project-item .chosen-info, body.contrast-high #quickLoginPanel, body.contrast-high #logged_panel li a, body.contrast-high #logged_panel li a:hover, /* Wyniki glosowania */ body.contrast-high #voting-results-section .results-header-title, body.contrast-high #voting-results-section .table .td, body.contrast-high #voting-results-section .table .tr.result-row:hover .td, body.contrast-high .table-hover > tbody > tr:hover, body.contrast-high #main_callendar_info, body.contrast-high #realization-map-projects .edition .project, body.contrast-high #projects-list-container .project-item span.project-nr, body.contrast-high .pagination > .active > a, body.contrast-high .text-section > .container, body.contrast-high #search-www { background:#111!important; border-color:#111!important; box-shadow:none!important; } body.contrast-high .project-list-content .table-responsive { background:#000!important; } body.contrast-high #voting .project-item, body.contrast-high .chosen-project-info .chosen-project-item { border-color:#666; } body.contrast-high #widget-callendar, body.contrast-high #quickLoginAction li, body.contrast-high .page-head, body.contrast-high #about-budget-ul li a, body.contrast-high #download-page .file-section .file a, body.contrast-high .project-title, body.contrast-high #home-realization-map.projects-map, body.contrast-high #home-realization-map .map-bg, body.contrast-high #realization-map-projects .search-section, body.contrast-high #home_main_news, body.contrast-high #contact-section, body.contrast-high .info-graph, body.contrast-high #search-map-filters, body.contrast-high .gm-style .gm-style-iw-c, body.contrast-high #projects-list-container .project-item .project-item-content, body.contrast-high #header-form, body.contrast-high #voting .project-choose { background:#222!important; } body.contrast-high .about-budget { background-color:#222!important; } body.contrast-high #contact-section::before { background:none; } /* Yellow button or link */ body.contrast-high #slider .time .box-time.see-more, body.contrast-high .btn-dark, body.contrast-high .btn-default, body.contrast-high .time .box-time.see-more, body.contrast-high .time .box-time.see-more a, body.contrast-high .owl-theme .owl-dot span, body.contrast-high #owl-demo.owl-theme .owl-dot span::after, body.contrast-high #about-budget-ul li:not(.non-click) a:hover, body.contrast-high #about-budget-ul li.active a, body.contrast-high #countdown_action a, body.contrast-high .btn-see-map, body.contrast-high .share-icon, body.contrast-high .btn-default, body.contrast-high #go-to-personal-btn.act, body.contrast-high .chosen-project-info .choosen-project-action, body.contrast-high .red-small-bt, body.contrast-high #footer-strip, body.contrast-high #voting-results-section .table .tr.win .td, body.contrast-high #win-legend span, body.contrast-high #news-details .back, body.contrast-high .note p.more a.dark { background:#ffff00!important; color:#000!important; } body.contrast-high #voting-results-section .table .win .td, body.contrast-high #voting-results-section .table .win .td:hover, body.contrast-high #voting-results-section .table .tr.result-row.win:hover .td, body.contrast-high #win-legend span, body.contrast-high #voting-safe { background:#ffff00!important; color:#000!important;} body.contrast-high #voting-safe img { display:none; } /* Text color yellow */ body.contrast-high a, body.contrast-high footer .news a:hover, body.contrast-high footer .footer-about-budget li a:hover, body.contrast-high footer .footer-about-budget li.active a, body.contrast-high #nav ul li ul li.active > a, body.contrast-high #nav ul.nav > li > a:hover, body.contrast-high #logged_panel li a, body.contrast-high #nav ul.nav > li > a, body.contrast-high #nav ul li ul li > a, body.contrast-high #nav ul.nav > li.active > a, body.contrast-high #about-budget-prices .price_category .title, body.contrast-high #back-step, body.contrast-high #voting .data-processing-more-info a, body.contrast-high #voting .data-processing-small-info span.show-more, body.contrast-high .checkbox label, body.contrast-high #widget-pass ul li.active, body.contrast-high .examples-projects .people-bg-content a.btn { color:#ffff00!important; } body.contrast-high .nav-tabs > li > a { color:#ffff00!important; background:#000000!important; border-color:#ffffff!important; } body.contrast-high a:hover { text-decoration:underline!important;} body.contrast-high #nav .logo { background:#fff; } /* Text color white */ body.contrast-high h1, body.contrast-high h2, body.contrast-high h3, body.contrast-high p, body.contrast-high p span, body.contrast-high label, body.contrast-high #quickLoginAction li, body.contrast-high #accessibility-widget, body.contrast-high ul.questions-style b, body.contrast-high .text-container.budzet-krok-po-kroku > ul b, body.contrast-high .text-container.site-31 > ul b, body.contrast-high #news-list .preface, body.contrast-high #news-details .text, body.contrast-high #projects-list-container .project-item p span, body.contrast-high #voting-welcome-section .welcome-message, body.contrast-high #voting .desc, body.contrast-high #voting #data-processing-more-info, body.contrast-high .chosen-project-info .chosen-project-item .title .project_name, body.contrast-high #voting .data-processing-more-info, body.contrast-high #voting .data-processing-small-info, body.contrast-high #quickLoginPanel input, body.contrast-high #realization-map-projects .edition .project .additional-info span, body.contrast-high #realization-map-projects .edition .project .realization-desc-text, body.contrast-high #search-map .infoWindow .project_name, body.contrast-high #search-map .infoWindow, body.contrast-high #realization-map .infoWindow .project_name, body.contrast-high .project-info-desc table, body.contrast-high #accessibility-widget strong, body.contrast-high .head-beam .step-info .title, body.contrast-high #voting .info-row, body.contrast-high #home-about-budget .desc-small .title, body.contrast-high #widget-pass ul li, body.contrast-high .components-table caption, body.contrast-high #site-map ul li > span, body.contrast-high #voting .project-item .title, body.contrast-high span.help, body.contrast-high #nav ul li ul li > a, body.contrast-high #nav ul li ul li > .alike, body.contrast-high .right-sidebar .box.project-price .price { color:#fff!important; } /* Text color black */ body.contrast-high .examples-projects .people-bg-content .txt p, body.contrast-high #contrast-normal, body.contrast-high #voting-results-section .table .win a, body.contrast-high .nice-select { color:#000!important; } body.contrast-high .step-nr span, body.contrast-high .text-section > .map-bg, body.contrast-high footer p a::before, body.contrast-high #pass-reset-bt::before, body.contrast-high footer a span::before, body.contrast-high #nav ul.nav > li > a::before, body.contrast-high .cbp_tmtimeline > li .cbp_tmlabel::after, body.contrast-high .project-list-content .map-bg, body.contrast-high #widget-callendar .active .icon::before, body.contrast-high #widget-callendar .active .icon::after { display:none!important; } body.font-big #nav ul.small > li > a, [data-font=big] #nav ul.small > li > a { } body.contrast-high #voting .chosen-project-info .chosen-project-item { border-color:#000;} body.contrast-high .btn-default:hover { text-decoration: none!important; } body.contrast-high .btn-default:focus, body.contrast-high .btn-default:active { color:#000!important; text-decoration: none!important; box-shadow: 0 0 0px 5px rgba(255,255,0,.5)!important; } body.contrast-high .examples-projects .people-bg-content .txt p { background:#fff; color:#000; } body.contrast-high #menu a:focus-visible { outline-color:#ff0!important; } body.contrast-high #ks-url:focus-visible { outline: 1px solid #ff0; } /* END CONTRAST */ #social-links.start { transform: translateX(100%); } #social-links { position:fixed; top:50%; margin-top:-25px; right:15px; width:50px; height:50px; z-index:2; transition:transform .3s ease-out 2.2s; transform: translateX(0%); z-index:99; background:rgba(255,255,255,0.7); border-radius: 50px; text-align:center; overflow:hidden; box-shadow: 0 0 8px rgba(0,0,0,.1); backdrop-filter: blur(5px); } #social-links.socials-2 { height:100px; margin-top:-50px; } #social-links.socials-3 { height:150px; margin-top:-75px; } #social-links.socials-4 { height:200px; margin-top:-100px; } #social-links.socials-5 { height:250px; margin-top:-126px; } #social-links > a { width:50px; height:50px; float:left; transition:background .2s ease-out, color .2s ease-out; margin-left:0px; color:#222; font-size:20px; line-height:50px; } #social-links > a:last-child { } #social-links > a:first-child { } #social-links > a:focus-visible { outline: 2px #fff solid; } #social-links > a:focus, #social-links > a:hover { color: #fff!important; } #sc-facebook:hover, #sc-facebook:focus { background:#3e5b98; } #sc-twitter:hover, #sc-twitter:focus { background:#4da7de; } #sc-instagram:hover, #sc-instagram:focus { background: #fdf497; background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); } #sc-youtube:hover, #sc-youtube:focus { background:#e02a20; } #sc-email:hover, #sc-email:focus { background:#323241; } @media all and (max-width: 767px) { #fb-fan-page { display:none; } } #footer-voting-cta { float:left; padding:60px 0; width:100%; background:rgba(0, 0, 0, 0) url("../img/bg/head-bg-voting.jpg") no-repeat fixed center bottom -180px; } #footer-voting-cta .desc-title h2 { margin:0!important; font-size:2.8rem; text-transform:none; } #footer-voting-cta.submit-project { background-image:url("../img/bg/project-submit-cta-4.jpg"); background-position:bottom; } #footer-voting-cta.verification-period { background-image:url("../img/bg/verification-cta-bg.jpg"); background-position:bottom; } .error .nice-select { border-color:#dd0000 !important; } .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 3px; border: solid 1px #ccc; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family:inherit; font-size:0.85rem; height: 38px; line-height: 38px; outline: none; padding-left: 12px; padding-right: 20px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size:0.8rem; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { width:100%; overflow-y: auto; max-height:220px; background-color: #fff; border-radius: 0px; box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.4); box-sizing: border-box; margin-top: 1px; opacity: 0; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.2s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.2s ease-out; z-index: 9; } .nice-select.width-auto .list { width:auto; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height:150%; white-space: initial; list-style: none; outline: none; padding-left: 12px; padding:6px 12px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } .nice-select .current { overflow:hidden; float:left; width:100%; } /*************/ /* TOP LAYER */ /*************/ body.nonscroll { overflow:hidden; } #project-preview-overlay, #project-preview-close { transition: all .3s cubic-bezier(0.020, 0.490, 0.155, 0.995); -webkit-transition: all .3s cubic-bezier(0.020, 0.490, 0.155, 0.995); } #project-preview-overlay { visibility:hidden; opacity:0; position:fixed; top:0; left:0; width: 100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; overflow-y:scroll; overflow-x:hidden; } #project-preview-overlay.active { visibility:visible; opacity:1; } #project-preview { margin-top:50px; opacity:0; transition: opacity .3s ease-out; -webkit-transition: opacity 0.3s ease-out; } #project-preview.active { opacity:1; transform:scale(1); -webkit-transform:scale(1); } #project-preview-close { background:rgba(255, 255, 255, 0); font-size:4rem; text-align:center; position:absolute; top:0px; right:0px; width:80px; height:80px; color:#fff; cursor:pointer; line-height:1; transform:scale(1); border:0px; border-radius:4px; transform: rotate(0deg); transform-origin: center centero; } #project-preview-close:focus-visible { background:rgba(255, 255, 255, .25); transform: rotate(0deg)!important; } @media all and (min-width: 768px) { #project-preview-overlay #project-view .container { width:calc(100% - 160px); max-width:1170px; } #project-preview-close { position:fixed!important; right:8px!important;} #project-preview-overlay div.switch-section { position:fixed!important; } #project-preview-overlay div.switch-section-right:hover div.switch-bg, #project-preview-overlay div.switch-section-right:focus-visible div.switch-bg, #project-preview-overlay div.switch-section-left:hover div.switch-bg, #project-preview-overlay div.switch-section-left:focus-visible div.switch-bg { transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); opacity:1; } #project-preview-close:hover { transform: rotate(90deg); } } @media all and (max-width: 767px) { #project-preview-overlay #project-view .container { margin-left:12px; margin-right:12px; } #project-preview-overlay .project-desc { border-radius: 0px; border-top-right-radius: 4px; border-top-left-radius: 4px; } #project-preview-overlay .right-sidebar { border-radius:0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; overflow:hidden; } #project-preview { position: fixed; top: 0; overflow: scroll; height: 100%; padding-bottom:70px; } } @media all and (max-width: 1350px) { #project-preview-close { } } #project-preview .map-bg { display:none; } #project-preview .project-list-content { margin-top:0; } #project-loader { display:none; height: 30px; left: 50%; margin-left: -40px; position: absolute; top: 50%; margin-top:-15px; width: 80px; text-align:center; } #project-loader.active { display:block; } #project-preview-overlay .spinner > div { width: 14px; height: 14px; margin: 0 2px; background-color: #fff; border-radius: 100%; display: inline-block; animation: project-loader-animation 1.4s infinite ease-in-out;} #project-preview-overlay .spinner .bounce1 { animation-delay: -0.32s; } #project-preview-overlay .spinner .bounce2 { animation-delay: -0.16s; } @keyframes project-loader-animation { 0%, 80%, 100% { transform: scale(0); opacity:1; } 40% { transform: scale(1.0); opacity:1; }} #project-preview-overlay div.switch-section { width:80px; height: 80px; margin-top:-40px; border:0px solid #fff; position: absolute; top: 50%; cursor:pointer; z-index:10; transition: all 0.3s cubic-bezier(0.020, 0.490, 0.155, 0.995); -webkit-transition: all 0.3s cubic-bezier(0.020, 0.490, 0.155, 0.995); opacity:1; } #project-preview-overlay div.switch-section.hide{ opacity:0;} #project-preview-overlay div.switch-section-left { left:0px; } #project-preview-overlay div.switch-section-right { right:8px; } #project-preview-overlay div.switch-bg { background:rgba(255, 255, 255, .25); position:absolute; width:inherit; height:inherit; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); border-radius:4px; } #project-preview-overlay div.switch-bg { transition: all .5s cubic-bezier(0.020, 0.490, 0.155, 0.995); -webkit-transition: all .5s cubic-bezier(0.020, 0.490, 0.155, 0.995); } #project-preview-overlay div.switch-bg.switch-bg-right { transform:translate3d(0%,0,0); -webkit-transform:translate3d(0%,0,0); opacity:0; } #project-preview-overlay div.switch-bg.switch-bg-left { transform:translate3d(0%,0,0); -webkit-transform:translate3d(0%,0,0); opacity:0; } #project-preview-overlay div.prev { background: url("../img/arrows.png") no-repeat; width:25px; height: 46px; position: absolute; margin-left:-17px; margin-top:-23px; left:50%; top:50%; } #project-preview-overlay div.prev2 { background-position:-25px 0; top:50%; left:50%; margin-left:-10px; } @media all and (max-width: 767px) { #project-preview-overlay { background: rgba(0, 0, 0, 0.7); } #project-preview-close { height:50px; width:50px; line-height: 40px; } #project-preview-overlay div.switch-section { margin-top:0; top:0; height: 50px; width:50px; transition: opacity .3s ease-out; -webkit-transition: opacity 0.3s ease-out; } #project-preview-overlay div.switch-section.disabled { opacity:.2; display: block!important;} #project-preview-overlay div.switch-section-right { right:50%; margin-right:-50px;} #project-preview-overlay div.switch-section-left { left:50%; margin-left:-50px;} #project-preview-overlay div.prev { background-size:38px; background-position: 6px 4px; } #project-preview-overlay div.prev2 { background-position: -19px 4px; } } /*****************/ /* END TOP LAYER */ /*****************/ #site-slider { position:fixed; top:0; height:3px; width:100%; z-index:9999; display:none; } #site-slider .progress-slider { width:0%; height:100%; background: linear-gradient(90deg, #c41010, #eb1b64); box-shadow:0 0 8px rgba(0,0,0,.3); border-radius: 3px; } #confettiCanvas { pointer-events: none; position:fixed!important; height:100%; width:100%;} /* New checkbox */ .checkbox { } .checkbox label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px!important; margin-right: 15px; font-size:0.85rem; margin-bottom: 6px; transition: border 0.2s linear, color 0.2s linear; margin-bottom: 10px; direction: ltr; line-height:150%; } .checkbox label:before { content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 10px; position: absolute; left: -4px; top: 0px; background-color: #ffffff; border: 1px solid #c2c6cb; border-radius: 2px; transition: border 0.2s linear, color 0.2s linear; } .checkbox input[type="checkbox"] { opacity:0; } /* .checkbox label:before { box-shadow: 0 0 0 4px rgba(0,0,0,.08) !important } */ #projects-lists .checkbox label:before { border: 1px solid #444; } .checkbox.error label:before, .has-error> .checkbox label:before, .error > .checkbox label:before { background-color: #ffbfbf; } .checkbox label::after { color: #222; content:""; display: inline-block; width: 14px; height: 14px; position: absolute; left: -1px; top: 3px; transition: all .2s ease-out; opacity:0; visibility:hidden; transform: scale(.5); background: url("../svg/vote/icon-checkbox.svg") no-repeat; background-position: center center; background-size:11px; } .text-center > .check-default > .checkbox label::after { left: 1px; } .checkbox label:after { border-radius: 3px; } .checkbox input[type=checkbox] { display:block; margin-left:2px; } .checkbox.checkbox-circle label:after { border-radius: 99px; } .checkbox.checkbox-circle label:before { border-radius: 99px; } .checkbox input[type=checkbox]:checked + label { } .checkbox input[type=checkbox]:checked + label::after { opacity:1; transform: scale(1); visibility:visible; } .checkbox input[type=checkbox][disabled] + label { opacity: 1; } .checkbox input[type=checkbox][disabled] + label:before { background-color: #eceff3; } .checkbox.check-success input[type=checkbox]:checked + label:before { background-color: #0090d9; border: 1px solid #0090d9; } .checkbox.check-success input[type=checkbox]:checked + label::after { color: #ffffff; } .checkbox.check-primary input[type=checkbox]:checked + label:before { background-color: #0aa699; border: 1px solid #0aa699; } .checkbox.check-primary input[type=checkbox]:checked + label::after { color: #ffffff; } .checkbox.check-info input[type=checkbox]:checked + label:before { background-color: #1f3853; border: 1px solid #1f3853; } .checkbox.check-info input[type=checkbox]:checked + label::after { color: #ffffff; } .checkbox.check-warning input[type=checkbox]:checked + label:before { background-color: #fbb05e; border: 1px solid #fbb05e; } .checkbox.check-warning input[type=checkbox]:checked + label::after { color: #ffffff; } .checkbox.check-danger input[type=checkbox]:checked + label:before { background-color: #f35958; border: 1px solid #f35958; } .checkbox.check-danger input[type=checkbox]:checked + label::after { color: #ffffff; } .checkbox label::before { transition: all 0.2s ease-out; } .checkbox input[type="checkbox"]:active + label::before { background:#e5e5e5; } .checkbox input[type="checkbox"]:focus + label::before { box-shadow: 0 0 0 2px rgba(0,123,255,.5); border-color:rgba(0,123,255,.5); } .password-see-toggle { opacity:0.5; background: url("../svg/common/eye-open.svg") no-repeat; background-position: center center; background-size:16px; cursor:pointer; width:40px; height:40px; position:absolute; right:0px; top:50%; margin-top:-20px; transition: all 0.2s ease-out; } .password-see-toggle.close { background-image: url("../svg/common/eye-close.svg"); } .password-see-toggle:hover { opacity:1; } #widget-pass { top:0px; left:100%; margin-left:15px; opacity:0; transform: translate(15px,0); visibility: hidden; position: absolute; z-index:1; width:260px; padding:12px; background:#fff; border-radius: 5px; border:1px solid #ccc; box-shadow: 0 3px 16px rgba(0,0,0,0.15); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-size:0.9rem; } #widget-pass.active { opacity:1; visibility: visible; transform: translate(0,0); } #widget-pass p { font-weight: 500; margin-bottom:10px; } #widget-pass::before { content:""; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; top: 15px; left: -5px; margin-left: 0px; border-width: 5px 5px 5px 0; border-right-color: #bbb; } #widget-pass ul { margin:0; padding:0; list-style:none; font-size:0.8rem; } #widget-pass ul li { color:#888; background: url("../svg/common/icon-check-off.svg") no-repeat; padding-left:25px; margin-top:5px; } #widget-pass ul li.active { color:#000; background-image: url("../svg/common/icon-check-on.svg") } #widget-pass .pass-info { margin:15px 0 0 0; } #widget-pass .pass-progress { width:100%; margin-top:5px; height:5px; background:#eee; border-radius:3px; display: block; overflow: hidden; } #widget-pass .pass-progress-bar { height:100%; width:0%; background:#fff; transition: all 0.2s ease-out; } #widget-pass .pass-progress-bar[data-level="1"] { width:25%; background:#EC0000; } #widget-pass .pass-progress-bar[data-level="2"] { width:50%; background:#fb8c00; } #widget-pass .pass-progress-bar[data-level="3"] { width:75%; background:#009688; } #widget-pass .pass-progress-bar[data-level="4"] { width:100%; background:#43a047; } @media all and (max-width: 991px) { #widget-pass { transform: translate(0,20px); top:50px; left:0; margin-left:0px; width:100%; } #widget-pass::before { border-style: solid; top: -6px; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-color:transparent; border-bottom-color: #bbb; } } #support-list input { color:#000; font-size:15px; } #support-list #phone { } #support-list .content { margin:40px 0; background:#FFF; padding:30px 40px; } #support-list.supports-list-for-projects .project-name { font-family:'Jost', sans-serif; font-weight:500; font-size:1.5rem; margin-top:0px; } #support-list.supports-list-for-projects ul { list-style-type:none; display:flex; flex-wrap: wrap; } #support-list.supports-list-for-projects ul li { background:#fff; flex: 40%; margin: 10px; padding: 25px; border-radius: 8px; box-shadow: 0px 5px 20px -5px rgba(0,0,0,.1); } #support-list .clause-content { max-height:100px; overflow: auto; font-size:0.85rem; color:#444; line-height: 150%; } #support-list .terms-section { font-size:0.75rem; } #support-list .form-header { font-size:0.85rem; font-weight:500; } #support-list .project-name { color:#222; font-size:1.73rem; font-family:'Jost', sans-serif; font-weight:500; line-height:130% } #support-list .desc-header { font-size:1.2rem; color: #010101; font-family:'Jost', sans-serif; font-weight:500; margin-bottom: 10px; margin-top:25px;} #support-list .desc-header:first-child { margin-top:0px; } #support-list .share-holder { font-size:0.8rem; margin:0; } #support-list .share-container { padding:0; } #support-list .support-left-num-info { font-size:0.9rem; margin:-10px 0 25px 0; color:#666; } #support-list .badge { background-color:#A36A00; font-weight:500; font-size:0.85rem; } #support-list .no-sign { font-size:0.75rem; color:#888; } #support-list #phone { padding-left: 40px; letter-spacing: 1px; } #support-list #phone-prefix { position:absolute; left:7px; top:7px; font-size:15px; } #support-list p.help { color:#444; margin-top:5px; } #support-list #sign-errors { color: #dd0000; margin-bottom: 16px; font-weight: 500; font-size:1rem; line-height: 130%; display:none; } .spin-loader-icon { margin-left:5px; font-size:1rem; } #support-list .muted { color:#888; font-size:0.8rem; } #support-list form label:not(.label-terms) { /* white-space:nowrap; */ font-size: 0.9rem; font-weight: 600; } #support-list #map-wrapper { height:400px; position:relative; } #support-list #map { width: 100%; height: 400px; } #support-list.confirmation { filter:blur(2px);} #support-list #phone-section { position:relative; } #support-list #phone-section #phone { } #support-list #phone-section .help { } #support-list .alert.alert-danger { font-size:0.9rem; } #confirmation-sms-modal .modal-title { margin:auto; font-size:22px; } #confirmation-sms-modal .modal-body { background: #efefef; font-weight:500; } #confirmation-sms-modal #phone-send-sms-phone { font-size: 24px; letter-spacing: 1px; } #confirmation-sms-modal .icon-wrapper { background: #fff;margin: 15px auto;width: 80px;height: 80px;border-radius: 50%;padding: 15px; } #confirmation-sms-modal .code-input-wrapper { width: 100%; } #confirmation-sms-modal .code-input { display:inline-block; width: 34px; height: 46px; font-size:26px; padding:5px; text-align:center; margin: 0 1px; } @media all and (max-width: 1199px) { #support-list #phone-section #phone { float:none; width:100%; } #support-list #phone-section .help { margin-top: 5px; } } #support-list .error-info-box { color:#dd0000; font-size:0.85rem; line-height:26px; clear:both; margin-bottom:10px; transition: all 0.2s ease-out; font-weight:500; float:left; display:none; width:100%; } #support-list .has-error .error-info-box { display:block; } #support-list .checkbox .error-info-box { margin:0px 0 0 25px; } #confirmation-sms-modal #code { width:140px; font-size:1.2rem; margin:auto; color:#000; text-transform: uppercase; font-weight:500; text-align:center; } #confirmation-sms-modal .modal-dialog { max-width:420px;} #confirmation-sms-modal .phone-icon { font-size:28px; position:absolute; left:76px; top:28px; } #confirmation-sms-modal .phone { font-weight:500; } #confirmation-sms-modal p.error { font-weight: 500; color:#dd0000; font-size:0.9rem; margin:0; } #confirmation-sms-modal label { font-size:1.1rem; font-weight:500; margin-bottom:10px; } @media all and (max-width: 479px) { #support-list .content { margin:10px 0; padding:15px; } #support-list form .checkbox { margin:0px; } } #full_cookie_info, #full_cookie_info_wrapper { transition: all .6s cubic-bezier(0.65, 0, 0.35, 1); } #full_cookie_info { position: fixed; display: block; width: 650px; height: 500px; padding: 0px; left: 50%; top: 50%; bottom: auto; margin: -250px -325px; background-color: #eee; box-shadow: 0 0 30px -10px rgba(0,0,0,1); padding:25px; background-image:linear-gradient(to bottom, #fff,#ddd); opacity:1; transform: scale(1); border-radius:12px; } #full_cookie_info .title { font-weight:500; font-size:1rem; } #full_cookie_info_content { height:380px; overflow:auto; padding:10px; margin-bottom:25px; } #full_cookie_info_wrapper { background: rgba(0,0,0,.55); position: fixed; width: 100%; height: 100%; top:0; left:0; z-index:9999; opacity:1; backdrop-filter: blur(5px);} #full_cookie_info_wrapper.inactive { display:none; } #full_cookie_info_wrapper.anim { opacity:0; } #full_cookie_info_wrapper .btn { margin:0 10px; min-width:150px; } #full_cookie_info_wrapper.anim #full_cookie_info { opacity:0; transform: scale(0); } #full_cookie_info .clause-content { max-height:375px; overflow:auto; padding:0; margin-bottom:25px; } #full_cookie_info_wrapper.ver-2 { font-size:0.85rem; } #full_cookie_info_wrapper.ver-2 #full_cookie_info { width:540px; margin-left:-270px; } #full_cookie_info_wrapper.ver-2 h2 { margin:0 0 25px 0; text-align:center; font-size:1.7rem; } #full_cookie_info_wrapper.ver-2 .b { font-weight:500; margin:20px 0; } #full_cookie_info_wrapper.ver-2 p { } #full_cookie_info_wrapper.ver-2 .full_cookie_info_actions { position: absolute; bottom: 25px; width: 100%; left: 0; text-align:center; } #full_cookie_info_wrapper.ver-2 .checkbox { margin-left:2px; } #full_cookie_info_wrapper.ver-2 .ico { height:26px; margin:5px 10px 0 0; float:left; } #full_cookie_info_wrapper.ver-2 .ico2 { margin-top:-5px; } #cookie-settings-header { margin:25px 0; font-size:1rem; text-align:center; font-weight:500;} #full_cookie_info_wrapper.ver-2 #cooki-info-close-btn { position: absolute; right: 1px; top: 1px; background: none; border: 0px; width: 40px; height: 40px; font-size: 2rem; line-height: 2rem; color: #666; font-weight:500; transition:color 0.1s linear; } #full_cookie_info_wrapper.ver-2 #cooki-info-close-btn:focus-visible { outline:2px solid #666; } #full_cookie_info_wrapper.ver-2 #cooki-info-close-btn:hover { color:#000; } #cookies-back, #cookies-settings { background:#fff!important; color:#444!important; } #cookies-back:hover, #cookies-settings:hover { background:#ccc!important; color:#000; } #cookie-step-1 .content, #cookie-step-2 .content { height:330px; overflow:auto; } @media all and (max-width: 650px) { #full_cookie_info { width:90%; left:0; top:0; margin:5%; padding:15px; } #full_cookie_info_wrapper.ver-2 #full_cookie_info { height:460px; top:50%; width:90%; left:0; margin:-230px 5% auto 5%; padding:15px; } #full_cookie_info_wrapper.ver-2 .btn { font-size:0.9rem; padding: 14px; min-width:120px; } #cookie-step-1 .content, #cookie-step-2 .content { height:300px; overflow:auto; } } #cookie-step-2 ul { list-style: none; padding:0px; } #cookie-step-2 ul li { border: 1px solid #ccc; padding: 15px 15px 0px 15px; margin-bottom: 25px; border-radius: 3px; box-shadow: 0 0 20px -15px rgba(0,0,0,.5); } #cookie-step-2 ul li strong { font-weight:500; margin-bottom:5px; display:inline-block; font-size:1rem; } #cookie-step-2 ul li label { font-weight:500; } #full_cookie_info_wrapper.ver-2 i.agree { font-size: 1rem; margin-right: 5px; } #projects-list-container .project-item .project-item-content, #header-form, #about-budget-ul, .text-section .text-container, #nav ul li ul, #main_callendar_info.box-wrap, .btn, #search-map-filters, ul.questions-style > li, .text-container.budzet-krok-po-kroku > ul > li, ul.questions-style > li, .text-container.site-31 > ul > li, #voting .termin-info-alert p, .info-graph { border-radius:8px } #nav .navbar-header, #menu{ border-bottom-left-radius: 8px; } .project-desc { border-radius:8px; border-top-right-radius: 0px; box-shadow:0 15px 30px -30px rgba(0,0,0,.8); } .right-sidebar { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } @media all and (max-width: 1465px) { #nav .navbar-header, #menu{ border-radius: 0px; } } #site-map { min-height:auto; } #site-map.prev-editions ul.main { display:flex; flex-wrap: wrap; gap:30px; /* align-items: self-start; */ margin:0; } #site-map.prev-editions ul.main > li { margin-bottom:0; flex: 1 23%; flex-grow: 0; background: #fff; padding: 15px; border-radius: 15px; box-shadow: 0 10px 25px -14px rgba(0, 0, 0, .2); } @media (min-width: 768px) { } @media (max-width: 500px) { #site-map.prev-editions ul.main > li { width:100%; flex: 1 100%; } } #site-map ul { list-style:square; line-height:1.5; } #site-map ul.main { margin-left:15px; } #site-map ul.main > li { margin-bottom:10px; list-style:none; } #site-map ul ul li { margin-bottom:5px; } #site-map ul li.separator { margin-top:30px; } #site-map li.separator { margin-bottom:5px; } #site-map ul li ul { margin:5px 0 5px 25px; } #site-map ul a span::before { height:1.5px; bottom:0px; } #site-map ul li > a:not(.btn), #site-map ul li > span { font-size:1.5rem; font-family:'Jost', sans-serif; font-weight:500; color:#444; padding:5px 8px; position:relative; } #site-map ul li > a.btn { padding:10px 20px; } #site-map ul li > span { cursor:default; } #site-map ul ul li a, #site-map ul ul li span { font-size:1.2rem; } #site-map.prev-editions ul li > span { display:block; text-align:center; } .tip-big + .tooltip { text-align:left!important; } .tip-big + .tooltip .tooltip-inner { max-width:265px; text-align:left; } .tip-text-left + .tooltip .tooltip-inner { text-align:left; } .tooltip .tooltip-inner { padding:8px 10px; font-size:0.8rem;} .idea-section #map-container { width:100%; height:100%; display:none; float:left; position:relative; } .idea-section #map-container.active { display:block; } .idea-section #map { width:100%; height:450px; float:left; } .idea-section #map-actions { margin-bottom:25px; } .idea-section #map-actions h3 { font-size:18px; float:left; margin:0; font-weight:600; line-height:26px; } .idea-section #map-actions .actions-group { background:#eee; padding:15px; } .idea-section #map-loader { position:absolute; z-index:99; background:#efefef; width:100%; height:100%; top:0; left:0; } .idea-section #map-loader-icon { color:#ddd; left:50%; margin-left:-40px; margin-top:0px; position:absolute; top:45%; z-index:2; } .idea-section #map-wrapper { position:relative; } .idea-section #map-layers { position:absolute; top:120px; right:30px; z-index:1; width:274px; } .idea-section #map-layers > div { margin:0 3px; } .idea-section .map-action-info { background:rgba(255,255,255,.5); height:50px; left:0; width:100%; line-height:50px; position:absolute; text-align:center; top:0px; z-index:1; font-family:"Open Sans"; text-transform:uppercase; display:none; font-weight:600; font-size:15px; } .idea-section .big-tip { font-size:14px; cursor:pointer; } .idea-section .big-tip .tooltip-inner { max-width:460px; text-align:left; } .idea-section .big-tip.w-460 .tooltip-inner { width:460px; } .idea-section .big-tip.w-300 .tooltip-inner { width:300px; } .idea-section .big-tip.w-350 .tooltip-inner { width:350px; } .idea-section .big-tip.right { float:right; margin-left:10px; } .idea-section .big-tip .tooltip-inner { padding:15px; } .idea-section .big-tip .tooltip-inner ol { margin:0; padding:0 15px; } #ideas-form h2 { font-size:1.5rem; margin:auto; } #ideas-form .col-form-label { text-align:right; } .f-09 { font-size:0.9rem!important; } #project-contact-form p.clause-title { margin:5px 0; font-weight: 500; } #project-contact-form .data-processing-info .show-more { cursor:pointer; color:#000; font-weight:500; } #project-contact-form .clause-content { max-height:130px; font-size:0.85rem; } #project-contact-form .show-more { cursor:pointer; } #project-contact-form .select2 { font-size:0.9rem; } #project-contact-form .terms-section { margin-bottom:0px; line-height:150%; font-size:0.85rem; } /* NOTIFICATIONS */ #push-notifications-switcher { position:fixed; background:#fff; z-index:9999; left:20px; bottom:20px; border-radius:60px; width:60px; height:60px; text-align:center; box-shadow:0 10px 20px -15px rgba(0,0,0,1); text-align:center; background:linear-gradient(to bottom, #fff,#ddd); padding:0px; transform: scale(1); } #push-notifications-switcher.opening { width:460px; height:300px; border-radius:12px; padding:30px 15px; } #push-notifications-switcher a { transform: scale(1); transition: all 0.2s ease-out; opacity:1; min-height: 60px; min-width: 60px; display: flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 60px; } #push-notifications-switcher:not(.opening) a:focus-visible { border:2px solid #777; } #push-notifications-switcher p.info {font-size:0.9rem; position:absolute; transition: all 0.3s ease-out; opacity:0; background:#000; color:#fff; padding:5px 12px; border-radius:8px; left:70px; top:13px; z-index:-1; pointer-events: none; } #push-notifications-switcher p.info:after { content:""; position:absolute; left:-5px; top:7px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right:8px solid #000; z-index:-1; } #push-notifications-switcher-inner { border-radius:0px; width:60px; height:60px; display:flex; align-items: center; justify-content: center; z-index:1; margin:0 auto; } #push-notifications-switcher, #push-notifications-switcher .bell { transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1); } #push-notifications-switcher .bell { width:24px; } #push-notifications-switcher #push-notifications-content { transition:all 0.3s linear; opacity:0; visibility:hidden; padding:15px 0; } #push-notifications-switcher.active #push-notifications-content { opacity:1; visibility:visible; } #push-notifications-switcher #push-notifications-content p { font-size:1.1rem; margin-bottom:25px; font-weight: 500; } #push-notifications-switcher.opening p.info, #push-notifications-switcher.animating p.info { opacity:0; display:none; } #push-notifications-switcher.active #push-notifications-switcher-inner { } #push-notifications-switcher.opening .bell { width:44px; } #push-notifications-switcher #push-notifications-content .step-2 img { border-radius:8px; margin-bottom:20px; height:100px; box-shadow:0 0 25px -20px rgba(0,0,0,.5); } #push-notifications-switcher.closed { opacity:0; transform: scale(0); } #push-notifications-close { position:absolute; border:0; top:0px; right:0px; width:40px; height:40px; line-height:40px; text-align:center; font-size:30px; transition:all 0.2s ease-out; background:#f0f2f5; border-bottom-left-radius:6px; border-top-right-radius:12px; color:#666; } #push-notifications-close:hover { color:#000; } #push-notifications-close:focus-visible { outline: 2px solid #666; } #push-notifications-switcher.opening a { cursor: default; pointer-events: none; } #push-notifications-switcher:not(.opening):hover a { animation: shake .4s cubic-bezier(.4,.1,.2,1); opacity:1; } #push-notifications-switcher:not(.opening):hover p.info { opacity:1; left:70px; } @media all and (max-width: 500px) { #push-notifications-switcher { left:15px; bottom:15px; } #push-notifications-switcher.opening { width:calc(100% - 30px); height:320px; } #push-notifications-switcher #push-notifications-content p { font-size:1rem } } @keyframes shake { 25% { transform: translate3d(-2px, 0, 0); } 50% { transform: translate3d(2px, 0, 0); } 75% { transform: translate3d(-2px, 0, 0); } 100% { transform: translate3d(0, 0, 0); } } body.contrast-high #push-notifications-switcher { background:#222; color:#fff; } body.contrast-high #push-notifications-switcher .bell path { fill:#ffff00!important; } /* END NOIFICATIONS */ #iso-logo { position:absolute; right:20px; top:-50%; margin-top:-25px; height:50px; } @media all and (max-width: 1099px) { #iso-logo { position:relative; right:0px; top:0px; margin:10px auto 0 auto; } } .site-deklaracja-dostepnosci ol, .site-deklaracja-dostepnosci ul { padding-left:15px; }