:root {
    --global-basic-color: #AB0000;
}
.page-header .page-header__title {
        font-size: 36px;
        font-weight: bold;
    }
.nav-tabs > li.active:before {
    background: #ab0000;
    height: 3px;
}
h3 {
    font-size: 1.2em;
    line-height: 150%;
    color: var(--global-basic-color);
}
.banner__countdown-wrapper::before {
    content: "DO KONFERENCJI POZOSTAŁO:";           
    margin-right: 8px;                     
    display: inline-block;
    vertical-align: middle;
}
.w-img30 img {
 width: 30%;
}.w-img40 img {
 width: 40%;
}
/* MAIN */
@media (min-width: 768px) {
.w-img10 img {
 width: 10%;
}
.w-img15 img {
 width: 15%;
}
.w-img20 img {
 width: 20%;
}
.w-img25 img {
 width: 25%;
}
.w-img30 img {
 width: 30%;
}
.w-img35 img {
 width: 35%;
}
.w-img40 img {
 width: 40%;
}
.w-img45 img {
 width: 45%;
}
.w-img50 img {
 width: 50%;
}
.w-img55 img {
 width: 55%;
}
.w-img60 img {
 width: 60%;
}
.w-img65 img {
 width: 65%;
}
.w-img70 img {
 width: 70%;
}
.w-img75 img {
 width: 75%;
}
.w-img85 img {
 width: 85%;
}
.w-img95 img {
 width: 95%;
}
}

@media (max-width: 767px) {
  .w-img30,
  .w-img50,
  .w-img40,
  .sponsors__cell {
    width: 100%;
  }
  .w-img30 img,
  .w-img50 img,
  .w-img40 img,
  .sponsors__cell img {
    width: 50%;
  }
}
@media (max-width: 1150px) {
  .w-img30 img,
  .w-img50 img {
    width: 100%;
  }
}

@media (min-width: 1150px) {
.gilead img { width: 50% !important; }
nav>.container {
    width: 100%;
}
}
.nav > li > a { padding: 10px;}
/* NEW BEVEL DIV */
.logo{
 height: 48% !important;
}

