html { 
    scroll-behavior: smooth; 
  }
  div{
    border:0px rgb(255, 226, 226) solid;
  }
 
body, h1, h2, h3, h4, h5, h6  {
  font-family: Helvetica, Arial, sans-serif;
}

.start{
  background-color: #f8fbff;
  
}
.tlo_slide1{  
  height: 550px;
  object-fit: contain;
  
}
.text_m{
  font-size: 0.8rem;
  height: 2px;
}
.text_d{
  font-size: 1.2rem;
  text-indent: 1rem;
  
}

input[type=email] {
/*   width: 100%; */ 
  background-color: #f1f2f4; 
}
.tlo2{
  background-color: #ffffff;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
  background-color: #3996d2;
}
.midhead{
  font-size: 1rem;
  font-weight: bold;
}

.prel{
  position: relative;
  width: 100%;
  height: 100%;
}
.prel5{
  position: absolute;
  top: 5%;
  left: 92%;
   
/*  opacity: 0.8; */
}
.prel6{
  position: relative;
  top: -3rem;
  
}
.flimg{
  transform: scale(1.5);
}

.iconru{
  display: flex;
  align-items: center;
}
.iconn{
  color: #3996d2;
}
 



/* paryz start  */
.textn{
  
  padding: 1rem;
}
 
.pfoto1{
  width:300px;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  padding: 0.5rem;
  border-radius: 0.375rem;
}
.bs1{
  font-size: 0.7rem;
  background-color: #52ac82;
}
.bs2{
  font-size: 0.7rem;
  background-color: #ff9b28;
}


ul {  
  text-indent: -15px; /* key property */
  margin-left: 20px; /* key property */
  
}
li::before  {
  content: "-"; /* Insert content that looks like bullets */
  padding-right: 8px;
  color: blue; /* Or a color you prefer */
}
li { 
  margin-bottom: 5px; 
}
 
.tlo_slide2{
  height: 400px;
  object-fit: cover;
  display:block;
 }
 
.bd-placeholder-img {
        
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
         
        }
      
      }

      .b-example-divider {
        width: 100%;
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

      .btn-bd-primary {
        --bd-violet-bg: #712cf9;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #6528e0;
        --bs-btn-hover-border-color: #6528e0;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
      }
      .bd-mode-toggle {
        z-index: 1500;
      }

/*paryz end  */






.nav-link{
  font-size: 1rem;
  padding-left: 0.7rem!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{
  max-width: 150px;
}
.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;
      font-size: 1rem;
    }
.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: 100%;
  height: auto;
}

.card_media{  
  border: none;
   
  overflow:hidden;
  border-radius:5px;
   
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
}
.card-body_media{
  padding-left: 1.25rem;
   
}
.card-footer_media{
   
    padding-right: 1.25rem;
    padding-bottom: 0.75rem;
    padding-left: 1.25rem;
}
.card-footer_media a:link {
  color:#2396e2 !important;
  text-decoration: none;
}
 
.card-footer_media a:visited {
  color:#2396e2;
}
.card-footer_media a:hover {
  color:#2396e2;
  text-decoration: underline;
} 
.card_img_media{
  width: 100%;
  height: auto;
}
.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;
}
.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;
}

}
@media (max-width:700px){
  .tlo_slide1{
    height: 400px;
     object-fit: cover;
     display:block;
   }
   .tlo_slide2{
    height: 400px;
     object-fit: cover;
     display:none;
   }
   .btn-paris-mob{
    font-size: 1rem!important;
     
   }
   .nag-paris-mob{
    line-height: 0.8rem;
     
   }
   .textn{
    background-color: #a9ccff80; 
    padding: 0.5rem;
    margin-top: -20px;
  }
}