/*   
Theme Name: ifirmaTheme
Theme URI: https://www.ifirma.pl
Description: 
Author: Dariusz Sankowski
Author URI: 
Version: 2.0
Tags: 
*/
html {
  background-color: #fafafa;
  overflow-x: hidden;
}
html body {
  background-color: #fafafa;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 1.8;
  color: #3d3d3d;
  padding-top: 100px;
}
html body p:empty {
  display: none;
}
html body br {
  display: block;
  content: "";
}
html body h1,
html body h2,
html body h4,
html body h5 {
  font-family: 'Roboto', sans-serif;
}
html body h1.cienki,
html body h2.cienki,
html body h4.cienki,
html body h5.cienki,
html body h1 .cienki,
html body h2 .cienki,
html body h4 .cienki,
html body h5 .cienki {
  font-weight: 200 !important;
}
html body h1.gruby,
html body h2.gruby,
html body h4.gruby,
html body h5.gruby,
html body h1 .gruby,
html body h2 .gruby,
html body h4 .gruby,
html body h5 .gruby {
  font-weight: 600;
}
html body h1 {
  font-size: 3.2em;
  font-weight: 600;
  line-height: 1.4;
}
html body h2 {
  font-weight: 200;
  font-size: 2.8em;
  line-height: 1.4;
}
html body h2 strong {
  font-weight: 600;
}
html body h2 b {
  font-weight: 400;
}
html body h3 {
  font-family: 'Caveat Brush', cursive;
  font-size: 2em;
}
html body h4 {
  line-height: 1.4;
  font-size: 1.333em;
  margin-top: 2.5rem;
  margin-bottom: 0.83333333rem;
}
html body h4 strong {
  font-weight: 600;
}
html body h4 b {
  font-weight: 400;
}
html body .recznie {
  font-family: 'Caveat Brush', cursive;
}
html body .tekst-niebieski {
  color: #009ada;
}
html body .tekst-pomaranczowy {
  color: #ff7d01;
}
html body .tekst-niebieski-jasny {
  color: #9AD9F3;
}
html body .tekst-pomaranczowy-jasny {
  color: #FFC894;
}
html body .promyki {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/highlitht.svg');
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  font-family: 'Caveat Brush', cursive;
  height: 114px;
  line-height: 114px;
  margin: 0 30px;
  text-align: center;
  width: 256px;
  color: #009ada;
  font-size: 1.6em;
}
html body .promyki.maly {
  font-size: 12px;
  line-height: 1.1;
  display: inline-flex;
  font-size: 20px;
  line-height: 1.2;
  vertical-align: middle;
}
html body .dymek {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/mobilnie.svg');
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  font-family: 'Caveat Brush', cursive;
  font-size: 2em;
  height: 132px;
  line-height: 1;
  margin: 0;
  padding: 20px;
  text-align: center;
  width: 148px;
  color: #009ada;
  font-size: 1.6em;
}
html body h3.text-underline,
html body .text-underline {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/underline.svg');
  background-position: center bottom;
  background-repeat: repeat-x;
  color: #eeb27a;
  font-weight: 400;
  padding: 0 0 7px;
  display: inline-block;
}
html body h3.text-underline.szare,
html body .text-underline.szare {
  font-family: 'Caveat Brush', cursive;
  color: #3d3d3d;
}
html body h3.text-underline.tekst-niebieski,
html body .text-underline.tekst-niebieski {
  background-image: url(https://www.ifirma.pl/wp-content/themes/sit/images/svg/underline-blue.svg);
  color: #009ada;
}
html body ul.okejki {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
html body ul.okejki li {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/check-warning-list.svg');
  background-position: left 2px;
  background-repeat: no-repeat;
  padding: 0 0 1.25rem 2.5rem !important;
  margin: 0 !important;
}
html body ul.okejki li:nth-child(odd) {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/check-list.svg');
}
html body ul.okejki li a {
  color: #0076a7;
  font-weight: 600;
}
html body ul.okejki li a:hover,
html body ul.okejki li a:focus {
  color: #ff7d01;
}
html body ul.okejki.male {
  margin: 0 0 1.25rem 0 !important;
}
html body ul.okejki.male li {
  background-position: 0 2px;
  background-size: 16px auto;
  line-height: 1.5;
  padding: 0 0 15px 30px !important;
}
html body ul.okejki.duze {
  font-size: 1.6em;
  margin: 2.5rem 0 !important;
}
html body ul.okejki.duze li {
  background-position: left 7px;
}
html body ul.strzalki {
  margin: 1.25rem 0 0 0;
  padding: 0;
}
html body ul.strzalki li {
  color: #009ada;
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/arrow.svg');
  background-position: right 10px center;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 30px;
  margin: 0;
  font-weight: bold;
  font-size: 1.2em;
}
html body ul.strzalki li a {
  color: #0076a7;
  font-weight: 600;
}
html body ul.strzalki li a:hover,
html body ul.strzalki li a:focus {
  color: #ff7d01;
}
html body ul.pobierz {
  margin: 1.25rem 0 2.5rem 0;
  padding: 0;
  list-style: none;
}
html body ul.pobierz.bez-kreski li {
  border-bottom: none;
}
html body ul.pobierz.bez-kreski li a {
  padding: 0.83333333rem 0;
  font-size: inherit;
}
html body ul.pobierz.bez-kreski li a:before {
  top: 7px;
}
html body ul.pobierz li {
  border-bottom: 2px solid #eeeeee;
  margin: 0;
  padding: 0 0 0 2.5rem;
  line-height: 1.2;
}
html body ul.pobierz li a {
  color: #3d3d3d;
  position: relative;
  font-size: 1.067em;
  padding: 1.25rem 0;
  display: block;
}
html body ul.pobierz li a:before {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/download.svg');
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 23px;
  left: -2.5rem;
  top: 1rem;
  position: absolute;
  width: 17px;
}
html body ul.pobierz li a:hover,
html body ul.pobierz li a:focus {
  color: #009ada;
}
html body ul.kreski {
  border-left: 3px solid #ff7d01;
  border-right: 3px solid #009ada;
  margin: 2.5rem 0;
  padding: 0 30px;
  list-style: none;
}
html body ul.kreski li {
  padding: 10px 0;
}
html body ul.kreski li:first-child {
  padding-top: 0;
}
html body ul.kreski li:last-child {
  padding-bottom: 0;
}
html body ul.kreski li a {
  color: #0076a7;
  font-weight: 600;
}
html body ul.kreski li a:hover,
html body ul.kreski li a:focus {
  color: #ff7d01;
}
html body ul.kreski-poziome {
  list-style: none;
  margin: 2.5rem 0;
  padding: 0;
}
html body ul.kreski-poziome li {
  padding: 5px 0 5px 25px !important;
  position: relative;
}
html body ul.kreski-poziome li:before {
  content: "";
  position: absolute;
  height: 3px;
  width: 11px;
  background-color: #ffc894;
  top: 15px;
  left: 0;
}
html body ul.kreski-poziome li:nth-child(odd):before {
  background-color: #a6e4fd;
}
html body .vam {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
html body .container-fluid {
  max-width: 1600px;
}
html body .accordion {
  border: 3px solid #eeeeee;
  border-bottom: none;
}
html body .accordion .card {
  border: none;
  border-radius: 0;
}
html body .accordion .card .card-header {
  border-radius: 0 !important;
  border-bottom: 3px solid #fff;
  padding: 1.25rem 70px 1.25rem 1.25rem;
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/zwin.svg');
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-color: #fff;
  min-height: 100px;
  color: #ff7d01;
  font-weight: 600;
  font-size: 160%;
  cursor: pointer;
}
html body .accordion .card .card-header h2 {
  font-size: 100%;
  font-weight: 400;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
html body .accordion .card .card-header.collapsed {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/ico-rowzin.svg');
  background-color: #fafafa;
  color: #3d3d3d;
  border-bottom: 3px solid #eeeeee;
}
html body .accordion .card .card-header.collapsed:hover,
html body .accordion .card .card-header.collapsed.focus {
  color: #009ada;
  background-color: #fff;
}
html body .accordion .card .card-block {
  padding: 0 1.25rem 2.5rem;
}
html body .accordion .card .card-block h4 {
  margin: 1.25rem 0;
}
html body .accordion .card .collapse.show {
  border-bottom: 3px solid #eeeeee;
}
html body .accordion .card .collapsing {
  border-bottom: 3px solid #eeeeee;
}
html body table {
  font-family: 'Roboto', sans-serif;
  font-size: 0.8em;
  line-height: 1.2;
}
html body table thead {
  font-weight: bold;
}
@media (max-width: 767px) {
  html body h1,
  html body h2 {
    font-size: 1.6em;
  }
}
.border {
  border-width: 3px !important;
  border-color: #eeeeee !important;
}
.border-top {
  border-top: 3px solid #eeeeee !important;
}
.border-right {
  border-right: 3px solid #eeeeee !important;
}
.border-bottom {
  border-bottom: 3px solid #eeeeee !important;
}
.border-left {
  border-left: 3px solid #eeeeee !important;
}
.well {
  padding: 2.5rem;
  background-color: #FAFDFF;
  border: 3px solid #eeeeee !important;
}
.blok {
  padding: 2.5rem;
  background-color: #fafafa;
}
.blok .tytul {
  top: -20px;
  margin-top: -2.5rem;
  margin-bottom: 2.5rem;
  position: relative;
}
.blok.grafika-blok {
  position: relative;
}
.blok.grafika-blok .grafika {
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  max-height: 250px;
}
.blok.szary-ciemny.border,
.blok.szary-bardzo-ciemny.border {
  border-color: #303030 !important;
}
.blok.bialy {
  background-color: #fff;
}
.blok.niebieski {
  background-color: #FAFDFF;
}
.blok.pomaranczowy {
  background-color: #FFFBF8;
}
.blok.szary-ciemny {
  background-color: #474747;
}
.blok.szary-bardzo-ciemny {
  background-color: #3D3D3D;
}
.blok.szary-ciemny,
.blok.szary-bardzo-ciemny {
  color: #fff;
}
.blok.szary-ciemny a,
.blok.szary-bardzo-ciemny a {
  font-weight: 400;
  color: #54c5ff;
}
.blok.szary-ciemny a.btn,
.blok.szary-bardzo-ciemny a.btn {
  color: #fff;
  font-weight: 600;
}
.blok.szary-ciemny .form-control,
.blok.szary-bardzo-ciemny .form-control {
  background-color: #3D3D3D;
  border-color: #555555;
  color: #fff;
}
.blok.szary-ciemny .form-control::placeholder,
.blok.szary-bardzo-ciemny .form-control::placeholder {
  color: #E5E5E5;
  font-weight: 300;
  font-size: 15px;
}
.blok.uwaga {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/info.svg');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto 80%;
}
.blok-kontakt {
  padding-left: 1.25rem;
}
.blok-kontakt img {
  margin-top: -6px;
  margin-right: 6px;
}
.blok-kontakt strong {
  font-size: 1.333em;
}
.uwaga h4 {
  font-size: 170%;
}
@media (max-width: 1199px) {
  .uwaga h4 {
    font-size: 120%;
  }
}
@media (max-width: 991px) {
  .uwaga h4 {
    font-size: 160%;
  }
}
@media (max-width: 767px) {
  .blok {
    margin: 0;
  }
}
button,
a {
  cursor: pointer;
}
a {
  color: #009ada;
}
a:hover,
a:focus {
  color: #eb7f05;
  text-decoration: none;
}
a.phone-num,
a.mail-link,
a.czat-link {
  color: inherit !important;
}
a.phone-num:hover,
a.phone-num:focus,
a.mail-link:hover,
a.mail-link:focus,
a.czat-link:hover,
a.czat-link:focus {
  color: #E77F05 !important;
}
a.strzalka {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/arrow6.svg');
  background-position: right center;
  background-repeat: no-repeat;
  color: #009ada;
  font-weight: 600;
  padding: 0 20px 0 0;
}
a.strzalka.pomaranczowa {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/arrowmore.svg');
  color: #ff7d01;
}
.btn {
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  padding: 7px 15px;
  margin: 0;
  font-size: 0.8667em;
  font-weight: bold;
  text-align: center;
  line-height: 18px;
  color: inherit;
  border: none;
  white-space: nowrap;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2rem;
  color: #fff;
  background-color: #ff8800;
  border: 3px solid #eb7f05;
}
.btn:hover,
.btn:focus {
  background-color: #eb7f05;
  border: 3px solid #eb7f05;
  color: #fff;
}
.btn.btn-info {
  color: #fff;
  background-color: #009AD5;
  border: 3px solid #0088bc;
}
.btn.btn-info:hover,
.btn.btn-info:focus {
  background-color: #0088bc;
  border: 3px solid #0088bc;
  color: #fff;
}
.btn.btn-lg {
  padding: 16px 20px;
  font-size: 90%;
  letter-spacing: 0.6px;
  font-weight: 600;
}
.btn.btn-link {
  background-color: rgba(0, 0, 0, 0);
  color: #ff8800;
  text-decoration: none;
}
.btn.btn-link:hover,
.btn.btn-link:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #eb7f05;
}
.btn.btn-info.btn-link {
  background-color: rgba(0, 0, 0, 0);
  color: #009AD5;
  text-decoration: none;
}
.btn.btn-info.btn-link:hover,
.btn.btn-info.btn-link:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #0088bc;
}
button,
input,
optgroup,
select,
textarea {
  font-family: 'Roboto', sans-serif;
}
.form-control {
  border-radius: 0;
  border: 3px solid #eeeeee;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  margin: 0 0 1.25rem;
}
textarea.form-control {
  height: 200px;
}
span.wpcf7-not-valid-tip {
  color: #333;
  font-weight: normal;
  background-color: #FFFBF8;
  display: block;
  margin: 0;
  padding: 7px 10px;
  line-height: 1.2;
  font-size: 13px;
  position: relative;
  top: -15px;
  border: 1px solid #eeeeee;
}
span.wpcf7-not-valid-tip:before {
  content: "";
  position: absolute;
  top: -12px;
  border-bottom: 12px solid #eee;
  border-left: 12px solid rgba(0, 0, 0, 0);
  border-right: 12px solid rgba(0, 0, 0, 0);
  left: 15px;
  z-index: 0;
}
span.wpcf7-not-valid-tip:after {
  content: "";
  position: absolute;
  top: -10px;
  border-bottom: 10px solid #FFFBF8;
  border-left: 10px solid rgba(0, 0, 0, 0);
  border-right: 10px solid rgba(0, 0, 0, 0);
  left: 17px;
}
.navbar {
	padding: 0;
  height: 100px;
  background-color: #fff;
  margin: 0;
  box-shadow: 0 -10px 30px 0 rgba(0,0,0,.35);
}
.navbar.bg-faded {
  background-color: rgba(0, 0, 0, 0);
}
.navbar .navbar-brand {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.navbar .pokaz-menu {
  background: none rgba(0, 0, 0, 0);
  border: medium none;
  border-radius: 0;
  padding: 0;
}
.navbar ul {
  text-align: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0;
  margin: 0;
}
.navbar ul li {
  display: inline;
  padding: 0;
  margin: 0 10px 0 0;
}
.navbar ul li a {
  color: #3d3d3d;
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  padding: 0 20px 0 0;
  text-transform: uppercase;
}
.navbar ul li a .description {
  font-size: 0.85rem;
  display: block;
  text-transform: none;
  font-weight: normal;
}
.navbar ul li a:hover,
.navbar ul li a:focus {
  text-decoration: none;
}
.navbar ul.logowanie-rejestracja {
  margin: 0 10px 0 0;
}
.navbar ul.logowanie-rejestracja li a {
  padding: 7px 15px;
  margin: 0;
  font-size: 0.8667em;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  line-height: 18px;
}
.navbar ul.logowanie-rejestracja li.logowanie a,
.navbar ul.logowanie-rejestracja li.rejestracja a {
  background-color: rgba(0, 0, 0, 0);
  color: inherit;
  border: none;
  white-space: nowrap;
}
.navbar ul.logowanie-rejestracja li.logowanie a {
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2rem;
  color: #ff7d01;
  border: 3px solid #ff7d01;
}
.navbar ul.logowanie-rejestracja li.rejestracja a {
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2rem;
  border: 3px solid #f37700;
  background-color: #ff7d01;
  color: #FFFFFF;
}
.navbar ul.logowanie-rejestracja li.rejestracja a:hover,
.navbar ul.logowanie-rejestracja li.rejestracja a:focus,
.navbar ul.logowanie-rejestracja li.logowanie a:hover,
.navbar ul.logowanie-rejestracja li.logowanie a:focus {
  background-color: #f37700;
  color: #fff;
  border: 3px solid #f37700;
}
.navbar ul.logowanie-rejestracja.wersja2 li a.rejestracja {
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2rem;
  border: 3px solid #f37700;
  background-color: #ff7d01;
  color: #FFFFFF;
  margin: 9px 0px 4px;
}
.navbar ul.logowanie-rejestracja.wersja2 li a.logowanie {
  font-size: 0.85rem;
  display: block;
  text-transform: none;
  font-weight: normal;
  padding: 0;
}
#menu-wysuwane {
  transition: all 0.4s ease 0s;
  width: 600px;
  background-color: #FFFFFF;
  box-shadow: 0 0 40px 0 rgba(61, 61, 61, 0.07000000000000001);
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 9999;
  display: block;
  border-left: 3px solid #eeeeee;
  min-height: 100%;
}
#menu-wysuwane.collapse.show {
  right: 0;
}
#menu-wysuwane.collapsing {
  right: -100%;
  position: fixed;
}
#menu-wysuwane .container-fluid {
  background-color: #fff;
  position: relative;
}
#menu-wysuwane .pokaz-menu,
#menu-wysuwane .ukryj-menu {
  background: none rgba(0, 0, 0, 0);
  border: medium none;
  border-radius: 0;
  padding: 0;
}
#menu-wysuwane .row {
  border-bottom: 3px solid #eeeeee;
}
#menu-wysuwane .row .col {
  padding: 20px 0 20px 30px;
}
#menu-wysuwane .row .col.border-left {
  border-left: 3px solid #eeeeee;
}
#menu-wysuwane ul {
  margin: 0;
  padding: 0;
  list-style: outside none none;
}
#menu-wysuwane ul li {
  padding: 10px 0;
  margin: 0;
}
#menu-wysuwane ul li a {
  color: #3d3d3d;
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  padding: 10px;
  text-transform: none;
}
#menu-wysuwane ul li a .description {
  font-size: 0.85rem;
  display: block;
  text-transform: none;
  font-weight: normal;
}
#menu-wysuwane ul li a:hover,
#menu-wysuwane ul li a:focus {
  text-decoration: none;
}
#menu-wysuwane .menu-wysuwane-gora li {
  float: left;
  padding: 0;
  width: 50%;
}
#menu-wysuwane .menu-wysowane-srodek li {
  -moz-box-flex: 1;
  flex-basis: 0;
  flex-grow: 1;
  border-left: 3px solid #eeeeee;
}
#menu-wysuwane .menu-wysowane-srodek li:first-child {
  border-left: none;
}
#menu-wysuwane .menu-wysowane-srodek li a {
  display: block;
  text-align: center;
  font-weight: 400;
}
#menu-wysuwane .menu-wysuwane-dol h4 {
  color: #bfbfbf;
  font-size: 0.85rem;
  text-transform: uppercase;
  margin: 15px 10px;
}
#menu-wysuwane .menu-wysuwane-dol .menu-wysuwane-dol-lewo li,
#menu-wysuwane .menu-wysuwane-dol .menu-wysuwane-dol-prawo li {
  padding: 0;
  display: block;
}
#menu-wysuwane .menu-wysuwane-dol .menu-wysuwane-dol-lewo li a,
#menu-wysuwane .menu-wysuwane-dol .menu-wysuwane-dol-prawo li a {
  padding: 5px 10px;
  font-weight: 400;
  font-size: 0.85rem;
}
@media (max-width: 575px) {
  #menu-wysuwane .row .col.border-left {
    border: none;
  }
}
@media (max-width: 767px) {
  .navbar {
    padding: 0 15px;
    margin: 0;
    border-bottom: 3px solid #eeeeee;
    position: fixed !important;
    background-color: #fff !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1050;
  }
  .menu-wysuwane-dol,
  .show .ukryj-menu-tlo,
  #menu-wysuwane ul li a .description {
  	display: none !important;
  }
  .navbar ul.logowanie-rejestracja li.logowanie {
    margin-right: 0;
  }
  .navbar ul.logowanie-rejestracja li.logowanie a {
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    border-radius: 2rem;
    border: 3px solid #f37700;
    background-color: #ff7d01;
    color: #FFFFFF;
  }
  #menu-wysuwane {
    position: fixed !important;
    background-color: #fff !important;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 99999;
    transform: none;
    position: initial;
    box-shadow: none;
    border-left: none;
    display: none;
    transition: all 0s ease 0s;
    min-height: auto;
  }
  #menu-wysuwane.collapse {
    width: 100%;
  }
  #menu-wysuwane.collapse.show {
    transform: none;
    position: initial;
    display: block;
    background-color: #fff !important;
    min-height: auto;
  }
  #menu-wysuwane.collapsing {
    transform: none;
    display: block;
    background-color: #fff !important;
    transition: all 0s ease 0s !important;
  }
  #menu-wysuwane .menu-wysuwane-gora li {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .navbar ul.logowanie-rejestracja {
    margin-left: auto !important;
  }
  .navbar ul.logowanie-rejestracja li {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .navbar ul.logowanie-rejestracja {
    display: flex;
    flex-direction: row-reverse;
  }
  .navbar ul.logowanie-rejestracja li.logowanie a {
    box-shadow: none;
    border: none;
    display: block;
    padding: 10px 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar ul.logowanie-rejestracja {
    flex-direction: column-reverse;
  }
}
.strglo .uwaga {
  border-top: 3px solid #eee !important;
  margin: 20px 0 -70px;
}
.strglo .uwaga h2 strong {
  margin: 0 15px 0 0;
}
.strglo .uwaga h2 br {
  display: none;
}
.page-id-77793124 .prztech {
  max-width: 460px;
}
.page-id-77793124 .prztech .uwaga {
  border-top: 3px solid #eee !important;
}
.page-id-77793124 .prztech .uwaga h2 {
  font-size: 1.5em;
  margin-bottom: 15px !important;
}
.page-id-77793124 .prztech .uwaga p {
  font-size: 100% !important;
}
.page-id-77793124 .bloki-b {
  margin-top: 0px;
  border-bottom: 3px solid #eee;
}
.page-id-77793124 .bloki-b h1 {
  font-size: 2.8em;
}
.page-id-77793124 .bloki-b h2 {
  font-size: 1.8em;
  margin-bottom: 30px !important;
}
.page-id-77793124 .bloki-b form {
  max-width: 460px;
}
.page-id-77793124 .bloki-b form h2 {
  font-size: 1.6em;
}
.page-id-77793124 .bloki-b form p {
  margin-bottom: 0;
}
.page-id-77793124 .bloki-b .naglowek {
  padding-bottom: 0;
  background: none;
}
.page-id-77793124 .bloki-b.ogolny {
  position: relative;
}
.page-id-77793124 .bloki-b.ogolny .tytul {
  padding-top: 40px;
  padding-bottom: 80px;
}
.page-id-77793124 .bloki-b.ogolny .sofa {
  left: 50% !important;
  bottom: -30% !important;
  z-index: 0 !important;
  position: absolute;
}
.page-id-77793124 .bloki-b.ogolny .telefon2 {
  left: 50% !important;
  bottom: 0 !important;
  z-index: 1 !important;
  position: absolute;
  height: 450px;
}
.page-id-77793124 .bloki-b.ogolny .paragon {
  left: 50% !important;
  bottom: 215px !important;
  z-index: 2 !important;
  position: absolute;
  width: 100px;
  margin-left: 50px;
}
.page-id-77793124 .bloki-b.biuro {
  background-color: #fff;
  overflow: hidden;
  z-index: 9990;
  position: relative;
  margin: 0;
  padding: 0;
}
.page-id-77793124 .bloki-b.biuro .ksiegowa-br {
  position: absolute;
  bottom: -70px;
  right: 50%;
  z-index: 0;
  height: 600px;
  margin-right: -200px;
}
.page-id-77793124 .bloki-b.program {
  position: relative;
}
.page-id-77793124 .bloki-b.program .tablet-crm {
  position: absolute !important;
  bottom: -200px !important;
  right: -10% !important;
  z-index: 0 !important;
  height: 140%;
  width: auto;
}
.page-id-77793124 .bloki-b.program .asset2 {
  position: absolute !important;
  bottom: 39% !important;
  right: 37% !important;
  z-index: 0 !important;
  height: 50px;
  width: auto;
}
.page-id-77793124 .bloki-b.program .asset3 {
  position: absolute !important;
  bottom: 75% !important;
  right: 26% !important;
  z-index: 0 !important;
  height: 100px;
  width: auto;
}
.page-id-77793124 .bloki-b.program .asset4 {
  position: absolute !important;
  bottom: 10% !important;
  right: 36% !important;
  z-index: 0 !important;
  height: 100px;
  width: auto;
}
.page-id-77793124 .bloki-b.program .fv4 {
  position: absolute !important;
  bottom: 54% !important;
  right: 33% !important;
  z-index: 0 !important;
  height: 100px;
  width: auto;
}
.page-id-77793124 .bloki-b.ksiegowosc {
  margin-bottom: -16px;
}
.page-id-77793124 .bloki-b.ksiegowosc .sklap-chmurka {
  position: absolute !important;
  bottom: 400px !important;
  right: 56% !important;
  z-index: 2 !important;
}
.page-id-77793124 .bloki-b.ksiegowosc .telefon {
  position: absolute !important;
  bottom: 20% !important;
  right: 60% !important;
  z-index: 0 !important;
}
.page-id-77793124 .bloki-b.ksiegowosc .laptop {
  position: absolute;
  top: auto;
  right: 70%;
  z-index: 0;
  height: 90%;
  bottom: 5%;
}
@media (max-width: 767px) {
  .page-id-77793124 .sg-opinie {
    margin-top: 0 !important;
  }
  .page-id-77793124 .bloki-b ul {
    margin-bottom: 30px;
  }
  .page-id-77793124 .bloki-b .akcja {
    bottom: 30px !important;
  }
  .page-id-77793124 .bloki-b .naglowek .tytul {
    padding-bottom: 0 !important;
  }
  .page-id-77793124 .bloki-b.ogolny form {
    z-index: 1;
    position: relative;
  }
  .page-id-77793124 .bloki-b.ogolny .sofa {
    z-index: -1;
  }
  .page-id-77793124 .bloki-b.ogolny .telefon2 {
    display: none;
  }
  .page-id-77793124 .bloki-b.ogolny .paragon {
    display: none;
  }
  .page-id-77793124 .bloki-b.biuro .tablet {
    top: 40%;
  }
  .page-id-77793124 .bloki-b.biuro .ksiegowa-br {
    right: -25% !important;
    height: 450px !important;
    margin-right: 0 !important;
  }
  .page-id-77793124 .bloki-b.program .tablet-crm {
    top: auto !important;
    bottom: -80px !important;
    height: 480px;
    right: 0 !important;
    width: auto;
  }
  .page-id-77793124 .bloki-b.program .tytul {
    min-height: auto;
  }
  .page-id-77793124 .bloki-b.program .tytul div.col-12 {
    padding-bottom: 0 !important;
  }
  .page-id-77793124 .bloki-b.ksiegowosc .laptop {
    left: 0;
    height: 480px;
    right: auto;
    bottom: -150px !important;
    top: auto;
    width: auto;
  }
  .page-id-77793124 .bloki-b.ksiegowosc .tytul {
    padding-top: 0px !important;
    min-height: auto;
  }
  .page-id-77793124 .bloki-b.ksiegowosc .tytul div.col-12 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page-id-77793124 .bloki-b.ogolny form {
    z-index: 1;
    position: relative;
    max-width: 400px;
  }
  .page-id-77793124 .bloki-b.ogolny .sofa {
    z-index: -1;
  }
  .page-id-77793124 .bloki-b.ogolny .telefon2 {
    left: 65% !important;
  }
  .page-id-77793124 .bloki-b.ogolny .paragon {
    left: 65% !important;
  }
  .page-id-77793124 .bloki-b.ksiegowosc .sklap-chmurka {
    bottom: 400px !important;
    right: 57% !important;
  }
  .page-id-77793124 .bloki-b.ksiegowosc .telefon {
    bottom: 100px !important;
    right: 62% !important;
  }
  .page-id-77793124 .bloki-b.ksiegowosc .laptop {
    right: 80%;
  }
  .page-id-77793124 .bloki-b.biuro .ksiegowa-br {
    right: 10% !important;
    height: 650px !important;
    margin-right: 0 !important;
  }
  .page-id-77793124 .bloki-b.program .tablet-crm {
    top: auto !important;
    bottom: 0 !important;
    height: 380px;
    right: 0 !important;
    width: auto;
  }
}
.naglowek.naglowek-strona-glowna {
  border-bottom: 3px solid #eeeeee;
  text-align: center;
  position: relative;
  padding: 160px 0 100px;
  margin-top: -100px;
  background-size: 100% auto;
  background-image: url(https://ifirma.pl/wp-content/themes/sit/images/svg/fale01.svg);
  background-position: center top;
  background-repeat: no-repeat;
}
.naglowek.naglowek-strona-glowna .content {
  position: relative;
  z-index: 100;
}
.naglowek.naglowek-strona-glowna h3 {
  margin: 0 0 50px;
}
.naglowek.naglowek-strona-glowna .blok-rejestracja {
  padding: 1.25rem;
  text-align: left;
}
.naglowek.naglowek-strona-glowna .blok-rejestracja.niebieski {
  border-color: #e2f5fa !important;
}
.naglowek.naglowek-strona-glowna .blok-rejestracja.niebieski .form-control {
  border: 3px solid #e2f5fa !important;
}
.naglowek.naglowek-strona-glowna .blok-rejestracja.pomaranczowy {
  border-color: #fae9db !important;
}
.naglowek.naglowek-strona-glowna .blok-rejestracja.pomaranczowy .form-control {
  border: 3px solid #fae9db !important;
}
.naglowek.naglowek-strona-glowna .blok-rejestracja h4 {
  margin: 0;
}
.naglowek.naglowek-strona-glowna .blok-rejestracja p {
  margin: 15px 0 0 0;
}
.naglowek.naglowek-strona-glowna ul {
  background-color: #fff;
  list-style: none;
  border: 3px solid #eeeeee;
  margin: 0;
  padding: 0;
  text-align: left;
}
.naglowek.naglowek-strona-glowna ul li {
  margin: 0;
  border-bottom: 3px solid #eeeeee;
}
.naglowek.naglowek-strona-glowna ul li a {
  align-items: center !important;
  color: #3d3d3d;
  height: 100px;
  padding: 0 60px 0 30px;
  position: relative;
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/arrow-more.svg');
  background-position: right 30px center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
}
.naglowek.naglowek-strona-glowna ul li a span.produkt {
  font-size: 1.6em;
  position: relative;
  width: 100%;
}
.naglowek.naglowek-strona-glowna ul li a span.produkt font {
  font-family: 'Caveat Brush', cursive;
  font-size: 0.7333em;
  position: relative;
  right: 25px;
  top: -25px;
}
.naglowek.naglowek-strona-glowna ul li a span.opis {
  font-weight: 300;
  font-size: 1em;
  line-height: 1.4;
  width: 100%;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.4s ease 0s;
  color: #3d3d3d;
}
.naglowek.naglowek-strona-glowna ul li a:hover,
.naglowek.naglowek-strona-glowna ul li a:focus {
  background-position: right 15px center;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08);
}
.naglowek.naglowek-strona-glowna ul li a:hover span.opis,
.naglowek.naglowek-strona-glowna ul li a:focus span.opis {
  height: 40px;
  opacity: 1;
}
.naglowek.naglowek-strona-glowna ul li a:hover:before,
.naglowek.naglowek-strona-glowna ul li a:focus:before,
.naglowek.naglowek-strona-glowna ul li a:hover:after,
.naglowek.naglowek-strona-glowna ul li a:focus:after {
  bottom: 0;
  content: "";
  position: absolute;
  top: 0;
  width: 3px;
}
.naglowek.naglowek-strona-glowna ul li a:hover:before,
.naglowek.naglowek-strona-glowna ul li a:focus:before {
  background-color: #ff7d01;
  left: -3px;
}
.naglowek.naglowek-strona-glowna ul li a:hover:after,
.naglowek.naglowek-strona-glowna ul li a:focus:after {
  background-color: #009ada;
  right: -3px;
}
.naglowek.naglowek-strona-glowna ul li:last-child {
  border-bottom: none;
}
@media (max-width: 1199px) {
  .naglowek.naglowek-strona-glowna {
    background-size: 100% auto;
    padding-bottom: 50px;
  }
}
@media (max-width: 1500px) {
  .naglowek.naglowek-strona-glowna .img-phone {
    left: auto;
    right: 0;
    width: 1500px;
    background-size: auto 70%;
  }
  .naglowek.naglowek-strona-glowna .img-laptop,
  .naglowek.naglowek-strona-glowna .img-cup {
    right: auto;
    left: 0;
    width: 1500px;
    background-size: auto 80%;
  }
  .naglowek.naglowek-strona-glowna .img-cup {
    background-position: right 150px bottom;
    background-size: auto 70%;
  }
}
@media (max-width: 767px) {
  .pracujemy-dla-was .ksiegowa {
  	
  }
  .naglowek.naglowek-strona-glowna ul {
    margin-bottom: 20px;
    margin-top: -30px;
  }
  .naglowek.naglowek-strona-glowna ul li a {
    height: 60px;
  }
  .naglowek.naglowek-strona-glowna ul li a span.produkt {
    font-size: 1.2em;
    line-height: 1.1;
    margin: 5px 0;
  }
  .naglowek.naglowek-strona-glowna ul li a span.opis {
    font-size: 1em;
    line-height: 1.1;
    display: none;
  }
  .naglowek.naglowek-strona-glowna ul li a:hover span.opis,
  .naglowek.naglowek-strona-glowna ul li a:focus span.opis {
    height: 40%;
  }
  .naglowek.naglowek-strona-glowna form .form-control {
    margin-bottom: 15px;
  }
  .naglowek.naglowek-strona-glowna .img-phone {
    background-position: left bottom;
    background-size: auto 350px;
    left: 0;
    right: auto;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .naglowek.naglowek-strona-glowna ul li a span.produkt {
    font-size: 1.2em;
  }
  .naglowek.naglowek-strona-glowna ul li a span.opis {
    font-size: 0.9333em;
  }
  .naglowek.naglowek-strona-glowna ul li a:hover span.opis,
  .naglowek.naglowek-strona-glowna ul li a:focus span.opis {
    height: 40%;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .img-phone {
    background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/Bitmap_8@2x.png');
  }
  .img-laptop {
    background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/Bitmap_7@2x.png');
  }
}
.naglowek-strona {
  position: relative;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.naglowek-strona h1 {
  font-size: 4em;
  font-weight: 600;
  line-height: 1.1;
}
.naglowek-strona h2 {
  font-weight: 600;
  font-size: 2em;
}
.strona-klienta {
  margin-top: 2.5rem;
}
.tresc-strona .blok {
  margin-left: -15px;
  margin-right: -15px;
  z-index: 50;
  position: relative;
}
.tresc-strona .blok.in {
  margin: 15px -43px 30px;
  padding: 2.5rem 2.5rem 1.5rem;
}
.strona-z-tytulem .tytul {
  position: relative;
  top: 35px;
  padding: 0 5rem;
}
.strona-z-tytulem .tresc {
  padding: 5rem;
}
.grafika-strona {
  height: 500px;
  margin-left: -50%;
  margin-top: -250px;
  position: relative;
}
.grafika-strona .grafika {
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  max-height: 500px;
}
.wpis,
.strona {
  padding: 2.5rem 0;
}
.wpis .tytul h1,
.strona .tytul h1 {
  font-size: 2.8em;
  margin: 0;
  padding: 0;
}
.wpis .wpis-tytul h1,
.blog .wpis-tytul h1,
.post .wpis-tytul h1 {
  font-size: 2.2em;
  font-weight: 600;
  line-height: 1.2;
}
.wpis .tresc svg,
.blog .tresc svg,
.post .tresc svg,
.wpis .tresc img,
.blog .tresc img,
.post .tresc img {
  margin: 0 auto;
  height: auto;
  max-width: 100%;
  background-color: #fafafa;
  border: 3px solid #eeeeee;
  margin: 1.25rem 0;
  padding: 1.25rem;
}
.wpis .tresc svg.strzalka,
.blog .tresc svg.strzalka,
.post .tresc svg.strzalka,
.wpis .tresc img.strzalka,
.blog .tresc img.strzalka,
.post .tresc img.strzalka {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  margin: 0;
  padding: 0;
}
.wpis table,
.blog table,
.post table {
  border: 1px solid #e9ecef;
}
.wpis table td,
.blog table td,
.post table td,
.wpis table th,
.blog table th,
.post table th {
  border: 1px solid #e9ecef;
  padding: 0.83333333rem;
  vertical-align: text-bottom;
}
.wpis .paginacja,
.blog .paginacja,
.post .paginacja {
  padding: 2.5rem 0;
}
.wpis .paginacja .text-left,
.blog .paginacja .text-left,
.post .paginacja .text-left,
.wpis .paginacja .text-right,
.blog .paginacja .text-right,
.post .paginacja .text-right {
  padding: 0;
}
.wpis .paginacja .text-left a,
.blog .paginacja .text-left a,
.post .paginacja .text-left a,
.wpis .paginacja .text-right a,
.blog .paginacja .text-right a,
.post .paginacja .text-right a {
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  padding: 7px 15px;
  margin: 0;
  font-size: 0.8667em;
  font-weight: bold;
  text-align: center;
  line-height: 18px;
  border: none;
  white-space: nowrap;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2rem;
  color: #fff;
  border: 3px solid #f37700;
  background-color: rgba(0, 0, 0, 0);
  color: #ff7d01;
  text-decoration: none;
}
.wpis .paginacja .text-left a:hover,
.blog .paginacja .text-left a:hover,
.post .paginacja .text-left a:hover,
.wpis .paginacja .text-right a:hover,
.blog .paginacja .text-right a:hover,
.post .paginacja .text-right a:hover,
.wpis .paginacja .text-left a.focus,
.blog .paginacja .text-left a.focus,
.post .paginacja .text-left a.focus,
.wpis .paginacja .text-right a.focus,
.blog .paginacja .text-right a.focus,
.post .paginacja .text-right a.focus {
  border: 3px solid #f37700;
  background-color: rgba(0, 0, 0, 0);
  color: #f37700;
}
.wpis .powrot,
.blog .powrot,
.post .powrot {
  margin-top: 2.5rem;
}
.wpis .powrot .style-svg,
.blog .powrot .style-svg,
.post .powrot .style-svg {
  margin: -4px 7px -4px -4px;
  width: 20px;
}
.wpis .opublikowano,
.blog .opublikowano,
.post .opublikowano {
  position: relative;
  margin-bottom: 1.25rem 0;
}
.wpis .opublikowano .gravatar,
.blog .opublikowano .gravatar,
.post .opublikowano .gravatar {
  background-color: #fff;
  position: absolute;
  right: -2.5rem;
  z-index: 10;
  border-radius: 50px;
  margin-right: -28px;
  overflow: hidden;
  border: 3px solid #eeeeee;
  height: 56px;
  width: 56px;
}
.wpis .opublikowano .gravatar img,
.blog .opublikowano .gravatar img,
.post .opublikowano .gravatar img {
  width: 50px;
  height: auto;
}
.wpis .opublikowano p time,
.blog .opublikowano p time,
.post .opublikowano p time {
  color: #bfbfbf;
  font-weight: 200;
}
.wpis .kategorie ul,
.blog .kategorie ul,
.post .kategorie ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wpis .kategorie ul li,
.blog .kategorie ul li,
.post .kategorie ul li {
  margin: 0;
  color: #3d3d3d;
  font-weight: 400;
  padding: 0;
  display: table;
  width: 100%;
  text-align: right;
  vertical-align: middle;
  font-size: 100%;
}
.wpis .kategorie ul li.current-cat .children,
.blog .kategorie ul li.current-cat .children,
.post .kategorie ul li.current-cat .children {
  display: table-footer-group !important;
}
.wpis .kategorie ul li .children,
.blog .kategorie ul li .children,
.post .kategorie ul li .children {
  display: none;
  width: 100%;
}
.wpis .kategorie ul li .children li,
.blog .kategorie ul li .children li,
.post .kategorie ul li .children li {
  width: 100%;
  display: table-row;
  font-size: 12px;
  color: #999;
}
.wpis .kategorie ul li .children li a,
.blog .kategorie ul li .children li a,
.post .kategorie ul li .children li a {
  color: #525252;
  font-weight: 400;
  text-transform: none;
  font-size: 15px;
  padding: 4px 0;
}
.wpis .kategorie ul li a,
.blog .kategorie ul li a,
.post .kategorie ul li a {
  display: table-cell;
  color: #009ada;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  padding: 7px 0;
}
.wpis .kategorie ul li.current-cat a,
.blog .kategorie ul li.current-cat a,
.post .kategorie ul li.current-cat a,
.wpis .kategorie ul li.current-menu-item a,
.blog .kategorie ul li.current-menu-item a,
.post .kategorie ul li.current-menu-item a {
  color: #ff7d01;
}
.wpis .kategorie.dla-wpisu ul li a,
.blog .kategorie.dla-wpisu ul li a,
.post .kategorie.dla-wpisu ul li a {
  font-family: 'Caveat Brush', cursive;
  line-height: 1.1;
  font-size: 120%;
  font-weight: 200;
  text-transform: none;
}
.wpis .inne-wpisy a,
.blog .inne-wpisy a,
.post .inne-wpisy a {
  color: #009ada;
  display: block;
}
.wpis .inne-wpisy a span,
.blog .inne-wpisy a span,
.post .inne-wpisy a span {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/arrow6.svg');
  background-position: right center;
  background-repeat: no-repeat;
  color: #bfbfbf;
  font-weight: 400;
  padding: 0 20px 0 0;
  display: block;
  margin-bottom: 1.25rem;
}
.wpis .inne-wpisy a span.lewo,
.blog .inne-wpisy a span.lewo,
.post .inne-wpisy a span.lewo {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/left.svg');
  background-position: left center;
  padding: 0 0 0 20px;
}
.blog {
  margin-top: 5rem;
}
.blog .naglowek {
  margin-top: 5rem;
}
.blog .komentarze {
  position: relative;
  margin: -15px;
}
.blog .komentarze h3 {
  position: absolute;
  font-size: 150%;
  top: -2.5rem;
  left: 2.5rem;
}
.blog .dsq-widget-list {
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}
.blog .dsq-widget-list li {
  margin: 0;
  list-style-type: none;
  display: table-cell;
  width: 50%;
  padding: 2.5rem 3.5rem;
  position: relative;
  z-index: 1;
  font-size: 100%;
  font-weight: 200;
  color: #bfbfbf;
}
.blog .dsq-widget-list li > a {
  font-size: 100%;
  font-weight: 200;
  color: #bfbfbf;
}
.blog .dsq-widget-list li:before {
  content: "";
  position: absolute;
  border: 3px solid #eeeeee;
  left: 25px;
  right: 25px;
  top: 25px;
  bottom: 25px;
  border-radius: 50px 50px 50px 0;
  background-color: #fff;
  z-index: -1;
}
.blog .dsq-widget-list li:after {
  content: url(https://www.ifirma.pl/wp-content/themes/sit/images/svg/ludek.svg);
  position: absolute;
  left: 7px;
  bottom: 10px;
  height: 38px;
  width: 38px;
  background-color: #fff;
  border: 3px solid #eeeeee;
  border-radius: 50px;
  overflow: hidden;
  text-align: center;
  padding-top: 5px;
}
.blog .dsq-widget-list li:last-child:after {
  content: url(https://www.ifirma.pl/wp-content/themes/sit/images/svg/ludek2.svg);
}
.blog .dsq-widget-list li img {
  display: none;
}
.blog .dsq-widget-list li .dsq-widget-comment p {
  color: #3d3d3d;
  font-weight: 400;
  font-style: italic;
}
.blog .dsq-widget-list li .dsq-widget-meta {
  height: 24px;
  overflow: hidden;
}
.blog .dsq-widget-list li .dsq-widget-meta a {
  font-size: 100%;
  color: #009ada;
  font-weight: 400;
}
.blog .dsq-widget-list li .dsq-widget-meta a:last-child {
  display: none;
}
.blog .wpis-link:hover,
.blog .wpis-link:focus {
  box-shadow: 0 7px 15px 0 rgba(61, 61, 61, 0.1);
  position: relative;
  z-index: 1;
}
.blog .wpis-link:hover .blok,
.blog .wpis-link:focus .blok {
  border-left-color: #ff7d01;
  border-right-color: #009ada;
}
.blog .wpis-link:hover .blok h2,
.blog .wpis-link:focus .blok h2 {
  color: #009ada;
}
.blog .tresc {
  color: #3d3d3d;
}
.blog .tresc h2 {
  font-weight: 400;
  margin-bottom: 2.5rem;
  font-size: 2.2em;
  line-height: 1.2;
}
.wpis .kategorie h3 {
  margin-bottom: 1.25rem;
  font-size: 100%;
}
.wpis h2 {
  font-weight: 600;
  font-size: 1.6em;
  margin: 2.5rem 0 1.25rem;
  line-height: 1.2;
}
.wpis hr {
  border-top-width: 3px;
  margin: 2.5rem 0;
}
.wpis ul,
.wpis ol {
  margin: 1.25rem 0 2.5rem;
  padding: 0 0 0 1.25rem;
}
.wpis ul li,
.wpis ol li {
  padding: 0 0 0 0.625rem;
  margin: 0 0 0.625rem;
}
.wpis .alert {
  border-radius: 0;
  border-width: 3px;
  padding: 1.25rem;
  margin: 2.5rem 0;
}
.wpis .alert.alert-warning {
  background-color: #fdf8f3;
  border-color: #faeadc;
  color: #3d3d3d;
}
.tresc-strona .tresc p {
  line-height: 1.8;
  margin-bottom: 1.25rem;
}
.tresc-strona .tresc hr {
  border-width: 3px;
  margin: 2.5rem 0;
}
.tresc-strona .tresc ul,
.tresc-strona .tresc ol {
  margin: 0 0 1.25rem;
  padding: 0 0 0 1.25rem;
}
.tresc-strona .tresc ul li,
.tresc-strona .tresc ol li {
  padding: 0 0 0 0.625rem;
  margin: 0 0 0.625rem;
}
.strona-e-sklepy,
.strona-integracje,
.strona-nagrody {
  background-color: #fafafa;
}
.strona-e-sklepy .e-sklepy-loga .blok,
.strona-integracje .e-sklepy-loga .blok,
.strona-nagrody .e-sklepy-loga .blok,
.strona-e-sklepy .integracje-sklepy .blok,
.strona-integracje .integracje-sklepy .blok,
.strona-nagrody .integracje-sklepy .blok,
.strona-e-sklepy .nagrody .blok,
.strona-integracje .nagrody .blok,
.strona-nagrody .nagrody .blok {
  padding: 1.25rem;
  height: 200px;
  margin: 0 -1.5px -3px;
  position: relative;
}
.strona-e-sklepy .e-sklepy-loga .blok.bialy,
.strona-integracje .e-sklepy-loga .blok.bialy,
.strona-nagrody .e-sklepy-loga .blok.bialy,
.strona-e-sklepy .integracje-sklepy .blok.bialy,
.strona-integracje .integracje-sklepy .blok.bialy,
.strona-nagrody .integracje-sklepy .blok.bialy,
.strona-e-sklepy .nagrody .blok.bialy,
.strona-integracje .nagrody .blok.bialy,
.strona-nagrody .nagrody .blok.bialy {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08);
  z-index: 10;
}
.strona-e-sklepy .e-sklepy-loga .blok svg,
.strona-integracje .e-sklepy-loga .blok svg,
.strona-nagrody .e-sklepy-loga .blok svg,
.strona-e-sklepy .integracje-sklepy .blok svg,
.strona-integracje .integracje-sklepy .blok svg,
.strona-nagrody .integracje-sklepy .blok svg,
.strona-e-sklepy .nagrody .blok svg,
.strona-integracje .nagrody .blok svg,
.strona-nagrody .nagrody .blok svg,
.strona-e-sklepy .e-sklepy-loga .blok img,
.strona-integracje .e-sklepy-loga .blok img,
.strona-nagrody .e-sklepy-loga .blok img,
.strona-e-sklepy .integracje-sklepy .blok img,
.strona-integracje .integracje-sklepy .blok img,
.strona-nagrody .integracje-sklepy .blok img,
.strona-e-sklepy .nagrody .blok img,
.strona-integracje .nagrody .blok img,
.strona-nagrody .nagrody .blok img {
  margin: 0 auto;
  height: auto;
  max-width: 100%;
}
.strona-e-sklepy .integracje-tresc,
.strona-integracje .integracje-tresc,
.strona-nagrody .integracje-tresc {
  padding: 0 5rem;
  margin: 2.5rem 5rem;
  border-left: 3px solid #eeeeee;
  border-right: 3px solid #eeeeee;
  border-left-color: #f7ddc6;
  border-right-color: #a6e4fd;
}
.strona-e-sklepy .integracje-tresc h3,
.strona-integracje .integracje-tresc h3,
.strona-nagrody .integracje-tresc h3 {
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}
.strona-e-sklepy .integracje-tresc p,
.strona-integracje .integracje-tresc p,
.strona-nagrody .integracje-tresc p {
  margin-bottom: 2.5rem;
}
.strona-e-sklepy .integracje-sklepy-naglowek,
.strona-integracje .integracje-sklepy-naglowek,
.strona-nagrody .integracje-sklepy-naglowek {
  padding: 2.5rem 0;
}
.strona-e-sklepy .integracje-sklepy-naglowek h2.gruby,
.strona-integracje .integracje-sklepy-naglowek h2.gruby,
.strona-nagrody .integracje-sklepy-naglowek h2.gruby {
  font-size: 360%;
}
.page-template-page-relacje-inwestorskie .blog {
  margin-top: 0;
}
.page-template-page-relacje-inwestorskie .naglowek-strona.naglowek-relacje {
  padding-bottom: 0;
}
.page-template-page-relacje-inwestorskie .naglowek-strona.naglowek-relacje .tytul h1 {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/wykresik.svg');
  background-position: right 20px bottom;
  background-repeat: no-repeat;
  font-weight: 200;
  padding: 2.5rem 0 5rem;
  margin: 0;
}
.page-template-page-relacje-inwestorskie .kategorie {
  margin-right: 2.5rem;
}
.page-template-page-relacje-inwestorskie .kategorie .menu-relacje li {
  padding: 0;
  margin-bottom: -3px;
}
.page-template-page-relacje-inwestorskie .kategorie .menu-relacje li a {
  border: 3px solid #eeeeee;
  color: #3d3d3d;
  padding: 0.83333333rem 1.25rem;
}
.page-template-page-relacje-inwestorskie .kategorie .menu-relacje li a:hover,
.page-template-page-relacje-inwestorskie .kategorie .menu-relacje li a:focus {
  color: #ff7d01;
}
.page-template-page-relacje-inwestorskie .kategorie .menu-relacje li.current-menu-item a {
  background-color: #FFFBF8;
  border-color: #f7ddc6;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08);
  position: relative;
  z-index: 100;
}
.landing {
  min-height: 750px;
}
.landing h4 {
  font-weight: bold;
  margin: 2.5rem 0 1.25rem;
}
.landing .glowne-zalety {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: none;
  border-top: none;
}
.landing .glowne-zalety .blok {
  padding: 3.75rem 2.5rem;
}
.landing .glowne-zalety .blok.v2 .row {
  border-right: 3px solid #eeeeee;
  border-right-color: #a6e4fd;
  border-left: 3px solid #eeeeee;
  border-left-color: #ffc894;
  padding: 0 2.5rem;
  margin: 0 2.5rem 0 0 !important;
}
.landing .glowne-zalety .blok.v2 .strzalka {
  margin: 0.83333333rem 0 2.5rem;
  display: inline-block;
  height: 20px;
}
.landing .glowne-zalety .przycisk-center {
  left: 50%;
  margin-top: -25px;
  margin-left: -100px;
  position: absolute;
  text-align: center;
  width: 200px;
  z-index: 51;
  height: 50px;
}
.landing .glowne-zalety h2 {
  font-weight: bold;
}
.landing .glowne-zalety h4 {
  border-left: 3px solid #eeeeee;
  border-right: 3px solid #eeeeee;
  border-left-color: #009ada;
  border-right-color: #ff7d01;
  font-weight: 400;
  font-size: 1.467em;
  padding: 0 2.5rem;
  margin: 0 2.5rem 0 0 !important;
}
.landing .glowne-zalety p {
  margin: 0 !important;
  line-height: 1.5 !important;
}
.landing .jak-to-dziala {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/keyboard@2x.png');
  background-repeat: no-repeat;
  background-position: top right 25%;
  padding-top: 200px;
  background-size: 40%;
  margin-top: -150px;
}
.landing .jak-to-dziala h4,
.landing .jak-to-dziala p {
  margin-left: 5rem;
}
#wdrozenia .header {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  padding: 7.5rem 0 0;
}
#wdrozenia .header .kategoria {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: -35px;
  text-transform: uppercase;
}
#wdrozenia .header .kategoria a {
  color: #3d3d3d;
}
#wdrozenia .header .kategoria a:hover,
#wdrozenia .header .kategoria a:focus {
  color: #009ada;
}
#wdrozenia .header .numer-wersji {
  font-size: 52px;
  font-weight: 600;
  line-height: 1.2;
  padding: 2.5rem 0 0;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 0 100px #000000;
}
#wdrozenia .header .zaslona {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fafafa 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fafafa 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fafafa 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#fafafa', GradientType=0);
  /* IE6-9 */
  padding: 0 0 10rem;
}
#wdrozenia .tresc {
  background-color: #fff;
  padding: 2.5rem 0 0;
}
#wdrozenia .lista-wdrozen ul {
  list-style: none;
  margin: 1.25rem 0 !important;
  padding: 0;
}
#wdrozenia .lista-wdrozen ul li {
  margin: 0;
  padding: 0;
}
#wdrozenia .lista-wdrozen ul li a {
  margin: 0;
  padding: 0;
  display: block;
  color: #3d3d3d;
}
#wdrozenia .lista-wdrozen ul li a h4 {
  margin-bottom: 0;
}
#wdrozenia .lista-wdrozen ul li a:hover,
#wdrozenia .lista-wdrozen ul li a:focus {
  color: #ff7d01;
}
@media (max-width: 767px) {
  .naglowek-strona h1 {
    font-size: 2em;
  }
  .naglowek-strona h2 {
    font-size: 1.467em;
  }
  .strona-e-sklepy .e-sklepy-loga .col-6 {
    margin: 0 !important;
  }
  .strona-e-sklepy .e-sklepy-loga .col-6 .blok {
    padding: 1.25rem;
    height: 120px;
  }
  .strona-integracje .integracje-sklepy-naglowek h2.gruby {
    font-size: 200%;
  }
  .strona-integracje .integracje-tresc {
    padding: 0 1.25rem;
    margin: 0 -1.25rem;
  }
  .landing .jak-to-dziala h4,
  .landing .jak-to-dziala p {
    margin-left: 0 !important;
  }
  .blog .tresc {
    padding: 15px;
  }
  .blog .tresc h2 {
    margin-bottom: 1rem;
  }
}
@media (max-width: 991px) {
  .landing {
    background-image: none;
  }
  .landing .glowne-zalety h4 {
    font-size: 1.2em;
    padding: 0 1rem;
    margin: 0 0 30px !important;
  }
  .wpis,
  .blog,
  .post {
    margin-top: 0;
  }
  .grafika-strona {
    height: 500px;
    margin-left: -108px;
    margin-top: 0;
    position: relative;
  }
  .grafika-strona .grafika {
    max-height: 600px !important;
  }
  .ostatnie-komentarze .dsq-widget-list li {
    display: table;
    width: 100%;
  }
  .ostatnie-komentarze .dsq-widget-list li:last-child {
    display: none;
  }
  .strona-integracje .integracje-tresc {
    padding: 0 1.25rem;
    margin: 0 -1.25rem;
  }
  .wpis .inne-wpisy .col.blok {
    padding: 15px !important;
    background-color: #fafafa;
    border-width: 3px !important;
    border-color: #eee !important;
  }
  .wpis .inne-wpisy .col.blok span {
    margin-bottom: 0 !important;
  }
  .wpis .p-0 {
    padding: 0 15px !important;
  }
  .wpis .wpis-tytul,
  .wpis .wpis-powrot,
  .wpis .wpis-info {
    padding: 0px 15px 15px !important;
    border: none !important;
    background-color: #fff;
  }
  .wpis .tresc {
    padding: 15px;
  }
  .blog .p-0 {
    padding: 0 15px !important;
  }
  .blog .tresc {
    margin: 15px 0 0 0;
    border: 3px solid #eee !important;
  }
  .blog .wpis-info {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 15px;
    width: auto !important;
    padding: 15px 15px 0 !important;
    flex: auto;
    border-bottom: none !important;
  }
  .blog .opublikowano .gravatar {
    right: auto;
    left: 0;
  }
  .blog .opublikowano p {
    padding-left: 0;
    position: relative;
    line-height: 2;
  }
  .blog .opublikowano p br {
    display: none;
  }
  .blog .opublikowano p time {
    position: absolute;
    margin-left: 15px;
  }
  .blog .wpis-link:hover .blok,
  .blog .wpis-link:focus .blok {
    box-shadow: none;
    border-left: none;
    border-right: none;
    box-shadow: 3px 0 0 0 #ff7d01 inset, -3px 0 0 0 #009ada inset;
  }
  .strona-z-tytulem .tytul {
    font-size: 200%;
    top: 27px;
    padding: 0 2.5rem;
  }
  .strona-z-tytulem .tresc {
    padding: 2.5rem;
  }
  .page-template-page-relacje-inwestorskie h1 {
    font-size: 2.8em !important;
    padding: 0 0 1.25rem !important;
    background-image: none !important;
  }
  .page-template-page-relacje-inwestorskie .accordion {
    margin: 0 !important;
  }
  .page-template-page-relacje-inwestorskie .blok {
    margin: 0 !important;
    border: none !important;
    padding: 15px !important;
  }
  .page-template-page-relacje-inwestorskie .kategorie {
    margin-right: 0;
  }
  .paginacja {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (max-width: 1199px) {
  .wpis .wpis-powrot {
    padding-bottom: 1.25rem;
  }
  .wpis .wpis-powrot.vam {
    display: block;
  }
  .wpis .wpis-powrot.vam .powrot {
    margin-bottom: 0;
  }
  .wpis .wpis-tytul {
    padding-bottom: 1.25rem;
    border-right: none;
  }
  .wpis .wpis-info {
    border-top: none;
    padding-top: 0;
    padding-bottom: 1.25rem;
  }
  .wpis .wpis-info .opublikowano {
    position: initial;
    float: left;
    margin: 0;
  }
  .wpis .wpis-info .opublikowano .gravatar {
    bottom: -30px;
    left: 2.5rem;
    position: absolute;
  }
  .wpis .wpis-info .kategorie.dla-wpisu {
    float: right;
  }
  .wpis .wpis-info .kategorie.dla-wpisu ul li {
    display: inline-block;
    padding: 0px 0 0px 7px;
    width: auto;
  }
  .wpis .tresc,
  .wpis .komentarze {
    border-left: none;
    border-right: none;
  }
  .wpis .inne-wpisy .blok:first-child {
    border-left: none;
  }
  .wpis .inne-wpisy .blok:last-child {
    border-right: none;
  }
}
#cennik .cennik-produkty h1 {
  font-size: 400%;
  margin: 0;
}
#cennik .cennik-produkty .produkty .cena {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/label-h.svg');
  background-position: center bottom;
  background-repeat: no-repeat;
  color: #ffffff;
  position: absolute;
  right: 2.5rem;
  text-align: center;
  top: 0;
  width: 100px;
  padding: 1.25rem 0;
  min-height: 100px;
}
#cennik .cennik-produkty .produkty .cena br {
  display: none;
}
#cennik .cennik-produkty .produkty .cena .zmien-okres {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/suwak.svg');
  background-position: 12px center;
  background-repeat: no-repeat;
  margin-top: -10px;
  margin-bottom: 10px;
  padding-left: 35px;
  text-align: left;
  position: reative;
}
#cennik .cennik-produkty .produkty .cena .zmien-okres .przelacznik {
  left: 8px;
  position: absolute;
  top: 11px;
  cursor: pointer;
  transition: all 0.4s ease-in-out 0s;
}
#cennik .cennik-produkty .produkty .cena .zmien-okres span {
  color: #bfbfbf;
  display: block;
  font-size: 90%;
  font-weight: 600;
  line-height: 1.6;
  text-transform: uppercase;
  cursor: pointer;
  opacity: 1;
}
#cennik .cennik-produkty .produkty .cena .zmien-okres span:hover,
#cennik .cennik-produkty .produkty .cena .zmien-okres span:focus {
  opacity: 0.9;
}
#cennik .cennik-produkty .produkty .cena .zmien-okres span#mc {
  color: #54c5ff;
}
#cennik .cennik-produkty .produkty .cena .zmien-okres.szesc-miesiecy .przelacznik {
  top: 31px;
}
#cennik .cennik-produkty .produkty .cena .zmien-okres.szesc-miesiecy span#mc {
  color: #bfbfbf;
}
#cennik .cennik-produkty .produkty .cena .zmien-okres.szesc-miesiecy span#szesc-mc {
  color: #54c5ff !important;
}
#cennik .cennik-produkty .produkty .cena p {
  margin: 0;
}
#cennik .cennik-produkty .produkty .cena strong {
  display: block;
  font-size: 220%;
  margin-top: -10px;
}
#cennik .cennik-produkty .produkty .cena .recznie {
  display: block;
  font-size: 140%;
  margin-top: -10px;
}
#cennik .cennik-produkty .produkty .cena .waluta {
  display: block;
  font-size: 90%;
  letter-spacing: 2px;
  margin-top: -10px;
}
#cennik .cennik-produkty .produkty h4 {
  font-size: 220%;
  margin: -10px 0 10px;
}
#cennik .cennik-produkty .produkty p {
  margin: 0;
}
#cennik .cennik-produkty .produkty p.podtytul {
  color: #767676;
  font-size: 90%;
}
#cennik .cennik-produkty .produkty .btn {
  font-size: 0.8667em;
  padding: 10px 20px;
  letter-spacing: 1px;
}
#cennik .cennik-produkty .produkty .btn.btn-lg {
  font-size: 1.067em;
  padding: 14px 20px;
}
#cennik .cennik-produkty .produkty .strzalka {
  margin: 1.25rem 1.25rem 0;
  display: inline-block;
}
#cennik .cennik-produkty .produkty ul {
  border-left: 3px solid #f7ddc6;
  border-right: 3px solid #a6e4fd;
  list-style: none;
  padding: 0;
  margin: 2.5rem 0;
}
#cennik .cennik-produkty .produkty ul li {
  padding: 0.5rem 2.5rem;
  font-size: 110%;
}
#cennik .cennik-produkty .produkty ul li:first-child {
  padding-top: 0;
}
#cennik .cennik-produkty .produkty ul li:last-child {
  padding-bottom: 0;
}
#cennik .cennik-produkty .produkty ul li h3 {
  font-size: 120%;
  color: #767676;
}
#cennik .cennik-produkty .produkty ul li span {
  display: block;
  color: #bfbfbf;
  font-size: 70%;
}
#cennik .cennik-produkty .info-netto {
  margin: 2.5rem 0;
  font-style: italic;
}
#cennik .cennik-pytania h4 {
  margin: 0;
  font-size: 220%;
}
#cennik .cennik-pytania p {
  margin: 0;
}
#cennik .pelna-lista-funkcji-img {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/Bitmap_7@2x.png');
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 45% auto;
}
#cennik .pelna-lista-funkcji {
  position: relative;
  padding: 0 2.5rem;
}
#cennik .pelna-lista-funkcji .col {
  height: 450px;
}
#cennik .pelna-lista-funkcji .ikony {
  position: absolute;
  width: 55%;
  bottom: 2.5rem;
  right: 5%;
}
#cennik .pelna-lista-funkcji h2 {
  font-size: 400%;
  margin: 0;
}
#cennik .cennik-biuro-pakiety {
  background-color: #fff;
  border-top: 3px solid #eeeeee;
  border-bottom: 3px solid #eeeeee;
  padding-top: 5rem;
  position: relative;
}
#cennik .cennik-biuro-pakiety h2 {
  font-size: 400%;
  margin: 0 2.5rem 5rem;
}
#cennik .cennik-biuro-pakiety .przycisk-rejestracji {
  bottom: -46px;
  left: 50%;
  margin-left: -130px;
  position: absolute;
  text-align: center;
  width: 260px;
  z-index: 1;
}
#cennik .cennik-biuro-pakiety .cennik-produkty .produkty > div {
  margin-bottom: 0;
}
#cennik .cennik-biuro-pakiety .cennik-produkty .produkty .cena {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/label.svg');
  background-position: left center;
  height: 71px;
  line-height: 71px;
  min-height: auto;
  padding: 0 0 0 6px;
  right: 0;
  top: 2.5rem;
}
#cennik .cennik-biuro-pakiety .cennik-produkty .produkty .cena strong,
#cennik .cennik-biuro-pakiety .cennik-produkty .produkty .cena span.waluta {
  margin: 0;
  display: inline;
}
#cennik .cennik-biuro-pakiety .cennik-produkty .produkty .cena span.waluta {
  font-weight: 600;
  left: 8px;
  position: relative;
  top: -4px;
}
#cennik .cennik-biuro-pakiety .cennik-produkty .produkty h4 {
  margin-top: 15px;
}
#cennik .zestaw-uslug-podstawowych h4,
#cennik .zestaw-uslug-dodatkowych h4 {
  font-size: 220%;
  margin: 2.5rem 0;
}
#cennik .zestaw-uslug-dodatkowych .usluga {
  padding: 1.25rem 2.5rem;
}
#cennik .zestaw-uslug-dodatkowych .usluga p {
  margin: 0;
}
#cennik .zestaw-uslug-dodatkowych .usluga p.cena {
  white-space: nowrap;
  font-size: 200%;
}
#cennik .zestaw-uslug-dodatkowych .usluga p.cena font {
  font-size: 70%;
  font-weight: 300;
}
#cennik .indywidualna-wycena {
  margin-top: 5rem;
}
#cennik .indywidualna-wycena h4 {
  font-size: 500%;
  font-weight: 600;
  margin: 0;
  color: #a6e4fd;
}
#cennik .indywidualna-wycena p {
  margin-bottom: 2.5rem;
  font-size: 120%;
  font-weight: 300;
}
#cennik .indywidualna-wycena form .btn {
  margin-top: -115px;
}
@media (min-width: 992px) and (max-width: 1198px) {
  #cennik .cennik-produkty .produkty h4 {
    font-size: 180%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #cennik .cennik-produkty {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  #cennik .cennik-produkty .produkty .cena {
    right: -30px !important;
  }
  #cennik .cennik-produkty .produkty ul {
    margin: 0;
  }
  #cennik .cennik-produkty .produkty .strzalka {
    margin: 0;
    position: relative;
    top: -30px;
  }
}
@media (max-width: 991px) {
  #cennik .pelna-lista-funkcji-img {
    background-size: 70% auto;
  }
  #cennik .pelna-lista-funkcji .ikony {
    width: 70%;
    right: 15%;
  }
  #cennik .cennik-produkty .produkty > div {
    margin-bottom: 2.5rem;
  }
  #cennik .cennik-produkty .produkty .cena {
    right: 1.25rem;
  }
  #cennik .cennik-produkty .produkty .btn-warning {
    bottom: -22px;
    left: 50%;
    margin-left: -130px;
    position: absolute;
    width: 260px;
  }
  #cennik .cennik-biuro-pakiety .przycisk-rejestracji {
    margin: 2.5rem 0;
    position: initial;
    width: auto;
  }
  #cennik .indywidualna-wycena {
    margin: 2.5rem;
  }
  #cennik .indywidualna-wycena h4 {
    font-size: 300%;
  }
  #cennik .indywidualna-wycena form .btn {
    margin-top: 0;
  }
  #cennik .cennik-pytania {
    padding: 0 2.5rem;
  }
  #cennik .cennik-pytania h4 {
    font-size: 180%;
    margin: 15px 0;
  }
  #cennik .cennik-pytania .ikona {
    box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -webkit-box-ordinal-group: 0;
    left: 50%;
    margin-left: -50px;
    order: -1;
    position: absolute;
    top: -40px;
    width: 100px;
  }
  #cennik .zestaw-uslug-dodatkowych {
    margin: 2.5rem;
  }
}
@media (max-width: 767px) {
  #cennik h1,
  #cennik h2 {
    font-size: 300% !important;
  }
  #cennik .pelna-lista-funkcji-img {
    background-size: 70% auto;
  }
  #cennik .pelna-lista-funkcji .ikony {
    width: 60%;
  }
  #cennik .pelna-lista-funkcji .col {
    padding-bottom: 5rem;
    height: auto;
  }
  #cennik .indywidualna-wycena,
  #cennik .zestaw-uslug-dodatkowych {
    margin: 0;
  }
}
.jest-dla-ciebie {
  padding: 2.5rem;
}
.jest-dla-ciebie ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.jest-dla-ciebie ul li {
  padding: 7px 0;
}
.konfiguracja-magazynu .form form {
  margin-top: 2.5rem;
}
.konfiguracja-magazynu .kontakt {
  padding: 0;
}
.konfiguracja-magazynu .kontakt p strong {
  font-weight: 600;
  font-size: 1.2em;
  padding-right: 15px;
}
.konfiguracja-magazynu .kontakt p img {
  margin-right: 10px;
  margin-top: -7px;
}
.opinie-mini {
  padding: 2.5rem 0 5rem 0;
  position: relative;
  overflow: hidden;
}
.opinie-mini .opinia {
  position: relative;
  border: 3px solid #eeeeee;
  background-color: #fff;
  border-radius: 4rem 0 0 0;
  padding: 1.25rem 2.5rem;
  margin: 0 2.5rem;
}
.opinie-mini .opinia p {
  padding: 0;
  margin: 0;
  font-style: italic;
}
.opinie-mini .opinia p.kto {
  font-style: normal;
  color: #bfbfbf;
  margin-top: 10px;
}
.opinie-mini .opinia .gravatar {
  background-color: #ffffff;
  border: 3px solid #e3e3e3;
  border-radius: 100px;
  bottom: -38px;
  height: 76px;
  left: -38px;
  line-height: 76px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: 76px;
}
.opinie-mini .kciuk {
  bottom: -5rem;
  margin-bottom: -25px;
  left: 5%;
  position: absolute;
  transform: rotate(25deg);
}
.magazyn-modul,
.crm-modul {
  padding: 5rem 2.5rem;
  position: relative;
}
.magazyn-modul .tresc,
.crm-modul .tresc {
  z-index: 40;
}
.magazyn-modul .tresc h2,
.crm-modul .tresc h2 {
  margin-bottom: 2.5rem;
}
.magazyn-modul .tresc p,
.crm-modul .tresc p {
  margin-bottom: 15rem;
}
.magazyn-modul .dymek,
.crm-modul .dymek {
  position: absolute;
  right: 14%;
  bottom: 25rem;
}
.magazyn-modul .laptop,
.crm-modul .laptop {
  position: absolute;
  z-index: -1;
  bottom: -2.5rem;
  right: 18%;
}
.magazyn-modul .telefon,
.crm-modul .telefon {
  position: absolute;
  z-index: -2;
  right: 12%;
  bottom: 2.5rem;
}
.magazyn-modul .ikony,
.crm-modul .ikony {
  position: absolute;
  bottom: 5rem;
  right: 30%;
  z-index: -2;
}
@media (max-width: 767px) {
  .opinie-mini {
    background-color: #fafafa;
    padding-bottom: 7.5rem;
  }
  .opinie-mini .opinia {
    border-radius: 2rem;
    padding: 2.5rem 2.5rem;
    text-align: center;
    padding: 1.25rem;
    margin: 0;
  }
  .opinie-mini .opinia p {
    margin-bottom: 2.5rem;
  }
  .opinie-mini .opinia .gravatar {
    bottom: -38px;
    left: 50%;
    margin-left: -38px;
  }
  .opinie-mini .kciuk {
    bottom: -7.5rem;
    left: 20%;
  }
  .magazyn-modul,
  .crm-modul {
    padding: 2.5rem 0;
  }
  .magazyn-modul .tresc p,
  .crm-modul .tresc p {
    margin-top: 2.5rem;
    margin-bottom: 0;
  }
  .magazyn-modul .dymek,
  .crm-modul .dymek {
    display: none;
  }
  .magazyn-modul .laptop,
  .crm-modul .laptop {
    display: none;
  }
  .magazyn-modul .telefon,
  .crm-modul .telefon {
    display: none;
  }
  .magazyn-modul .ikony,
  .crm-modul .ikony {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .magazyn-modul .tresc p,
  .crm-modul .tresc p {
    margin-bottom: 30rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .magazyn-modul .dymek,
  .crm-modul .dymek {
    bottom: 25rem;
  }
  .magazyn-modul .laptop,
  .crm-modul .laptop {
    bottom: -5rem;
    height: 100%;
  }
  .magazyn-modul .telefon,
  .crm-modul .telefon {
    bottom: -2.5rem;
  }
  .magazyn-modul .ikony,
  .crm-modul .ikony {
    height: 300px;
    right: 250px;
  }
}
.opinie {
  position: relative;
  padding: 50px 0;
}
.opinie .opinie-wrapper {
  position: relative;
}
.opinie .opinie-wrapper .grw-slider .wp-google-feedback {
  border: 3px solid #eeeeee !important;
  border-radius: 0 !important;
  background: #fff !important;
}
.opinie .opinie-wrapper .grw-slider .wp-google-feedback::before {
  bottom: -12px !important;
  left: 33px !important;
  border: 4px solid #ededed !important;
  border-top: none !important;
  border-left: none !important;
  background-color: #fff !important;
}
.opinie .opinie-wrapper .grw-slider .wp-google-name {
  color: #3d3d3d !important;
}
.opinie .opinie-wrapper .grw-slider .wp-google-user img {
  box-shadow: none !important;
}
.opinie .opinie-wrapper .grw-slider .rplgsw-pagination-bullet-active {
  background: #f37700 !important;
}
.opinie .opinie-wrapper .grw-slider .rplg-slider-prev,
.opinie .opinie-wrapper .grw-slider .rplg-slider-next {
  display: none !important;
}
.opinie .opinie-wrapper .wiecej {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/arrow6.svg');
  background-position: right center;
  background-repeat: no-repeat;
  color: #009ada;
  position: absolute;
  right: 2.5rem;
  bottom: -2.5rem;
  font-weight: 600;
  padding: 0 20px 0 0;
}
.opinie.mini {
  padding: 0;
}
.opinie.mini .grw-slider .wp-google-content2 {
  height: 50px !important;
}

.carousel.strona-opinie-klientow .opinie {
    padding: 0;
}
.carousel.strona-opinie-klientow .opinie .carousel-item {
    min-height: 0;
}
.carousel.strona-opinie-klientow .opinie .opinia {
    padding: 2.7rem 1.5rem 1.5rem;
}
.carousel.strona-opinie-klientow .opinie .opinia .tresc-opini {
    height: 100px;
    overflow-y: auto;
}
.carousel.strona-opinie-klientow .opinie .opinia .gwiazdki {
    position: absolute;
    top: 15px;
}
.carousel.strona-opinie-klientow .opinie .opinia h3 {
    display: none;
}
.carousel.strona-opinie-klientow .opinie .opinia .kto {
    bottom: -70px;
    height: 70px;
}

.strona-opinie-klientow .tytul {
  padding: 2.5rem 0;
}
.strona-opinie-klientow .tytul.taby {
  padding: 2.5rem;
}
.strona-opinie-klientow .tab {
  border: 3px solid #eeeeee;
  line-height: 1.2;
  text-align: left;
  font-size: 0.8667em;
  color: #767676;
  padding: 0.83333333rem;
  cursor: pointer;
}
.strona-opinie-klientow .tab:hover,
.strona-opinie-klientow .tab:focus {
  color: #3d3d3d;
}
.strona-opinie-klientow .tab.tab-br,
.strona-opinie-klientow .tab.tab-pf {
  border-right: none !important;
}
.strona-opinie-klientow .tab.active {
  color: #fff;
  background-color: #009ada;
  border-color: #009ada;
  position: relative;
  font-weight: 600;
}
.strona-opinie-klientow .opinie .opinia {
  border: 3px solid #eeeeee;
  border-left-color: #f7ddc6;
  padding: 2.5rem;
  margin: 0 1.25rem 100px;
  background-color: #fff;
  position: relative;
  box-shadow: 8px 9px 10px 0 rgba(0, 0, 0, 0.03);
}
.strona-opinie-klientow .opinie .opinia:before {
  content: "";
  position: absolute;
  border-top: 50px solid #eee;
  border-right: 40px solid rgba(0, 0, 0, 0);
  bottom: -50px;
  right: -3px;
}
.strona-opinie-klientow .opinie .opinia:after {
  content: "";
  position: absolute;
  border-top: 44px solid #fff;
  border-right: 34px solid rgba(0, 0, 0, 0);
  bottom: -44px;
  right: 1px;
}
.strona-opinie-klientow .opinie .opinia p {
  font-style: italic;
  margin-bottom: 20px;
}
.strona-opinie-klientow .opinie .opinia .gwiazdki {
  float: left;
  background: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/heart-pom.svg') space 0 0;
  height: 17px;
  width: 104px;
}
.strona-opinie-klientow .opinie .opinia h3 {
  font-size: 1.2em;
  color: #bfbfbf;
  float: right;
}
.strona-opinie-klientow .opinie .opinia .kto {
  right: 3.75rem;
  color: #767676;
  position: absolute;
  bottom: -100px;
  text-align: right;
  height: 100px;
}
.strona-opinie-klientow .opinie .opinia .kto p {
  font-size: 90%;
  line-height: 1.3;
  margin: 0;
}
.strona-opinie-klientow .opinie .opinia .kto .wlasciciel {
  font-style: normal;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.strona-opinie-klientow .opinie .opinia.br {
  border-left-color: #a6e4fd;
}
.strona-opinie-klientow .opinie .opinia.br .gwiazdki {
  background: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/heart-nieb.svg') space 0 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .opinie .kciuk {
    bottom: 15%;
  }
}
@media (max-width: 767px) {
  .strona-opinie-klientow .tab.tab-br,
  .strona-opinie-klientow .tab.tab-pf {
    border-right: 3px solid #eeeeee !important;
    border-bottom: none !important;
  }
  .opinie {
    background-color: #fafafa;
  }
  .opinie .kciuk {
    bottom: 20%;
  }
  .opinie .opinie-wrapper::before {
    border-bottom: 36px solid rgba(0, 0, 0, 0);
    border-left: 36px solid #e3e3e3;
    border-right: medium none;
    bottom: -36px;
    top: auto;
    left: 60%;
    margin: 0 0 0 -18px;
  }
  .opinie .opinie-wrapper .wiecej {
    right: 0;
  }
  .opinie .opinie-wrapper #opinie {
    margin-top: 0;
    padding: 1.25rem;
  }
  .opinie .opinie-wrapper #opinie::before {
    border-bottom: 30px solid rgba(0, 0, 0, 0);
    border-left: 30px solid #fafafa;
    border-right: medium none;
    bottom: -30px;
    left: 60%;
    margin: 0 0 0 -14px;
    top: auto;
  }
  .opinie .opinie-wrapper #opinie::after {
    bottom: 150px;
    left: -3px;
    right: -3px;
    top: -3px;
  }
  .opinie .opinie-wrapper #opinie .inner .item p.opinia {
    font-size: 1.067em;
    margin-bottom: 15px;
  }
  .opinie .opinie-wrapper #opinie .inner .item h4,
  .opinie .opinie-wrapper #opinie .inner .item p.nazwa-firmy {
    text-align: right;
    font-size: 1.067em;
  }
  .opinie .opinie-wrapper #opinie .inner .item h4 {
    font-size: 1.333em;
  }
  .opinie .grafika {
    background-position: left bottom;
    background-size: auto 100%;
    height: 300px;
  }
  .opinie .grafika .korona {
    background-size: contain;
    bottom: auto;
    height: 55px;
    left: 80px;
    margin-left: 0;
    top: -35px;
    width: 71.5px;
  }
  .opinie .grafika .gwiazdki {
    background-size: contain;
    bottom: auto;
    height: 92.5px;
    left: 97px;
    margin-left: 0;
    top: 150px;
    transform: rotate(20deg);
    width: 150px;
  }
}
.integracje .blok {
  background-color: #fff;
  padding: 2.5rem;
  border: 3px solid #eeeeee;
  height: 450px;
}
.integracje .blok:before {
  border: 3px solid #eeeeee;
  border-left-color: #fff;
  background-color: #ffffff;
  content: "";
  height: 150px;
  margin: 0;
  position: absolute;
  right: -57px;
  top: 150px;
  width: 75px;
  z-index: 1;
}
.integracje .blok .strzalka-prawo {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/strzalka-prawo.svg');
  height: 21px;
  position: absolute;
  right: -95px;
  top: 214.5px;
  width: 53px;
  z-index: 1;
}
.integracje .blok h2 {
  margin: 30px 0 60px;
}
.integracje .bloczki {
  margin-left: 100px;
  padding-right: 15px;
  position: relative;
}
.integracje .bloczki.logotypy .bloczek {
  padding: 0;
  text-align: center;
}
.integracje .bloczki.logotypy .bloczek h3 {
  font-size: 1.2em;
  margin-bottom: 0;
}
.integracje .bloczki.logotypy .bloczek img {
  display: inline-block;
  height: auto;
  max-height: 65px;
  max-width: 100%;
  object-fit: scale-down;
  width: auto;
}
.integracje .bloczki .strzalka-lewo-1 {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/strzalka-lewo.svg');
  height: 21px;
  left: -55px;
  position: absolute;
  top: 64.5px;
  width: 53px;
  z-index: 1;
}
.integracje .bloczki .strzalka-lewo-2 {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/strzalka-lewo.svg');
  height: 21px;
  left: -55px;
  position: absolute;
  top: 364.5px;
  width: 53px;
  z-index: 1;
}
.integracje .bloczki .srodkowy {
  margin-left: 50px;
}
.integracje .bloczki .bloczek {
  background-color: #fff;
  padding: 2.5rem;
  border: 3px solid #eeeeee;
  height: 150px;
}

