.HCMode * {
background: black;
color: #00FF00 !important;
border-color: #00FF00 !important;
}
.HCMode .Logo,
.HCMode .LogoAbilityOne,
.HCMode .LogoNIB,
.HCMode .SocialIcons a,
.HCMode .rslides_nav.prev,
.HCMode .rslides_nav.next,
.HCMode img,
{
text-indent: 0;
overflow: visible;
width: auto;
height: auto;
}
.HCMode header {
position: relative;
}
.HCMode .Logo {
font-size: 20px;
}
.HCMode .SocialIcons a {
border: none;
}

.HCMode .copyright,
.HCMode .copyright a,
.HCMode .fa-heart-o {
overflow: visible;
color:#000 !important;}

.HCMode .btn-top {
border: 1px solid #00FF00 !important;
background: #000;
}

.copyright {
margin-top:10px;}

.center {
text-align:center !important;
}

.small{
width:300px;
}

html,
body {
background: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
margin: 0 !important;
padding: 0 !important;
position: relative;

}

.logo{
margin:0px;
}

.logo-small {
margin:0px 0px 40px 0px;
}

.bg-color{
background-color: #164194;
margin:0;
padding:24px 24px 0px 24px;
}


.bg-color-white{
background: #fff;
background-repeat:repeat;padding:0px;
}

.bg-border{
border-style: solid;
border-color: #164194;
margin: 0;
padding:24px 16px 0px 8px;
}

.btn-top {
background: #FFDD00;
color: #11306E;
/*font-size: 15px;--------------------------------------------------------------------------------*/
font-weight:700;
padding: 10px 16px;
text-transform: uppercase;
text-decoration: none !important;}
}

.btn-top:hover {
background: #FFDD00;
color:#11306E;
}

.left {
float:left;
margin-right:20px;
}


.line {
color:#fff;
border-bottom: 1px solid black;
}

.top-news-1 {
margin-top: -50px;
padding: 20px;
text-align:center;
}

.entry-content .art-main {
font-size:15px;
font-weight:bold;
color:#000;
text-align:center;
}

.bold{
font-weight:bold;
}

.padding-images{
padding:20px;
}

.bottom-logos{
margin-left: auto;
margin-right: auto;
}

.art-main-left {
font-size:15px;
font-weight:bold;
color:#000;
text-align:left;
}


.sidebar {
margin:40px 0px 0px 40px;
}


.content {
margin-left: 75px;
font-size: 30px;
}

.separator-line{
border-top: 1px solid #000;
width:30%;
margin:40px auto;
}


p {
font-family: 'Open Sans', sans-serif;

line-height: 150%;
padding:0;
}

h2 {
/*font-size:23px
color:#000000;-------------------------------------------------------------------------------------*/
font-weight:700;
text-align:left;
line-height: 140%;
margin:0;
padding:0;
}


h3 {
/*font-size:20px;-------------------------------------------------------------------------------------*/
color:#ffffff !important;
font-weight:bold;
text-align:left;
line-height: 130%;
margin:0;
padding:0;
}

.title h3 {
margin-bottom:16px !important;
}

#lead-new p{
padding:0;
}

#lead-new h2{
text-align:center;
padding:20px 0;
}

#lead-new h3{
color:#164194 !important;
padding:20px 0;
}

.zakladki h1 {
margin:50px 0px 24px 0px;
}


#wybicie img {
display:inline-block;
float:left;
margin:10px 30px 30px 0px;
}

#wybicie {
margin:0px 0px 30px 0px !important;
}


#wybicie h3 {
/*font-size:18px;-------------------------------------------------------------------------------*/
font-weight:500;
}


.hash {
margin:4px 0 !important;
padding:0;
}


.hash2 {
color:#fff;
margin:4px 0 !important;
padding:0;
}


.entry-content .link {
font-weight: bold;
color: #000;
}


.big {
font-size:40px;
color:#164194;
line-height:1.2;
}

.reportaz {
font-size:40px;
color:#164194;
background:#FFDD00;
text-transform:uppercase;
margin:8px auto;
padding: 0;
max-width:240px;
text-align:center;
}

.white, .white a {
color:#fff!important;
}

