@font-face {
    font-family: 'zektonregular';
    src: url('fonts/zekton_001.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'zektonbold';
    src: url('fonts/zektonbold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 	font-display: swap;
}

@font-face {
    font-family: 'continuum_light';
    src: url("fonts/Continuum_Light.woff") format('woff'),
         url("fonts/Continuum_Light.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
 	font-display: swap;
}
@font-face {
    font-family: '16segments_background';
    src: url("fonts/16Segments-Background.woff") format('woff'),
         url("fonts/16Segments-Background.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
 	font-display: swap;
}
@font-face {
    font-family: '16segments_basic';
    src: url("fonts/16Segments-Basic.woff") format('woff'),
         url("fonts/16Segments-Basic.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
 	font-display: swap;
}
@font-face {
    font-family: 'open-24';
    src: url('fonts/Open-24-Display.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
/**=========================================================== 
Zawartość
1.0 Cała strona
2.0 Elementy
3.0 Formularze
4.0 Nawigacja
5.0 Sidebary
6.0 Formatowanie tekstu
7.0 Obrazki
8.0 Teksty
9.0 Komenatrze
10.0 Naglowki
11.0 Zawartosc
12.0 Stopka
============================================================*/


/**=========================================================== 
1.0 Cała strona 
============================================================*/
html, body {
	color: #6c757d;
	background-color: #000000;
}
.blog {
	background-color: #000000;
	color: #6c757d;
	font-family: "zektonregular";
}
.logo {
	max-width: 250px;
}

/*============================================================
2.0 Elementy
============================================================*/
a {
	color: #939393 !important;
	text-decoration: none !important;
}
a:hover, a:active {
	color: #00479C !important;
}
h1 {
	font-size: 26px !important;
}
h1, h2, h3, h4, h5, h6 a:link {
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0;
}
ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}
.solobg {
	background-color: #000000;
}
.hrgra {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,7db9e8+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
}
/**=========================================================== 
3.0 Formularze
============================================================*/
.form-control {
    color: #A2A2A2 !important;
    background-color: #212529 !important;
    border: 1px solid #6c757d !important;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */

	line-height: 1;
	padding: .5em 1em .5em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
 
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
} 

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	*-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
/*
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	/* border: 0;
	padding: 0;
} */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #A3A3A3;
	border: 1px solid #000;
	border-radius: 2px;
	/*text-shadow: 1px 1px 1px;
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
   -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
   box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);*/

} /*

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 7px;

} */


/**=========================================================== 
4.0 Nawigacja
============================================================*/
/** mega menu */
.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
.navbar {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0px;;
    list-style: none;
	color: #860070 ;
	font-size: 16px;
	font-weight: 400;
}
/** tło mega-menu */
.navbar-nav li:hover .dropdown-menu {
    display: block;
	background-color: #272A2D;
}

/* rotate caret on hover */
.dropdown-menu li a:hover {
   background-color: #005A1B;
} 
.dropdown-menu li a:active {
   background-color: #88B0C0;
} 

.moje .dropdown-menu ul{
	background-color: darkslateblue;
}
.list-group {
	padding-top: 5px;
}
.moj .list-group-item {
	background-color: #0B0B0B;
	position: relative;
    display: block;
    text-decoration: none;
	color: #979797;
	padding: 5px 20px 5px 20px;
}
.moj .list-group-item a:link {
	color: aqua;
}
.moj a:link {
	color: #6c757d;
}
.moj a:hover {
	color: #0A52A8;
}
.moje .dropdown-menu {
    position: absolute;
    z-index: 500;
    display: none;
    min-width: 10rem;
    padding-left: 5px;
    margin: 0;
    font-size: 1rem;
    color: #6c757d;
    background-color: #272A2D;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 10px;
    border-width: 5px;
    inner-border-radius: calc(0.375rem - 1px);
    divider-margin-y: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.moje .dropdown-menu img {
  border-radius: .25rem;
}

.nav-link:focus, .nav-link:hover {
    color: #0C7800;
}


/** nagłówki */

h3.section-title {
  -webkit-box-shadow: inset 0 -3px 0 0 #333333;
  box-shadow: inset 0 -3px 0 0 #333333;
  margin: 20px 0px 20px 50px;
  padding: 20px 0px 0px 0px;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: #A2A2A2;
}
h3.section-title span {
  -webkit-box-shadow: inset 0 -3px 0 0 #A2A2A2;
  box-shadow: inset 0 -3px 0 0 #A2A2A2;
  padding: 20px 0px 10px 0px;
  display: inline-block;
}

/**=========================================================== 
5.0 Sidebary
============================================================*/

#sidebar {
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
	border: 2px;
  	border-top-color: currentcolor;
  	border-top-style: none;
  	border-right-color: currentcolor;
  	border-right-style: none;
  	border-bottom-color: currentcolor;
  	border-bottom-style: none;
  	border-left-color: currentcolor;
  	border-left-style: none;
	border-color: #6d6d6d;
	border-style: solid;
}
/**=========================================================== 
6.0 Banery
============================================================*/
#Banner {
	/*padding: 15px; */
	align-content: center;
	text-align: center;
	justify-content: center;
	max-width: auto;
	padding: 10px 0px 10px 0px;
}
.BannerTop img {
	width: 500px;
	scrolling: no; 
	border: none;

}

/** Menu top bar */
#top-bar {
	background: rgb(0,0,0);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(33,37,41,0.50) 30%, rgba(33,37,41,0.50) 50%, rgba(0,0,0,1) 100%);
}
.ticker-item {
	font-family: "16segments_background";
	color: #13389B;
}
.top-bar {
  	-webkit-box-shadow: inset 0 -3px 0 0 #333333;
  	box-shadow: inset 0 -3px 0 0 #333333;
  	height: 50px;
  	margin-bottom: 30px;
}
.top-bar span {
  	-webkit-box-shadow: inset 0 -3px 0 0 #A2A2A2;
  	box-shadow: inset 0 -3px 0 0 #A2A2A2;
  	float: right;
  	height: 50px;
  	line-height: 50px;
  	font-size: 18px;
  	font-weight: 400;
  	color: #A2A2A2;
	margin-left: 20%;
}
.top-bar #ticker-box {
  height: 50px;
  line-height: 50px;
  overflow: hidden;
	margin-left: 10px;
	font-size: 20px;
}
.top-bar #ticker-box .ticker ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.top-bar #ticker-box .ticker ul li {
  margin: 0px 10px;
  padding: 0px 0px;
  overflow: hidden;
}
.top-bar #ticker-box .ticker ul li a:link {
  color: #0B75AF;
}
.top-bar #ticker-box .ticker ul li a:hover, a:focus, a:active {
  color: #d32512;
}