.integracje .bloczki .bloczek.allegro a,
.integracje .bloczki .bloczek.ecommerce a,
.integracje .bloczki .bloczek.czytnik a,
.integracje .bloczki .bloczek.zus a,
.integracje .bloczki .bloczek.ceidg a,
.integracje .bloczki .bloczek.drukarki a,
.integracje .bloczki .bloczek.jpk a,
.integracje .bloczki .bloczek.banki a {
	  font-weight: 700;
    font-size: 21px;
	  line-height: 1.2;
    text-transform: uppercase;
  	padding: 20px;
	  color: #3d3d3d;
}
.integracje .bloczki .bloczek.allegro a {
	  color: #ff5a00;
}
.integracje .bloczki .bloczek.ecommerce a {
	  color: ;
}
.integracje .bloczki .bloczek.czytnik a {
	  color: ;
}
.integracje .bloczki .bloczek.zus a {
	  color: #039c44;
}
.integracje .bloczki .bloczek.ceidg a {
	  color: #009ed6;
}
.integracje .bloczki .bloczek.drukarki a {
	  color: ;
}
.integracje .bloczki .bloczek.jpk a {
	  color: #dc0132;
}
.integracje .bloczki .bloczek.banki a {
	  color: #004c9a;
}
.integracje .bloczki .bloczek.allegro:hover,
.integracje .bloczki .bloczek.ecommerce:hover,
.integracje .bloczki .bloczek.czytnik:hover,
.integracje .bloczki .bloczek.zus:hover,
.integracje .bloczki .bloczek.ceidg:hover,
.integracje .bloczki .bloczek.drukarki:hover,
.integracje .bloczki .bloczek.jpk:hover,
.integracje .bloczki .bloczek.banki:hover,
.integracje .bloczki .bloczek.allegro:focus,
.integracje .bloczki .bloczek.ecommerce:focus,
.integracje .bloczki .bloczek.czytnik:focus,
.integracje .bloczki .bloczek.zus:focus,
.integracje .bloczki .bloczek.ceidg:focus,
.integracje .bloczki .bloczek.drukarki:focus,
.integracje .bloczki .bloczek.jpk:focus,
.integracje .bloczki .bloczek.banki:hover {
	  background-color: #ff5a00;
}


