.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;letter-spacing:0;line-height:20px;left:0;text-align:center;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cookie-notice-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container{display:none}#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin:-10px 0 0 0;width:15px;height:15px;opacity:.5;padding:10px;border:none;outline:0;background:0 0;box-shadow:none;cursor:pointer}.cn-close-icon:focus,.cn-close-icon:focus-visible{outline:2px solid currentColor;outline-offset:3px}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:grey}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;letter-spacing:.25px;line-height:20px;margin:0 0 0 10px;text-align:center;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:2rem;-moz-border-radius:2rem;border-radius:2rem;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px 0}.cn-buttons-container,.cn-text-container{display:inline-block}.cn-compliance-warning{display:block;color:#f5a623!important;font-size:12px;line-height:18px;margin:4px 0 8px 0}.cn-compliance-warning .cn-warning-icon{color:#f5a623!important;margin-right:4px}.cn-compliance-warning strong{color:#f5a623!important}.cn-compliance-warning a{color:#f5a623!important;text-decoration:underline}.cn-compliance-warning a:hover{color:#ffb84d!important}#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-fade{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-text{display:block}.cookie-notice-container #cn-notice-buttons{display:block}#cookie-notice .cn-button{margin:0 5px 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}.sgb_pdf_gif
{
display: none;
}
.pdf_overlay { height: 100%;
width: 100%;
position: fixed; z-index: 9999; left: 0;
top: 0;
background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-x: hidden; transition: 0.5s; } .overlay-content {
position: relative;
top: 25%; width: 100%; text-align: center; margin-top: 30px; }.donate-form_content-step2 {
display: none;
border-top: 1px solid;
}
.donate-form_header h1 {
font-size: 35px;
color: #8dc63f;
font-weight: 700;
margin-top: 0px !important;
}
.donate-form_content-step2-inner {
max-width: 1030px;
margin: auto;
}
.donate-form_header .container {
display: flex;
justify-content: space-between;
max-width: 1030px
}
.flex-col {
display: flex;
flex-wrap: wrap;
}
.flex-col > p {
flex: 1;
flex-basis: 40%;
max-width: 40%;
}
.flex-col > p:last-child {
max-width: 60% !important;
}
.form-error {
display: inline-block;
color: #fff;
margin-bottom: 30px;
font-weight: 300;
border: 1px solid #8dc63f;
padding: 5px 10px;
}
.donate-form_footer--second-bg {
width: 100%;
}
.donate-form_header .container div:first-child {
flex: 50%;
}
.donate-form {
font-family: 'Roboto';
}
.donate-form_header,
.donate-form_content{
max-width: 1170px;
margin: auto;
}
.donate-form_footer-first-box-inner,
.donate-form_footer-second-box-inner {
max-width: 1030px;
margin: auto;
}
.donate-form_footer-first-box,
.donate-form_footer-second-box{
position: relative;
}
.donate-form_footer-first-box-inner,
.donate-form_footer-second-box-inner{
position: absolute;
top: 0;
left: 0;
right: 0;
}
.donate-form_footer-second-box-inner  {
display: flex;
}
.donate-form_content-step1 {
background-image: url(http://www.humanites.pl/wp-content/uploads/2019/09/form-bg.png);
color: #fff;
min-height: 560px;
position: relative;
}
.donate-form_content-step1 h2 {
margin: 0px;
font-size: 28px;
font-weight: 700;
color: #8dc63f;
padding: 40px 0px !important;
margin-bottom: 40px;
}
.donate-container {
max-width: 1030px;
margin: auto;
}
.div-submit {
position: absolute;
bottom: -15px;
}
.div-submit .donate-form-next {
background-image: url(http://www.humanites.pl/wp-content/uploads/2019/09/Group-2.png);
font-size: 17px;
width: 125px;
height: 45px;
border: 0px;
border-radius: 5px;
text-align: left;
padding-left: 20px;
color: #fff !important;
outline: none;
box-shadow: none;
}
.flex-box {
display: flex;
align-items: center;
margin-bottom: 50px;
}
.amount {
background: #fff;
color: #8dc63f;
border-radius: 3px;
font-size: 26px;
font-weight: 700;
margin-left: 20px;
margin-right: 20px;
padding: 10px 5px;
display: flex;
align-items: center;
cursor: pointer;
}
.amount span {
font-size: 17px;
font-weight: 300;
margin-left: 5px;
}
.donate-form-label {
font-size: 18px;
font-weight: 300 !important;
padding: 0px !important;
margin-right: 40px;
}
.flex-box-column {
display: flex;
flex-direction: column;
}
.green-h2 {
color: #8dc63f;
margin-top: 50px;
margin-bottom: 80px;
font-size: 30px;
}
.flex-box-not-align {
align-items: flex-start
}
.donate-form_footer {
margin-top: 60px;
width: 100vw;
position: relative;
margin-left: -50vw;
margin-top: 100px;
left: 50%;
}
.donate-form_footer-first-box_left {
width: 49%;
padding: 30px 0px;
}
.donate-form_footer--first-bg-left,
.donate-form_footer--first-bg-right {
flex-basis: 50%;
min-height: 800px;
}
.donate-form_footer--second-bg-left,
.donate-form_footer--second-bg-right{
flex-basis: 50%;
min-height: 800px;
}
.donate-form_footer--first-bg-left {
background-color: #8dc63f;
}
.donate-form_footer--first-bg-right {
background-image: url(http://www.humanites.pl/wp-content/uploads/2019/10/footer_bg_1.png);
background-position: center;
background-size: cover;
}
.donate-form_footer--second-bg-left {
background-image: url(http://www.humanites.pl/wp-content/uploads/2019/10/footer_bg_2.png);
background-position: center;
background-size: cover;
}
.donate-form_footer--first-bg,
.donate-form_footer--second-bg{
display: flex;
}
#udf-currency {
color: #8dc63f !important;
font-size: 17px;
margin: 0px 0px 0px 20px;
border-radius: 3px;
min-height: 43px;
height: auto;
}
.add-donate-custom-amount {
background: transparent !important;
border-radius: 3px;
border: 1px solid #fff;
color: #fff;
min-height: 43px;
}
.info-check {
margin-left: 20px;
font-weight: 300;
}
.donate-form_header {
margin-bottom: 50px;
}
.step-info {
font-size: 26px;
}.donate-form_footer-first-box_left h3 {
color: #fff;
}
.donate-form_footer-first-box ul li {
list-style-image: url(http://www.humanites.pl/wp-content/uploads/2016/12/check-white.png) !important;
font-weight: 300;
}
.donate-form_footer-first-box {
color: #fff;
}
.donate-form_footer-first-box ul {
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
line-height: 150%
}
.donate-form_footer-second-box ul li {
list-style-image: url(http://www.humanites.pl/wp-content/uploads/2016/12/check-e1481183528252.png);
}
.donate-form_footer-second-box_left,
.donate-form_footer-second-box_right {
flex: 1;
flex-basis: 50%;
}
.donate-form_footer-second-box_right {
padding-left: 40px;}
.labelChecked {
background: #8dc63f !important;
color: #fff !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance:textfield;
}
.two-column {
display: flex;
flex-wrap: wrap;
}
.two-column > p {
flex-basis: 50%;
display: flex;
padding-right: 30px;
align-items: center;
margin-bottom: 20px;
}
.two-column > p span {
flex-basis: 200px;
font-weight: 400;
font-size: 15px;
}
.flex-flex {
display: flex;
flex-basis: 100% !important;
align-items: center;
}
.space-donate {
flex-basis: unset !important;
padding-left: 15px;
padding-right: 15px;
}
.donate-form-checkbox {
display: flex;
margin-bottom: 10px;
}
.donate-form-checkbox input {
width: 10%;
border: 0px;
box-shadow: none;
}
.small {
font-size: 12px;
}
.two-column span b {
color: red !important;
}
.donate-form_footer-second-box_right h3 {
padding-top: 40px;
padding-bottom: 20px;
}
.donate-form_footer-second-box_right ul {
padding-left: 20px;
}
.donate-form_footer-second-box_right ul li {
font-weight: 300;
line-height: 150%;
}
.two-column input {
min-height: 43px !important;
display: block !important;
width: 100% !important;
height: 30px !important;
padding: 6px 12px !important;
font-size: 14px !important; 
line-height: 1.42857143 !important;
color: #555 !important;
background-color: #fff !important;
background-image: none !important;
border: 1px solid #ccc !important;
border-radius: 4px !important;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
text-transform: unset !important;
font-weight: 300 !important;
margin-bottom: 0px !important;
}
.fix-nr {
max-width: 140px;
}
.form-error-box {
width: 100%;
}
.two-column .form-error {color: #8dc63f !important;}
.input-error {
border-color: red !important;
}
input[type="checkbox"]:checked {
background: #8dc63f;
}
input[type="checkbox"]:hover {
filter: brightness(90%);
}
input[type="checkbox"]:after {
content: '';
position: relative;
left: 25%;
top: 6%;
width: 43%;
height: 70%;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
display: none;
}
input[type="checkbox"]:checked:after {
display: block;
}
input[type="checkbox"] {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
background: transparent;
height: 16px !important;
width: 16px !important;
border: 1px solid #8dc63f;
border-radius: 30px;
}
.donate-form__first-checkbox {
flex: 1;
max-width: 16px;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
outline: none !important;
}
.donate-form-checkbox span {
padding-left: 15px;
font-size: 12px;
flex: 1;
line-height: 130%;
font-weight: 300;
}
.buttonss {
padding-top: 30px;
display: flex;
}
.donate-form-prev {
background-image: url(http://www.humanites.pl/wp-content/uploads/2019/10/bg.jpg) !important;
background-size: cover !important;
font-size: 17px;
width: 125px;
height: 45px;
border: 0px !important;
border-radius: 5px;
text-align: left;
padding-left: 20px;
color: #fff !important;
display: flex;
align-items: center;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
margin-right: 10px;
text-align: left !important;
padding-left: 30px !important;
}
.donate-form-link {
background-image: url(http://www.humanites.pl/wp-content/uploads/2019/09/Group-2.png);
font-size: 17px;
width: 125px;
height: 45px;
border: 0px;
border-radius: 5px;
text-align: left;
padding-left: 20px;
color: #fff !important;
display: flex;
align-items: center;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
padding-left: 30px !important;
background-size: cover !important;
}
.donate-radio {
display: flex;
align-items: center;
}.download_confirm_button,
#download_confirm_button,
.baza_wiedzy_download{
background: #8dc63f;
color: #fff !important;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 5px;
width:200px;
display:flex;
justify-content:center;
align-items:center;
cursor:pointer;
}
.download_confirm_button,
#download_confirm_button{
margin-top: 30px;
}
.final_download_wrapper{
display:none;
}
span.final_download_information {
margin-bottom: 20px;
display: block;
font-size: 16px;
}
a#final_download_link:visited,
a#final_download_link:hover,
a#final_download_link {
color: #fff;
width: 100%;
height: 100%;
text-align: center;
text-decoration: none;
}
.baza_wiedzy_download{
margin-left: auto;
margin-right: auto;
}
.baza_wiedzy_image{
width: 100%;
height: 200px;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.baza_wiedzy_post{
width: 25%;
padding-left: 15px;
padding-right: 15px;
}
.baza_wiedzy_title{
font-weight: 600;
text-align:center;
margin-top: 20px;
margin-bottom: 30px;
font-size: 18px;
color: #777777;
}
.baza_wiedzy_content{
font-size: 14px;
font-weight: 400;
margin-bottom: 20px;
color: #777777;
}
.term1-error,
.term2-error,
.email-error{
display: none;
margin-bottom: 0;
margin-top: 5px;
color: red;
font-size: 16px;
}
.modal {
position: fixed;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
height: 0vh;
background-color: transparent;
overflow: hidden;
transition: background-color 0.25s ease;
z-index: 9999;
}
.modal.open {
position: fixed;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
transition: background-color 0.25s;
z-index: 999999999999999;
}
.modal.open > .content-wrapper {
transform: scale(1);
}
.modal .content-wrapper {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
width: 50%;
margin: 0;
padding: 2.5rem;
background-color: white;
border-radius: 0.3125rem;
box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.5);
transform: scale(0);
transition: transform 0.25s;
transition-delay: 0.15s;
overflow-y: auto;
overflow-x: hidden;
}
.modal .content-wrapper .close {
position: absolute;
top: 0.5rem;
right: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
border: none;
background-color: transparent;
font-size: 1.5rem;
}
.modal .content-wrapper .close:before, .modal .content-wrapper .close:after {
position: absolute;
content: '';
width: 1.25rem;
height: 0.125rem;
background-color: black;
}
.modal .content-wrapper .close:before {
transform: rotate(-45deg);
}
.modal .content-wrapper .close:after {
transform: rotate(45deg);
}
.modal .content-wrapper .close:hover {
transform: rotate(360deg);
}
.modal .content-wrapper .close:hover:before, .modal .content-wrapper .close:hover:after {
background-color: #8dc63f;
}
.modal .content-wrapper .modal-header {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 0;
padding: 0 0 1.25rem;
}
.modal .content-wrapper .modal-header h2 {
font-size: 1.5rem;
font-weight: 300;
color: #000;
}
.modal .content-wrapper .content {
color: #000;
width: 100%;
}
.modal .content-wrapper .content p {
font-weight: 300;
}
.modal .content-wrapper .content a{
color: #000;
font-weight: 500;
}
.modal .content-wrapper .modal-footer {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
margin: 0;
padding: 1.875rem 0 0;
}
.modal .content-wrapper .modal-footer .action {
position: relative;
margin-left: 0.625rem;
padding: 0.625rem 1.25rem;
border: none;
background-color: slategray;
border-radius: 0.25rem;
color: white;
font-size: 0.87rem;
font-weight: 300;
overflow: hidden;
z-index: 1;
}
.modal .content-wrapper .modal-footer .action:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 0%;
height: 100%;
background-color: rgba(255, 255, 255, 0.2);
transition: width 0.25s;
z-index: 0;
}
.modal .content-wrapper .modal-footer .action:first-child {
background-color: #2ecc71;
}
.modal .content-wrapper .modal-footer .action:last-child {
background-color: #e74c3c;
}
.modal .content-wrapper .modal-footer .action:hover:before {
width: 100%;
} .modal.trigger_download.open textarea{
max-width: 510px;
width: 100%;
border: 2px solid #6d6d6d;
border-radius: 5px;
min-height: 210px;
font-size: 20px;
font-weight: 400;
}
.modal.trigger_download.open input{
width: 100%;
border: 2px solid #6d6d6d;
border-radius: 5px;
min-height: 56px;
font-size: 20px;
font-weight: 400;
padding-left: 10px;
}
.modal.trigger_download.open select{
width: 40%;
border: 2px solid #6d6d6d;
border-radius: 5px;
min-height: 56px;
font-size: 20px;
font-weight: 400;
}
.modal.trigger_download.open select:focus,
.modal.trigger_download.open textarea:focus,
.modal.trigger_download.open input:focus {
border-color: #8dc63f;
}
.contact_phone_input_cont{
display: none;
}
.modal.trigger_download.open textarea:focus + .label_on_border,
.modal.trigger_download.open input:focus + .label_on_border{
color: #8dc63f;
}
.modal.trigger_download.open .form-group{
display: flex;
margin-bottom: 18px;
position: relative;
flex-direction: column;
}
.error {
color: red;
}
.contact_checkboxes_error{
display: none;
color: red !important;
font-size: 16px !important;
margin: 2px 0;
padding: 10px 0;
}
input[type="checkbox"] + label span,
input[type="radio"] + label span{
background: none !important;
}
.label_on_border{
position: absolute;
top: -10px;
background: #fff;
padding: 4px;
margin-left: 10px;
margin-top: 0px;
font-size: 12px;
font-weight: 400;
color: #A4A4A4;
}
.modal.trigger_download.open{
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
transition: background-color 0.25s;
z-index: 999999999999999;
display: flex;
}
.modal.trigger_download.open .content-wrapper{
border-radius: 0;
}
.modal.trigger_download.open .content-wrapper .content{
max-width: 740px;
margin: 0 auto;
height: 100%;
}
.modal.trigger_download.open .close:before, .modal.trigger_download.open .close:after{
width: 25px;
}
.modal.trigger_download.open .close_button_cont{
width: 100%;
max-width: 1385px;
display: flex;
justify-content: flex-end;
margin: 0;
position: relative;
}
.contact_checkbox_cont .cbx{
width: 100%;
display: flex;
align-items: center;
}
.contact_checkbox_cont.review_checkbox_cont .cbx{
align-items: unset;
margin-top: 40px;
}
.contact_checkbox_cont .cbx span{
background: none !important;
margin-top: 10px;
margin-bottom: 10px;
}
.contact_checkbox_cont.review_checkbox_cont .cbx span:last-child {
width: 100%;
font-weight: 300;
font-size: 16px;
color: #fff;
}
.error_review_term{
color: red!important;
font-size: 16px!important;
margin: 2px 0;
padding: 10px 0;
}
.contact_checkbox_cont .cbx span:last-child{
width: 100%;
font-weight: 400;
font-size: 12px;
color: #535353;
line-height: 110%;
}
.cbx span {
display: inline-block;
vertical-align: middle;
transform: translate3d(0, 0, 0);
}
.cbx span:first-child {
position: relative;
width: 24px;
height: 24px;
border-radius: 3px;
transform: scale(1);
vertical-align: middle;
border: 3px solid #9098A9;
transition: all .2s ease;
}
.cbx span:first-child svg {
position: absolute;
top: 0px;
left: -1px;
fill: none;
stroke: #FFFFFF;
stroke-width: 2px;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 15px;
stroke-dashoffset: 16px;
transition: all .3s ease;
transition-delay: .1s;
transform: translate3d(0, 0, 0);
}
.cbx span:first-child:before {
content: "";
width: 100%;
height: 100%;
background: #fee9dd;
display: block;
transform: scale(0);
opacity: 1;
border-radius: 50%;
}
.radio_cont_contact{
width: 100%;
}
.cbx span:last-child {
padding-left: 8px;
color: #535353;
}
.cbx:hover span:first-child {
border-color: #8dc63f;
}
.inp-cbx:checked + .cbx span:first-child {
background: #8dc63f !important;
border-color: #8dc63f;
animation: wave .4s ease;
}
.inp-cbx:checked + .cbx span:first-child svg {
stroke-dashoffset: 0;
}
.inp-cbx:checked + .cbx span:first-child:before {
transform: scale(3.5);
opacity: 0;
transition: all .6s ease;
}
@keyframes wave {
50% {
transform: scale(0.9);
}
}
.modal.trigger_download.open textarea:focus + .label_on_border,
.modal.trigger_download.open input:focus + .label_on_border{
color: #8dc63f;
}
.label_on_border{
position: absolute;
top: -10px;
background: #fff;
padding: 4px;
margin-left: 10px;
margin-top: 0px;
font-size: 12px;
font-weight: 400;
color: #A4A4A4;
}
.modal.trigger_download.open .form-group{
display: flex;
margin-bottom: 18px;
position: relative;
flex-direction: column;
}
.overlay {
background: #e9e9e9;
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.5;
}
#loading-img {
background: url(//www.humanites.pl/wp-content/plugins/udi_humanites_form/img/load.gif) center center no-repeat;
height: 100%;
z-index: 20;
position: fixed;
width: 100%;
left: 0;
right: 0;
}
#dialog_del_all,
#dialog_del_lead,
#dialog_del,
#dialog {
display: none;
}
.delete_lead {
cursor: pointer;
background-color: #8dc63f;
padding: 5px;
color: #000;
font-weight: 700;
width: 100px;
text-align: center;
color: #fff;
}
@media all and (max-width: 768px) {
.modal .content-wrapper {
width: 90%;
}
.baza_wiedzy_post {
width: 100%;
}
}