.top-bar #ticker-box .ticker2 ul {
 margin: 0px 10px;
  padding: 0px 0px;
}
.top-bar #ticker-box .ticker2 a:link {
  color: #0B75AF;
}
.top-bar #ticker-box .ticker2 a:hover, a:focus, a:active {
  color: #d32512;
}

/** Menu top bar krótkie */
#top-bar-kr {
	background: rgb(0,0,0);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(33,37,41,0.50) 30%, rgba(33,37,41,0.50) 50%, rgba(0,0,0,1) 100%);
}
.top-bar-kr {
  	-webkit-box-shadow: inset 0 -3px 0 0 #333333;
  	box-shadow: inset 0 -3px 0 0 #333333;
  	height: 50px;
  	margin-bottom: 30px;
}
.top-bar-kr span {
  	-webkit-box-shadow: inset 0 -3px 0 0 #A2A2A2;
  	box-shadow: inset 0 -3px 0 0 #A2A2A2;
  	float: left;
  	height: 50px;
  	line-height: 50px;
  	font-size: 18px;
  	font-weight: 400;
  	color: #A2A2A2;
	margin-left: 80px;
}
.top-bar-kr #ticker-box-kr {
  height: 50px;
  line-height: 50px;
  overflow: hidden;
	margin-left: 10px;
	font-size: 20px;
}
.top-bar-kr #ticker-box-kr .ticker-kr ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.top-bar-kr #ticker-box-kr .ticker-kr ul li {
  margin: 0px 10px;
  padding: 0px 0px;
  overflow: hidden;
}
.top-bar-kr #ticker-box-kr .ticker-kr ul li a:link {
  color: #0B75AF;
}
.top-bar-kr #ticker-box-kr .ticker-kr ul li a:hover, a:focus, a:active {
  color: #d32512;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