.integracje .bloczki .bloczek.allegro:hover,
.integracje .bloczki .bloczek.allegro:focus {
	  background-color: #ff5a00;
}
.integracje .bloczki .bloczek.ecommerce:hover,
.integracje .bloczki .bloczek.ecommerce:focus {
	  background-color: #ff8800;
}
.integracje .bloczki .bloczek.czytnik:hover,
.integracje .bloczki .bloczek.czytnik:focus {
	  background-color: #ff8800;
}
.integracje .bloczki .bloczek.zus:hover,
.integracje .bloczki .bloczek.zus:focus {
	  background-color: #039c44;
}
.integracje .bloczki .bloczek.ceidg:hover,
.integracje .bloczki .bloczek.ceidg:focus {
	  background-color: #009ed6;
}
.integracje .bloczki .bloczek.drukarki:hover,
.integracje .bloczki .bloczek.drukarki:focus {
	  background-color: #ff8800;
}
.integracje .bloczki .bloczek.jpk:hover,
.integracje .bloczki .bloczek.jpk:focus {
	  background-color: #dc0132;
}
.integracje .bloczki .bloczek.banki:hover,
.integracje .bloczki .bloczek.banki:hover {
	  background-color: #004c9a;
}


.integracje .bloczki .bloczek.allegro:hover a,
.integracje .bloczki .bloczek.ecommerce:hover a,
.integracje .bloczki .bloczek.czytnik:hover a,
.integracje .bloczki .bloczek.zus:hover a,
.integracje .bloczki .bloczek.ceidg:hover a,
.integracje .bloczki .bloczek.drukarki:hover a,
.integracje .bloczki .bloczek.jpk:hover a,
.integracje .bloczki .bloczek.banki:hover a,
.integracje .bloczki .bloczek.allegro:focus a,
.integracje .bloczki .bloczek.ecommerce:focus a,
.integracje .bloczki .bloczek.czytnik:focus a,
.integracje .bloczki .bloczek.zus:focus a,
.integracje .bloczki .bloczek.ceidg:focus a,
.integracje .bloczki .bloczek.drukarki:focus a,
.integracje .bloczki .bloczek.jpk:focus a,
.integracje .bloczki .bloczek.banki:hover a {
	  color: #fff;
}



