html { 
    scroll-behavior: smooth; 
  }
  div{
    border:0px rgb(202, 2, 2) solid;
  }
body::before{
    display: block;
    content: '';
    height: 60px;
    
}
.nav-link{
  font-size: 1rem;
  padding-left: 0.7rem!important;
  padding-right: 0!important;
}
.kontakt-link{
  font-size: 1rem;
  padding-left: 0!important;
  padding-right: 0!important;
}
.yt {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.card-pomoc{
  border: none;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  overflow:hidden;
  border-radius:20px;
  min-height:150px;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.2); 
  /* 
  background-image:url(img/logo.svg);
  background-size: 15%;
  background-repeat: no-repeat;
  background-position: right;  */
 }
.card-body-pomoc{ 
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  text-align: center;
  padding-bottom: 15px;
 }
 .card-footer-pomoc{
  color: black;
 }
 .numer{
  font-weight: 500;
  color: #326ca0;
 }
 .icon {
  font-size: 139px;
    
}
/* card-pomoc                                              end */

.motto{
  color: #326ca0;
  font-size: 1.5rem;
  font-weight: 600;
}
.breadcrumb{
  color:#686763;
  font-size: 0.85rem;
}
.breadcrumb a:link {
  color:#4e4d4d !important;
  text-decoration: none;
}
 
.breadcrumb a:visited {
  color:#4e4d4d;
}
.breadcrumb a:hover {
  color:#4e4d4d;
  text-decoration: underline;
}

.breadcrumb_last{
  color:#686763;
}
.hero1{
  max-width: 520px;
}
.img_opis{
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;

}
.card_galeria{  
  border: none;
  overflow:hidden;
  border-radius:5px;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
}
.btn-media{
   
  font-size: 1.8rem;
}
.img-partner{
  border: 0px;
 /* max-width: 150px; */
}
.partnerzy_smalhead{
  font-weight: 400;

}
.toppas{
  height: 35px;
}
.logobrand{
  height: 60px;
}
.bold{
    font-weight: bold;
}
.z1{
    z-index: 0;
    position: relative;
}
.z2{
    z-index: 7;
    position: relative;
}
.z3{
    z-index: 8;
    position: relative;
}
.gradient-custom {
    /* fallback for old browsers */
    z-index: 7;
    background: #66a6ea;
  
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to left, rgba(102,166,234,0.6), rgba(255,255,255,0.6));
  
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to left, rgba(102,166,234,0.6), rgba(255,255,255,0.6))
  }
  .gradient1 {
    z-index:8;
        /* fallback for old browsers */
        background: #3d6794;
      
        /* Chrome 10-25, Safari 5.1-6 */
        background: -webkit-linear-gradient(to left, rgba(61,103,148,0.6), rgba(255,255,255,0.6));
      
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        background: linear-gradient(to left, rgba(61,103,148,0.6), rgba(255,255,255,0.6))
      }
.cien1{
    
    box-shadow: -1px -2px 15px -2px rgb(58, 58, 58);
    
}
.tlo_tr{
    background-color: none;
    opacity:1;
}
.tlo_ciemne{
    background-color: #37517e;
}
 
.tlo_jasne2{
    background-color: #8dd2ff;
}
.tlo_jasne{
    background-color: #f3f5fa;
}
.tlo_menu{
    background-color:#023b6d;
}
.text-ciemny{
    color: #37517e;
}
.tlo_pom{
    background-color: #ffc107;
}
.text-naglowek{
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    color: #37517e;
}

 
.naglowek_s_karty h1{
    color: #fff;
    font-size: 2rem;
}
.naglowek_s_karty2 h1{
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
}
.lead{
      color:#0e0d49;
    }
.art{
  color:#0e0d49;
  font-size: 1rem;
}
.stopka{
    color: #f3f5fa;
    background: #66a6ea;
}
.stopka p{
    line-height:0.9;
}
.card_books{
  margin-bottom: 2rem;
  border: none;
  display: flex;
  min-height: 350px;
  width: auto;
  align-items: center; 
  overflow:hidden;
  border-radius:5px;
  /* min-height:350px; */
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
}
.h5{
  color:rgb(66, 113, 136)
}
.card-body_books{
  padding: 1.25rem;
  min-height:135px;
}
.card-footer_books{
  padding-top: 0.75rem;
    padding-right: 1.25rem;
    padding-bottom: 0.75rem;
    padding-left: 1.25rem;
}
.card-footer_books a:link {
  color:#2396e2 !important;
  text-decoration: none;
}
 
