#voting, .voting { background: #000 url('../img/circles_bg_2.jpg'); background-size: auto; background-attachment: fixed; background-position: center center; background-size: cover; min-height:500px; font-size: 1.2rem; margin:0px auto 0px auto; padding-bottom:50px; } #voting-welcome-section .action:after { content: ""; display: block; clear: both; zoom: 1; } #voting-welcome-section .action button { float: right; } .voting-agreement { font-family: Arial,Helvetica Neue,Helvetica,sans-serif; float:left; width:100%; font-size:13px; line-height:150%; } .voting-agreement ol { margin-left:15px; } .voting-agreement li { margin:3px 0; } #parents-permission-section { display:inline-block; background:#f4f4f4;padding:10px 0; margin:15px; } #vote-project-alert { transform: scale(.8); -webkit-transform: scale(.8); border-radius: 3px; visibility:hidden; opacity:0; z-index:99999; text-align:center; padding: 20px; position:fixed; top:50%; left:50%; width:620px; height:auto; margin:-140px 0 0 -310px; box-shadow:0 0 30px rgba(0,0,0,.2); padding:20px; background: #fff url('../img/voting-welcome-bg.jpg') no-repeat center top; } #vote-project-alert-actions { } #vote-project-alert .title { font-size:18px; width:100%; margin:15px 0; font-family: "noahbold"; font-size:26px; } #vote-project-alert .reasons { margin:20px 0; } #vote-project-alert .reason { font-family: "noahbold"; font-size:20px; margin:0; } #vote-project-alert-actions .btn { border-radius:50px; margin:10px 5px; font-size:18px; padding:15px; line-height:100%; } #vote-project-alert.active { visibility:visible; opacity:1; transform: scale(1); -webkit-transform: scale(1); } #vote-btn-section-reverted-wrapper { background:#1a1a1a; padding:20px; margin-top: 25px; border-radius: 12px; } #voting-safe { height:auto; background: rgba(255, 255, 0, 0.6); min-height:30px; padding:10px; text-align:center; font-family: "noahbold"; color:#000; font-size: 19px; margin-top:20px; float:left; width:100%; border-radius: 10px; z-index:9;} #voting-safe img { vertical-align: top; height: 24px; padding-top: 0px; margin-right: 5px; } #voting .form-control:focus { } #voting .nice-select { font-family: 'noahregular'; } #voting .nice-select .list { max-height:none; } #voting #search-quarters-types-sections .nice-select .list { max-height:252px; } #voting .help { font-size:12px; color:#aaa; display:inline-block; } .head-beam { margin-bottom:15px; } .head-beam .step-info { margin:0; line-height: 30px; margin:20px 10px; font-size:26px; } .head-beam .step-info .title { color:#d41012; font-family: "noahbold"; } .head-beam input {} .voting .btn:not(.small) { } .voting .btn:not(.small) i { margin-left:10px; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; transform: translateX(0px); -webkit-transform: -webkit-translateX(0px); } .voting .btn:not(.small):hover i { transform: translateX(4px); -webkit-transform: -webkit-translateX(4px); } #voting p.info { text-align: center; font-size: 19px; margin-bottom:20px; font-family:"noahbold"; } #voting .administrator-info-row { margin: 15px 0; } #parents-permission-section .administrator-info-row { margin: 15px 0; } #voting .administrator-info-row ul, #voting .administrator-info-row ol { margin-left:15px; } #voting .choose-project-title-chosen-info span { color:#e35749; } #voting .points-info { color:#222; font-family: "noahbold"; font-size:19px; } #id_street option[disabled]{ display:none; } #voting #chosen-projects-num-info-section { display:none; text-align:center; width:100%; padding:10px; font-size:18px; font-family:"noahbold"; } #personal-data-first-step, #personal-data-second-step { float:left; width:100%; } #voting #data-processing-more-info, #voting .data-processing-more-info, #voting #data-processing-small-info, #voting .data-processing-small-info { font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size:13px; } #voting #data-processing-more-info { } #voting #data-processing-more-info a, #voting #data-processing-small-info span.show-more { cursor:pointer; color:#337ab7; } #voting #data-processing-more-info a:hover, #voting #data-processing-small-info span.show-more:hover { color:#23527c; } #get-phone-section .phone-section { display:none; background:#f4f4f4; padding:15px 0 10px 15px; float:left; width:290px!important; border-radius:3px; } #get-phone-section .phone-section label { float:left; line-height: 36px; margin-right: 20px; } #get-phone-section .phone-prefix { display:inline-block; float: left; line-height: 36px; margin-right: 10px; } #get-phone-section .termin-info-alert b { font-weight:normal; font-family: "noahbold"; } #voting-action-bt { margin-top:25px; margin-bottom:25px; } #voting .captcha-img { margin-top:28px; } #voting .vt-addition-bt, .btn.back_step, #no-projects-back-bt { min-width:100px; border-radius:30px; font-size: 16px; margin: 10px 0; padding: 10px 10px 8px !important; margin:5px; color:#fff; } #voting .vt-addition-bt:hover, #voting .vt-addition-bt:focus, #no-projects-back-bt:hover, #no-projects-back-bt:focus, .btn.back_step:hover, .btn.back_step:focus, .bright .btn.btn-black:active, .bright .btn.btn-black:focus { color:#fff!important; } .btn.back_step i, .btn.back_step i:hover { margin:0px!important; transform: translateX(0px)!important; -webkit-transform: translateX(0px)!important; float:left; } #vote-projects-quarter-info { background:#fff; text-align:center; padding:30px 10px; } #vote-projects-quarter-info p { font-size:24px; font-family: "noahbold"; color:#444; line-height: 120%; } #vote-projects-quarter-info p.info { font-size:16px; font-family: "noahbold"; color:#444; } #vote-projects-quarter-info .buttons-wrapper { margin-bottom:30px; } #vote-projects-quarter-info .buttons-wrapper .tooltip-inner { padding:10px; font-size:13px; } #vote-projects-quarter-info .buttons-wrapper .btn { margin:6px; } #vote-projects-quarter-info .buttons-wrapper .inactive:hover { cursor:default; } #negative-opinion-section { margin: 20px 0; padding:15px; display: inline-block; background:#f4f4f4; width:100%; } #negative-opinion-section .negative-opinion-info-section { } #negative-opinion-section p.opinion-header { font-size:20px; font-family: "noahbold"; text-align:center; margin-bottom:5px; } #negative-opinion-section p.opinion-info { font-size:16px; } #negative-opinion-section .btn { line-height:10px!important; margin:-3px 0 0 3px;; cursor:pointer; } #negative-opinion-section .btn i { margin-left: 3px; } #negative-opinion-section input.form-control { max-width:100px; } #negative-opinion-section b { font-family: "noahbold"; font-weight:normal; } #search-section { background:#1a1a1a; border-radius: 8px; margin-left:0; margin-right:0; } #search-section select option { padding:5px 5px;} #voting-welcome-section { position:relative; overflow:hidden; } #voting-welcome-section .welcome-message { padding:30px 25px 10px 25px; color:#fff; font-size:1.1rem; } #voting-welcome-section .welcome-message h1, #voting-welcome-section .welcome-message h2 { text-align:center; } #voting-welcome-section .welcome-message b { font-weight:600; } #voting-welcome-section .welcome-message p { font-size:16px; } #voting-welcome-section .welcome-message li p { font-size:18px; } #vote-code-section { background: #1a1a1a; padding: 10px 0px; width: auto; max-width: 470px; margin: auto; border-radius: 15px; margin-top: 25px; margin-bottom: 15px; } #voting #personal-data-section, #voting-welcome-section, #voting-verification-sms, #voting-projects-choosing-section { border-radius:12px; } #voting-verification-sms #switch-to-code, #voting .chosen-project-info .choosen-project-action { border-radius:50px;} #personal-data-section .circles, #thankyou-container .circles, #voting-verification-sms .circles, #voting-welcome-section .circles { transform: scale(2); right:0; bottom:0; left:initial; top:initial; } #voting-verification-sms { padding:25px; letter-spacing: 0; color:#fff; text-align:center; background:#121212; position:relative; overflow:hidden; } #voting-verification-sms p, #voting-verification-sms a { font-size:1rem; } #voting-verification-sms #put-sms-code-into { font-size:1.2rem; } #voting-verification-sms b { font-weight:500; } #voting-verification-sms h2 { width:100%; margin:10px 0; } #vote-code { width:180px; font-size:24px; text-align:center; text-transform: uppercase; letter-spacing:4px; margin:auto; font-family: "noahbold"; padding:24px 8px; } #voting-verification-sms #verification-code, #verification-phone { font-size:24px; text-align: center; width: 190px; color:#fff; letter-spacing:2px!important; font-family: "Poppins"; padding:24px 8px; position:relative; } #voting-verification-sms #verification-code { margin:5px auto 15px auto; text-transform: uppercase; } #send-phone-bt, send-vote-after-verification-bt { padding: 10px 20px; height:44px; min-width:100px; } #voting-verification-sms .phone-input-section p { font-weight:500; } #voting-verification-sms .phone-input-section .icon-section { background: #121212 none repeat scroll 0 0; border-radius: 50%; float: left; height: 92px; line-height: 130px; text-align: center; width: 92px; margin-right: 30px; } #voting-verification-sms .phone-input-section .icon-section i { font-size:4rem; color: #bbb; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #voting-verification-sms .phone-input-section .icon-section.error i { color:#dd0000; animation-duration: 1s; animation-iteration-count: 1; animation-name: hvr-wobble-horizontal; animation-timing-function: ease-in-out; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; -webkit-animation-name: hvr-wobble-horizontal; -webkit-animation-timing-function: ease-in-out; } #voting-verification-sms .phone-input-section .phone-input-section-inner { float:left; width:100%; } #voting-verification-sms .phone-input-section .phone-input-section-inner p { font-size:1.1rem; font-family: "Poppins"; font-weight:500; } #verification-code-wrapper .phone-input-section .phone-input-section-inner { width: 100%; } #voting-verification-sms .phone-input-section .form-group { margin:0!important; } #voting-verification-sms .phone-input-section p.helper { color: #aaa; font-size:1rem; line-height: 1.5rem; margin:15px 0 0 0; } #voting-verification-sms .phone-input-section p.helper.error { color:#ff7070; } #verification-phone { text-align:left; } #verification-phone, #voting-verification-sms .phone-input-section span { display:inline-block; margin:0 5px; } #voting-verification-sms .phone-input-section span { color: #aaa; font-size:1.5rem; letter-spacing: 0px; line-height: 40px; font-family: 'Roboto', sans-serif; transform: translateY(4px); margin-left: -50px; } #voting-verification-sms .phone-input-section { background: #1a1a1a; display: inline-block; margin:15px auto; padding: 15px; width:100%; max-width: 500px; text-align: left; border-radius: 5px; text-align:center; } #verification-code-wrapper .phone-input-section {min-height: 170px; } #verification-code-wrapper .code-info-section { width:100%; } #voting-verification-sms .verification-phone-info { max-width: 450px; margin:auto; } #voting-verification-sms .verification-phone-info span, #voting-verification-sms .code-info-section span { cursor: pointer; color:#4291bd ; } #voting-verification-sms .verification-phone-info span:hover, #voting-verification-sms .code-info-section span:hover { text-decoration: underline; } #voting-verification-sms #switch-to-code { color:#fff; text-decoration: none; } #voting-verification-sms .verification-phone-section { margin:0px auto; text-align: center; } #voting-verification-sms #verification-code-wrapper .verification-phone-section { max-width: 510px; } #voting-verification-sms #verification-code-wrapper h2 { font-size:1.6rem; } #voting-verification-sms #verification-code-wrapper #sent-phone { font-size:2.53rem; display:inline-block; margin-top:10px; } #voting-verification-sms .code-input-wrapper { width: 100%; } #voting-verification-sms .code-input { display:inline-block; width: 34px; height: 46px; font-size:26px; padding:5px; text-align:center; margin: 0 3px; border:1px solid #444; transform: scale(); transition: all .2s ease-out; } #voting-verification-sms .code-input:focus { transform: scale(1.15); } #voting-welcome-section > div { /* padding:0px!important;*/ } #voting-welcome-section .welcome-message h2 { text-align: center; width:100%; } #voting-welcome-section .welcome-message h3 { text-align: center; width:100%; } #voting-welcome-section .welcome-message ol, #voting-welcome-section .welcome-message ul { margin-left:15px; } #voting-welcome-section .welcome-message li { margin:15px 0; text-align:left; } #voting-welcome-section { background: #121212; margin-top:25px; } #thankyou-container { margin-bottom:30px; } #thankyou-container .btn { margin-top:20px; } #thankyou-chosen-projects { margin: 30px -15px; padding: 15px 0; } .bright #thankyou-chosen-projects { margin: 30px 0px; padding: 15px 0; } #thankyou-chosen-projects p { font-size:1.1rem; margin-bottom:0;} #thankyou-chosen-projects ul { margin:20px 0 20px 20px; text-align:left; } #thankyou-chosen-projects ul li { font-size:20px; } #thankyou-chosen-projects-info p { font-size:1.1rem; } .voting_chosen_projects_table { width:100%; } #voting { color:#fff; } #voting .project-item.blocked a, #voting .project-item.blocked p { opacity:0.5; } #voting .project-item.blocked, #voting .project-item.blocked:hover, #voting .project-item.blocked:hover .project-choose { background:#f5f5f5!important; } #voting .project-item.blocked .project-choose { cursor:default; } #voting .project-item.blocked .project-choose > span { position:relative; } #voting .project-item.blocked .project-choose > span:after { visibility: hidden; width: 270px; background-color: #000; box-shadow:0 0 40px rgba(0,0,0,.5); color: #fff; text-align: center; border-radius: 6px; line-height:130%; height:50px; top:50%; padding: 5px 0; margin-top:-25px; left:80px; position: absolute; z-index: 1; opacity:0; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } #voting .project-item.blocked .project-choose > span:hover:after { visibility: visible; opacity:1; } #voting .project-item { -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; position: relative; padding:10px; text-align:center; } #voting .project-item.chosen { display: none; } #voting .project-item .pd { padding:20px 0; } #voting .project-item .pdl { padding:20px 0 20px 20px; } #voting .project-item .pdr { padding:20px 20px 20px 0px; } #voting .project-item .pdlr { padding:20px; } #voting .project-item label { color: #888; font-weight: normal; text-transform: none; } #voting .project-item label { display:none; } #voting .project-item .quarter label, #voting .project-item .category label { display:block; float:left; } #voting .project-item .category span { color: #222; display:inline-block; } #voting .project-item:hover { } #voting .project-item .title { font-size:1.5rem; color:#eee; font-family: 'noahbold'; float:left; width:100%; margin-bottom:5px; line-height: 1.3; text-align:center; } #voting .project-item .title:hover { color:#fff; } #voting .project-item .info { display:inline-block; width:100%; } #voting .quarter-name-row, #voting .category-name-row { text-align:center; font-size:20px; color:#fff; font-family: 'noahbold'; width:100%; margin:15px 10px; background:#1a1a1a; padding:15px; border-radius: 8px; } #voting .category-name-row span, #voting .quarter-name-row span { color:#666; font-size:16px; } #candidates-list .candidate-box .photo { margin:15px 0; } #thankyou-container .candidate-box { background:#121212; padding:15px 0; } #thankyou-container p.name { margin-top:10px; font-size:1.8rem; font-family: "noahbold"; } #thankyou-container .candidate-box .photo-wrapper { border:0px solid #444; border-radius: 50%; margin:10px auto; max-width:200px; width:120px; height:120px; position:relative; } #candidates-list .candidate-box .photo .photo-wrapper { border:1px solid #444; border-radius: 50%; margin:auto; overflow: hidden; max-width:200px; width:200px; height:200px; } #thankyou-container .candidate-box .photo-wrapper-inner, #candidates-list .candidate-box .photo .photo-wrapper-inner { margin:0px; border-radius: 50%; position:relative; } #thankyou-container .candidate-box .photo-wrapper-inner img, #candidates-list .candidate-box .photo img { border-radius: 50%; transition: all 3s ease-out; transform: scale(1); z-index:3; position: relative; } #candidates-list .candidate-box:hover .photo-wrapper img { transform: scale(1.15); } body.events #candidates-list .candidate-box .photo .photo-wrapper { border-radius: 4px; max-width:100%; width:100%; max-height:300px; border:0; padding:0px; height:auto; display: flex; justify-content: center; align-items: center; } body.events #thankyou-container .candidate-box .photo-wrapper-inner { border-radius:50%; overflow:hidden; height:inherit; } body.events #thankyou-container .candidate-box .photo-wrapper-inner img { border-radius:0; height: inherit; max-width: none; left: 50%; transform: translateX(-50%); } body.events #candidates-list .candidate-box .photo .photo-wrapper-inner { border-radius:0; } body.events #candidates-list .candidate-box .photo img { border-radius:0; width:100%; object-fit: cover; } body.events #candidates-list .candidate-box .photo { margin:0 0 15px 0;} #projects-for-voting { display: flex; flex-wrap: wrap; width:100%; } #projects-for-voting .project-item { flex: 0 0 33.333333%; display: flex; } #projects-for-voting .project-item-inner { background:#1a1a1a; } #voting #list-label { color: #666; font-size: 16px; margin-bottom: -10px; margin-top: 10px; text-align: center; display: none; } #voting #projects-list-section .np { padding:0px; } #back-step { opacity:.6; height:32px; cursor: pointer; position: absolute; left:0px; top:18px; line-height:32px; text-align: left; -webkit-transition: opacity 0.3s ease-out 0s; transition: opacity 0.3s ease-out 0s; background:inherit; border:0; } #back-step i { margin-right: 6px; } #back-step:hover { opacity:1; } #voting .mobile-choose-ico { width:36px; height:36px; background: url('../img/icons/hand-icon.png') no-repeat; background-size: 36px; transform: translateY(9px); -webkit-transform: translateY(9px); margin-left:5px; display: none; } #voting .empty-checkbox-ico { margin-right:3px; display: inline-block; font-size:17px; font-weight:600; } #voting #personal-data-section { background: #121212; /*padding:10px;*/ position:relative; min-height: 100px; overflow:hidden; } #voting #personal-data-form-section label { margin-bottom: 0px; font-size: 1.1rem; font-weight: 100; line-height: 150%; text-align: right; padding-top: 10px; } #voting #personal-data-form-section label.big-label { font-size:1.5rem; font-family: "noahbold"; } #voting label.bold { font-weight: 100; font-family: "noahbold"; } #voting #personal-data-section .error label { color:#fff; } #voting #parents-permission-section .agreement-section { margin:10px 0px; } #voting #parents-permission-section .agreement-section:not(:first-of-type) { margin-top:0px; } #voting #personal-data-section .accept-terms label, #voting #personal-data-section .agreement-section label { font-size:14px; } #voting #negative-opinion-section .error-info { color:#dd0000; font-size:16px; margin:0 0 10px 0; display:none; } #voting #negative-opinion-section .error .error-info { display:block; } #voting #personal-data-section .require-info { color:#999; position: relative; float:right; font-size: 13px; } #voting #go-to-personal-btn-section, #voting #vote-btn-section { margin:20px 0; } #voting .chosen-project-info .chosen-project-item { overflow:hidden; margin:0; border-top:1px solid rgba(255,255,255,.1); } #voting .chosen-project-info .chosen-project-item:first-child { border-top:0px; } #voting .chosen-project-info .chosen-project-item .choose-info { padding:25px 0; background:#121212; font-size:18px; line-height:18px; color:#000; cursor: pointer; -webkit-transition: font 0.6s ease-out 0s, background 0.6s ease-out 0s; transition: font 0.6s ease-out 0s, background 0.6s ease-out 0s; text-align:center; } #voting .chosen-project-info .chosen-project-item.by-category .choose-info { padding:5px 0; } #voting .chosen-project-info .chosen-project-item.by-category .choose-info.active, #voting .chosen-project-info .chosen-project-item.by-category .choose-info:hover { background:#333; } #voting .chosen-project-info .chosen-project-item .chosen-info { padding:25px 0; float:left; width:100%; background:#121212; text-align:center; } #voting .chosen-project-info .chosen-project-item .chosen-info label { font-weight: normal; text-align:right; width:100%; text-align:center; } #voting .chosen-project-info .chosen-project-item.by-category .chosen-info { padding:15px 0; text-align:left; background:#222; } #voting .chosen-project-info .chosen-project-item.by-category .choose-info { text-align:left; } #voting .chosen-project-info .chosen-project-item.by-category .choose-info a { color: #fff; transition: background 0.2s linear; padding: 15px; display: inline-block; width: 100%; font-weight:500; line-height: 1.3; } #voting .chosen-project-info .chosen-project-item.by-category .choose-info .category-subinfo { text-transform: initial; color: #aaa; font-family: 'noahregular'; } #voting .chosen-project-info .chosen-project-item .title { color:#ccc; } #voting .chosen-project-info .chosen-project-item .title .choose-label { text-transform:uppercase; font-family: "noahbold"; text-align:center; } #voting .chosen-project-info .chosen-project-item .title .project_name { font-family: "noahbold"; color:#fff; font-size:20px; margin: 0; display: block; } #voting .chosen-project-info .chosen-project-item.by-category .title .project_name { margin: 5px 0 0 0; } #voting .chosen-project-info .chosen-project-item .title .additional-info { clear:both; color:#fff; margin-top:0px; font-size:16px; } #voting .chosen-project-info .chosen-project-item .title .candidate_photo { border-radius:50%; width:120px; height:120px; padding:5px; border:1px solid #444; margin:auto; } #voting .chosen-project-info .chosen-project-item .title .category_name b { font-weight:500; color: #eee; } #voting .project-item .subinfo { } #voting .chosen-project-info .choosen-project-action { background-color: #e35749; color: #ffffff; font-weight:500;; font-size:0.85rem; line-height: 17px; padding: 8px 16px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; outline:none; } #voting .chosen-project-info .choosen-project-action.del-project-bt { background-color: #dd0000!important; border:0px!important; } #voting .chosen-project-info .choosen-project-action i { margin-left:5px; } #voting #personal-data-section #phone { padding-left:50px; letter-spacing:2px; } #voting #personal-data-section #phone-prefix { color:#999; position:absolute; padding:8px; } .bright #voting #personal-data-section #phone-prefix { color:#888; padding:6px 8px; } #voting .termin-info-alert { padding: 15px 10px; text-align: center; background: rgba(0,0,0,.5); border-radius:8px; } #voting .termin-info-alert p { font-size: 1.1rem; margin:0; } #voting .personal-additional-info { margin:15px 0; } #voting .personal-additional-info, #voting .personal-additional-info p { font-size:15px!important; } #voting .personal-additional-info ul { margin-left:15px; } #voting .chosen-project-info { background:#1a1a1a; padding:0px; font-size:16px; color: #666; } #voting .chosen-project-info { } #voting .chosen-project-info .chosen-project-bt-wrapper { text-align: center; } #voting .chosen-project-info .by-category .chosen-project-bt-wrapper { text-align: right; } #voting .chosen-project-info .choosen-project-action { min-width:0; } #voting .chosen-project-info .choosen-project-action:hover { } #voting .choose-project-title { padding:15px; background:#1a1a1a; margin-bottom:0px; text-align: center;} #voting .choose-project-title.nm { margin-bottom: 0px; } #voting .choose-project-title p { margin:0; font-size:22px; font-family:"noahbold"; line-height:1.3; } #voting .choose-project-title.up p { font-family:"noahbold"; } #voting .choose-project-title span.bold, #voting .choose-project-title.up span:not(.help) { text-transform: uppercase; font-family:"noahbold"; } #voting .choose-project-title span.help { color: #aaa; font-size: 0.9rem; display: block; font-family: 'Poppins', sans-serif; } #voting .price-left-info { padding:15px; margin-bottom:0px; text-align: center; } #voting .price-left-info p { margin:0; font-size:20px; font-family:"noahbold"; color:#666; } #voting .price-left-info span { font-family:"noahbold"; color:#000; font-size:24px; } #voting .price-left-info .chosen { display:none; } #voting .projects-price-left, #voting .chosen-projects-price { color:#d41012!important; } #voting .pesel_widget legend { color: #fff; font-size: 16px; padding-bottom: 10px; margin-bottom: 10px; border-color: rgba(255,255,255,.3); } #voting .pesel_widget { position: absolute; width: 210px; height: 180px; background: #000; padding:15px; text-align:center; box-shadow: 0 0 20px rgba(0,0,0,1); border-radius: 8px; z-index: 1; left: 56px; margin-left: 0; bottom: 50px; display:none; } #voting .pesel_widget.active { display:block; } #voting .pesel_widget p { font-size:16px; font-family:'noahbold'; margin-bottom:5px; } #voting .pesel_widget input[type="radio"] { margin:0px; } #voting .pesel_widget label { display:block; float:left; margin:0 15px 10px 0; font-size:12px!important; } #voting .pesel_widget label.age_date { margin:0 0 10px 0!important; font-size:12px; } #voting .error-info-box { color:#ff8080; font-size:1rem; line-height:130%; clear:both; transition: all 0.2s ease-out; font-weight:500; float:left; display:none; width:100%; margin-top:8px;} #voting .error .error-info-box { display:block; } #voting .checkbox .error-info-box { margin:0px 0 0 25px; } #go-to-personal-btn.shake { animation-duration: 1s; animation-iteration-count: 1; animation-name: hvr-wobble-horizontal; animation-timing-function: ease-in-out; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; -webkit-animation-name: hvr-wobble-horizontal; -webkit-animation-timing-function: ease-in-out; } @keyframes hvr-wobble-horizontal { 16.65% { transform: translateX(8px); } 33.3% { transform: translateX(-6px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0px); } } @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: -webkit-translateX(8px); } 33.3% { -webkit-transform: -webkit-translateX(-6px); } 49.95% { -webkit-transform: -webkit-translateX(4px); } 66.6% { -webkit-transform: -webkit-translateX(-2px); } 83.25% { -webkit-transform: -webkit-translateX(1px); } 100% { -webkit-transform: -webkit-translateX(0px); } } #go-to-personal-btn, #go-to-personal-btn.btn-default:hover, #go-to-personal-btn.btn-default:focus, #go-to-personal-btn.btn-default:active, #go-to-personal-btn.btn-default:active:hover { background:#ddd!important; border:0!important; } #go-to-personal-btn.act { background:#e35749!important; } #go-to-personal-btn.act:hover { background:#c74c40!important; } #vote-send-success { display:none; color: #444; font-family: "noahbold"; font-size: 24px; padding: 100px 20px; text-align: center; margin:auto; max-width:600px; } #vote-send-thank-you { color: #fff; font-size: 24px; padding:40px 20px; text-align: center; margin:auto; line-height:1.3; } #thankyou-container.voting-inactive { min-height:auto; } #thankyou-container { background:#1a1a1a; margin-top:30px; border-radius:12px; position:relative; overflow:hidden; } #thankyou-chosen-projects .category-name { margin:15px 0; color:#aaa; font-family: 'Poppins', sans-serif; font-size:1.1rem; line-height:1.3; font-weight: 100; } #thankyou-chosen-projects .category-name .cat { color:#fff; font-size:1.3rem; font-weight: 500; } #vote-error-section { padding:0; font-family: 'noahbold'; } #vote-error-section > div { background: #6d0000; padding: 15px; border: 3px solid #d00; border-radius: 10px; margin: 30px 15px; font-size:1.1rem;} #vote-error-section p { font-size:20px; color:#fff; margin-bottom:0; } #vote-error-section p.info { color:#fff; font-size:13px; font-family: "Poppins"; margin-top:10px; margin-bottom:0px; } #voting .project-item .info-item { font-size:15px; font-family: 'noahbold'; text-transform: capitalize; margin:0; } #voting .project-item .info-item label { color:#9c9c9c; font-weight: 100; } #voting .project-item .info-item br { display:none; } #voting .project-nr { text-align: center; font-size:20px; color:#9c9c9c; line-height: 150%; } #voting .input-group .ico { position:absolute; left:0; width:40px; padding: 7px 0; color:#aaa; border-radius:0px; z-index:10; text-align:center; } #voting .input-group input { border-radius:0!important; } #voting .form-group, #voting .input-group { width:100%; margin:15px 0; } #voting .form-group option { color:#555; padding: 6px; } #voting .form-group.error input, #voting .form-group.error select { border:2px solid #ff8080; } #voting .form-group.error label { color: #dd0000; } #pesel-error { display:none; color:#dd0000; width:100%; float:left; position:relative; font-size:16px; margin-top:5px; font-family: "noahbold"; } #voting .input-group input { padding-left:36px; } #voting .desc { font-family:Arial,Helvetica Neue,Helvetica,sans-serif; font-size:13px; color:#666; margin-top:0; line-height:150%; margin-bottom:10px; } #voting .price { font-size:20px; line-height: 150%; text-align: center; font-family: 'noahbold'; } #voting .project-nr, #voting .price { padding:0; } #voting .info-row { color:#ccc; padding:15px 0; background: #000; font-size:16px; border-bottom: 0px solid #e4e4e4; font-family: "noahbold"; } #voting .container { background:none; } #voting .project-choose { text-align: center; text-align:center; cursor: pointer; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; font-size:16px; padding-top:25px; line-height: 100%; } #voting .project-choose:hover .empty-checkbox-ico { filter:grayscale(0%); -webkit-filter:grayscale(0%); opacity:1; } #voting .project-item:hover .project-choose { } #voting .project-choose-points:hover, #voting .project-choose:hover { background:#dfe6de; color:#427234!important; } #voting .project-choose-points { vertical-align: middle; text-align: center; line-height: 25px; font-family: "noahbold"; background:#f4f4f4; color:#c6c6c6; text-align:center; cursor: pointer; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; font-size:16px; padding:20px; } #voting .project-choose-points select, #voting .project-choose-points option { height: 25px; line-height: 25px; padding: 5px 0; text-align: center; } #voting .project-choose-points { cursor:default; } #voting .nice-select.points { width:110px; left:50%; margin-left:-55px; line-height:40px; height:40px; text-align:center!important; padding:0; } #voting .nice-select.points::after { display:none; } #voting .nice-select.points .list { overflow:visible; } #voting .nice-select.points .option { text-align:center; line-height: 36px; line-height:36px; padding:0; font-size:14px; font-family: "noahbold"; color:#000; } #voting .nice-select .option.selected { font-weight:normal; } /* #voting-form input[type=text], #voting-form input[type=phone], #voting-form input[type=email] { font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size:14px; border-radius:4px; color:#000; border:0px; background:#fff; }*/ #voting-form { width:100%; float:left; padding:15px; } #voting-form .select2-container--default .select2-selection--single { border-radius:0px; } #voting .pesel-only-input { font-size: 23px!important; height: auto; margin: 10px auto; padding: 4px; text-align: center; width: 170px; display:inline-block; } #voting-form .accept-terms input, #voting-form .accept-terms label { margin:0; font-size:13px; cursor: pointer; } #voting-form .accept-terms .form-group { margin:5px 0; } #voting-form .accept-terms input { margin:0; opacity:0; } #voting-form .data-clause-info { font-size:0.9rem; margin:20px 0; } #voting-form .data-clause-info .clause-title { width:100%; text-align:center; font-size:20px; font-family: "noahbold"; } #voting-form .data-clause-info .clause-content { max-height:185px; padding:15px; background:#222; border-radius: 8px; } #personal-data-section { display: none; } #personal-data-section .agreement-section label { font-size:13px; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; } #personal-data-section .agreement-section input[type="checkbox"] { margin: 0 5px 0 0; } #voting #projects-no-data { display:none; width:100%; } #voting .max-input-6-col { max-width:262px; } #project-list-info-text { text-align:center; margin-bottom:15px; font-size:21px; color:#dd0000; } #voting label span { color:#fff; } #auth-code-input { text-transform: uppercase; } #auth-code-input:focus { } #voting .icon { height:80px; margin:25px auto; text-align:center; } #voting #welcome-message .icon { height:100px; } #voting .icon.rules { margin:0px auto 10px auto; } #voting .icon.phone { margin:0 0 25px 0; height: 100px; } #voting .icon img { height:100%; } #voting .icon svg { height:100%; } #voting-projects-choosing-section { display:none; overflow: hidden; } #results-menu { border:0px; margin: 25px 0 25px 0; overflow:hidden; border-radius:8px; } #results-menu li { background:#1a1a1a; width:50%; text-align:center; font-size:2rem; font-family:"noahbold"; margin:0px; padding:0; border:0; left:0; } #results-menu li a { color:#aaa; 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:#333; color:#fff; } #results-menu li a:hover { background:#444; color:#fff; } #results-menu li svg { } #results-menu li a:hover svg { } #results-menu li svg path { fill:#aaa; } #results-menu li.active svg path { fill:#fff; } #categories-promo-wrapper { margin:20px 0 10px 0; } #categories-promo-wrapper .category-promo { text-align:center; display:none; padding-top:10px; padding-bottom:10px; transition: background .2s linear; border-radius:8px; background:#1a1a1a; } #categories-promo-wrapper .category-promo:hover { cursor:pointer; background:#333; } #categories-promo-wrapper .category-promo .inner { display:flex;; justify-content: center; align-items: center; } #categories-promo-wrapper .category-promo i { color: #d00; font-size: 32px; } @media only screen and (max-width : 991px) { #projects-for-voting .project-item { flex: 0 0 50%; } #categories-promo-wrapper .category-promo .inner { flex-direction: column; font-size: 1.1rem; } #voting .termin-info-alert p br { display:none; } } @media only screen and (max-width : 768px) { .circles { display:none!important; } #voting .quarter-name-row { } #voting .project-item .pd { padding-left:15px; padding-right:15px; } #voting .project-item .project-nr { padding-bottom:0px; margin-bottom:-10px; font-size:24px; } #voting #personal-data-form-section label { text-align:left!important; margin-bottom:5px!important; } #voting .chosen-project-info .by-category .chosen-project-bt-wrapper { text-align:center; } } @media only screen and (min-width : 768px) { .project-item-points { display: table; overflow:visible!important; width:calc(100% - -30px); } .project-item-points [class*="col-"] { float: none; display: table-cell; vertical-align: top; } } @media only screen and (max-width : 650px) { #voting .chosen-project-info .chosen-project-item.by-category .chosen-info .category_name, #voting .chosen-project-info .chosen-project-item.by-category .choose-info a { display:flex; flex-direction: column; } #voting .chosen-project-info .chosen-project-item.by-category .choose-info .category-subinfo { margin-bottom:3px; } #voting .chosen-project-info .chosen-project-item.by-category { margin:10px 0; } } @media only screen and (max-width : 592px) { .dominik-kultury #projects-for-voting .project-item, .dominik-kultury #candidates-list .candidate-box-wrapper, #projects-for-voting .project-item { flex: 0 0 100%; } } @media all and (max-width: 479px) { #thankyou-chosen-projects { padding: 10px 10px 0 10px; } } @media all and (max-width: 769px) { #voting .project-item.blocked .project-choose > span:after { top:-60px; font-size:15px; left:-84px; } } @media only screen and (max-width : 379px) { #project-list-info-text { font-size:17px; } } #last_8_number_of_pesel_wrapper { text-align:center;} #last_8_number_of_pesel_wrapper label { text-align:center!important;} #last_8_number_of_pesel { letter-spacing:5px!important; width:190px; text-align:center; margin:15px auto; font-size:18px; }