@media (max-width: 767px) {
  .integracje {
    border-top: 3px solid #eeeeee;
    border-bottom: 3px solid #eeeeee;
  }
  .integracje .blok {
    border: none;
    height: auto;
    padding: 0;
  }
  .integracje .blok::before {
    display: none;
  }
  .integracje .blok h2 {
    margin: 30px 0;
  }
  .integracje .bloczki {
    margin-left: 0;
    padding-right: 0;
  }
  .integracje .bloczki .strzalka-lewo-1,
  .integracje .bloczki .strzalka-lewo-2 {
    display: none;
  }
  .integracje .bloczki .srodkowy {
    margin-left: -15px;
  }
  .integracje .bloczki .bloczek {
    height: auto;
    padding: 15px;
  }
}
.lista-funkcji h1 {
  font-weight: 200;
  font-size: 400%;
  margin: 2.5rem 0;
}
.lista-funkcji .nav li {
  position: relative;
}
.lista-funkcji .nav li .cena {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/label-cena-funkcje.svg');
  background-position: left bottom;
  background-repeat: no-repeat;
  color: #ffffff;
  font-weight: 600;
  height: 70px;
  line-height: 1.4;
  font-size: 1.067em;
  padding: 0 0 5px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 66.666px;
  z-index: 10;
}
.lista-funkcji .nav li .cena font {
  display: block;
  color: #bfbfbf;
  font-size: 0.6667em;
}
.lista-funkcji .nav li > a {
  padding: 1.25rem;
  font-size: 1.2em;
  line-height: 1.3;
  text-transform: uppercase;
  font-weight: 600;
  color: #3d3d3d;
  cursor: pointer;
}
.lista-funkcji .nav li > a span {
  display: block;
  margin-top: 10px;
  font-size: 0.7333em;
  text-transform: none;
  font-weight: 400;
  font-style: italic;
  color: #767676;
}
.lista-funkcji .nav li > a.active,
.lista-funkcji .nav li > a:hover,
.lista-funkcji .nav li > a:focus {
  background-color: #FFFBF8;
  border-color: #f7ddc6;
  box-shadow: 0 7px 15px 0 rgba(61, 61, 61, 0.1), 0 3px 0px 0 #f7ddc6;
  position: relative;
  z-index: 1;
  color: #f37700;
  cursor: pointer;
}
.lista-funkcji .nav li > a.active span,
.lista-funkcji .nav li > a:hover span,
.lista-funkcji .nav li > a:focus span {
  color: #3d3d3d;
}
.lista-funkcji .nav li > a.active {
  cursor: default;
}
.lista-funkcji .nav li:last-child a.active,
.lista-funkcji .nav li:last-child a:hover,
.lista-funkcji .nav li:last-child a:focus {
  box-shadow: 0 7px 15px 0 rgba(61, 61, 61, 0.1);
}
.kontakt {
  position: relative;
  padding: 100px 0 0;
}
.kontakt .spadochron {
  left: 50%;
  position: absolute;
  top: -20%;
  width: 30%;
  z-index: 1;
}
@media (max-width: 991px) {
  .kontakt {
    padding: 50px 0 0;
  }
  .kontakt h2 {
    font-size: 1.6em;
  }
}
@media (max-width: 767px) {
  .kontakt {
    padding: 50px 0;
  }
  .kontakt .spadochron {
    left: 0;
    top: 0;
    height: 200%;
    width: auto;
  }
}
.najnowsze {
  margin: 0 30px;
}
.najnowsze .blok {
  background-color: #fff;
  padding: 2.5rem 2.5rem 5rem;
  border: 3px solid #eeeeee;
  position: relative;
}
.najnowsze .blok a {
  display: block;
}
.najnowsze .blok.post-4 {
  border-right: 3px solid #eeeeee !important;
}
.najnowsze .blok p.kategoria {
  color: #bfbfbf;
  margin: 0;
  padding: 0;
  font-size: 100%;
}
.najnowsze .blok h4 {
  margin: 15px 0 10px;
  padding: 0;
  color: #009ada;
  font-size: 100%;
  font-weight: 600;
}
.najnowsze .blok p.wstep {
  color: #767676;
  font-size: 90%;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}
