/* LAYOUT */
.flex {
    display: flex;
}

.flex-center {
    align-items: center;
}

ul {
    margin-bottom: 0;
}

a:visited{
    color: #fff;
}

.main-menu a {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

.flex-between {
    justify-content: space-between;
}

.page-title {
    text-transform: uppercase;
}

nav ul {
    list-style: none;
}

nav ul li {
    margin: 0 15px;
}

nav ul li a:hover {
    color: #f26522;
}

.site-header {
    /* background-color: #000; */
    background-color: #23292e;
    position: fixed;
    width: 100%;
    border-bottom: 1px solid #fff;
}

.site-logo img {
    max-width: 160px;
}

.mobile-header-blue .header_mobile .mlogo_wrapper img {
    max-width: 160px;
}

.mobile-header-blue .header_mobile .mlogo_wrapper,
.mobile-header-blue .header_mobile .mobile_nav {
    background-color: #000;
}

.mobile-header-blue .header_mobile .mobile_nav a {
    text-transform: uppercase;
}

.site-content {
    background-color: #23292e;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

p, a, span, address {
    font-family: 'Roboto', sans-serif;
}

/* HOME */

.home-cols-img {
    justify-content: center;
    flex-wrap: wrap;
}

.home-cols-img > img{
    margin: 10px;
    max-width: 250px;
    cursor: pointer;
}

.home-header.page-header {
    background-image: url("images/Home_head.png");
    min-height: 600px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  
  .home-header h1 {
      text-align: center;
      color: #fff;
      font-size: 76px;
  }

  .home-header h1 span {
      font-size: 50px;
  }
  
  .home-header .header-content {
      position: absolute;
      top: 50%; right: 50%;
      transform: translate(50%,-50%);
      bottom: 20%;
  }
  
  @media(min-width: 1400px) {
      .home-header.page-header {
          min-height: 600px;
      }
  }
  
  @media(min-width: 1600px) {
    .home-header.page-header {
        min-height: 800px;
    }

    .home-header .header-content {
        bottom: 50%;
    }
}

@media(max-width: 1230px) {
    .home-header .header-content {
        bottom: 0%;   
    }
}

@media (max-width: 1230px) {
    .home-cols-img > img{
        max-width: 150px;
        max-height: 185px;
    }
}

@media (max-width: 769px) {
    .home-cols-img > img{
        max-width: 115px;
        max-height: 140px;
    }
}

@media(max-width: 769px){
    .home-header .header-content {
        width: 100%;
        bottom: auto;
    }
}

  .step1-col {
      background-image: url(images/kalkulator.png);
  }
  
  .step2-col {
      background-image: url(images/segregator.png);
  }
  
  .step3-col {
      background-image: url(images/accountant.jpg);
  }
  
  .home-contact-bg {
      background-image: url("images/dane_bg.png");
      min-height: 400px; 
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }
  
  .home-contact-info {
      margin-top: 150px;
      color: #fff;
      text-align: right;
      padding-right: 200px;
      max-width: fit-content;
      margin-left: auto;
      text-align: left;
      margin-bottom: 150px;
  }
  
  @media(max-width: 769px) {

    .home-header h1 {
        font-size: 40px;
    }

    .home-header h1 span {
        font-size: 20px;
    }

      .home-contact-info {
          padding-right: 0;
      }
  }
  
  .home-contact-info a {
      color: #fff;
  }
  
  .home-contact-info a:hover {
      color: #f26522;
  }
  
  .home-contact-info h6 {
      margin: 10px 0;
      color: #fff;
      font-size: 36px;
  }

  .home-contact-info address {
      font-size: 28px;
  }
  
  .home-invite {
      /* background-color: #5A4527; */
      background-color: #23292e;
      color: #fff;
  }
  
  .home-invite .flex > div:first-child {
      padding-right: 100px;
  }
  
  @media(max-width: 769px){
      .home-invite .flex > div:first-child {
          padding-right: inherit;
          padding-top: 25px;
      }
      .home-invite{
          padding-bottom: 25px;
      } 
  }
  .main-footer h4:after{
      display: none;
  }
  
  .home-invite h4 {
      color: #fff;
      font-size: 48px;
      max-width: 500px;
  }

  .home-invite p {
    font-size: 16px;
    max-width: 500px;
  }
  
  .home-about-us-btn {
      text-transform: uppercase;
      border: 1px solid #fff;
      padding: 10px 25px;
      color: #fff;
      display: block;
      max-width: fit-content;
      margin-top: 25px;
      min-width: 222px;
        text-align: center;
        font-weight: bold;
        font-size: 28px;
  }
  
  @media(max-width: 769px) {

    .home-invite h4 {
        font-size: 24px;
        margin: 10px 0;
    }

      .home-invite .flex {
          flex-direction: column;
      }
  
      .home-about-us-btn {
          margin-bottom: 25px;
          margin-left: auto;
          margin-right: auto;
      }
  }

  
  .home-about-us-btn:hover {
      background-color: #fff;
      color: #000;
  }
  
  .home-entry-content {
      padding-bottom: 0;
  }

/* KONTAKT */
.office-info {
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    /* background-color: #5A4527; */
    background-color: #23292e;
}

.office-info > div {
    width: 50%;
    text-align: left;
}

.office-info--desc h6 {
    color: #fff;
    margin-bottom: 0;
    font-size: 26px;
}

.office-info--desc {
    color: #fff;
    padding: 25px;
}

.office-info--desc address {
    text-decoration: none;
    text-transform: none;
    font-size: 22px;
}

.office-info--desc a{
    color: #fff;
    font-size: 22px;
}
.office-info--desc a:hover{
    text-decoration: underline;
}

address {
    font-style: normal;
}

.office-info--desc address a {
    color: #fff;
    text-decoration: none;
}

.office-info--desc address a:hover {
    color: #f26522;
}

@media(max-width: 769px){
    .office-info > div {
        width: 100%;
    }
}

/* CENNIK */
.pricing-info {
    padding: 60px 120px;
    /* background-color: #5A4527; */
    background-color: #23292e;
    color: #fff;
}

.pricing-info p {
    text-align: center;
    margin-bottom: 0;
    font-size: 26px;
    margin-top: 40px;
}

.pricing-info p a {
    color: #fff;
}

.pricing-info p a:hover{
    color: #f26522;
}

.pricing-table {
    max-width: 900px;
    margin: 0 auto;
}

.pricing-table td {
    padding-left: 15px;
    padding-right: 10px;
}

.pricing-table td span {
    font-size: 26px;
}

@media(max-width: 769px) {

    .pricing-table td span {
        font-size: 16px;
    }

    .pricing-info p {
        margin-bottom: 40px;
    }

    .pricing-table {
        overflow-x: scroll;
    }
    .pricing-info {
        padding: 10px;
    }
}

/* OFERTA */
.offer-info {
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.offer-tabs {
    width: 35%;
    /* background-color: #5A4527; */
    background-color: #23292e;
}

.offer-tabs ul {
    padding-left: 0;
    width: 100%;
    list-style: none;
    padding-top: 0;
}

.offer-tabs ul li {
    border-top: 1px solid #fff;
    padding: 10px 30px;
    cursor: pointer;
}

.offer-tabs ul li:last-child {
    border-bottom: 1px solid #fff;
}

.offer-tabs ul li:hover, .offer-tabs ul li.active {
    background-color: #fff;
    color: #000;
}

.offer-tabs ul li:hover,
.offer-tabs ul li.active span {
    font-weight: bold;
}

.offer-tabs ul li span {
    font-size: 18px;
}

.offer-desc {
    width: 60%;
    margin-left: 25px;
    /* background-color: #5A4527; */
    background-color: #23292e;
    flex: 1;
}

.offer-tabs h2 {
    text-transform: uppercase;
    font-size: 26px;
    color: #fff;
    padding: 25px 30px;
    margin: 0;
}

.offer-desc h6 {
    text-transform: inherit;
    color: #fff;
    padding: 25px 35px;
    font-size: 28px;
    margin-bottom: 0;
}

.offer-map {
    margin-top: 70px;
}

#single-offer {
    min-height: 275px;
}

#single-offer ul {
    list-style: none;
    padding: 0 35px;
    font-size: 18px;
}

.contact-info {
    padding: 0 35px;
    margin-bottom: 25px;
    font-size: 18px;
}

.contact-info a {
    text-transform: uppercase;
    border: 1px solid #fff;
    padding: 10px 25px;
    color: #fff;
    min-width: 222px;
    font-weight: bold;
    text-align: center;
    font-size: 28px;
}

.contact-info a:hover {
    background-color: #fff;
}

@media(max-width: 769px){
    .offer-desc, .offer-tabs {
        width: 100%;
        margin-left: 0;
    }
}

/* O NAS */
.about-info {
    /* background-color: #5A4527; */
    background-color: #23292e;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 90px 30px 90px 30px;
}

.about-info > div {
    flex: 1;
}

.about-info p {
    font-size: 22px;
}
.about-info h2{
    color: #fff;
}

.about-info ul {
    list-style: none;
    padding-left: 30px;
    font-size: 22px;
}

.invite-offer {
    display: flex;
    align-items: center;
    padding: 150px 50px;
    /* background-color: #5A4527; */
    background-color: #23292e;
    color: #fff;
    justify-content: center;
    flex-wrap: wrap;
}

.invite-offer p {
    text-align: center;
    font-size: 32px;
    margin: 0;
}

@media(max-width: 769px){
    .about-info {
        padding: 25px;
        flex-direction: column;
    }

    .invite-offer {
        padding: 25px;
    }

    .invite-offer p {
        font-size: 22px;
    }
}

/* FOOTER */
.main-footer {
    padding: 60px 0 60px;
}

.main-footer ul li {
    padding-bottom: 0;
}

.main-footer ul li a:before {
    content: '';
}

.main-footer ul li a {
    padding-left: 0;
}

.main-footer h4 {
    margin-bottom: 15px;
    font-size: 32px;
}

.site-footer {
    /* background-color: #000; */
    background-color: #23292e;
    border-top: 1px solid #fff;
}

@media(max-width: 769px){

    .main-footer {
        padding-top: 0;
    }

    .main-footer {
        text-align: center;
    }
}

.main-footer address, .main-footer a {
    font-size: 22px;
}

#footer-nav span {
    font-size: 22px;
}

#footer-nav span[data-link] {
    cursor: pointer;
}