.section-title::after {
  height: 3px;
  width: 50px;
  background: #CC1523;
}
h4 { line-height: 150%;}
.banner__bg{
 background-size: auto;
 background-position: center top;
}
.f-r{
 float: right;
}
.pgsz .schedule__time { color: #000; }
.sg { padding: 2px 10px; background: #CC1523; color: #fff; }
.sr { padding: 2px 10px; background: #002060; color: #fff; }

.wrap{
 width: 100%;
 position: relative;
 margin-top: 44px;
}
.left_wrap{
 width: 61%;
 background-color: #1c2e46;
 left: 34px;
 position: absolute;
 clip-path: polygon(0 0, 88% 0, 100% 100%, 16% 100%);
 -webkit-clip-path: polygon(0 0, 88% 0, 100% 100%, 16% 100%);
}
.right_wrap{
 width: 50%;
 background-color: #c0212f;
 clip-path: polygon(0 0, 100% 0%, 100% 100%, 16% 100%);
 -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 16% 100%);
 position: absolute;
 left: 50%;
}
.pon_wa{
 text-align: right;
 padding: 10px 30px 0 0;
}
.pon_wa p:first-of-type{
 font-size: 1.5em;
}
.pon_wa p:first-of-type, .pon_ga p:first-of-type{
 margin-bottom: 0;
}
.pon_ga{
 text-align: right;
 padding: 5px 10px 0;
}

@media(min-width: 505px) {
 .left_wrap{
 left: 29px;
 clip-path: polygon(0 0, 94% 0, 100% 100%, 16% 100%);
 -webkit-clip-path: polygon(0 0, 94% 0, 100% 100%, 16% 100%);
 }
}
@media(min-width: 687px){
 .wrap{
   margin-top: 0;
 }
 .right_wrap {
   width: 40%;
   left: 45%;
 }

 .right_wrap p:first-of-type{
   font-size: 1em
 }

 .right_wrap p:last-of-type{
   font-size: .8em
 }

 .left_wrap{
   width: 48%;
   left: 46px;
 }

 .left_wrap p:first-of-type{
 font-size: 2em;
 }
 .left_wrap p:last-of-type{
 font-size: 1.2em
 }
}

@media(min-width: 768px){
 .left_wrap {
 left: 148px;
 }
}
@media(min-width: 992px){
 .left_wrap {
 left: 152px;
 clip-path: polygon(0 0, 93.5% 0, 100% 100%, 6% 100%);
 -wekbit-clip-path: polygon(0 0, 93.5% 0, 100% 100%, 6% 100%);
 }
 .pon_wa{
 padding-right: 65px;
 }

}
@media(min-width: 1200px){
 .left_wrap {
 left: 184px;
 clip-path: polygon(0 0, 94% 0, 100% 100%, 6% 100%);
 -wekbit-clip-path: polygon(0 0, 94% 0, 100% 100%, 6% 100%);
 }
 .left_wrap p:first-of-type {
 font-size: 2.4em;
 }
 .left_wrap p:last-of-type {
 font-size: 1.5em;
 }
 .right_wrap p:first-of-type {
 font-size: 1.4em;
 }
 .right_wrap p:last-of-type {
 font-size: 1em;
 }
}
@media(min-width: 1400px){
 .left_wrap {
 left: 182px;
 }
}



/*GENERAL*/
.navy_blue{
 color: RGB(0, 32, 96);
}
.red{
 color: RGB(226, 0, 0);
}
.italic{
 font-style: italic;
 font-weight: normal;
}
.normal{
 font-weight: normal;
}
.small_font > p, .small_font> .loc > p, .small_font> .kontakt > p, footer{
 font-size: 0.9em;
}

/*TOP*/
.navbar-inverse{
 background: #1d2835;
}
.page-header{
 background-image: url('/conf-data/hematologia2025/images/hematologia2025_banner.png');
 color: #fff;
 background-position-y: center;
 height: 260px;
}
.page-header__tint{
 background-color: rgba(0, 0, 0, 0.5);
 height: 260px;
}

.banner__content{
 display: block;
 width: 100%;
}

/*HOME PAGE*/
.nonLine > .sponsors-row > .sponsors-cell:nth-child(1){
 border-right: none;
}
.nonLine > .sponsors-row > .sponsors-cell:nth-child(2){
 border-right: none;
}
.nonLine .sponsors-cell{
 width: 100%;
}
.patronat_naukowy .sponsors-cell{
 width: 100%;
}
.patronat_naukowy img{
 width: 20%;
}
.hematologia img{
 width: 30%;
}
.imgInframa img{
 width: 15%;
}

/*PROGRAM*/
.tab-program > .nav-tabs > li.active::before{
 background: RGB(226, 0, 0);
}
.tab-program .schedule__time{
 color:RGB(0, 32, 96);
}
.tab-program > .nav-tabs > li.active > a{
 color: RGB(226, 0, 0);
 font-weight: bold;
}
.session{
 background: rgba(169, 197, 255, .2);
 /*background: #ecf0f1;*/
}
.session .schedule__desc{
 border-left: rgba(169, 197, 255, .2);
 /*border-left: #ecf0f1;*/
}
.session .schedule__time, .session .schedule__desc{
 font-weight: bold;
}
.break .schedule__time, .break .schedule__desc{
 color: RGB(226, 0, 0);
}
.break .schedule__desc{
 font-style: italic;
}
.img-w-20{
 width: 100%;
}
@media(min-width:768px){
 .logo{
 background-size: 60% !important;
 }
}

/*FOOTER*/
.footer{
 background: #BABDC3;
 color: #666;
}
.footer__social-icon{
 display: none;
}
.footer__content img{
 padding: 0px;
 max-width: 150px;
 /*border: 2px solid #FFF;*/
 box-sizing: border-box;
 /*background: rgba(255, 255, 255, 0.2);*/
}
.footer .btn{
 color: #fff;
 border-radius: 2px;
 padding: 5px 20px;
 border: none;
 margin-top: 40px;
}
.footer__content{
 min-height: 80px;
 padding-bottom: 0px;
}
.footer [class^="col-"]{
 margin-bottom: 0px;
}

/*LOGO GŁÓWNA*/
.logo{
  margin-top: 70px;
 background-image: url('/conf-data/hematologia2024/images/logokonfy.png');
 width: 100%;
 height: 100%;
 background-position: center;
 background-repeat: no-repeat;
 background-size: 100%;
}

/*ŚRODEK KOLOROWY*/
.date_h{
 width: auto;
 min-height: 100px;
 margin: 0 auto;
 position: relative;
}
.left_div{
 float: left;
 width: 500px;
 background-color: #c0212f;
 position: absolute;
 margin-left: 11%;
}
.right_div{
 float: left;
 /*width: 35%;*/
 background-color: #1c2e46;
 clip-path: polygon(4.5% 0, 100% 0, 94% 98%, 0 100%);
 position: absolute;
 left: 55.6%;
}

.pon_w > p{
 font-size: 2.8em;
 /*font-family: oswald;*/
 font-weight: 600;
 text-align: right;
 padding-right: 40px
}
.pon_w > p:last-of-type{
 font-size: 1.3em;
}
.pon_g > p{
 text-align: right;
 font-size: 1.8em;
 /*font-family: oswald;*/
 padding: 0 70px;
 font-weight: 600;
}
.pon_g > p:last-of-type{
 font-size: 1em;
}

/*KONTAKT*/
.kontakt .unique{
 font-family:nova light;
 font-size:9.0pt;
}
.kontakt .bold{
 font-weight: bold;
 /*font-size: 1.3em;*/
}
.office{
 margin-bottom: 20px;
}
.kontakt > .row{
 margin-bottom: 30px;
}

/*MEDIA*/
@media(max-width:1640px){
 .left_div{
        width: 35%;
    }
    .right_div{
        width: 36%;
        clip-path: polygon(5% 0, 100% 0, 94% 70%, 0 70%);
 min-height: 143px;
 padding-bottom: 66px;
   left: 43%;
    }
}
@media(max-width:1560px){
 .pon_g > p{
 padding-right: 80px;
 }
}
@media(max-width:1441px){
 .right_div{
 left: 41.7%;
 clip-path: polygon(8% 0, 100% 0, 94% 70%, 0 70%);
 }
 .left_div{
        width: 38%;
    }
 .pon_g > p{
 padding-right: 80px;
 }
}
@media(max-width:1324px){
 .left_div{
        width: 42.5%;
    }
   .pon_w > p:last-of-type {
     padding-left: 14px;
 }
}
@media(max-width:1199px){
 .logo{
 background-position: center;
 margin-top: 10px;
 }
    .left_div{
        width: 40%;
    }
    .right_div{
        width: 50%;
        clip-path: polygon(6% 0, 100% 0, 94% 70%, 0 70%);
 min-height: 143px;
   left: 41%;
    }
 .pon_g > p{
     padding-right: 100px;
 }
}
@media(max-width:1068px){
 .left_div{
        width: 42%;
    }
    .right_div{
        clip-path: polygon(7% 0, 100% 0, 94% 70%, 0 70%);
 left: 40%;
    }
 .pon_g > p{
     padding-right: 80px;
 }
}
@media(max-width:991px){
 .date_h{
 margin-top: -124px;
 }
 .right_div{
        left: 41.8%;
 clip-path: polygon(10% 0%, 100% 0%, 94% 70%, 0% 70%);
 }
 .pon_g > p{
     padding-right: 105px;
 }
}
@media(max-width:882px){
 .left_div{
 width: 43.5%;
 }
 .right_div{
 left: 41.5%;
 clip-path: polygon(9% 0%, 100% 0%, 94% 75%, 0% 70%);
 }
}
@media(max-width:767px){
 .date_h {
     margin-top: -70px;
 }
 .left_div {
     width: 54%;
 }
 .right_div{
 width:59%;
 left: 39%;
 }
   .pon_w > p:first-of-type {
     padding-left: 24px;
 }
}
@media(max-width:580px){
 .left_div{
 width:55%;
 }
 .right_div {
     width: 54%;
 left: 36%;
 clip-path: polygon(14% 0%, 100% 0%, 94% 70%, 0% 70%);
 }
   .pon_w > p:first-of-type {
     padding-left: 30px;
 }
    .pon_w > p{
        font-size: 2.1em;
 padding-left: 15px;
    }
    .pon_w > p:last-of-type{
        font-size: 1em;
    }
    .pon_g > p{
        font-size: 1.6em;
    }
    .pon_g > p:last-of-type{
        font-size: 0.9em;
    }
}
@media(max-width: 437px){
 .right_div {
 left: 35%;
 }
 .pon_w > p:first-of-type{
   font-size: 1.7em;
 padding-left: 35px;
 padding-right: 15px;
 }
}
@media(max-width:385px){
 .date_h {
     margin-top: -140px;
 }
  .left_wrap {
    font-size: 10px;
    left: -7px;
  }
  .banner__title {
    margin-bottom: 0px;
  }
  .wrap {
    margin-top: 10px;
  }
 .left_div{
 width:63%;
 }
 .right_div {
     width: 67%;
 left: 36%;
 clip-path: polygon(16% 0%, 100% 0%, 94% 70%, 0% 70%);
 }
.section-title {
  font-size: 24px;
}
  h4 { line-height: 140%; }
  .countdown__number { font-size: 14px; }
  .countdown__label { font-size: 12px; }
  
  .sponsors__cell.w-img25 {
  margin: auto;
  display: block;
  width: 75%;
  }
  
 .pon_w > p{
        font-size: 2em;
    }
    .pon_w > p:last-of-type{
        font-size: .9em;
    }
    .pon_g > p{
        font-size: 1.2em;
    }
    .pon_g > p:last-of-type{
        font-size: 0.9em;
    }
}
  .schedule__time {
    color: #1c2e46;
}
.schedule__desc {
    color: #1c2e46;
}
b {
    color: #AB0000; 
}
.font {
    margin-top: 60px;
}