.margin {
margin-bottom:10px;
}

a:link {color: #11306E; text-decoration: none;}
a:visited {/*color: #000;*/ text-decoration: none;}
a:hover {/*color: #11306E;*/ text-decoration: underline;}
a:active {/*color: #11306E;*/ text-decoration: none;}
a:focus {color: #00aeef!important; text-decoration: none; outline: #fff200 dotted 3px;}

.newsy h3 {
margin:0;
padding:0;
}

.newsy p {
/*font-size: 15px;-------------------------------------------------------------------------------------------------------*/
font-weight:normal;
}

.weight-normal{
font-weight:normal;
}

.social {
margin:18px 0px 0px 0px;
}

.bright {
margin:18px 0px 0px 0px;
}

.span-margin-r {
padding-right:10px;
}

.margin-top{
margin-top:20px;
}

.logo-mobile {
margin-top:30px;
}


.sign {
font-weight: bold;
border-top: 1px solid #000;
width:100%;
margin:40px 0px 0px 0px;
padding:10px 0px 0px 0px;
}


.gallery {
margin: 50px 0;
text-align:center;
}

.example-image {
display:inline-block;
margin:20px 0px;
}

.example-image-r {
display:inline-block;
float:right;
margin:0px 0px 10px 20px;
}

.gallery img {
padding:5px;
}

.video {
margin: 50px 0px 50px 0px;
}

.video2 {
margin: 50px 0px 0px 0px;
}

.audio {
background-color:#151515;
width:100%;
margin: 0px 0px 10px 0px;
}

.video h4, .video2 h4{
padding-bottom: 20px;
text-align:center;<div></div>
}

.widget-title-top{
color: #000;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: bold;
line-height: 1;
margin:30px 0px 10px 0px;
padding: 0;
text-align:left;
}

h5 {
font-size: 25px;
text-align:center;
font-style: italic;
line-height: 1.2;
font-weight: normal;
}

.wyimek-stary {
margin:50px 0; 
padding-left:20px; 
border-left:solid; 
border-width:5px; 
border-color:#0c4da2;
}

.wyimek {
margin: 0; 
left: 40%; 
position: absolute; 
top: 30%; 
padding:30px;
}

.wyimek-30 {
margin: 0; 
left: 40%; 
position: absolute; 
top: 10%; 
padding:30px;
}

.wyimek-20 {
margin: 0; 
left: 40%; 
position: absolute; 
top: 20%; 
padding:30px;
}

.wyimek-10 {
margin: 0; 
left: 40%; 
position: absolute; 
top: 10%; 
padding:30px;
}

.wyimek-right {
margin: 0; 
right: 40%; 
position: absolute; 
top: 30%; 
padding:30px;
}

.wyimek-box{
padding: 20px 0; 
height: 440px; 
position: relative;
}

::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}

::selection {
background: #b3d4fc;
text-shadow: none;
}

/*
* A better looking default horizontal rule
*/

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}

/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/

audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}

/*
* Remove default fieldset styles.
*/

fieldset {
border: 0;
margin: 0;
padding: 0;
}

/*
* Allow only vertical resizing of textareas.
*/

textarea {
resize: vertical;
}

/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */

.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}


/* ==========================================================================
Helper classes
========================================================================== */

/*
* Hide visually and from screen readers
*/

.hidden {
display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/

.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}

.clearfix:after {
clear: both;
}


html {
font-family: sans-serif; /* 1 */
}

body {
margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}

/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/

audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/

audio:not([controls]) {
display: none;
height: 0;
}

/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/

[hidden],
template {
display: none;
}

/* Links
========================================================================== */

/**
* Remove the gray background color from active links in IE 10.
*/

a {
background-color: transparent;
}

/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/

a:active,
a:hover {
outline: 0;
}

/* Text-level semantics
========================================================================== */

/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/

abbr[title] {
border-bottom: 1px dotted;
}

/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/

b,
strong {
font-weight: bold;
}

/**
* Address styling not present in Safari and Chrome.
*/

dfn {
font-style: italic;
}

mark {
background: #ff0;
color: #000;
}

/**
* Address inconsistent and variable font size in all browsers.
*/

small {
font-size: 80%;
}

/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