#slider-box {
  	position: relative;
	/* overflow: hidden; */
	float: right;
}
#slider-box .flex-caption h2 a{
  color: #939393;
	text-decoration: none;
}
#slider-box .flex-caption h2 a:hover{
color: #d32512;
text-decoration: none;
}
#slider-box .flex-caption span {
  padding: 0px 0px;
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 500;
}
#slider-box .flex-caption span p {
  margin-bottom: 0px;
}
.flex-caption {
 	position:absolute!important;
	/* position:-webkit-sticky!important;
	position:sticky!important;
 	/* padding: 10px;*/ 
 	width: 80%;
	/* max-height: auto; */
   	top: 470px; 
	left: 50px;
	color: #939393;
 	/* padding: 0px 0px; */
	/* float: right;  */
}
.position-abs {
	position:absolute!important;
	position:-webkit-sticky!important;
	position:sticky!important;
 	/* padding: 10px;*/ 
 	width: 80%;
	/* max-height: auto; */
   	/*top: 150px; */
	left: 50px;
	color: #939393;
 	/* padding: 0px 0px; */
	/* float: right;  */
}
.position-absolute a:link {
	color: #939393;
	text-decoration: none;

}
.position-absolute h2 {
	margin: 0px 0px 10px 0px;
  	padding: 0px 0px;
  	font-weight: 400;
  	font-size: 14px;
	color: #939393;
}
.tlo {
	background: rgba(0, 0, 0, .95); 
	background-size: 100%;
	padding: 10px;
	/* border: 2px solid #333333;
    box-shadow: 0 0 10px #008EF5; */
    height: auto;
	border-radius: 10px;
}

.opis-front {
	
}
.flex-caption h2 {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px;
  font-weight: 400;
  font-size: 14px;
	color: #939393;
   /*word-spacing: 0px;
  letter-spacing: 0px;
  /*line-height: 1.2em;*/
}
.flex-caption2 {
 position: absolute; 
 padding: 30px;
 width: 300px;
  /* max-height: auto; */
   top: 50px; 
	left: 60px;
  color: #939393;
  background-color: #000164;
}
.flex-title {
	padding-top: 15px;
}
.flex-title-movil {
	display: none;
}

/* flex tytul */
.flex-tytul {
 	position:absolute!important;
	/* position:-webkit-sticky!important;
	position:sticky!important;
 	/* padding: 10px;*/ 
 	height: 80%;
	/* max-height: auto; */
   	top: 120px; 
	left: 40px;
	color: #939393;
 	/* padding: 0px 0px; */
	/* float: right;  */
}

.flex-tytul-zawartosc {
	
}

.flex-tlo {
	background: rgba(0, 0, 0, .80); 
	/* background-size: 50%;
	padding: 10px 10px 10px 10px;
	/* border: 2px solid #333333;
    box-shadow: 0 0 10px #008EF5; */
    height: auto;
	width: 75%;
	border-radius: 5px;
}