.card-footer_books a:visited {
  color:#2396e2;
}
.card-footer_books a:hover {
  color:#2396e2;
  text-decoration: underline;
} 


.card_img_books{
  width: auto;
   
  max-height: 250px;

  margin: 15px;
  box-shadow: 0 0 9px 0 rgba(0,0,0,0.6);
}
.card_img_books2{
  width: auto;
   
  max-height: 150px;

  margin-right:15px;
  box-shadow: 0 0 9px 0 rgba(0,0,0,0.6);
}
.card_img_books3{
  width: auto;
  max-height: 250px;
  margin-right:15px;
  box-shadow: 0 0 9px 0 rgba(0,0,0,0.6);
}
.card_projekty{  
  border: none;
   
  overflow:hidden;
  border-radius:5px;
  min-height:350px;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
}
.card-body_projekty{
  padding: 1.25rem;
  min-height:135px;
}
.card-body_projekty a:link {
  color:#4e4d4d !important;
  text-decoration: none;
}
 
.card-body_projekty a:visited {
  color:#4e4d4d;
}
.card-body_projekty a:hover {
  color:#4e4d4d;
  text-decoration: underline;
} 
.card-footer_projekty{
  padding-top: 0.75rem;
    padding-right: 1.25rem;
    padding-bottom: 0.75rem;
    padding-left: 1.25rem;
}
.card-footer_projekty a:link {
  color:#2396e2 !important;
  text-decoration: none;
}
 
.card-footer_projekty a:visited {
  color:#2396e2;
}
.card-footer_projekty a:hover {
  color:#2396e2;
  text-decoration: underline;
} 
.card_img_projekty{
  width: 100%;
  height: auto;
}
.project_partner_img img{
  width: 50%;
   
 }
.card_img_media{
  width: 90%;
  height: auto;
}

.card_media{
  text-align: center;
  overflow-y: hidden;
  border: none;
  max-height: 350px;
  overflow:hidden;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color:rgb(173, 201, 250);  
  box-shadow: 3px 4px 3px -1px rgba(0,0,0,0.5);
  position: relative;
  z-index: -1;
}
.card_media::before { 
  display: inline-block;
  content: "";
  vertical-align: -.125em;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='white'  xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M2 1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h9.586a2 2 0 0 1 1.414.586l2 2V2a1 1 0 0 0-1-1H2zm12-1a2 2 0 0 1 2 2v12.793a.5.5 0 0 1-.854.353l-2.853-2.853a1 1 0 0 0-.707-.293H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12z' clip-rule='evenodd'/><path fill-rule='evenodd' d='M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-position: calc(5%) calc(100% - 3px); 
  background-size: 1.5rem 1.5rem;
  background-color:hsl(218deg 100% 74.39% / 84%);  
  width: 100%;
   
  height: 2rem;
  
  overflow:hidden;
   
  padding-bottom: 1rem;
  
  box-shadow: 1px 2px 3px -1px rgba(0,0,0,0.5);
  position: relative;
  z-index: 5;
}
.card_media_back::after{
  content: " --- ";
  text-align: center;
  color: white;
  width: 100%;
  display: block; 
  height: auto;
  background-color:rgb(173, 201, 250); 
  overflow:hidden;
  border-bottom-left-radius:5px;  
  border-bottom-right-radius:5px;  
  box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.5);
}
.card-body_media{
  padding-left: 1.25rem;
   
}
.card-footer_media{
  background-color:rgb(173, 201, 250); 
    padding-right: 1.25rem;
    box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.5); 
    padding-left: 1.25rem;
    text-align: center;
    color: white;
}
.card-footer_media a:link {
  color:white !important;
  text-decoration: none;
}
 
.card-footer_media a:visited {
  color:white;
}
.card-footer_media a:hover {
  color:white;
  text-decoration: underline;
} 

.csr_icon{
  color: red;
}