/* Embedded content
========================================================================== */

/**
* Remove border when inside `a` element in IE 8/9/10.
*/

img {
border: 0;
}

/**
* Correct overflow not hidden in IE 9/10/11.
*/

svg:not(:root) {
overflow: hidden;
}

figure {
margin: 1em 40px;
}

hr {
box-sizing: content-box;
height: 0;
}

pre {
overflow: auto;
}

code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}

button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
border: none;
outline: 0;
}

/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/

button {
overflow: visible;
}

/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/

button,
select {
text-transform: none;
}

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
*/

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {

cursor: pointer; /* 3 */
}

/**
* Re-set default cursor for disabled elements.
*/

button[disabled],
html input[disabled] {
cursor: default;
}

/**
* Remove inner padding and border in Firefox 4+.
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/

input {
line-height: normal;
}

/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}

/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/


/**
* Define consistent border, margin, and padding.
*/

fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}

/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/

legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}

/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/

textarea {
overflow: auto;
}

/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/

optgroup {
font-weight: bold;
}

/* Tables
========================================================================== */

/**
* Remove most spacing between table cells.
*/

table {
border-collapse: collapse;
border-spacing: 0;
}

td,
th {
padding: 0;
}


/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */

@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}

/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */

@media print {
*,
*:before,
*:after,
*:first-letter,
*:first-line {
background: transparent !important;
color: #000 !important; /* Black prints faster:
										 http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important;
}

a,
a:visited {
text-decoration: underline;
}

a[href]:after {
content: " (" attr(href) ")";
}

abbr[title]:after {
content: " (" attr(title) ")";
}

/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/

a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}

pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}

/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/

thead {
display: table-header-group;
}

tr,
img {
page-break-inside: avoid;
}

img {
max-width: 100% !important;
}

p,
h2,
h3 {
orphans: 3;
widows: 3;
}

h2,
h3 {
page-break-after: avoid;
}
}

.pull-quote {
position: relative;
padding: 2.1rem 3rem 2.1rem 0px;
}

.pull-quote::before, .pull-quote::after {
height: 1em;
position: absolute;
font-size: 10rem;

}

.pull-quote::before {
content: "\201C";
top: -3.6rem;
left: 0;
}

.pull-quote::after {
content: '\201D';
bottom: 3.6rem;
right: 0;
}

.pull-quote blockquote {
margin: 0;
}

.pull-quote blockquote::before {
content: none;
}

.newsy {
margin: 0px 15px !important;
padding:24px 16px 0px 16px;
}


/* Style all font awesome icons */
.fa {
padding: 20px;
font-size: 30px;
width: 50px;
text-align: center;
text-decoration: none;
}

.fa:hover {
opacity: 0.7;
}

.fa-facebook {
background: #3B5998;
color: white;
}

.fa-instagram {
background: #f16d;
color: white;
}

.fa-twitter {
background: #000;
color: white;
}

.fa-youtube {
background: #FF0000;
color: white;
}

.fa-linkedin {
background: #0288D1;
color: white;
}


.icon-bar {
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.icon-bar a {
display: block;
text-align: center;
padding: 16px;
transition: all 0.3s ease;
color: white;
font-size: 20px;
margin:8px 0;
}


.logo-mobile{
margin-bottom:32px !important;
}

/* kolor menu */
#main-menu a{
color: #fff !important;
}


#main-menu-2 {
display: block;
/*font-size:18px;-------------------------------------------------------------------------------------------------------------------*/
color:#000 !important;
font-weight:bold;
text-align:left;
line-height: 130%;
margin:32px 0px 0px 0px;
padding:0px 0px 0px 16px;
}

#main-menu-2 a:visited, a:hover, a:link {
color:#000;
text-decoration: none !important;
}

#main-menu-1 a:visited, a:hover, a:link {
text-decoration: none !important;
}

.sep {
padding: 15px 15px;
}




.icon-bar a {
color: #fff !important;
text-decoration: none !important;
}



.center-menu {
display: flex;
align-items: center;
height: 60px;
}

ul.no-bullets {
list-style-type: none; /* Remove bullets */
padding: 0; /* Remove padding */
margin: 0; /* Remove margins */
}