.najnowsze .blok .czytaj-dalej {
  position: absolute;
  right: 40px;
  bottom: 40px;
  text-indent: -9999px;
  width: 11px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/arrow.svg');
  transition: all 0.3s ease;
}
.najnowsze .blok:hover,
.najnowsze .blok:focus {
  background-color: #fffdfc;
}
.najnowsze .blok:hover h4,
.najnowsze .blok:focus h4 {
  color: #ff7d01;
}
.najnowsze .blok:hover .czytaj-dalej,
.najnowsze .blok:focus .czytaj-dalej {
  right: 20px;
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/arrow.svg');
}
.najnowsze-lista a .blok {
  color: #767676;
}
.najnowsze-lista a .blok h4 {
  color: #3d3d3d;
}
.najnowsze-lista a .blok .wiecej {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/arrow6.svg');
  background-position: right center;
  background-repeat: no-repeat;
  color: #009ada;
  font-weight: 600;
  padding: 0 20px 0 0;
}
.najnowsze-lista a:hover .blok,
.najnowsze-lista a:focus .blok {
  box-shadow: 0 7px 15px 0 rgba(61, 61, 61, 0.1);
  position: relative;
  z-index: 51;
  border-left-color: #ff7d01;
  border-right-color: #009ada;
  color: #3d3d3d;
}
.najnowsze-lista a:hover .blok h4,
.najnowsze-lista a:focus .blok h4 {
  color: #009ada;
}
@media (min-width: 768px) and (max-width: 991px) {
  .najnowsze .post-1,
  .najnowsze .post-2 {
    border-bottom: none !important;
  }
  .najnowsze .post-2 {
    border-right: 3px solid #eeeeee !important;
  }
  .najnowsze .post-3 {
    border-bottom: 3px solid #eeeeee !important;
  }
}
@media (max-width: 767px) {
  .najnowsze {
    margin: 0 0 -28px;
  }
  .najnowsze .post-1,
  .najnowsze .post-2,
  .najnowsze .post-3 {
    border-bottom: none !important;
  }
  .najnowsze .blok {
    height: auto;
  }
  .najnowsze .blok.post-1,
  .najnowsze .blok.post-2,
  .najnowsze .blok.post-3,
  .najnowsze .blok.post-4 {
    border-right: none !important;
    border-left: none !important;
  }
}
.pracujemy-dla-was p {
  font-size: 0.9333em;
  line-height: 30px;
}
.pracujemy-dla-was .ksiegowa {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/fale.svg');
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: #fff;
  border: 3px solid #eeeeee;
  border-right: none;
  padding: 2.5rem;
}
.pracujemy-dla-was .ksiegowa .osoba {
  margin-bottom: -2.5rem;
  margin-right: -2.5rem;
}
.pracujemy-dla-was .ksiegowa .order {
  bottom: 20%;
  left: -5%;
  position: absolute;
  width: 50%;
  z-index: 1;
}
.pracujemy-dla-was .ksiegowa h3 {
  margin-bottom: 50px;
  font-size: 2em;
}
.pracujemy-dla-was .ksiegowa p {
  font-style: italic;
}
.pracujemy-dla-was .ksiegowa p.kto {
  font-style: normal;
  line-height: 1.4;
  font-size: 1.2em;
  margin: 50px 0 0px;
}
.pracujemy-dla-was .ksiegowa p.stanowisko {
  font-style: normal;
}
.dolacz-do-nas {
  border: 3px solid #eeeeee;
  padding-bottom: 0;
  color: #fff;
}
.dolacz-do-nas.niebieski {
  border-color: #e2f5fa !important;
  background-color: #FAFDFF;
  color: #3d3d3d;
}
.dolacz-do-nas.niebieski .form-control {
    border: 3px solid #e2f5fa !important;
}
.dolacz-do-nas p {
  font-size: 0.9333em;
  font-weight: 300;
}
.dolacz-do-nas h2 {
  font-weight: 600;
  font-size: 2em;
}
.dolacz-do-nas .form {
  margin-top: -2.5rem;
  margin-left: -2.5rem;
  margin-right: -2.5rem;
  padding: 2.5rem;
}
.dolacz-do-nas .kontakt {
  padding: 2.5rem;
  margin-left: -2.5rem;
  margin-right: -2.5rem;
  border-top: 3px solid #eeeeee;
  border-color: #303030 !important;
}
.dolacz-do-nas .kontakt p strong {
  font-weight: 600;
  font-size: 1.2em;
  padding-right: 15px;
}
.dolacz-do-nas .kontakt p .btn {
  margin-top: -7px;
}
.dolacz-do-nas .kontakt p img {
  margin-right: 10px;
  margin-top: -7px;
}
.glowne-zalety {
  overflow: hidden;
  background-color: #fff;
  border-bottom: 3px solid #eeeeee;
  border-top: 3px solid #eeeeee;
}
.glowne-zalety .blok {
  position: relative;
}
.glowne-zalety .blok h4 {
  margin-bottom: 2.5rem;
  color: #3d3d3d;
}
.glowne-zalety .blok a.collapsed h4 {
  margin-bottom: 0;
}
.glowne-zalety .blok p {
  font-size: 1em;
  line-height: 24px;
}
.glowne-zalety .blok img.ikona {
  position: absolute;
  right: 2.5rem;
  top: 1.25rem;
}
.glowne-zalety .blok img.nyc {
  bottom: 0;
  position: absolute;
  left: 60%;
}
.glowne-zalety .blok img.telefon {
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}
.glowne-zalety .blok .loga-text {
  padding-top: 2.5rem;
  color: #ff7d01;
  font-weight: 600;
  line-height: 30px;
}
.glowne-zalety .blok .loga {
  padding: 20px 0;
}
.glowne-zalety .blok .loga img {
  margin: 0 20px 20px 0;
}
.glowne-zalety .blok a.wiecej {
  bottom: 15px;
  position: absolute;
  right: 0;
}
.glowne-zalety .blok .collapse h4 {
  margin: 2.5rem 0;
}
.glowne-zalety .blok .collapse.show a.wiecej,
.glowne-zalety .blok .collapse.show img.ikona {
  position: initial;
}
.glowne-zalety .blok .collapse.show a.wiecej {
  display: inline-block;
  margin-top: 1.25rem;
}
.glowne-zalety .blok.naglowek {
  min-height: 300px;
}
.glowne-zalety .blok.naglowek h2 {
  font-weight: 600;
  margin: 0;
  font-size: 4em;
}
.glowne-zalety .blok.naglowek h4 {
  margin: 0;
  font-size: 2em;
}
.glowne-zalety .blok.link {
  text-align: center;
}
.glowne-zalety.faktury {
  background-color: #fafafa;
  border-bottom: none;
  border-top: none;
  margin-bottom: 5rem;
}
.glowne-zalety.biuro a.wiecej {
  position: initial;
}
.glowne-zalety.biuro a.wiecej {
  display: inline-block;
  margin-top: 1.25rem;
}
.glowne-zalety.crm {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  position: relative;
  z-index: 1;
}
.glowne-zalety.crm .naglowek.blok {
  background-color: rgba(0, 0, 0, 0);
}
.glowne-zalety.crm .zalety-crm {
  pading: 2.5rem;
  margin-bottom: -3px;
}
.glowne-zalety.crm .zalety-crm .row {
  padding: 0.83333333rem;
}
.glowne-zalety.crm .zalety-crm .row > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 3px solid #eeeeee;
  border-color: #ff7d01;
  padding: 0.83333333rem 2.5rem;
}
.glowne-zalety.crm .zalety-crm .row > div:first-child {
  border-color: #009ada;
}
.glowne-zalety.crm .zalety-crm .blok.bialy {
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.04);
  z-index: 1;
}
.glowne-zalety.crm .zalety-crm h4,
.glowne-zalety.crm .zalety-crm p {
  margin: 0;
}
.glowne-zalety.crm .zalety-crm h4 {
  font-size: 200%;
}
.glowne-zalety.crm .zalety-crm p {
  font-size: 100%;
}
@media (max-width: 991px) {
  .glowne-zalety {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .glowne-zalety .blok {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: 3px solid #eeeeee !important;
    overflow: hidden;
  }
  .glowne-zalety .blok.naglowek {
    border-top: none !important;
  }
  .glowne-zalety .naglowek-pelna-lista-crm {
    min-height: 0 !important;
  }
}
@media (max-width: 575px) {
  .glowne-zalety .blok img.ikona {
    display: none;
  }
  .glowne-zalety .blok a.wiecej {
    display: inline-block;
    margin-top: 2.5rem;
    position: inherit;
  }
}
@media (min-width: 576px) {
  .glowne-zalety .blok .collapse {
    display: block !important;
  }
}
.naglowek {
  padding: 2.5rem;
  overflow: hidden !important;
}
.naglowek.ksiegowosc,
.naglowek.biuro,
.naglowek.faktury,
.naglowek.magazyn,
.naglowek.crm {
  background-position: right 0;
  background-repeat: no-repeat;
  background-image: url(https://ifirma.pl/wp-content/themes/sit/images/svg/fale01.svg);
  position: relative;
  margin-top: -110px;
  padding-top: 110px;
  background-size: 100% auto;
}
.naglowek.ksiegowosc .tablet,
.naglowek.biuro .tablet,
.naglowek.faktury .tablet,
.naglowek.magazyn .tablet,
.naglowek.crm .tablet {
  position: absolute;
  top: 2.5rem;
  right: 0;
  z-index: 1;
}
.naglowek.ksiegowosc .sofa,
.naglowek.biuro .sofa,
.naglowek.faktury .sofa,
.naglowek.magazyn .sofa,
.naglowek.crm .sofa {
  position: absolute;
  top: 50px;
  right: 55%;
  z-index: 0;
}
.naglowek.ksiegowosc .paragon,
.naglowek.biuro .paragon,
.naglowek.faktury .paragon,
.naglowek.magazyn .paragon,
.naglowek.crm .paragon {
  position: absolute;
  bottom: 175px;
  left: 50%;
  z-index: 2;
  width: 90px;
  margin-left: -260px;
}
.naglowek.ksiegowosc .telefon2,
.naglowek.biuro .telefon2,
.naglowek.faktury .telefon2,
.naglowek.magazyn .telefon2,
.naglowek.crm .telefon2 {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -300px;
  z-index: 1;
}
.naglowek.ksiegowosc .paniusia,
.naglowek.biuro .paniusia,
.naglowek.faktury .paniusia,
.naglowek.magazyn .paniusia,
.naglowek.crm .paniusia {
  position: absolute;
  bottom: -20px;
  right: 8%;
  z-index: 1;
  height: 500px;
}
.naglowek.ksiegowosc .asset1,
.naglowek.biuro .asset1,
.naglowek.faktury .asset1,
.naglowek.magazyn .asset1,
.naglowek.crm .asset1 {
  position: absolute;
  bottom: 60%;
  right: 5%;
  z-index: 10;
}
.naglowek.ksiegowosc .asset2,
.naglowek.biuro .asset2,
.naglowek.faktury .asset2,
.naglowek.magazyn .asset2,
.naglowek.crm .asset2 {
  position: absolute;
  bottom: 30%;
  right: 5%;
  z-index: 10;
}
.naglowek.ksiegowosc .asset3,
.naglowek.biuro .asset3,
.naglowek.faktury .asset3,
.naglowek.magazyn .asset3,
.naglowek.crm .asset3 {
  position: absolute;
  bottom: 50%;
  right: 30%;
  z-index: 0;
}
.naglowek.ksiegowosc .asset4,
.naglowek.biuro .asset4,
.naglowek.faktury .asset4,
.naglowek.magazyn .asset4,
.naglowek.crm .asset4 {
  position: absolute;
  bottom: 5%;
  right: 30%;
  z-index: 1;
}
.naglowek.ksiegowosc .fv4,
.naglowek.biuro .fv4,
.naglowek.faktury .fv4,
.naglowek.magazyn .fv4,
.naglowek.crm .fv4 {
  position: absolute;
  bottom: 25%;
  right: 25%;
  z-index: 10;
}
.naglowek.ksiegowosc .skan,
.naglowek.biuro .skan,
.naglowek.faktury .skan,
.naglowek.magazyn .skan,
.naglowek.crm .skan {
  position: absolute;
  top: 5rem;
  left: 100%;
  z-index: 1;
  margin-left: -20%;
}
.naglowek.ksiegowosc .mag,
.naglowek.biuro .mag,
.naglowek.faktury .mag,
.naglowek.magazyn .mag,
.naglowek.crm .mag {
  position: absolute;
  bottom: 0;
  right: 30px;
  z-index: 1;
  height: 150px;
}
.naglowek.ksiegowosc .tytul,
.naglowek.biuro .tytul,
.naglowek.faktury .tytul,
.naglowek.magazyn .tytul,
.naglowek.crm .tytul {
  position: relative;
  z-index: 2;
}
.naglowek.ksiegowosc .tytul > div,
.naglowek.biuro .tytul > div,
.naglowek.faktury .tytul > div,
.naglowek.magazyn .tytul > div,
.naglowek.crm .tytul > div {
  z-index: 1;
}
.naglowek.ksiegowosc .tytul .burger,
.naglowek.biuro .tytul .burger,
.naglowek.faktury .tytul .burger,
.naglowek.magazyn .tytul .burger,
.naglowek.crm .tytul .burger {
  position: absolute;
  bottom: 0;
  right: 25%;
  z-index: 0;
}
.naglowek.ksiegowosc .tytul .telefon,
.naglowek.biuro .tytul .telefon,
.naglowek.faktury .tytul .telefon,
.naglowek.magazyn .tytul .telefon,
.naglowek.crm .tytul .telefon {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.naglowek.ksiegowosc .tytul .telefon img,
.naglowek.biuro .tytul .telefon img,
.naglowek.faktury .tytul .telefon img,
.naglowek.magazyn .tytul .telefon img,
.naglowek.crm .tytul .telefon img {
  height: 350px !important;
}
.naglowek.magazyn .promyki {
  font-size: 1.2em;
}
.naglowek.magazyn .bloki .blok p.krok {
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/next.svg');
  padding: 0 0 30px 45px;
  min-height: 80px;
}
.naglowek.magazyn .bloki .blok p.krok.ostatni {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/done.svg');
}
.naglowek.magazyn .bloki .blok.cennik {
  background-image: none;
}
.naglowek.magazyn .bloki .blok.cennik h4 {
  font-size: 1.5rem;
  font-weight: 200;
  letter-spacing: 0;
  text-align: left;
}
.naglowek.magazyn .bloki .blok.cennik h4 .dark {
  color: #bfbfbf;
}
.naglowek.magazyn .bloki .blok.cennik ul {
  text-align: left;
  list-style: none;
  border-left: 3px solid #ff7d01;
  border-right: 3px solid #009ada;
  margin-bottom: 2.5rem;
}
.naglowek.magazyn .bloki .blok.cennik ul li {
  color: #bfbfbf;
  padding: 0 0 0.625rem 0;
  font-weight: 400;
}
.naglowek .tytul {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.naglowek .tytul h1 {
  font-weight: 600;
}
.naglowek .tytul h2 {
  margin-bottom: 15px;
}
.naglowek .tytul p {
  font-size: 120%;
  margin-bottom: 50px;
}
.naglowek .bloki {
  position: relative;
  z-index: 10;
}
.naglowek .bloki h4 {
  margin-bottom: 2.5rem;
}
.naglowek .bloki .blok {
  padding-bottom: 220px;
}
.naglowek .bloki .blok .grafika {
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  max-height: 200px;
}
.naglowek .bloki .blok.cennik {
  background-position: center  top 100px;
  background-repeat: no-repeat;
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/pricelabel.svg');
  padding-bottom: 2.5rem;
}
.naglowek .bloki .blok.cennik h4 {
  font-size: 0.9333em;
  font-weight: 600;
  letter-spacing: 3px;
}
.naglowek .bloki .blok.cennik h3 {
  font-size: 1.6em;
  font-weight: 400;
}
.naglowek .bloki .blok.cennik p {
  margin: 0;
}
.naglowek .bloki .blok.cennik p.padding {
  color: #bfbfbf;
  font-size: 0.8em;
  padding: 2.5rem 0;
}
.naglowek .bloki .blok.cennik p.cennik {
  color: #bfbfbf;
  font-size: 0.8em;
  padding: 7px 0 0;
}
.naglowek .bloki .blok.cennik p.cennik a {
  color: #fff;
}
.naglowek .bloki .blok.cennik p.cennik a:hover,
.naglowek .bloki .blok.cennik p.cennik a:focus {
  text-decoration: underline;
}
.naglowek .bloki .blok.cennik p.cena {
  color: #a6e4fd;
  font-size: 4.8em;
  font-weight: 600;
  padding: 5rem 0 0 0;
  line-height: 1;
  margin: 0;
}
.naglowek .bloki .blok.cennik p.cena small {
  font-size: 50%;
  font-weight: 400;
}
.naglowek.crm .tablet {
  width: 675px;
}
.naglowek.crm .card-crm {
  bottom: 0;
  height: 82px;
  position: absolute;
  right: 22%;
}
.naglowek.crm .bloki {
  padding-bottom: 5rem;
  min-height: 350px;
}
.naglowek.crm .bloki .iphone {
  position: absolute;
  bottom: -5rem;
  margin-bottom: -3px;
}
.naglowek.crm .bloki .arrows {
  position: absolute;
}
.naglowek.crm .bloki .start {
  position: absolute;
}
.naglowek.crm .bloki .login {
  position: absolute;
  bottom: 0;
}
.naglowek.e-sklepy .tytul {
  padding-bottom: 0;
}
.naglowek.e-sklepy .okno {
  position: absolute;
  top: -2.5rem;
}
.naglowek.e-sklepy .rower {
  left: 50px;
  position: absolute;
  top: 60px;
  width: 430px;
}
.naglowek.integracje .klocki {
  height: 350px;
  left: 100px;
  position: absolute;
}
.naglowek.integracje .ifi {
  left: 275px;
  position: absolute;
  top: 160px;
  width: 50px;
}
.naglowek.biuro .tytul .akcja {
  margin: 2.5rem 0;
}
.naglowek.biuro .tytul .text-underline {
  margin: 0 15px;
}
.naglowek.biuro .bloki .blok.cennik p.cena {
  color: #f7ddc6;
}
.naglowek.biuro .bloki .blok.cennik p.cena-opis {
  margin: 0;
  padding: 0;
  font-size: 1.6em;
  font-weight: 300;
}
.naglowek.biuro .bloki .blok.cennik h3 {
  margin-bottom: 5rem;
}
@media (max-width: 991px) {
  .naglowek .tytul {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .naglowek.ksiegowosc .tytul .burger,
  .naglowek.biuro .tytul .burger,
  .naglowek.faktury .tytul .burger,
  .naglowek.magazyn .tytul .burger {
    right: 20%;
  }
  .naglowek.ksiegowosc .tablet,
  .naglowek.biuro .tablet,
  .naglowek.faktury .tablet,
  .naglowek.magazyn .tablet {
    right: 0;
  }
  .naglowek.ksiegowosc .paniusia,
  .naglowek.biuro .paniusia,
  .naglowek.faktury .paniusia,
  .naglowek.magazyn .paniusia {
    right: 0;
    max-height: 400px;
  }
  .naglowek.ksiegowosc .asset1,
  .naglowek.biuro .asset1,
  .naglowek.faktury .asset1,
  .naglowek.magazyn .asset1 {
    right: 2%;
    width: 10%;
    bottom: 45%;
  }
  .naglowek.ksiegowosc .asset2,
  .naglowek.biuro .asset2,
  .naglowek.faktury .asset2,
  .naglowek.magazyn .asset2 {
    width: 10%;
    right: 1%;
    bottom: 20%;
  }
  .naglowek.ksiegowosc .asset3,
  .naglowek.biuro .asset3,
  .naglowek.faktury .asset3,
  .naglowek.magazyn .asset3 {
    width: 15%;
    right: 30%;
    bottom: 35%;
  }
  .naglowek.ksiegowosc .asset4,
  .naglowek.biuro .asset4,
  .naglowek.faktury .asset4,
  .naglowek.magazyn .asset4 {
    width: 15%;
    right: 35%;
    bottom: 10%;
  }
  .crm.naglowek .tablet {
    width: 675px;
    left: 50%;
    right: auto;
  }
  .crm.naglowek .card-crm {
    right: 25%;
  }
}
@media (max-width: 767px) {
  .naglowek.ksiegowosc,
  .naglowek.biuro,
  .naglowek.faktury,
  .naglowek.magazyn,
  .naglowek.crm {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  .naglowek.ksiegowosc .sofa,
  .naglowek.biuro .sofa,
  .naglowek.faktury .sofa,
  .naglowek.magazyn .sofa,
  .naglowek.crm .sofa {
    right: auto;
    left: 0;
  }
  .naglowek.ksiegowosc .tytul,
  .naglowek.biuro .tytul,
  .naglowek.faktury .tytul,
  .naglowek.magazyn .tytul,
  .naglowek.crm .tytul {
    padding-top: 50px;
    padding-bottom: 0;
    z-index: 20;
  }
  .naglowek.ksiegowosc .tytul div.col-12,
  .naglowek.biuro .tytul div.col-12,
  .naglowek.faktury .tytul div.col-12,
  .naglowek.magazyn .tytul div.col-12,
  .naglowek.crm .tytul div.col-12 {
    padding-bottom: 30px;
  }
  .naglowek.ksiegowosc .tytul .burger,
  .naglowek.biuro .tytul .burger,
  .naglowek.faktury .tytul .burger,
  .naglowek.magazyn .tytul .burger,
  .naglowek.crm .tytul .burger {
    right: auto;
    left: 50%;
    margin-left: -195px;
  }
  .naglowek.ksiegowosc .tytul .paragon,
  .naglowek.biuro .tytul .paragon,
  .naglowek.faktury .tytul .paragon,
  .naglowek.magazyn .tytul .paragon,
  .naglowek.crm .tytul .paragon {
    left: auto;
    margin-left: 0;
    z-index: 1;
    right: 58px;
    height: 140px;
    bottom: 148px;
  }
  .naglowek.ksiegowosc .tytul .telefon2,
  .naglowek.biuro .tytul .telefon2,
  .naglowek.faktury .tytul .telefon2,
  .naglowek.magazyn .tytul .telefon2,
  .naglowek.crm .tytul .telefon2 {
    left: auto;
    margin-left: 0;
    z-index: 0;
    right: -50px;
    height: 320px;
  }
  .naglowek.ksiegowosc .tytul .paniusia,
  .naglowek.biuro .tytul .paniusia,
  .naglowek.faktury .tytul .paniusia,
  .naglowek.magazyn .tytul .paniusia,
  .naglowek.crm .tytul .paniusia {
    bottom: 0px;
    right: 10%;
    z-index: 0;
    max-height: 350px;
  }
  .naglowek.ksiegowosc .tytul .asset1,
  .naglowek.biuro .tytul .asset1,
  .naglowek.faktury .tytul .asset1,
  .naglowek.magazyn .tytul .asset1,
  .naglowek.crm .tytul .asset1 {
    bottom: 35%;
    right: 0;
    z-index: 10;
    width: 20%;
  }
  .naglowek.ksiegowosc .tytul .asset2,
  .naglowek.biuro .tytul .asset2,
  .naglowek.faktury .tytul .asset2,
  .naglowek.magazyn .tytul .asset2,
  .naglowek.crm .tytul .asset2 {
    width: 25%;
    bottom: 15%;
  }
  .naglowek.ksiegowosc .tytul .asset3,
  .naglowek.biuro .tytul .asset3,
  .naglowek.faktury .tytul .asset3,
  .naglowek.magazyn .tytul .asset3,
  .naglowek.crm .tytul .asset3 {
    bottom: 30%;
    width: 25%;
    right: 60%;
  }
  .naglowek.ksiegowosc .tytul .asset4,
  .naglowek.biuro .tytul .asset4,
  .naglowek.faktury .tytul .asset4,
  .naglowek.magazyn .tytul .asset4,
  .naglowek.crm .tytul .asset4 {
    width: 25%;
    bottom: 10%;
    right: 60%;
    z-index: -1;
  }
  .naglowek.ksiegowosc .akcja,
  .naglowek.biuro .akcja,
  .naglowek.faktury .akcja,
  .naglowek.magazyn .akcja,
  .naglowek.crm .akcja {
    bottom: -30px;
    margin: 0 !important;
    position: absolute;
    left: 2.5rem;
    right: 2.5rem;
  }
  .naglowek.ksiegowosc .bloki .blok:first-child,
  .naglowek.biuro .bloki .blok:first-child,
  .naglowek.faktury .bloki .blok:first-child,
  .naglowek.magazyn .bloki .blok:first-child,
  .naglowek.crm .bloki .blok:first-child {
    padding-top: 5rem;
  }
  .naglowek.e-sklepy {
    padding-bottom: 400px;
  }
  .naglowek.e-sklepy .tytul {
    padding-top: 0;
  }
  .naglowek.integracje {
    padding-bottom: 150px;
  }
  .naglowek.integracje .tytul {
    padding-top: 0;
  }
  .naglowek.integracje .klocki {
    left: 50px;
  }
  .naglowek.integracje .ifi {
    left: 225px;
  }
  .naglowek.crm .tytul > div {
    padding-bottom: 80px !important;
  }
  .naglowek.crm .tytul p {
    margin: 0;
  }
  .naglowek.crm .tablet {
    right: 0 !important;
    top: 200px !important;
    position: absolute;
    left: auto !important;
  }
  .naglowek.crm .card-crm {
    right: 45%;
  }
  .naglowek.crm .card-crm.card-3 {
    bottom: 0 !important;
    margin-right: -180px !important;
  }
  .naglowek.magazyn .skan {
    top: 14%;
    left: auto;
    right: -5%;
    height: 300px;
    margin-left: 0;
  }
  .naglowek.magazyn .tytul {
    z-index: 22;
  }
  .naglowek.magazyn .tytul > div {
    padding-bottom: 100px;
  }
  .naglowek.magazyn .tytul .mag {
    bottom: -5px;
    left: auto;
    z-index: 0;
    right: 28%;
    width: auto;
    height: 200px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .naglowek.ksiegowosc .skan,
  .naglowek.biuro .skan,
  .naglowek.faktury .skan,
  .naglowek.magazyn .skan,
  .naglowek.crm .skan {
    top: 10%;
    margin-left: -20%;
  }
  .naglowek.ksiegowosc .mag,
  .naglowek.biuro .mag,
  .naglowek.faktury .mag,
  .naglowek.magazyn .mag,
  .naglowek.crm .mag {
    width: 80%;
  }
  .naglowek.ksiegowosc .burger,
  .naglowek.biuro .burger,
  .naglowek.faktury .burger,
  .naglowek.magazyn .burger,
  .naglowek.crm .burger {
    right: 25%;
  }
  .naglowek.ksiegowosc .tablet,
  .naglowek.biuro .tablet,
  .naglowek.faktury .tablet,
  .naglowek.magazyn .tablet,
  .naglowek.crm .tablet {
    right: auto;
    left: 50%;
  }
  .naglowek.ksiegowosc .promyki,
  .naglowek.biuro .promyki,
  .naglowek.faktury .promyki,
  .naglowek.magazyn .promyki,
  .naglowek.crm .promyki {
    margin: 2.5rem 0 0 2.5rem;
  }
  .naglowek.ksiegowosc .text-underline,
  .naglowek.biuro .text-underline,
  .naglowek.faktury .text-underline,
  .naglowek.magazyn .text-underline,
  .naglowek.crm .text-underline {
    margin: 0;
  }
  .crm.naglowek .promyki {
    margin: 30px 0;
  }
  .crm.naglowek .tablet {
    width: 675px;
    left: 50%;
    right: auto;
  }
  .crm.naglowek .card-crm {
    right: 35%;
  }
}
.animowanagrafika {
  position: absolute;
  left: 60%;
  top: 25%;
}
@media (min-width: 1400px) {
  .animowanagrafika {
    right: 0 !important;
    top: 25% !important;
  }
}
#footer {
  color: #8c8c8c;
  padding: 25px 0 50px;
}
#footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer ul li {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 110%;
  line-height: 1.2;
}
#footer h4 {
  font-weight: 300;
  font-size: 18px;
  color: #3d3d3d;
  text-transform: uppercase;
  margin: 10px 0 40px;
  height: 30px;
}
#footer a.facebook {
  position: relative;
  border-radius: 20px;
  padding: 9px 25px 0 50px;
  margin: 7px 0;
  font-weight: 600;
  font-size: 13px;
  height: 40px;
  display: inline-block;
  color: #009ada;
  border: 3px solid #009ada;
  width: 150px;
}
#footer a.facebook:before {
  content: url(https://www.ifirma.pl/wp-content/themes/sit/images/svg/f.svg);
  position: absolute;
  left: 15px;
  bottom: -11px;
}
#footer a.twitter {
  position: relative;
  border-radius: 20px;
  padding: 9px 25px 0 50px;
  margin: 7px 0;
  font-weight: 600;
  font-size: 13px;
  height: 40px;
  display: inline-block;
  color: #55acee;
  border: 3px solid #55acee;
  width: 150px;
}
#footer a.twitter:before {
  content: url('/wp-content/uploads/2018/09/twitter.png');
  position: absolute;
  left: 10px;
  bottom: -5px;
}
#footer .copyright {
  border-top: 1px solid #eeeeee;
  padding-top: 50px;
  color: #3d3d3d;
  margin-top: 50px;
}
#footer .copyright a {
  opacity: .4;
  transition: all 0.3s ease;
}
#footer .copyright a:hover,
#footer .copyright a:focus {
  opacity: 1;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #footer a.facebook {
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  #footer {
    background-color: #fafafa;
  }
  #footer .blok {
    border-top: 3px solid #eeeeee;
  }
  #footer h4 {
    font-size: 1.6em;
    margin: 10px 0;
  }
  #footer .row {
    padding-left: 0;
    padding-right: 0;
  }
  #footer a.facebook {
    margin-top: 35px;
  }
}
.blok-add {
  overflow: hidden;
}
.blok-add h2 {
  font-weight: 600;
  font-size: 2.4em;
}
.blok-add h4 {
  font-weight: 300;
  margin-bottom: 2.5rem;
  margin-top: 0;
}
.blok-add p {
  font-weight: 400;
  border-left: 3px solid #ff7d01;
  border-right: 3px solid #009ada;
  margin: 0;
  padding: 10px 30px;
}
.blok-add p .pomaranczowy {
  color: #fdf8f3;
}
.blok-add p .niebieski {
  color: #d8f3fe;
}
.blok-add .akcja {
  margin-top: 2.5rem;
  position: relative;
  z-index: 20;
}
.blok-add .cena {
  background-image: url('https://www.ifirma.pl/wp-content/themes/sit/images/svg/highlight.svg');
  background-position: center center;
  background-repeat: no-repeat;
  height: 220px;
  text-align: center;
  width: 195px;
  padding: 30px 30px 0 0;
  margin: 25px 0;
}
.blok-add .cena strong {
  font-size: 4.8em;
  color: #54c5ff;
  display: block;
  line-height: 1;
}
.blok-add .cena span {
  font-family: 'Caveat Brush', cursive;
  font-size: 2em;
  line-height: 1;
}
.blok-add .img-fluid {
  position: absolute;
  right: -2.5rem;
  bottom: -2.5rem;
}
.blok-add.klient .cena {
  margin: 25px auto;
}
.blok-add.klient .akcja {
  text-align: center;
}
.zostaw-komentarz {
  background-color: #fff;
  position: relative;
  border: 3px solid #eeeeee;
  padding: 2.5rem;
  margin: 7.5rem auto 5rem;
  width: 340px;
  border-radius: 60px 60px 60px 0;
  box-shadow: 20px 20px 15px 0 rgba(61, 61, 61, 0.05);
}
.zostaw-komentarz .ikona {
  right: 2.5rem;
  background-color: #fffdfc;
  border: 3px solid #eeeeee;
  border-radius: 35px 35px 35px 0;
  height: 100px;
  line-height: 120px;
  padding: 0;
  position: absolute;
  text-align: center;
  top: -60px;
  width: 110px;
  box-shadow: 5px 10px 7px 0 rgba(61, 61, 61, 0.03);
}
.zostaw-komentarz h2 {
  font-weight: 600;
  font-size: 2.4em;
  line-height: 1.2;
  margin-bottom: 1.25rem;
}
.zostaw-komentarz .przycisk {
  position: absolute;
  background-color: #fff;
  border: 3px solid #ff7d01;
  border-radius: 100px;
  width: 60px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  bottom: -20px;
}
@media (max-width: 767px) {
  html {
    background-color: #fff;
  }
  html body {
    background-color: #fff;
    padding-top: 100px;
  }
  .border-sm-0 {
    border: none !important;
  }
  .border-sm-top-0 {
    border-top: none !important;
  }
  .border-sm-right-0 {
    border-right: none !important;
  }
  .border-sm-bottom-0 {
    border-bottom: none !important;
  }
  .border-sm-left-0 {
    border-left: none !important;
  }
  .border-sm {
    border: 3px solid #eeeeee !important;
  }
  .border-sm-top {
    border-top: 3px solid #eeeeee !important;
  }
  .border-sm-right {
    border-right: 3px solid #eeeeee !important;
  }
  .border-sm-bottom {
    border-bottom: 3px solid #eeeeee !important;
  }
  .border-sm-left {
    border-left: 3px solid #eeeeee !important;
  }
}
@media (max-width: 991px) {
  .border-md-0 {
    border: none !important;
  }
  .border-md-top-0 {
    border-top: none !important;
  }
  .border-md-right-0 {
    border-right: none !important;
  }
  .border-md-bottom-0 {
    border-bottom: none !important;
  }
  .border-md-left-0 {
    border-left: none !important;
  }
  .border-md {
    border: 3px solid #eeeeee !important;
  }
  .border-md-top {
    border-top: 3px solid #eeeeee !important;
  }
  .border-md-right {
    border-right: 3px solid #eeeeee !important;
  }
  .border-md-bottom {
    border-bottom: 3px solid #eeeeee !important;
  }
  .border-md-left {
    border-left: 3px solid #eeeeee !important;
  }
}
@media (max-width: 1199px) {
  .border-lg-0 {
    border: none !important;
  }
  .border-lg-top-0 {
    border-top: none !important;
  }
  .border-lg-right-0 {
    border-right: none !important;
  }
  .border-lg-bottom-0 {
    border-bottom: none !important;
  }
  .border-lg-left-0 {
    border-left: none !important;
  }
  .border-lg {
    border: 3px solid #eeeeee !important;
  }
  .border-lg-top {
    border-top: 3px solid #eeeeee !important;
  }
  .border-lg-right {
    border-right: 3px solid #eeeeee !important;
  }
  .border-lg-bottom {
    border-bottom: 3px solid #eeeeee !important;
  }
  .border-lg-left {
    border-left: 3px solid #eeeeee !important;
  }
}
@media (max-width: 1199px) {
  .border-xl-0 {
    border: none !important;
  }
  .border-xl-top-0 {
    border-top: none !important;
  }
  .border-xl-right-0 {
    border-right: none !important;
  }
  .border-xl-bottom-0 {
    border-bottom: none !important;
  }
  .border-xl-left-0 {
    border-left: none !important;
  }
  .border-xl {
    border: 3px solid #eeeeee !important;
  }
  .border-xl-top {
    border-top: 3px solid #eeeeee !important;
  }
  .border-xl-right {
    border-right: 3px solid #eeeeee !important;
  }
  .border-xl-bottom {
    border-bottom: 3px solid #eeeeee !important;
  }
  .border-xl-left {
    border-left: 3px solid #eeeeee !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xs-up {
    display: none !important;
  }
}
@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}
@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}
.hidden-xl-down {
  display: none !important;
}
@media (min-width: 576px) {
  .pull-sm-0 {
    right: auto;
  }
  .pull-sm-1 {
    right: 8.333333%;
  }
  .pull-sm-2 {
    right: 16.666667%;
  }
  .pull-sm-3 {
    right: 25%;
  }
  .pull-sm-4 {
    right: 33.333333%;
  }
  .pull-sm-5 {
    right: 41.666667%;
  }
  .pull-sm-6 {
    right: 50%;
  }
  .pull-sm-7 {
    right: 58.333333%;
  }
  .pull-sm-8 {
    right: 66.666667%;
  }
  .pull-sm-9 {
    right: 75%;
  }
  .pull-sm-10 {
    right: 83.333333%;
  }
  .pull-sm-11 {
    right: 91.666667%;
  }
  .pull-sm-12 {
    right: 100%;
  }
  .push-sm-0 {
    left: auto;
  }
  .push-sm-1 {
    left: 8.333333%;
  }
  .push-sm-2 {
    left: 16.666667%;
  }
  .push-sm-3 {
    left: 25%;
  }
  .push-sm-4 {
    left: 33.333333%;
  }
  .push-sm-5 {
    left: 41.666667%;
  }
  .push-sm-6 {
    left: 50%;
  }
  .push-sm-7 {
    left: 58.333333%;
  }
  .push-sm-8 {
    left: 66.666667%;
  }
  .push-sm-9 {
    left: 75%;
  }
  .push-sm-10 {
    left: 83.333333%;
  }
  .push-sm-11 {
    left: 91.666667%;
  }
  .push-sm-12 {
    left: 100%;
  }
  .offset-sm-0 {
    margin-left: 0%;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .pull-md-0 {
    right: auto;
  }
  .pull-md-1 {
    right: 8.333333%;
  }
  .pull-md-2 {
    right: 16.666667%;
  }
  .pull-md-3 {
    right: 25%;
  }
  .pull-md-4 {
    right: 33.333333%;
  }
  .pull-md-5 {
    right: 41.666667%;
  }
  .pull-md-6 {
    right: 50%;
  }
  .pull-md-7 {
    right: 58.333333%;
  }
  .pull-md-8 {
    right: 66.666667%;
  }
  .pull-md-9 {
    right: 75%;
  }
  .pull-md-10 {
    right: 83.333333%;
  }
  .pull-md-11 {
    right: 91.666667%;
  }
  .pull-md-12 {
    right: 100%;
  }
  .push-md-0 {
    left: auto;
  }
  .push-md-1 {
    left: 8.333333%;
  }
  .push-md-2 {
    left: 16.666667%;
  }
  .push-md-3 {
    left: 25%;
  }
  .push-md-4 {
    left: 33.333333%;
  }
  .push-md-5 {
    left: 41.666667%;
  }
  .push-md-6 {
    left: 50%;
  }
  .push-md-7 {
    left: 58.333333%;
  }
  .push-md-8 {
    left: 66.666667%;
  }
  .push-md-9 {
    left: 75%;
  }
  .push-md-10 {
    left: 83.333333%;
  }
  .push-md-11 {
    left: 91.666667%;
  }
  .push-md-12 {
    left: 100%;
  }
  .offset-md-0 {
    margin-left: 0%;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .pull-lg-0 {
    right: auto;
  }
  .pull-lg-1 {
    right: 8.333333%;
  }
  .pull-lg-2 {
    right: 16.666667%;
  }
  .pull-lg-3 {
    right: 25%;
  }
  .pull-lg-4 {
    right: 33.333333%;
  }
  .pull-lg-5 {
    right: 41.666667%;
  }
  .pull-lg-6 {
    right: 50%;
  }
  .pull-lg-7 {
    right: 58.333333%;
  }
  .pull-lg-8 {
    right: 66.666667%;
  }
  .pull-lg-9 {
    right: 75%;
  }
  .pull-lg-10 {
    right: 83.333333%;
  }
  .pull-lg-11 {
    right: 91.666667%;
  }
  .pull-lg-12 {
    right: 100%;
  }
  .push-lg-0 {
    left: auto;
  }
  .push-lg-1 {
    left: 8.333333%;
  }
  .push-lg-2 {
    left: 16.666667%;
  }
  .push-lg-3 {
    left: 25%;
  }
  .push-lg-4 {
    left: 33.333333%;
  }
  .push-lg-5 {
    left: 41.666667%;
  }
  .push-lg-6 {
    left: 50%;
  }
  .push-lg-7 {
    left: 58.333333%;
  }
  .push-lg-8 {
    left: 66.666667%;
  }
  .push-lg-9 {
    left: 75%;
  }
  .push-lg-10 {
    left: 83.333333%;
  }
  .push-lg-11 {
    left: 91.666667%;
  }
  .push-lg-12 {
    left: 100%;
  }
  .offset-lg-0 {
    margin-left: 0%;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .pull-xl-0 {
    right: auto;
  }
  .pull-xl-1 {
    right: 8.333333%;
  }
  .pull-xl-2 {
    right: 16.666667%;
  }
  .pull-xl-3 {
    right: 25%;
  }
  .pull-xl-4 {
    right: 33.333333%;
  }
  .pull-xl-5 {
    right: 41.666667%;
  }
  .pull-xl-6 {
    right: 50%;
  }
  .pull-xl-7 {
    right: 58.333333%;
  }
  .pull-xl-8 {
    right: 66.666667%;
  }
  .pull-xl-9 {
    right: 75%;
  }
  .pull-xl-10 {
    right: 83.333333%;
  }
  .pull-xl-11 {
    right: 91.666667%;
  }
  .pull-xl-12 {
    right: 100%;
  }
  .push-xl-0 {
    left: auto;
  }
  .push-xl-1 {
    left: 8.333333%;
  }
  .push-xl-2 {
    left: 16.666667%;
  }
  .push-xl-3 {
    left: 25%;
  }
  .push-xl-4 {
    left: 33.333333%;
  }
  .push-xl-5 {
    left: 41.666667%;
  }
  .push-xl-6 {
    left: 50%;
  }
  .push-xl-7 {
    left: 58.333333%;
  }
  .push-xl-8 {
    left: 66.666667%;
  }
  .push-xl-9 {
    left: 75%;
  }
  .push-xl-10 {
    left: 83.333333%;
  }
  .push-xl-11 {
    left: 91.666667%;
  }
  .push-xl-12 {
    left: 100%;
  }
  .offset-xl-0 {
    margin-left: 0%;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

/* 23.01.2018 UX fixy Bartosza A. */
#menu-wysuwane ul li a,
#menu-wysuwane .pokaz-menu,
#menu-wysuwane .ukryj-menu,
.navbar ul li a,
.navbar .pokaz-menu,
a.strzalka,
.blok.szary-ciemny a,
.blok.szary-bardzo-ciemny a {
	transition: all 0.4s ease;
}

#menu-wysuwane ul li a:hover,
.navbar ul li a:hover {
	color: #009ada;
}

#menu-wysuwane .pokaz-menu,
#menu-wysuwane .ukryj-menu:hover,
.navbar .pokaz-menu:hover {
	opacity: 0.66;
}

a.strzalka:hover {
	padding: 0 30px 0 0;
}

.blok.szary-ciemny a,
.blok.szary-bardzo-ciemny a:hover {
	color: #ff8800;
}

/* 29.01 nowy header Bartosza A. */
.header-alert {
    margin-top: 8rem;
    width: fit-content;
    padding-right: 12px;
    height: 38px;
    border-radius: 18px;
    background-color: #daf2fb;
    z-index: 0;
    margin-bottom: 60px;
}

.span-icon {
    padding-left: 10px;
}

.span-icon-bg {
    width: 28px;
    height: 28px;
    background-color: #0093d6;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    top: 5px;
    left: 5px;
}

.span-alert {
    padding-left: 42px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    text-transform: uppercase;
    color: #37464c;
    position: relative;
    top: -23px;
}


a.btnShadow {
    box-shadow: 17px 29.4px 54px 0 rgba(255, 136, 0, 0.2), inset 0 0 0 3px rgba(0, 0, 0, 0.08);
    transition: all 0.15s ease-in;
}

a.btnShadow:hover {
    box-shadow: none;
}

.fadeIn {
    padding-left: 42px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    text-transform: uppercase;
    color: #37464c;
    position: relative;
    top: -23px;
}

.fadeIn span {
    overflow: hidden !important;
    position: absolute;
    top: 4px;
}

.promyki {
    transition: all 0.3s ease;
}

.promyki:hover {
    opacity: 0.66;
}

[tooltip] {
    position: relative !important;
}

[tooltip]::before,
[tooltip]::after {
    text-transform: none;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}

[tooltip]::before {
    content: '';
    border: 5px solid transparent;
    z-index: 1000001;
    margin-bottom: 20px;
}

[tooltip]::after {
    content: attr(tooltip);
    text-align: center;
    min-width: 3em;
    max-width: 25em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    background: #0093d6;
    color: #fefefe;
    z-index: 100000;
}

[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}

[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #0093d6;
}

[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}

@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after {
    margin-bottom: 18px;
}