.flex-tytul-g {
	padding-top: 0px;
	font-size: 28px;
	color: #939393;
}
.flex-tytul-g h2 {
	padding-top: 0px;
	font-size: 24px;
}
.flex-tytul-g h2 a:link {
	text-decoration: none;
}
.flex-tytul-movil {
	display: none;
}
/**=========================================================== 
7.0 Obrazki
============================================================*/
.img {
	
}
.obrazek {
    border: 2px solid #333333;
    box-shadow: 0 0 15px #eee;
    padding: 5px;
    height: auto;
	border-radius: 10px;
}
.obrazek2 {
    border: 2px solid #333;
    /* box-shadow: 0 0 1px #ff3333; */
    padding: 5px;
    height: auto;
	border-radius: 10px;
}
.obrazek-home {
    padding: 5px;
    height: auto;
	border-radius: 10px;
}
.obrazek-flex {
	/* border: 2px solid #333333;
    box-shadow: 0 0 15px #eee;
    padding: 5px;
    height: auto;
	border-radius: 10px;*/
	border: 0px; /* solid #333333; */
 	box-shadow: none;
    padding: 0px;
    height: auto;
	border-radius: 5px;
}
.ins img {
    border: 2px solid #333;
    /* box-shadow: 0 0 15px #eee; */
    padding: 5px;
    height: auto;
	border-radius: 10px;
}
.imgfoot {
	max-height: 40px;
}
.imgbackground {
/* background-image: url(https://www.audiovideo.com.es/wp-content/themes/audiovideo/img/abstract-bg.webp); */
background-size: cover;
background-attachment: fixed;

min-width: 100%;
}
.imgbg {
background-size: cover;
background-attachment: fixed;
min-width: 100%;
}
.front-bg {
	/* background-image: url(https://www.audiovideo.com.es/wp-content/themes/audiovideo/img/abstract-bg.webp); */
	background-size:cover;
	background-attachment: fixed;
	min-width: 100%;
}
/*
.grid-item {
	display: flex;
	flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    max-height: 100%;
    overflow: hidden;
    text-align: center;
    width: 400px;
}
.grid-item img{
	width:100%;
	height:auto;
	filter: url(filters.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);
    transition: 0.9s;
}
.grid-item img:hover{
    filter: none;
}
.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 5, 152);
  background: rgba(0, 5, 150, 0.5); /* Black see-through
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  font-size: 20px;
  padding: 20px;
  text-align: center;
	top:0px;
}

.grid-item:hover .overlay {
  opacity: 1;
} */
/*
.sniped {
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 315px;
width: 100%;
  color: #141414;
  text-align: left;
  line-height: 1.4em;
  font-size: 16px;
}
.sniped * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.sniped img {
  max-width: 100%;
  vertical-align: top;
}
.sniped figcaption {
  position: absolute;
  top: 82%;
  width: 100%;
  background-color: #000;
  padding: 15px 25px 165px;
}
.sniped figcaption:before {
  position: absolute;
  content: '';
  z-index: 5;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 280px;
  background-image: -webkit-linear-gradient(top, transparent 0%, #000 100%);
  background-image: linear-gradient(to bottom, transparent 0%, #000 100%);
}
.sniped h2,
.sniped h4 {
  margin: 0 0 10px;
}
.sniped h2 {
  font-weight: 300;
  font-size: 1.4em;
  line-height: 1.2em;
  text-transform: uppercase;
}
.sniped h4 {
  font-size: 0.9em;
  letter-spacing: 1px;
  opacity: 0.9;
}/*
.sniped a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
} 
.sniped:hover figcaption,
.sniped.hover figcaption {
  top: 280px;
} */
/* Common style */
.grid figure {
  position: relative;
  overflow: hidden;
  /* min-width: 100% */
  max-width: 100%;
  background: transparent;
  text-align: center;
  cursor: pointer;
  display: block;
border-style: solid;
border-width: 1px;
border-radius: 15px;
box-shadow: 0 0 3px #000;
padding-bottom: 0;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;

}
.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  /*opacity: 0.5;*/
}
.grid figure figcaption {
  padding: 0px 30px 0px 30px;;
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Anchor will cover the whole item by default */
.grid figure figcaption > a {
  z-index: 98;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
  
}
.grid figure h2,
.grid figure p {
  margin: 0;
}
.grid figure p {
  letter-spacing: 1px;
}
figure.effect-smart {
  background: #000;
}
figure.effect-smart img {
  max-width: none;
  width: 100%;
  height: 100%;
  display: block;
  transition: all 0.65s ease-in-out;
  -webkit-transition: all 0.65s ease-in-out;
}
figure.effect-smart:hover img {
  opacity: 0.85;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
figure.effect-smart figcaption {
  text-align: left;
}
figure.effect-smart h2 {
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  padding: 40px 0px 20px 0px;
  font-size: 28px;
}
figure.effect-smart h2 a:link,
figure.effect-smart h2 a:visited {
  color: #7C7C7C;
	font-weight: 700;
  text-shadow: 2px 2px 2px #000;
  	font-size: 28px;
}
figure.effect-smart h2::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #5A5A5A;
text-shadow: 2px 2px 2px #000;
  content: '';
  -webkit-transition: -webkit-transform 0.65s;
  transition: transform 0.65s;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
figure.effect-smart:hover h2::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  
}
figure.effect-smart p {
	margin-top: 5px;
  padding: 5px;
  font-size: 14px;
	color: #D3D3D3;
	font-weight: 200;
	background-color: rgba(0, 0, 0, .25);
	 text-shadow: 2px 2px 2px #000;
  -webkit-transition: opacity 0.85s, -webkit-transform 0.85s;
  transition: opacity 0.85s, transform 0.65s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
figure.effect-smart p a:link,
figure.effect-smart p a:visited {
  color: #5A5A5A;
}
figure.effect-smart:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.wp-block-image {
	/* max-width: 768px !important; */
	height: auto;
	max-width: 100%;
}
/**=========================================================== 
8.0 Teksty
============================================================*/
.texto-vertical {
    writing-mode: vertical-lr;
    transform: rotate(180deg); 
	font: 900 100px/1 Muli;
  	text-align-last: center;
  	letter-spacing: -1px;
  	text-transform: uppercase;
  	z-index: 10;
	position: relative;
	left: -25px;
	top:15px;
}
.texto-vertical span {
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(180deg, #B9B9B9, transparent);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	display: inline-block;
  	position: relative;
}
.texto-vertical span:nth-of-type(2) {
  	display: inline-block;
  	margin-left: -1.5em;
  	top: 1.5em;
	position: absolute;
}

/*
.texto-vertical:before {
  content: "";
 position: absolute;
  right: -25%;
  width: 150%;
  bottom: -50px;
  background: purple;
  height: 150px;
  background: linear-gradient(rgba(0, 0, 0, 0), #111, rgba(255, 255, 255, 0));
} */
.tytulyF {
	font-size: 26px;
}
/* captalizacion */

p.has-drop-cap:not(:focus):first-letter {
	/* float:left; */
   	font-size: 3.3em;
	color: #00479C !important;
    font-family: "open-24" !important;
   	/* line-height:.88; */
   	font-weight:400;
   	margin: .05em .05em 0 0;
   	text-transform:uppercase;
   	font-style:normal;
   	/*background-image: url(https://www.audio-video.es/obrazki/fale.jpg);*/
   	background-size: cover;
   	-webkit-background-clip: text;
   	-webkit-text-fill-color: transparent;
   	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
   	-webkit-text-stroke: 2px #fff;
}

/* captalizacion */
/**=========================================================== 
9.0 Komenatrze
============================================================*/
/*Comments*/
#comments {
  /* margin-top: 40px; */
  max-width: auto;
}
#comments .comment-navigation {
    border: 2px solid #5B1F20;
    border-radius: 5px;
    padding: 10px 10px;
    font-size: 20px;
    background-color: #3B2425;
}
#comments .comments-area {
	max-width: 95%;
}
#comments h2.comments-title {
  -webkit-box-shadow: inset 0 -1px 0 0 #333333;
  box-shadow: inset 0 -1px 0 0 #333333;
  margin: 20px 0px 20px 0px;
  padding: 0px 0px 0px 30px;
  font-size: 20px;
  font-weight: 400;
  /* text-transform: uppercase; */
  color: #A3A3A3;
}
#comments h2.comments-title span {
  -webkit-box-shadow: inset 0 -1px 0 0 #A3A3A3;
  box-shadow: inset 0 -1px 0 0 #A3A3A3;
  padding: 0px 0px 10px 0px;
  display: inline-block;
}
#comments ol.comment-list {
  	list-style: none;
  	margin: 0px;
	border: 2px solid #333333;
    border-radius: 10px;
    padding: 10px 30px;
    font-size: 20px;
    background-color: rgba(0, 0, 0, 0.35);
}
#comments ol.comment-list li {
  margin: 30px 0px 0px 0px;
}
#comments ol.comment-list li .comment-body .comment-meta .avatar {
  float: left;
