div[data-href], .videotile {cursor: pointer}
.tile:hover a, .itemsContainer .item:hover a, .searchPage .content .row:hover a,   a em, em a, p a {color: #ff1822 !important}
.homeTop .button {min-height: 80px;}
.headline {font-size: 22px !important; margin-top: 30px}
.row.file { padding: 20px 0px; font-size: 17px; border-bottom: solid 1px rgba(0, 0, 0, 0.05);-webkit-transition: background-color 2s ease-out;-moz-transition: background-color 2s ease-out;-o-transition: background-color 2s ease-out; transition: background-color 2s ease-out;}
.row.file:hover {background-color: #e7e7e7; }
.repository { margin-bottom: 100px; padding: 0 30px  }
.repository .headline {font-weight: bold }
.row.file .detail {color: #dadada; font-size: 14px; }
.row.file a {color: #000 !important} 

.content a {color: #ff1822}

.SchoolInfo div.row.odd{background-color: #f3f4f5;}
.referenceIn img {max-width: 100px;}
.referenceIn span {text-transform: uppercase;font-size: .8em;text-align: center;display: block;font-weight: 600;}


.select-currency {cursor:pointer; background: #afb7bb; color: #ffffff; font-weight: bold; }
.select-currency.active {background-color: #ff1822}

@keyframes slide {
0%   {bottom: -100px;}
50%   {bottom: -80px; }
100% {bottom: -100px; }
}
.slide-down { width: 100%; position: relative; }
.slide-down .action { border: 3px solid #fff ; border-radius: 50%; width: 35px; width: 70px; height: 70px;   animation-name: slide;   animation-duration: 1s; animation-iteration-count: infinite; position: absolute; cursor: pointer; margin-left: auto; margin-right: auto; left: 0 ; right: 0;}
.slide-down svg {width: 50%; position: relative; left: 16px;top : 15px;  text-align: center;  }

.mainpage326 .navigation  {position: absolute; right: 300px;}

.newsletter-content-page {padding-bottom: 150px; }

.validation-error {color: red ; font-size: 12px }
form[name="SidebarNewsletterForm"] .validation-error {color: #fff !important ; position: absolute; ;}
form[name="PopupNewsletterForm"]  .inputsColumn  p {position: absolute}

.partner.item .thumb div{background-size: auto !important; background-repeat: no-repeat !important}

.securityPage input {border: 1px solid #dadada;padding: 15px; width: 100%; max-width: 350px}
#MemberLoginForm_LoginForm_Remember_Holder,#ForgotPassword {display: none}
#MemberLoginForm_LoginForm_action_doLogin {margin-top: 25px; width: 130px; background-color: #eb3c33; border: 0px; color: #fff }

.gallery .row div {padding-bottom: 30px !important; }

a marquee  {color: #fff !important}

.searchForm {position: fixed; z-index: 10000; top: 0px ; right: 0px; width: 70%; margin: 0px auto; top: 30%  }
.searchForm input {background-color: #fff; border: 0px; border-bottom: 3px solid #fff ; width: 60%; font-size: 30px; font-size: 52px; font-family: 'muliextrabold'; color: #000; padding: 10px; margin-right: 30px  }
.searchForm input::placeholder {color: #000 }
.searchForm .fa-search {color: #eb3c33; font-size: 52px}

.searchPage .title a{ font-size: 28px;font-family: 'muliextrabold'; color: #000  }
.searchPage .content {margin-bottom: 100px; }
.layerPageMask { position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);background: rgba(243, 244, 245, 0.6);-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;visibility: visible;overflow: scroll;overflow-x: hidden}

.textSection {padding-top: 30px}
.textSection .headline {text-align: center; width: 100%}
.textSection .content {padding: 50px 0; width: 80%; margin: 0px auto; font-size: 18px;  }

.ctaSection .headline a,
.ctaSection .desc a {color: #000}

.footer h4 a {color: #fff }
.whoWeAre h3 {margin-bottom: 50px; }
.whoweAre .icon img {min-width: 45px; min-height: 45px; display: block }

body.Crowdfunding .logo {position: absolute; z-index: 1000;top: 40px ; }
body.Crowdfunding .logo img {width: 156px; height: 77px ; }
.aboutUs .items {display: block}
.translink {color: transparent !important}
.logos {background: #fff; }

body.Crowdfunding .textSection .content,
body.Crowdfunding .crowdfunding .items { padding-bottom: 0px;  }
body.Crowdfunding .crowdfunding .headline,
body.Crowdfunding .whoWeAre .sectionHeadline {padding-top: 0px; }
body.Crowdfunding .fsmSlider {height: 640px }
 
.breadcrumb {background-color: #fff ; padding: 0px; display: none }
.breadcrumb ol, .breadcrumb li {border: 0px; margin: 0px; padding: 0px ; background-color: #fff } 
.breadcrumb li {display: inline;}
.breadcrumb li span {color: #888}
.breadcrumb li::after {content : '/'; color: #dadada; margin: 10px 10px }

.video {position: relative;}
.video span {width: 50px; height: 50px; border-radius: 50%; background-color: #ff1822; text-align: center; line-height: 50px;  color: #fff ;  position: absolute; left: 10px; top: 10px } 

.page11 .itemContainer {height: 450px !important ; }
.page11 .whoWeAre,
.page11 .whoWeAre .sectionHeadline {padding-top: 0px !important }

.SubTitle.headline h3 {margin-bottom: 30px;}
.TopSeparNum {margin-top: 0px}
.TopSepar {margin-top: 8px}
.NumRank {background-color: #ff1822;width: 40px;height: 40px;color: #fff;text-align: center;display: block;font-size: 2em;font-weight: 700;	border-radius: 50%;}
.NumRankInfo {background-color: #ff1822;width: 40px;height: 40px;color: #fff;text-align: center;display: block;font-size: 1.4em;font-weight: 700;border-radius: 50%;float: left;margin-right: 15px;}
.SchoolInfo div.button.main{padding:0}
.SchoolInfo .align-middle {display: flex; align-items: center; justify-content: center;}
.col-md-2.referenceIn.text-center {margin-bottom: 30px;}

@media screen and (max-width: 762px) {
.SchoolInfo {text-align: center;}
.SchoolInfo .align-middle {vertical-align: middle !important;display: block ruby;}
.NumRank {padding-top: 3px;}
}

.ytstrem {width: 100% !important;height: auto;min-height: 480px; }
.content img {height: auto !important ;}

.NewsletterPage a[data-function="sendrequest"]{display: inline-block ; padding: 0px 25px; background-color: #ff1822; color: #fff; font-size: 17px; line-height: 70px;  max-width: 150px; ;transition: 0.2s; font-family: 'mulibold'; border: 1px solid #ff1822; } 
.NewsletterPage a[data-function="sendrequest"]:hover {background-color: #fff; color: #ff1822; border-color: #dadada; }
.NewsletterPage input[name="Identifier"] {padding: 24px; border-radius: 0px; border: 1px solid #dadada ; font-family: 'mulibold'; width: 50%; position: relative; top: -1px ; font-size: 17px; }

.fsmSlider .fsmSlide .content {bottom: 120px !important} 

.pagination {text-align: center; width: 100% ; display: block; padding: 50px 0  }

.pagination a, .pagination strong {border: 1px solid #fff; width: 50px; height: 50px; border-radius: 50%; display: inline-block; line-height: 50px; vertical-align: middle ; color: #000 ; font-weight: bold; }
.pagination a:hover {border: 1px solid #dadada;}
.pagination strong {background-color: #ff1822; border: 1px solid #ff1822; color: #fff }


.paymentForm {z-index: -1; width: 768px; background-color: #fff; margin:0px auto; margin: 0px auto; padding: 50px;  position: relative;}
.paymentForm .closePopup {border: 2px solid #dadada; width: 50px; height: 50px; line-height: 50px; vertical-align: middle; display: block; text-align: center; border-radius: 50% ; position: absolute ; right: 20px;  top: 20px; }
.paymentForm .closePopup:hover { background-color: #ff1822 ; border: 2px solid #ff1822}
    .paymentForm .closePopup:hover i {color: #fff;}

.paymentForm.loading {margin: 0px auto; text-align: center}
.paymentForm p, .paymentForm .row-field {width: 100%; } 
.paymentForm .textfield {width: 100%; padding: 15px; font-family: 'muliextrabold'; font-size: 20px; } 
/*.paymentForm .row.email {padding-bottom: 30px;}*/
.paymentForm .checkbox  {float: left;  width: 100%  ; padding: 10px 0; }
.paymentForm .checkbox label { display: inline; font-size: 10px ; }
.paymentForm .action {position: relative; height: 50px; }
.paymentForm .startPaymentSession {font-family: 'mulibold'; background-color: #ff1822; color: #fff !important; border-radius: 0px; padding: 20px;  position: absolute; right: 0px;   }
.paymentForm .amount {font-size: 45px; }
.paymentForm .amount p strong {color: #ff1822; }
.paymentForm .paymentCheckError span {color: red ;    font-size: 12px; display: block; margin-top: 10px;}
.paymentForm select {width: 100%;padding: 20px;}
.paymentfield {margin-bottom: 20px; width: 50% !important }
.paymentoperator {text-align: center}

.paymentTypeContainer { text-align: center; padding: 50px 0 20px 0}

.paymentTypeContainer .paymentTypeItem {background-color: #f1f1f1; display: inline-block; padding: 30px; width: 250px;text-align: center; cursor: pointer;}
.paymentTypeContainer .paymentTypeItem.active {background-color: #ff1822;font-size: 17px;}
.paymentTypeContainer .paymentTypeItem.active span { color: #fff;   font-weight: bold ; padding: 0 30px ; }


.rodopolicy {position: fixed; bottom: 0px; z-index: 1001; background-color: #fff; padding: 20px ; border-top: 1px solid #dadada ; width: 100%; display: none}
.rodopolicy .col {display: inline-block}
.rodopolicy .col-content {width: 65%; text-align: justify; margin-left: 10%; font-size: 17px;padding: 10px 0 20px 0;font-family: 'Open Sans', sans-serif;font-weight: 400;font-style: normal;}
.rodopolicy .col-accept { width: 15% }
.rodopolicy .col-accept a {background-color: #ff1822;  color: #fff ; padding: 15px; font-size: 15px; font-weight: 400; text-transform: uppercase; position: relative; top: -15px !important; }
.rodopolicy a {color: #ff1822}

.closemenu {display: none }

/* .fsmSlide .wrapperContainer .button {display: none !important } */ 

.listen {font-size: 50px; cursor: pointer;}
.listen.pause {display: none }

.articleItems .sectionHeadline {padding-bottom: 20px; }

.cellSection.textSection {max-width: 1400px; margin: 0px auto; padding-top: 0px ; text-align: center;}
.cellSection.textSection .cell {padding-top: 50px; }
.cellSection.textSection .img-fluid {width: 200px}
.cellSection.textSection .RedboxWhiteText {background-color: #ff1822; color: #fff }
.cellSection.textSection .RedboxWhiteText a {color: #fff }

/*
    strona pit2019.mikolaj.org.pl
*/
.pictogrm-section {text-align: center !important; }
.pictogrm-section .actions .headline {  padding: 40px;  width: 50% ;  margin: 0px auto }
.pictogrm-section .actions .headline a {color: #000;}
.mainpage1068 .header {background-color: transparent; box-shadow: none ;}
.mainpage1068 .fsmSlider .button {display: none !important} 
.mainpage1068 .header .columnCenter,
.mainpage1068 .header .columnRight,
.mainpage1068 .header .social {display: none ;}
.mainpage1068 .slick-slide img {display: inline !important;  margin-top: 30px }
.mainpage1068 .jeden-procent-opp {text-align: left !important ;}
    .mainpage1068 .slick-slide a {color: #fff ; font-size: 25px  }
    .mainpage1068 .slick-slide h3 {margin-bottom: 30px; }
    .mainpage1068 h2 {position: absolute; bottom: 0px; width: 40%;   }
/*
    strona zakupow - mazowsze
*/
div [data-sectionid="1018"] p:nth-child(1),
div [data-sectionid="1013"] p:nth-child(4) {margin:0px auto; text-align: center ; }
div[data-sectionid="1009"] .items ,
div[data-sectionid="991"] p:last-child,
div[data-sectionid="1057"] p:last-child,
p[data-align="center"] { text-align: center  ;}
.input-inject input {background: none;
    border: none;
    text-align: center;
    font-family: 'muliblack';
    color: #ff1822;
    font-size: 48px;
    width: 100%;}

div[data-sectionid="991"] p:last-child { text-align: center;}
   

div[data-sectionid="1437"]  .columnRight {visibility: hidden;}

.crowdfunding-widget {margin-top: 0px; }
  
.register-form {padding-top: 90px;}
.register-form .form-field-row {margin: 10px 0px 30px 0px !important ;}
.register-form .form-field-row .field {width: 100%; border: 1px solid #cccccc; padding: 10px;  }
.register-form .field-type-checkbox div {float: right;}
.register-form .field-type-checkbox div:nth-child(1) { width: 95%; }
.register-form .field-type-checkbox div:nth-child(2) {width: 3%; }
.register-form .field-type-checkbox label {text-align: justify;}
.register-form .field-type-checkbox label,
.register-form .field-type-checkbox input {display: inline-block; }
.register-form .fieldgroup-desc {padding: 30px 0 20px 10px; font-size: 16px; text-align: justify;}
.register-form .help-content {position: absolute;top: -15px;background-color: #40d3ff;padding: 10px;box-shadow: 1px 2px 4px #cacaca;border-radius: 2px;color: #fff;}
.register-form em.max-length {color: #888;font-size: 12px;}
.register-form .form-action {display: inline-block;vertical-align: top;line-height: 75px;color: #ffffff;font-size: 17px;background: #ff1822;height: 75px;padding: 0 25px;font-family: 'mulibold';-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;border-left: solid 1px #ffffff;border-right: solid 1px #ff1822; cursor: pointer;}
.register-form .field-type-comebacklater span{background-color: blue !important}
.register-form span[data-expandfieldgroup] {color: white; background-color: blue; padding: 10px; display: block; cursor: pointer;  width: 98%;}
.register-form .field-group {border: 1px solid blue ; position: relative; top: -20px; left: 10px;  width: 97% ;padding: 20px; }
.register-form select { width: 100% ;}
.register-form label {word-break: break-word;}

.registerFormProcess {text-align: center;position: relative;top: 40vh;}

.article-author {padding-top: 30px 0; }
.article-author img {border-radius: 50%;  max-width: 150px; height: 150px; overflow: hidden; border: 1px solid #f1f1f1}
.article-author p {font-size: 15px !important;}

.posibilites-targets {text-align: center; padding: 80px 0; max-width: 80%; margin: 0px auto }
.posiposibilites-pictogram svg {width: 150px; }
.posiposibilites-pictogram svg circle {color: #ff1822}



.logo-page-719 {    position: absolute; z-index: 1000;top: 40px;width: 100%;display: flex;justify-content: space-between; }
.cf-page-719 .fsmSlider, .cf-page-719 .fsmSlider img {height: auto !important;}
.cf-page-719 .slide-wrapperContainer {position: relative;}



.cf-summary {padding: 50px ;}
.cf-summary .label,
.cf-summary .value { width: 100%; display: block;}
.cf-summary .value, 
.cf-summary .label {font-family: 'muliblack'; font-weight: bold;}

.cf-summary .value small {margin-left: 10px; font-size : 18px; }

.cf-summary .vcenter-item{display: flex;align-items: top;justify-content: center;}
.cf-summary .progress-ring-circle-default {stroke: #dadada;stroke-width: 12px;  }
.cf-summary .progress-ring-circle-we-got {stroke: #ff1822;stroke-width: 12px;  -webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;}
.cf-summary .progress-ring-text {font-size: 24px; display: inline;}
.cf-summary .progress-ring-text:nth-child(1) {left: -10px;}

.countdownSection {font-size: 32px; font-family: 'muliextrabold'; background-color: #ff1822; color: #fff ; padding: 20px 20px 0px 20px; text-align: center; margin: 40px 0 0 0}
.countdownSection ul {margin: 0px; padding: 0px;  }
.countdownSection ul li {list-style: none; display: inline-block !important; vertical-align: top;  }
.countdownSection ul li span {font-size: 32px;}
.countdownSection ul li p {text-align: center;font-size: 16px}


.pictogrm-section a {width: 100%; display: block ; min-height: 80px;;  float:right;}
.pictogrm-section a img { display: block; padding: 10px;   background-color: #fff ; padding: 30px; max-width: 220px; border-right: 0px solid #ff0000; border-bottom: 0px solid #ff0000}

@media screen and (max-width: 1500px) {
    .page11 .itemContainer{height: 370px !important ; }   
}

@media screen and (max-width: 1365px) {
    .page11 .itemContainer {height: 320px !important ; }   
}

@media screen and (min-width: 1365px) {
    body.mainpage423 .header .headerContainer .columnCenter {text-align: right; position: relative; right: 100px;}
    body.mainpage326 .header .headerContainer .columnCenter {text-align: center}
    .crowdfunding .items .item .itemContainer .icon .img img {width: auto !important;}
}


@media screen and (min-width: 1280px) and (max-width: 1380px) {
    .page11 .itemContainer {height: 330px !important ; }   
}


@media screen and (min-width: 369px) and (max-width: 768px) {
    .closemenu {top: 0px}
    .header .hamburger .subMenu {padding-top: 50px !important }    
}

@media screen and (max-width: 959px)
{
.header .logo img {
    height: 45px;
    margin-top: 7px 
}

@media screen and (max-width: 768px) {
    .closemenu {z-index: 10000 ; border: 2px solid #dadada;display: block;position: absolute !important; top: -60px !important ;right: 0px;width: 50px;height: 50px;border-radius: 50%;background-color: #fff;text-align: center;line-height: 50px;vertical-align: middle;}
    
    .page11 .itemContainer {height: 260px !important ; }   
    .fsmSlider .fsmSlide .content {bottom: 30px !important}
    
    .paymentForm {width: 100% ; padding: 25px 20px; }
    .paymentForm .amount {font-size: 22px }
    .paymentForm p, .paymentForm div {line-height: 14px;}
    
    .rodopolicy .col-content { width: 100% ; margin-left: 0px ; font-size: 13px; padding-bottom: 50px ;}
    .rodopolicy .col-accept { width: 100% ;  }
    .rodopolicy .col-accept a {position:absolute; top: -40px !important; right: 0px ; width: 100% ; text-align: center}
    body.mainpage326 .header .cta {visibility: hidden;}

    form[name="payment"] div.row:nth-child(1) { padding: 0 16px }

    .countdownSection {text-align: center;}

}

@media screen and (max-width: 640px) 
{
    .ytstrem {min-height: 330px; }
    .NewsletterPage a[data-function="sendrequest"] ,
    .NewsletterPage input[name="Email"] {width: 100% !important; max-width: 100% ; margin-bottom: 25px}

    body.mainpage281 .header {height: 120px !important;}
    body.mainpage281 .columnRight { width: 100% !important ; top: 60px !important}
    body.mainpage281 .columnLeft .social {display: none }

    .header .hamburger {padding-top: 15px;}
    .header .cta {position: fixed;top: 92vh;left: 0px;width: 100%;border-right: 0px;border-left: 0px; }
    .header .cta a {width: 100%;text-align: center;border-right: 0px; border-left: 0px}


    .logo-page-719 {
        top: 0px !important;
        width: 100%;
        left: 0px;
        display: flex;
        justify-content: space-between;        
    }
    .cf-page-719 .logowrapper {margin: 0px; }
    .cf-page-719 .slide-wrapperContainer {margin: 0px}

}

@media screen and (max-width: 468px) {
    .pagination a.page {display: none }
    .pagination a.next, .pagination a.prev {border: 1px solid #dadada;}
    .paymentForm input.textfield {font-size: 12px }
}

@media screen and (max-width: 380px) {
    .whoWeAre .items .item span.text { font-size: 15px ; padding-left: 5px}
    .paymentForm .amount {font-size: 18px ; padding: 10px 0px  ;}
    
    .countdownSection .title span {font-size: 30px;margin-bottom: 30px;  }
    .countdownSection ul li, 
    .countdownSection ul li span {font-size: 20px;}
    .countdownSection ul {padding: 0px; margin: 25px 0 0 0;}

}



@media screen and (max-width: 370px) 
{
    .headerContainer .cta { position:  fixed !important ; left: 0px !important; width: 370px !important; top: 60px;  border: 0px ; width: 100% ; border-top: 1px solid #fff  }
    .headerContainer .cta a{ position: absolute; left: 0px;  width: 100% !important; text-align: center }
    .hamburger a { position: relative; top: 17px }

    .header .cta a {border-left: 0px; left: -3px;  }
    .paymentForm h2 {font-size: 22px; }
    
}