.wrapper{
  margin:1vh
}
  
    .card{
     
      border: none;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
     overflow:hidden;
     border-radius:20px;
     min-height:450px;
       box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
    
     @media (max-width: 768px) {
      min-height:350px;
    }
    
    @media (max-width: 420px) {
      min-height:300px;
      
    }
  
     &.card-has-bg{
     transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
      background-size:120%;
      background-repeat:no-repeat;
      background-position: center center;
      &:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: inherit;
        -webkit-filter: grayscale(0);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      -o-filter: grayscale(0%);
      filter: grayscale(0%);}
    
      &:hover {
        transform: scale(0.98);
         box-shadow: 0 0 5px -2px rgba(0,0,0,0.3);
        background-size:130%;
         transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        
        .card-img-overlay {
          transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
          
       background: hsla(46, 98%, 48%, 0.075); 
      background: linear-gradient(0deg, rgba(63, 142, 233, 0.096) 0%, rgba(55, 77, 150, 0.438) 100%);  
        /* background: linear-gradient(0deg, #1f577c 0%, #1f577cc9 100%);   */
       
         }
      }
    }
    
     .card-footer{
      background: none;
       border-top: none;
        .media{
         img{
           border:solid 3px rgba(255,255,255,0.3);
         }
       }
     }
      .card-title{
        font-weight:600;
        color: rgb(66, 113, 136);  /* 67b1d5 155, 209, 236)  rgb(66, 113, 136)  */
       
    }
     .card-meta{color:rgba(0,0,0,0.3);
      text-transform:uppercase;
       font-weight:500;
       color: white;
       letter-spacing:2px;}
     .card-body{ 
       transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
     
    
      }
     &:hover {
       .card-body{
          
         transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
         
       
       }
     cursor: pointer;
     transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
    }
    .card-img-overlay {
        transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
       
       background: hsla(0, 0%, 100%, 0.329);
       background: linear-gradient(0deg, rgba(63, 142, 233, 0.379) 0%, rgb(55, 77, 150) 100%);  
      }
    }
    @media (max-width: 767px){
      
    }
@media (max-width:540px){
   
.nopit{
  display: none;
}
.img_mob1{
 min-width: 300px;
}
.img-partner{
  border: 0px;
  /*  max-width: 75px; */  
}
.logobrand{
  height: 45px;
}
.toppas{
  height: 20px;
}
.hero1{
  max-width: 220px;
}
.card-body_books{
  
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  min-height:135px;
}
.project_partner_img img{
 width: 70%; 
}
.card-body-pomoc{
  text-align: left;
}
.card_media{  
  border: none;
  max-height: none;
  z-index: 1;
  overflow:hidden;
  background-color:rgb(173, 201, 250);   
  
 /* box-shadow: 3px 4px 3px -1px rgba(0,0,0,0.5); 
  box-shadow: 0 0 7px 0 rgba(0,0,0,0.9); */
  box-shadow: 3px 7px 7px 0px rgba(0,0,0,0.5);
}
.card_media_back{
 
  padding-bottom: 3rem;
}
.card_media_back::after{
  content: " ---- ";
  color: white;
  position: relative;
  z-index: 5;
  text-align: center;
  width: 100%;
  display: block; 
  height: auto;
  background-color:rgb(173, 201, 250);   
  overflow:hidden;
  border-bottom-left-radius:5px;  
  border-bottom-right-radius:5px;  
 /* box-shadow: 0 0 7px 0 rgba(0,0,0,0.9); 
  box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.5); */
  box-shadow: 3px 7px 7px 0px rgba(0,0,0,0.5);
}
.card_img_media{
  width: 100%;
  padding: 5px;
  height: auto;
  object-fit: contain;
   
} 
.card-footer_media{
  position: relative;
  z-index: 4;
  box-shadow: 3px 6px 9px 1px rgba(0,0,0,0.5);
 
}
.card_media::before { 
  display: inline-block;
  content: "";
  vertical-align: -.125em;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='white'  xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M2 1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h9.586a2 2 0 0 1 1.414.586l2 2V2a1 1 0 0 0-1-1H2zm12-1a2 2 0 0 1 2 2v12.793a.5.5 0 0 1-.854.353l-2.853-2.853a1 1 0 0 0-.707-.293H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12z' clip-rule='evenodd'/><path fill-rule='evenodd' d='M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-position: calc(5%) calc(100% - 3px); 
  background-size: 1.5rem 1.5rem;
  background-color:hsl(218deg 100% 74.39% / 84%);  
    
  width: 100%;
   
  height: 2rem;
  
  overflow:hidden;
   
  padding-bottom: 1rem;
  z-index: -1;
  box-shadow: 1px 2px 3px -1px rgba(0,0,0,0.5);
}
 
}