.unselectable {
-webkit-user-select: none;
-webkit-touch-callout: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}



#widget-modal{
	background-color: rgba(0, 0, 0, .5);
}

@-webkit-keyframes deleter {
	0% { opacity: 1; }
	50% { opacity: .5; }
	100% { opacity: 0; }

}

.delete1 {
	-webkit-animation-name: deleter;
	-webkit-animation-duration: 1s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-timing-function: linear;
	animation-fill-mode: forwards
	
}





    .trashhov {
      background-image: url('images/trash3.svg');
	  height: 19px;
      width: 19px;
	  background-repeat: no-repeat;
	  background-size: 100%

    }


    .trashhov:hover {

	  background-image: url('images/trash3-hov.svg');

    }

@-webkit-keyframes shaker {
	0% { -webkit-transform: translate(3px, 0) rotate(-10deg); }
	10% { -webkit-transform: translate(-3px, 0) rotate(-10deg); }
	20% { -webkit-transform: translate(4px, 0) rotate(10deg) scale(5.0) ; }
	40% { -webkit-transform: translate(-4px, 0) rotate(-10deg) scale(4.0); }
	50% { -webkit-transform: translate(6px, 0) rotate(10deg) scale(3.0) ; }
	60% { -webkit-transform: translate(-7px, 0) rotate(-10deg); }
	70% { -webkit-transform: translate(4px, 0); }
	80% { -webkit-transform: translate(-4px, 0); }
	90% { -webkit-transform: translate(2px, 0); }
	100% { -webkit-transform: translate(-2px, 0); }
}

.shake {
	-webkit-animation-name: shaker;
	-webkit-animation-duration: 1s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-timing-function: linear;
	
}


@keyframes colorchanger {
  0% {background-color:#ffc107;}
  10%   {background-color:white;}
  20% {background-color:#ffc107;}
  30%   {background-color:white;}
  40% {background-color:#ffc107;}
  50% {background-color:red;}
  60%   {background-color:white;}
  70% {background-color:#ffc107;}
  80%   {background-color:white;}
  90% {background-color:#ffc107;}
}


.buttonfocuser {
  animation-name: colorchanger;
  animation-duration: 2s;
}




.golden1{
	color: #6E4C1EFF; 
}

.golden2{
	color: #EEB238FF;
}

.golden3{
	color: #DDB65DFF;
}

.golden4{
	color: #FFD653FF;
}

.bg-golden1{
background-color: #6E4C1EFF;
}

.bg-golden2{
background-color: #EEB238FF;
}

.bg-golden3{
background-color: #DDB65DFF;
}

.bg-golden4{
background-color: #FFD653FF;
}


.border-golden1{
border-color: #6E4C1EFF;
}

.border-golden2{
border-color: #EEB238FF;
}

.border-golden3{
border-color: #DDB65DFF;
}

.border-golden4{
border-color: #FFD653FF;
}




.background-header-image {
  background: url("images/logo.jpeg") no-repeat top center fixed;
  -webkit-background-size: cover;
  background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}



.small-carousel {
  height:250px;
}

@media (max-width: 991px) {
    .navbar {
        /* usunięto overflow: auto, który działał jak gilotyna dla menu */
        overflow: visible; 
        /* usunięto max-height, aby pasek mógł swobodnie rozwijać zawartość */
        max-height: none;
        align-items: flex-start;
    }
}



div.zaokraglone {
	border-radius: 5px;
}


img.zaokraglone {
	
	border-radius: 6px 6px 0px 0px;
}



.a {
	text-decoration: none;
}

div.maska{
	margin-top: -40px;
	position: relative;

}


#dirfootersitename {
display:none;
}
	
@media (min-width: 600px) {
#dirfootersitename {
display:block;
}
}


#navbaronlysm {
display:none;
}
	
@media (max-width: 990px) {
#navbaronlysm {
display:block;
}
}

#dirallfooter {
display:none;
}
	
@media (min-height: 385px) {
#dirallfooter {
display:block;
}
}


a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }




ul.nav li a, ul.nav li a:visited {
    color: white !important;
}