display: grid; 
  margin-right: 10px;
  border: 1px solid #eee;
}
#comments ol.comment-list li .comment-body .comment-meta .comment-author {
  font-weight: 800;
  font-size: 16px;
  color: #222;
  padding-top: 5px;
}
#comments ol.comment-list li .comment-body .comment-meta .comment-author a {
  color: #222;
}
#comments ol.comment-list li .comment-body .comment-meta .comment-author cite {
  font-style: normal;
}
#comments ol.comment-list li .comment-body .comment-meta .comment-metadata {
  font-size: 12px;
}
#comments ol.comment-list li .comment-body .comment-meta .comment-metadata span,
#comments ol.comment-list li .comment-body .comment-meta .comment-metadata a {
  margin: 0px 2px;
}
#comments ol.comment-list li .comment-body .comment-meta p.comment-awaiting-moderation {
  margin: 0px 0px 0px 70px;
  color: #ff0000;
}
#comments ol.comment-list li .comment-body .comment-content {
  padding-top: 10px;
  padding-left: 60px;
}
#comments #reply {
  margin-top: 30px;
}
#comments #reply h3 {
  color: #222;
  margin: 0px 0px 20px 0px;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 20px;
  border-bottom: 2px solid #0B75AF;
}
#comments #reply p {
  margin-bottom: 20px;
}
#comments #reply p label {
  display: block;
}
#comments #reply p input {
  border-color: #ddd;
}
#comments #reply p.logged-in-as {
  display: block;
}
#comments #reply p.form-submit input {
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: #0A39EB;
  border-color: #0B75AF;
  background: #0B75AF;
  color: #A3A3A3;
  text-shadow: none;
}


