/* Ogólna zawartość strony */
.body-content { background-color: #ffffff; margin: 0px; font-family: Arial,sans-serif; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; text-rendering: optimizeLegibility; font-feature-settings: 'kern', 'liga' 0, 'clig' 0, 'calt' 0; color: #000000; letter-spacing: 0em; -webkit-print-color-adjust: exact; }

/* Szary pasek na górze portalu */
.top-media { box-sizing: border-box; max-width: 100%; width: 100%; height: 60px; background: #F4F4F4; padding: 0 20px; }
.top-media-content { box-sizing: border-box; max-width: 960px; width: 100%; text-transform: uppercase; margin: 0 auto; padding: 0; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
.top-media-content h6 { font-family: 'Muli'; font-weight: 600; font-style: normal; font-size: 16px; text-decoration: none; font-feature-settings: 'kern','liga' 0,'clig' 0,'calt' 0,'titl' 0,'salt' 0,'swsh' 0,'cswh' 0; text-transform: none; color: #262626; letter-spacing: 0em; text-transform: uppercase; margin: 0; padding: 0; line-height: 60px; }
.top-social { display: flex; }
.top-social > a { width: 34px; height: 34px; display: inline-block; text-align: center; position: relative; top: 2px; border-radius:50%; }
.top-social > a img { max-width: 34px; max-height: 34px; position: relative; filter: brightness(0); opacity: 0.4; }
.top-social-fb { top: 4px; }
.top-social-twitter { top: 7px; }
.top-social-insta { top: 5px; }
.top-social > a:hover, .top-social > a:focus { background: #929292; transition: all 0.4s;  }
.top-social > a:hover img, .top-social > a:focus img { opacity: 1; filter: brightness(0) invert(1); }

/* Header - logo i dane kontaktowe */
.header-content { max-width: 960px; margin: 10px auto; padding: 0 20px; display: flex; flex-flow: row wrap; justify-content: space-between; }
.page-company-header { font-family: 'Nasalization'; font-weight: normal; font-style: normal; font-size: 63.56px; text-decoration: none; font-feature-settings: 'kern','liga' 0,'clig' 0,'calt' 0,'titl' 0,'salt' 0,'swsh' 0,'cswh' 0; text-transform: none; color: #323946; letter-spacing: 0em; margin: 0; line-height: 70px; }
.header-list { position: relative;  }
.header-list .footer-contact-info { padding-left: 50px; }
.header-list .footer-contact-info li { color: #3F3F3F }
.header-list .footer-contact-info:before { background-image: url('/index_htm_files/2627.png'); width: 37px; height: 37px; margin-top: 7px; }

/* Header - logo i dane kontaktowe - WERSJA MOBILNA */
@media screen and (max-width: 767px ){
  .header-content { max-width: 100%; width: auto; flex-flow: column wrap; justify-content: center; }
  .page-company-header { text-align: center; }
  .header-list { align-self: center; }
}

/* Nawigacja serwisu */
.nav-section { height: 60px; background: #323946; color: #fff; margin: 0; padding: 0 20px; }
.nav-content { max-width: 960px; margin: 0 auto; }
.nav-menu { list-style: none; margin: 0; padding: 0; background: #323946; z-index: 5; }
.nav-item { display: inline-block; position: relative; text-decoration: none; font-family: 'Muli'; font-style: normal; font-size: 16px; font-feature-settings: 'kern','liga' 0,'clig' 0,'calt' 0,'titl' 0,'salt' 0,'swsh' 0,'cswh' 0; list-style: none; margin: 0; padding: 0 12px; }
.nav-item a { display: block; line-height: 60px; color: #fff; text-decoration: none; font-weight: 600; transition: all 0.3s; }
.nav-item:hover a, .nav-item:focus a { color: #3f94cb; }
.nav-submenu { z-index:3; background: #323946; position: absolute; top: 100%; left: 0; list-style: none; white-space: nowrap; margin: 0; padding: 0; display: none; }
.nav-item:hover .nav-submenu, .nav-item:focus .nav-submenu { display: block; }
.submenu-item > a { display: block; margin: 0; padding: 15px; color: #fff !important; line-height: 25px; }
.submenu-item:hover a { background: #3F94CB; }
.navbar-toggler { display: none; max-height: 60px; width: auto; height: 52px; vertical-align: middle; position: relative; top: 4px; border-radius: 0; border: 0; background: transparent; font-family: 'Muli'; font-weight: 600; font-style: normal; font-size: 16px; font-feature-settings: 'kern','liga' 0,'clig' 0,'calt' 0,'titl' 0,'salt' 0,'swsh' 0,'cswh' 0; color: #fff; letter-spacing: 0em; text-transform: uppercase; }
.menu-button-text { position: relative; top: 2px; }
.nav-button { max-height: 46px; vertical-align: middle; align-self: center; display: inline-block; margin: 0 5px 0 0; padding: 0; }
.navbar-toggler:hover { cursor: pointer; }

/* Nawigacja serwisu - wersja mobilna */
@media screen and (max-width:767px){
  .navbar-toggler { display: block; }
  .nav-menu { display: none; width: 150px; }
  .menu-open { display: block; position: absolute; }
  .nav-item { text-align: center; text-transform: uppercase; display: block; }
  #link-submenu:after { content: ''; position: absolute; top: 50%; right: .5em; height: 0px; width: 0px; border: 5px solid transparent; margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: inherit; }
  .nav-submenu { z-index: 2; position: absolute; left: 150px; top: 0; white-space: initial; max-width: 190px; border: 1px solid rgba(255,255,255,0.3); }
  .nav-submenu > .submenu-item { border-bottom: 1px solid rgba(255,255,255,0.3); }
  .nav-submenu > .submenu-item:last-child { border: 0; }
}

/* Zasoby portalu - content */
.content-map { max-width: 100%; box-sizing: border-box; }
.content-map iframe { border: 0; padding: 0; margin: 0 auto; width: 100%; height: 350px; }
.page-content { box-sizing: border-box; max-width: 960px; margin: 0 auto; padding: 40px 20px; font-family: 'Muli'; font-weight: 600; font-style: normal; font-size: 16px; text-decoration: none; font-feature-settings: 'kern','liga' 0,'clig' 0,'calt' 0,'titl' 0,'salt' 0,'swsh' 0,'cswh' 0; text-transform: none; color: #3F3F3F; letter-spacing: 0em; }
.text-justify { text-align: justify; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { font-family: 'Muli'; font-weight: 600; font-style: normal; font-size: 40px; text-decoration: none; font-feature-settings: 'kern','liga' 0,'clig' 0,'calt' 0,'titl' 0,'salt' 0,'swsh' 0,'cswh' 0; text-transform: none; color: #323946; letter-spacing: 0em; margin: 0 0 20px 0; }
.page-medium-header { font-size: 30px !important; }
.page-small-header { font-size: 22px !important; }
.page-header-color { color: #3F94CB !important; }
.a-row, .footer-row { box-sizing: border-box; display: flex; flex-flow: row wrap; justify-content: space-between; }
.a-col-50, .footer-column { max-width: 49%; width: 100%; height: auto; box-sizing: border-box; position: relative; }

.a-col-33 { max-width: 32%; width: 100%; box-sizing: border-box; padding: 0; margin: 0 0 15px 0; }
.fadeonloadleft { opacity: 0; position: relative; right: 300px; }
.content-header-image { width: 100%; height: 500px; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url('/index_htm_files/5299.jpg'); display: flex; }
.content-header-bg { background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url('/index_htm_files/5327.png'); width: 755px; height: 255px; align-self: end; position: relative; top: -50px; left: 15%; display: flex; flex-flow: row wrap; align-content: center; justify-content: center; }
.content-header-title { margin: 0 0 20px 0; }
.content-header-title, .content-header-subtitle { font-family: 'Muli'; font-weight: 600; font-style: normal; font-size: 40px; text-decoration: none; font-feature-settings: 'kern','liga' 0,'clig' 0,'calt' 0,'titl' 0,'salt' 0,'swsh' 0,'cswh' 0; text-transform: none; color: #FFFFFF; background-color: Transparent; letter-spacing: 0em; max-width: 80%; align-self: center; width: 100%; }

.text-center { text-align:center; }
.header-subtext { font-family: 'Muli'; font-weight: 600; font-style: normal; font-size: 28px; text-decoration: none; font-feature-settings: 'kern','liga' 0,'clig' 0,'calt' 0,'titl' 0,'salt' 0,'swsh' 0,'cswh' 0; text-transform: none; color: #3F94CB; background-color: Transparent; letter-spacing: 0em; }
.header-no-margin { margin-bottom: 5px !important; }
.header-margin { margin-bottom: 30px; }
.home-text { line-height: 1.5; }
.button-blue { color: #3f94cb; border: 1px solid #3f94cb; border-radius: 10px; padding: 15px 35px; margin: 20px 0; display: inline-block; text-decoration: none; transition: all 0.3s; }
.button-blue:hover, .button-blue:focus { background: #3f94cb; color: #fff; }
.page-bg-content { box-sizing: border-box; margin: 0 auto; padding: 40px 20px; font-family: 'Muli'; font-weight: 600; font-style: normal; font-size: 16px; text-decoration: none; font-feature-settings: 'kern','liga' 0,'clig' 0,'calt' 0,'titl' 0,'salt' 0,'swsh' 0,'cswh' 0; text-transform: none; color: #3F3F3F; letter-spacing: 0em; }
.page-bg-content-text { max-width: 960px; margin: auto; }
.bg-gray { background: #F4F4F4; }
.a-col-25 { max-width: 24%; width: 100%; box-sizing: border-box; padding: 0; margin: 0 0 15px 0; }
.img-center { margin-right: auto !important; margin-left: auto !important; }
.header-bonus-margin { margin-top: 25px !important; margin-bottom: 25px !important; }
.blue-list a { color: #30719B; font-family: 'Muli'; font-weight: 600; font-style: normal; font-size: 24px; font-feature-settings: 'kern','liga' 0,'clig' 0,'calt' 0,'titl' 0,'salt' 0,'swsh' 0,'cswh' 0; text-transform: none; color: #3F94CB; letter-spacing: 0em; text-decoration: none; }
.blue-list { padding: 0; }
.blue-list a:hover, .blue-list a:focus { color: #3F3F3F; }
.blue-list li { margin: 0 0 20px 0; list-style: none; padding: 0 0 0 15px; }
.blue-list li::marker { content: '\2713'; color: #30719B; font-size: 1.3em; }
.page-parallax-bg { background-attachment: fixed; background-position: center; background-size: cover; }
.parallax-cover { background-color: #323946; opacity: 0.72; }
.parallax-margin { padding-top: 50px; padding-bottom: 50px; }
.color-white { color: #fff !important; }
.pamietaj-box { background-image: url('/index_htm_files/3736.png'); display: block; width: 216px; height: 155px; margin: 0 auto; display: flex; justify-content: center; align-items: center; position: absolute; top: -70px; left: calc(50% - 108px); }
.pamietaj-box > * { align-self: center; }
.pamietaj-margin { margin-top: 100px; padding: 0 !important; height: 391px; position: relative; }
.pamietaj-right-img { position: absolute; top: -54px; }
.pamietaj-content { padding-top: 100px; }
.wspolpraca-box { margin: 30px 0; position: relative; height: 320px; display: flex; }
.wspolpraca-background { background: #3F94CB; z-index: 1; width: 100%; height: 200px; position: absolute; align-self: center; }
.wspolpraca-content { border: 1px solid #3F94CB; padding: 10px 25px; max-width: 400px; margin: 0 auto; font-family: 'Muli'; font-weight: 600; font-style: normal; font-size: 16px; text-decoration: none; font-feature-settings: 'kern','liga' 0,'clig' 0,'calt' 0,'titl' 0,'salt' 0,'swsh' 0,'cswh' 0; text-transform: none; color: #3F3F3F; background-color: #fff; letter-spacing: 0em; z-index: 2; }
.wspolpraca-content h6 { font-family: 'Muli'; font-weight: 600; font-style: normal; font-size: 28px; text-decoration: none; font-feature-settings: 'kern','liga' 0,'clig' 0,'calt' 0,'titl' 0,'salt' 0,'swsh' 0,'cswh' 0; text-transform: none; color: #3F94CB; background-color: Transparent; letter-spacing: 0em; margin: 0 0 15px 0; }
.wspolpraca-content hr { background: #3F94CB; border: 0; height: 1px; padding: 0; margin: 10px 0; }
.text-left { text-align: left; }
.link-list a { color: #3f94cb; text-decoration: underline; transition: all 0.15s; }
.link-list a:hover { color: rgba(0,0,0,0.6); }
.footer-link { color: #fff; text-decoration: none; padding: 0 3px; display: inline-block; }
.footer-social-linkedin { max-width: 24px; height: auto; top: 10px; left: 2px; }
.top-social-linkedin { max-width: 24px !important; height: auto; top: 7px; left: 2px; }
.p-margin { margin-bottom: 25px; }
.blue-header { font-size: 28px !important; color: #3F94CB !important; margin: 30px 0 !important; }
.list-checkmark { padding-left: 25px; }
.list-checkmark li { margin-bottom: 10px; line-height: 1.4; padding-left: 10px; }
.list-checkmark li::marker { content: '\2713'; display: inline-block; margin-right: 8px !important; color: #3F94CB; }

/* Zasoby portalu - content - WERSJA MOBILNA*/
@media screen and (max-width:767px) {
  .a-row { flex-flow: column wrap; }
  .a-col-50 { max-width: 100%; }
  .a-col-33 { max-width: 100%; }
  .pamietaj-margin { height: auto !important; }
  .pamietaj-content { padding-bottom: 30px; }
  .pamietaj-right-img { display: none; }
  .blue-list { max-width: 90%; margin: auto; }
  .pamietaj-content { padding-right: 15px; padding-left: 15px; }
  .a-col-25 { max-width: 100%; }
  .content-header-image { height: 350px; }
  .content-header-bg { background-image: url('/index_htm_files/3347.png'); left: 0; background-size: cover; }
  .content-header-title, .content-header-subtitle { font-size: 32px; }
}

/* Stopka */
footer { background: #323946; }
.footer-row { max-width: 960px; margin: 0 auto; padding: 40px 20px; }
.footer-page-list { list-style: none; padding: 0; margin: 30px 0 15px 0; font-family: 'Muli'; font-weight: 600; font-style: normal; font-size: 16px; text-decoration: none; font-feature-settings: 'kern','liga' 0,'clig' 0,'calt' 0,'titl' 0,'salt' 0,'swsh' 0,'cswh' 0; text-transform: uppercase; color: #FFFFFF; letter-spacing: 0em; }
.footer-header { font-family: 'Muli'; font-weight: 900; font-style: normal; font-size: 18px; text-decoration: none; font-feature-settings: 'kern','liga' 0,'clig' 0,'calt' 0,'titl' 0,'salt' 0,'swsh' 0,'cswh' 0; text-transform: none; color: #FFFFFF; letter-spacing: 0em; margin: 0 0 25px 0; }
.footer-column p, .footer-page-list > li { line-height: 1.4em; }
.footer-column p, .footer-contact-info > li { font-family: 'Muli'; font-weight: 600; font-style: normal; font-size: 16px; text-decoration: none; font-feature-settings: 'kern','liga' 0,'clig' 0,'calt' 0,'titl' 0,'salt' 0,'swsh' 0,'cswh' 0; text-transform: none; color: #FFFFFF; letter-spacing: 0em; list-style: none; }
.footer-contact-info > li:first-child { font-weight: 900; margin-bottom: 5px; }
.footer-contact-info:before { display: block; content: ''; width: 20px; height: 21px; background-image: url('/index_htm_files/2624.png'); background-repeat: no-repeat; position: absolute; left: 0; margin-top: 10px; }
.footer-social { margin-top: 30px; }
.footer-social p { display: inline-block; margin-right: 20px; position: relative; }
.footer-social a { display: inline-block; width: 40px; height: 40px; align-self: center; vertical-align: middle; margin-right: 7px; text-align: center; border-radius: 50%; }
.footer-social img { filter: brightness(0) invert(1); }
.footer-social > a img { position: relative; }
.footer-social-fb { top: 7px; }
.footer-social-twitter { top: 10px; }
.footer-social-insta { top: 8px; }
.footer-social > img:last-child { margin-right: 0; }
.footer-social > a:hover, .footer-social > a:focus { background: #fff; transition: all 0.4s; }
.footer-social > a:hover img, .footer-social > a:focus img { filter: initial; }

/* Stopka - style mobilne */
@media screen and (max-width: 767px) {
  .footer-row { max-width: 100%; flex-flow: column wrap; padding: 40px 20px; }
  .footer-column { max-width: 100%; }
  .footer-row > .footer-column:last-child { border-top: 1px solid rgba(255,255,255,0.3); padding-top: 20px; margin-top: 20px; }
}


/* Animacje */
.fadein, .fadeonload { opacity: 0; }
.fadeonloadright { opacity: 0; position: relative; left: 300px; }
.img-block { display: block; max-width: 100%; width: auto; height: auto; box-sizing: border-box; padding: 0; margin: 0 0 10px 0; }
.a-col-70 { max-width: 70%; width: 100%; height: auto; box-sizing: border-box; position: relative; padding: 0 15px; }
.a-col-30 { max-width: 30%; width: 100%; height: auto; box-sizing: border-box; position: relative; padding: 0 15px; }
.a-row > div:first-child { padding-left: 0; }
.a-row > div:last-child { padding-right: 0; }
@media screen and (max-width:767px){
  .a-col-70, .a-col-30 { max-width: 100%; }
}