ul.nav li a:hover, ul.nav li a:active {
    color: white !important;
}

ul.nav li.active a {
    color: white !important;
}

h1 span {
  color: #00b300;
  font-weight: 400;
 }
 
h5 span{
font-weight: bold
}
 
 
 span.line {
  display: inline-block;
}
 





 h4 span {
  color: #000000;
  
 }
 h1 {
   font-size: 120%; 
}


@font-face {
  font-family: 'Roboto-Light';
  src: url('/font/roboto/Roboto-Light.woff2') format('woff2');

}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('/font/roboto/Roboto-Bold.woff2') format('woff2');	
}

@font-face {
  font-family: 'Roboto-Regular';
  src: url('/font/roboto/Roboto-Regular.woff2') format('woff2');	
}



.myh1  {
	font-size: 51px;
	font-family: 'Inria+Serif', sans-serif;
	
	
 }
 .w3-border {
 border: 1px solid #ccc!important;
}

.fontka{
font-family: 'Alegreya Sans', sans-serif;
}

.czcionkaSelected{
	font-family: Roboto-Light;
}

.czcionkaSelectedregular{
	font-family: Roboto-Regular;
}


.czcionkaSelectedbold{
	font-family: Roboto-Bold;
}


.pola{
  background-color: lightgrey;
}

container{
  padding-right:95px;
  padding-left:95px;
  margin-right:auto;
  margin-left:auto;
}





.pasek_g{
	background-color: white;
}

.voffset2 { margin-top: 10px; }



.justowany {
	text-align: justify;
}




.shadow_article_fix{
margin-bottom:5px;

}

		
.jumbotron-billboard .img {
    margin-bottom: 0px;
    opacity: 0.7;
    color: #fff;
    background: #000 url("images/logo.jpeg") top center no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}
.jumbotron h2 {margin-top:0;}
.jumbotron {
  position:relative;
  padding-top:50px;
  padding-bottom:50px;
}
.jumbotron .container {
  position:relative;
  z-index:2;
}

.top-container img{
width:100%;
height:auto;
position:absolute;
right: 0px;
 z-index: 10;

}




  /*
początek footer   opcjonalnie position: fixed;
*/
/**THE SAME CSS IS USED IN ALL 3 DEMOS**/    
/**gallery margins**/  
.footer {
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: gray;
    color: white;
	position: absolut;
	 
}



hr.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}
hr.style12 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;
    border: 0;
}

hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style16 { 
  border-top: 1px dashed #8c8b8b; 
} 

.mypmenu{
	color:black;
}




.form-submit-button
{

font-size:13px !important;

}

/* Ultra Small devices */

@media (max-width: 575px) { 
.myh1  {

	font-size: 42px;
	font-weight:bold;

	}
	

/*zbędne
	

	

.nav-link{
	font-weight:bold;
}
 
 


/* Small devices (landscape phones, 576px and up)    originality  @media (min-width: 576px) { */
@media (min-width: 576px) {
.myh1  
{

	font-size: 37px;
	font-weight: bold;
 } 
 

 
 

.nav-link{
	font-weight:bold;
}
 
 }
 

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
.myh1  {
	font-size: 42px;
 } 
 

 
 }

/*  Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
.myh1  
{
	font-size: 49px;
	
 }



 }

/*  Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
.myh1  {
	font-size: 59px;
	font-weight: 600;
	font-family: 'Inria+Serif';

 }

 
 }

/*
koniec footer
*/



@media (max-width: 1001px) {
  .jumbotron {
    padding-top:20px;
    padding-bottom:20px;
  }



	
	
.new21 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.bs-component .modal {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	bottom: auto;
	z-index: 1;
	display: block
}

.bs-component .modal-dialog {
	width: 90%
}

.bs-docs-section {
	margin-bottom: 50px
}

.example,
    .grid-section .col,
    .grid-section .col-8,
    .grid-section .col-4,
    .grid-section .col-sm-4,
    .grid-section .col-sm,
    .grid-section .col-sm-8 {
      background-color: #eee;
      border: 1px solid #ddd;
}



.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}



}