.reply {
  margin-top: 0px;
}
.reply h3 {
  color: #222;
  margin: 0px 0px 20px 0px;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 20px;
  border-bottom: 2px solid #0B75AF;
}
.reply p {
  margin-bottom: 20px;
}
.reply p label {
  display: block;
}
.reply p input {
  border-color: #ddd;
}
.reply p.logged-in-as {
  display: block;
}
.reply p.form-submit input {
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: #0A39EB;
  border-color: #0B75AF;
  background: #0B75AF;
  color: #fff;
  text-shadow: none;
}


/**=========================================================== 
10.0 Naglowki
============================================================*/


/**=========================================================== 
11.0 Zawartosc
============================================================*/

.article {
	background: rgba(0, 0, 0, 0.90);
	color: #B8B8B8;
	border: 2px solid #333333;
    box-shadow: 0 0 5px #eee;
    padding: 20px 10px 20px 10px;
    height: auto;
	border-radius: 10px;
	/* font-family: "continuum_light"; */
	font-size: 20px;
	margin-bottom: 25px;
	font-weight: lighter;
}
.article h1 {
	font-size: 26px;
	font-weight: 400;
	padding: 10px 0px 10px 0px;
	font-family: "continuum_light";
}
.article h2 {
	font-size: 24px;
	font-weight: 400;
	padding: 10px 0px 10px 0px;
	font-family: "continuum_light";
}
.article h3 {
	font-size: 20px;
	font-weight: 400;
	padding: 10px 0px 10px 0px;
	font-family: "continuum_light";
}
.article h4 {
	font-size: 16px;
	font-weight: 400;
	padding: 10px 0px 10px 0px;
	font-family: "continuum_light";
}
/* .article h1, h2, h3, h4, h5, h6 a:link {
	color: #00479C !important;
} */
.article a:link {
	color: #00479C !important;
}
.article a:hover, a:focus, a:active a:visited {
	color: #333 !important;
}
code {
    color: #00479C !important;
	font-size: 24px !important;
	font-family: "open-24" !important;
}
/**=========================================================== 
12.0 Footer / Stopka
============================================================*/
#footer {
	background-color: #000000;
}
.footer ul li a:link {
	text-decoration: none;
}
.etiquetas {
	font-size: 14px;
}