#footer-nav span[data-link]:hover {
    color: #f26522;
}

.page-header {
    margin-top: 100px;
}

.page-header-about-us {
    background-image: url(images/o-nas.jpg);
}

.page-header-contact {
    background-image: url(images/kontakt.jpg);
}

.page-header-offer {
    background-image: url(images/oferta.jpg);
}

.page-header-pricing {
    background-image: url(images/cennik.jpg);
}

.step1-col-odd {
/* background-image: url(images/step1-col-odd.jpg); */
}

.step2-col-odd {
    /* background-image: url(images/step2-col-odd.jpg); */
}

.step3-col-odd {
    /* background-image: url(images/step3-col-odd.jpg); */
}

.breadc-box h1 {
    font-size: 50px;
}

.breadc-box li {
    text-transform: none;
    font-size: 18px;
    font-weight: 100;
}

.breadc-box li::before {
    content: '/';
}
#margo_desc{
    background-image: url('/images/bg_2.jpg');
    color: #fff;
    background-position: center;
    background-size: cover;
}
#margo_desc h4{
    color: #fff;
}
#margo_desc .padd-box-30{
    background: inherit;
    padding: 70px 30px;
}
@media(max-width: 767px){
    #margo_desc .step1-col, #margo_desc .step2-col, #margo_desc .step3-col{
        display: none;
    }
    .home-entry-content, .home-contact-info{
        text-align: center;
    }
    .breadc-box h1{
        font-size: 40px;
    }
    .breadc-box li{
        font-size: 12px;
    }
    .site-footer{
        padding-top: 5rem;
    }
    .home-contact-info address{
        font-size: 22px;
    }
}
/* Nowy Ład */
.blog-post{
    background-color: #5A4527;
    color: #fff;
    font-size: 22px;
    padding: 50px 30px;
}
.blog-post img{
    padding: 1rem 0 3rem;
}
.blog-post .invite-offer a.home-about-us-btn{
    margin-left: auto;
    margin-right: auto;
}
.polski-lad{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.polski-lad h2{
    color: #FFF;
}
ul.sub-list li{
    list-style-type: none;
}
.blog-home{
    text-align: center;
    color: #FFF;
    background-color: #23292e;
    padding: 5rem 2rem;
}
.blog-home h2{
    color: #fff;
}
.blog-home h3{
    color: #fff;
    font-size: 24px;
    margin-top: 2rem;
}
.blog-home a{
    margin-left: auto;
    margin-right: auto;
}

.about-us-wrapper {
    margin-top: 5rem;
}

.about-us-wrapper h1, .about-us-wrapper h2 {
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    line-height: 47px;
    text-align: center;
  }
  
  .about-us-wrapper p {
    font-weight: 400;
    font-size: 25px;
    line-height: 34px;
    color: #fff;
  }

  @media(max-width: 769px){
    .about-us-wrapper p {
        text-align: center;
    }
  }
  
  .about-info-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4rem;
    margin-top: 6rem;
    margin-bottom: 9rem;
    /* align-items: center; */
    align-items: flex-start;
  }

  @media(max-width: 769px) {

    .about-info-columns {
        grid-template-columns: 1fr;
    }
  
    .about-info-columns > div:first-child {
        order: 2;
    }
  }

  .about-us-wrapper hr {
    height: 3px;
    background-color: #F5F5F5;
    margin-top: 10rem;
    display: block;
    margin-bottom: 10rem;
  }

  .about-us-wrapper a {
    border: 2px solid #F5F5F5;
    border-radius: 5px;
    font-weight: 700;
    font-size: 25px;
    line-height: 29px;
    text-align: center;
    color: #FFFFFF;
    padding: 10px 20px;
    margin: 0 auto;
    display: block;
    max-width: fit-content;
    margin-top: 50px;
  }

  .about-us-wrapper .contact-us {
      margin-top: 100px;
  }

  .owl-wrapper {
    display: flex;
    align-items: center;
  }

  .owl-wrapper .arrows {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .owl-wrapper .owl-carousel {
      width: 80%;
  }

  .owl-wrapper .arrow-wrapper--right {
        transform: rotate(180deg);
  }

  .about-us-wrapper .meet-us {
      margin-top: 10rem;
  }

  .about-us-wrapper .meet-us h2 {
      margin-bottom: 5rem;
  }