@font-face {
  font-family:AlegreyaSansMedium;
  src: url(../font/alegreyasans/AlegreyaSans-Medium.ttf);
  }
  
  @font-face {
  font-family:AlegreyaSansRegular;
  src: url(../font/alegreyasans/AlegreyaSans-Regular.ttf);
  }

  @font-face {
  font-family:AlegreyaSansBlack;
  src: url(../font/alegreyasans/AlegreyaSans-Black.ttf);
  }


  @font-face {
  font-family:FiraSansLight;
  src: url(../font/firasans/FiraSans-Light.ttf);
  }
  @font-face {
  font-family:FiraSansMedium;
  src: url(../font/firasans/FiraSans-Medium.ttf);
  }

  @font-face {
  font-family: CormorantSemiBold;
  src: url(../font/cormorant/Cormorant-SemiBold.woff);
  }
  
  @font-face {
  font-family: CormorantRegular;
  src: url(../font/cormorant/Cormorant-Regular.woff);
  }
    @font-face {
  font-family: RobotoRegular;
  src: url(../font/roboto/Roboto-Regular.woff);
  }
   body {
   background-color: #fff;
 font-family: 'Lato', sans-serif ;}
 
.card-font-major {
	font-size:1.0rem !important;
     color:#333 !important;
	font-weight: normal;
  }
.card-columns {
   column-count: 3;
   width:100%;
   position:relative;
   display:block;
}





.card-columns {
   column-count: 3;
   width:100%;
   position:relative;
   display:block;
}
.card-columns a{
   font: 12px/15px 'Open Sans Light', Arial, Helvetica, sans-serif;
   word-wrap: normal;
   position:relative;
   display:inline-block;
   
   width:100%;
   white-space: pre-wrap; /* CSS3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.card-columns span{
   font: 15px/20px 'Open Sans Light', Arial, Helvetica, sans-serif;
   word-wrap: normal;
   position:relative;
   display:block;

   width:100%;
       white-space: pre-wrap; /* CSS3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}


.inshM {
  background-color: #bbb;
  
  margin-left:-5px !important;
  color: transparent;
  text-shadow: 0px 2px 3px rgba(255,255,255,0.7);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
	font-size:5.5rem;
	font-stretch:extra-condensed;
	line-height:0.9em;
	font-weight:bold;
	font-style:normal;
	display: inline-block !important;
}

@media screen and (min-width:321px) and (max-width:379px) {
.inshM { 
 font-size:1.5rem;
}
 .card-font-major {
	font-size:0.7rem !important;
     color:#333 !important;
	font-weight: normal;
  }
   .container{
 min-width:320px;         
 width: auto !important;   /* Firefox will set width as auto */
 width:380px;
  
  overflow-x: visible; /* As IE ignores !important it will set width as 1000px; */
}

.card-columns {
   column-count: 2 !important;
   width:100%;
   position:relative;
   display:block;
}

.topbar-in {
	
    height:5em;
	width:100%;
	max-height:60px;
}

 }
 
 @media screen and (min-width: 375px){
	 
   .card-font-major {
	font-size:0.8rem !important;
     color:#333 !important;
	font-weight: normal;
  }
  

    .container{
       min-width:340px;         
       width: auto !important;   /* Firefox will set width as auto */
      width:350px;
  
        overflow-x: visible; /* As IE ignores !important it will set width as 1000px; */
           }
  .topbar-in {
	
    height:7em;
	width:100%;
	max-height:60px;
}

  }
   @media screen and (min-width:476px)  and (max-width:770px){
	.inshM { 
 font-size:2.5rem;
}
	   .card-font-major {
	font-size:0.8rem !important;
     color:#333 !important;
	font-weight: normal;
  }

    .min-podpis1 {
    font-size:0.7rem !important;	
    }
.card-columns {
   column-count: 2 !important;
   width:100%;
   position:relative;
   display:block;
}
  }
  
   @media screen and (min-width: 776px)  and (max-width:1239px){
	  	.inshM { 
 font-size:3.5rem;
} 
	   
	   .card-font-major {
	font-size:0.7rem !important;
     color:#333 !important;
	font-weight: normal;
  }

    .min-podpis1 {
    font-size:0.7rem !important;	
    }

  }  
  @media screen and (max-width:730px) { 

.mobile {
	height:2.9em;
	
}
.card-columns {
   column-count: 1 !important;
   width:100%;
   position:relative;
   display:block;
}
} 


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000 !important;
  opacity: 1; /* Firefox */
  focus:#000 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: black;
}


.topbar {
    /*background-image: url(../images/tlo5.jpg);*/
    background-repeat: no-repeat;
	background-position: center center;
	
	-webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
	background-size:100% auto;
}
.topbar-in {
	
    /*height:15em;*/
	width:100%;
	/*max-height:240px;*/
	cursor:pointer;
}
  .open_new {
cursor:pointer;
}
  .nav-main-text {
  font-size: 1.4rem;
  line-height: 18px;
  }
  
.lght-box-title {
	font-size:0.9rem;
     color:#333;
	font-weight: normal;
	
}
.lght-title {
	font-size:0.8rem !important;
     color:#333;
	font-weight: normal;
	
}
.dark-title {
	font-size:0.9rem !important;
     color:#000;
	font-weight: normal;
	
}
  .active_page {
  color:#5468C1;
  }
  
  .main-blue-color {
  color:#114169;
  }
  
  .main-form-bgcolor {
  background:inherit; !important;/* #7B5A51*/
  }
  
 .dark-form-bgcolor {
  background:#737373 !important; /*#512D2A*/
  } 
  
  .main-blue-bgcolor {
  background:#114169 !important;
  }
   .dark-blue-bgcolor {
  background:#0C1F41;
  }

  main {
  /* text-align:center;*/
  }
  .opn_mod {
cursor:pointer;
}
  .scrollbar
{
	margin-left: 3px;
	float: left;
	height: 300px;
	width: 65px;
	background: #ffffff;
	overflow-y: scroll;
	margin-bottom: 25px;
}

.force-overflow
{
	min-height: 450px;
}


/*
 *  STYLE scroll
 */

#style-scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-scroll::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-scroll::-webkit-scrollbar-thumb
{
	background-color: #555;
}

 .popover{
        max-width:600px;
    }
	
.pagination .page-item.active .page-link {
  background-color:  #aaa;/*#3085AE;*/
}
.pagination .page-item.disabled .page-link {
  background-color:  #ddd;/*#3085AE;*/
}


.card-footer{
border-color : white !important;	
background-color: transparent !important;
color:#333;
}
.card-footer2{
border-color : white !important;
	color:#333;
}
.card-border-bottom {
	border-bottom: 1px solid #ddd;
}



.active_mod {

     color:#666 !important;

}
.disable_mod {
     
     color:#999 !important;
}
.flaga {
	/*width:30px;
	height:30px;
	display:block;*/
	
	
}
  .wcag1 {
	width:30px;
	height:30px;
	display:block;
	border:solid 1px #bbb;
	cursor:pointer;
	
}
.flaga_mono {
	width:30px;
	height:30px;
	display:block;
	border:solid 1px #bbb !important;
	
}

.display-mode {
	width:30px;
	height:30px;
	display:block;
	border:solid 1px #bbb;
	
	
}
.mid-box-title {
	font-size:0.8rem;
	font-weight: normal;
	
}
#dropdown-detail-1 {
	cursor:pointer;
}
.flex-fill {
   flex:1 1 auto;
}
.toptitle {
     font-size:1.4rem ;
     color:#512D2A;
	 font-weight: normal;
	 font-family:AlegreyaSansMedium;
	 font-weight:normal;
}
#content1 {
background-color: none;
}
main {
background-color: none;
}

.bg-all {

background-color: none;

}
.card {
background-color: transparent !important;
}
#gallery {
cursor:pointer;
}
#list {
cursor:pointer;
}
.card-title {
/*height:3em !important;*/
color:#333;
}
.foto_m {
border:solid 0px #666 !important;
}

.absolute-center {

    /* Internet Explorer 10 */
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;

    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;

    /* Safari, Opera, and Chrome */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;

    /* W3C */
    display: box;
    box-pack: center;
    box-align: center;
}

.nk-cookie-banner {

  }
  .modal-title {
color:#512D2A;
font-size:1.3rem !important;
	 font-weight: normal;
	 font-family:AlegreyaSansMedium;

}
a.modalPow:hover, a.modalPow:active {color: red;}
a.modalPow{
	color:#310D0A !important;
	font-weight: bold;
}
.text-footer{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	color: #000;
	text-rendering: optimizeLegibility;
}
.min-podpis {
font-size:0.7em !important;	
}
.backhome {cursor:pointer;}

.selectMkolekcja * 
{
background-color:transparent !important;
  outline:none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
 cursor:pointer;

  -webkit-box-shadow: none;
  box-shadow: none;
  cursor:pointer;
}
.displayNone {
	display:none;
	
}
/*	
.insh {
  background-color:#777;
  color: transparent;
  text-shadow: 0px 1px 2px rgba(128,128,128,0.7);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
	font-size:1.7rem;
	line-height:0.9em;
	font-weight:normal;
	font-style:normal;
	display: inline-block !important;
}
*/
.insh {

  color: #778;

	font-size:1.7rem;
	line-height:0.9em;
	font-weight:normal;
	font-style:normal;
	display: inline-block !important;
}

.inshCap {
color:#556 !important;/*666*/
font-weight:bold;
}

  @media screen and (max-width:470px) { 

.card-columns {
   column-count: 1 !important;
   width:100%;
   position:relative;
   display:block;
}

.wcag1 {
  width: 18px !important;
  height: 18px !important;
  display: block;
  font-size: 8px/12px !important;
  padding-left:4px;
  padding-bottom:2px;
  cursor: pointer;
}
.wcag2 {
  width: 20px !important;
  height: 20px !important;
  display: block;
  border-style: solid;
  border-width: 1px;
border-color: #666;

}
}