* {
                              box-sizing: border-box;
                          }
                          
                          a {
                              text-decoration: none;
                          }
                          
                          body {
                              margin: 0;
                              padding: 0;
                              font-family: 'Playfair Display', serif;
                          }
                          
                          img {
                              height: auto;
                              width: auto;
                              max-width: 100%;
                          }
                          
                          .center {
                              margin-left: auto;
                              margin-right: auto;
                              text-align: center;
                          }
                          
                          p {
                              font-size: 18px;
                              color: #333;
                              line-height: 1.5;
                              font-weight: 600;
                          }
                          /* NAV */
                          
                          .navigation {
                              z-index: 999;
                              position: relative;
                          }
                          
                          .nav-container {
                              width: 100%;
                              margin: 0 auto;
                              border-top: solid 5px #900000;
                              display: table;
                              position: relative;
                          }
                          
                          .navi {
                              width: 80%;
                              margin: 0 auto;
                          }
                          
                          .logoMenu {
                              position: absolute;
                              left: 40px;
                              top: 19px;
                              height: 60px;
                          }
                          
                          nav {
                              margin: 0 auto;
                              display: block;
                          }
                          
                          nav ul {
                              list-style: none;
                              margin: 0 auto;
                              padding: 0;
                              float: right;
                          }
                          
                          nav ul li {
                              float: left;
                              position: relative;
                          }
                          
                          nav ul li a {
                              display: block;
                              padding: 0 20px;
                              line-height: 97px;
                              background: #fff;
                              color: #111111;
                              text-decoration: none;
                              font-size: 20px;
                              font-weight: 600;
                              position: relative;
                              margin-right: 15px;
                          }
                          
                          nav ul li a:hover {
                              color: #900000;
                          }
                          
                          nav ul li ul li {
                              min-width: 295px;
                          }
                          
                          nav ul li ul li a {
                              padding: 15px;
                              line-height: 20px;
                          }
                          
                          .nav-dropdown {
                              position: absolute;
                              display: none;
                              z-index: 1;
                              box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
                              border-bottom: 3px solid #333;
                          }
                          /* Mobile navigation */
                          
                          .nav-mobile {
                              display: none;
                              position: absolute;
                              top: 0;
                              right: 0;
                              background: #fff;
                              height: 67px;
                              width: 70px;
                          }
                          
                          @media only screen and (max-width: 888px) {
                              .nav-container {
                                  width: 100%;
                                  padding-right: 0;
                              }
                              .nav-mobile {
                                  display: block;
                              }
                              .negative::before {
                                  bottom: 6px!important;
                              }
                              nav {
                                  width: 100%;
                                  padding: 50px 0 15px;
                                  display: table;
                                  height: 67px;
                              }
                              nav ul {
                                  display: none;
                                  width: 100%;
                                  margin-top: 30px;
                              }
                              nav ul li {
                                  float: none;
                                  z-index: 9999;
                              }
                              nav ul li a {
                                  padding: 15px;
                                  line-height: 20px;
                                  font-size: 18px;
                              }
                              nav ul li ul li a {
                                  padding-left: 30px;
                              }
                              .nav-dropdown {
                                  position: static;
                              }
                          }
                          
                          #nav-toggle {
                              position: absolute;
                              left: 18px;
                              top: 18px;
                              cursor: pointer;
                              padding: 10px 35px 16px 0px;
                          }
                          
                          #nav-toggle span,
                          #nav-toggle span:before,
                          #nav-toggle span:after {
                              cursor: pointer;
                              border-radius: 1px;
                              height: 5px;
                              width: 35px;
                              background: #900000;
                              position: absolute;
                              display: block;
                              content: '';
                              transition: all 300ms ease-in-out;
                          }
                          
                          #nav-toggle span:before {
                              top: -10px;
                          }
                          
                          #nav-toggle span:after {
                              bottom: -10px;
                          }
                          
                          #nav-toggle.active span {
                              background-color: transparent;
                          }
                          
                          #nav-toggle.active span:before,
                          #nav-toggle.active span:after {
                              top: 0;
                          }
                          
                          #nav-toggle.active span:before {
                              transform: rotate(45deg);
                          }
                          
                          #nav-toggle.active span:after {
                              transform: rotate(-45deg);
                          }
                          
                          .negative {
                              position: relative;
                              z-index: 1;
                              color: #fff!important;
                          }
                          
                          .negative::before {
                              position: absolute;
                              width: 100%;
                              height: 40px;
                              content: '';
                              background: #900000;
                              bottom: 30px;
                              left: 0;
                              z-index: -1;
                          }
                          /* NAV */
                          /* WELCOME SECTION */
                          
                          section.welcome {
                              background-image: url("../img/bg07.jpg");
                              background-repeat: no-repeat;
                              background-size: cover;
                              background-position: center;
                              background-attachment: fixed;
                              height: calc(100vh - 102px);
                              width: 100%;
                              display: flex;
                              align-items: center;
                              justify-content: center;
                          }
                          
                          .welcomeContainer {
                              width: 800px;
                              display: flex;
                              flex-direction: column;
                              padding: 40px;
                              justify-content: center;
                              align-items: center;
                              background: rgba(255, 255, 255, 0.6);
                          }
                          
                          .welcomeLogo {
                              max-width: 600px;
                          }
                          
                          h1.headerStyle01 {
                              color: #000;
                              font-size: 60px;
                              font-weight: 400;
                              position: relative;
                              text-align: center;
                              text-transform: uppercase;
                              font-weight: 600;
                              line-height: 1.1;
                          }
                          
                          h1.headerStyle01 span {
                              color: #900000;
                              display: block;
                          }
                          
                          .btn01 {
                              padding: 15px 25px;
                              font-weight: 700;
                              font-size: 20px;
                              color: #fff;
                              background: #900000;
                              border: solid 2px #900000;
                              transition: all .3s ease;
                          }
                          
                          .btn01:hover {
                              color: #900000;
                              background: none;
                          }
                          
                          .btn02 {
                              padding: 15px 25px;
                              font-weight: 700;
                              font-size: 20px;
                              color: #900000;
                              background: none;
                              border: solid 2px #900000;
                              transition: all .3s ease;
                          }
                          
                          .btn02:hover {
                              color: #fff;
                              background: #900000;
                          }
                          
                          .welcomeBtnBox {
                              display: flex;
                              justify-content: space-between;
                              max-width: 400px;
                              min-width: 400px;
                          }
                          /* SEKCJA s1 */
                          
                          .h2HeaderStyle02 {
                              color: #000;
                              font-size: 40px;
                              margin: 50px auto;
                          }
                          
                          .h2HeaderStyle02 span {
                              color: #900000;
                          }
                          
                          .btnRow {
                              padding: 40px 0;
                              width: 100%;
                              text-align: center;
                              margin-top: 20px;
                              margin-bottom: 20px;
                          }
                          
                          .kafle {
                              transition: all .3s ease;
                          }
                          
                          .kafle:hover {
                              transform: scale(1.1);
                          }
                          
                          .btn03 {
                              color: #fff;
                              background: #900000;
                              border: solid 2px #900000;
                              padding: 15px 25px;
                              font-weight: 700;
                              font-size: 20px;
                              text-transform: uppercase;
                              transition: all .3s ease;
                          }
                          
                          .btn03:hover {
                              color: #900000;
                              background: none;
                          }
                          /* SEKCJA s1 */
                          /* SEKCJA s2 */
                          
                          section.s2 {
                              height: 100vh;
                              width: 100%;
                              background: url("../img/bg02.jpg");
                              background-position: center;
                              background-size: cover;
                              display: flex;
                              align-items: center;
                              background-attachment: fixed;
                          }
                          
                          .s2Container {
                              width: 60%;
                              display: flex;
                              flex-direction: column;
                              padding: 40px;
                              justify-content: center;
                              align-items: center;
                              height: 100vh;
                          }
                          
                          .s2Container h2 {
                              color: #fff;
                          }
                          
                          .s2Container ul {
                              color: #fff;
                              list-style: none;
                              padding-left: 60px;
                              font-size: 18px;
                          }
                          
                          .s2Container ul li {
                              position: relative;
                              padding: 5px 0;
                              transition: all .3s ease;
                              width: 450px;
                          }
                          
                          .s2Container ul li:hover {
                              transform: translateX(20px);
                          }
                          
                          .s2Container ul li:before {
                              position: absolute;
                              top: 10px;
                              left: -40px;
                              content: url("../img/arrow.png");
                              height: 20px;
                              width: 20px;
                          }
                          
                          .s2BtnContainer {
                              width: 40%;
                              padding-left: 150px;
                              display: flex;
                              flex-direction: column;
                              height: 100vh;
                              justify-content: center;
                          }
                          
                          a.btn05 {
                              -webkit-transform: translateX(-50%);
                              transform: translateX(-50%);
                              color: #fff;
                              text-decoration: none;
                              font-size: 2em;
                              display: inline-block;
                              text-transform: uppercase;
                              padding: 2.5em 2em;
                              border: 2px solid #fff;
                              transition: 0.02s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
                              max-width: 450px;
                          }
                          
                          a.btn05::before {
                              content: "";
                              display: inline-block;
                              position: absolute;
                              top: 0;
                              left: 0;
                              right: 100%;
                              bottom: 0;
                              background: #fff;
                              transition: 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s cubic-bezier(0.1, 0, 0.1, 1);
                              z-index: -1;
                          }
                          
                          a.btn05::after {
                              content: "";
                              display: inline-block;
                              background-image: url("https://image.flaticon.com/icons/png/128/109/109617.png");
                              position: absolute;
                              top: 0;
                              left: calc(100% - 3em);
                              right: 3em;
                              bottom: 0;
                              background-size: 1.5em;
                              background-repeat: no-repeat;
                              background-position: center;
                              transition: right 0.3s cubic-bezier(0.1, 0, 0.1, 1);
                          }
                          
                          a.btn05:hover {
                              padding: 2.5em 2.5em 2.5em 0.5em;
                          }
                          
                          a.btn05:hover::before {
                              left: calc(100% - 3em);
                              right: 0;
                              transition: 0.3s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
                          }
                          
                          a.btn05:hover::after {
                              right: 0;
                              transition: right 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
                          }
                          /* SEKCJA s2 */
                          /* FOOTER */
                          
                          footer {
                              width: 100%;
                              padding: 140px auto;
                              background: #fff;
                              text-align: center;
                              display: flex;
                              flex-direction: column;
                              justify-content: center;
                              border-top: 5px solid #900000;
                          }
                          
                          footer p {
                              margin: 5px auto;
                              line-height: 1;
                              padding: 0;
                          }
                          
                          .footerLogo {
                              max-width: 200px;
                              margin: 10px auto;
                          }
                          
                          .footerLink {
                              color: #900000;
                              font-size: 20px;
                              font-weight: 600;
                              text-transform: uppercase;
                          }
                          /* FOOTER */
                          /* O NAS */
                          
                          .aboutTitle {
                              width: 100%;
                              height: 600px;
                              background: url("../img/bg03a.jpg");
                              display: flex;
                              flex-direction: column;
                              justify-content: center;
                              align-items: center;
                              background-size: cover;
                              background-repeat: no-repeat;
                              background-position: center;
                          }
                          
                          .aboutTitleBelt {
                              width: 100%;
                              padding: 20px;
                              background: rgba(255, 255, 255, 0.8);
                              text-align: center;
                          }
                          
                          .aboutTitleBeltLogo {
                              max-width: 90%;
                              margin: 10px auto;
                              width: 550px;
                          }
                          
                          .aboutContent {
                              width: 80%;
                              margin: 10px auto;
                              display: flex;
                              align-items: : center;
                              padding: 40px 0;
                          }
                          
                          .aboutContentLeft {
                              width: 50%;
                          }
                          
                          .aboutContentRight {
                              width: 50%;
                              padding-top: 20px;
                          }
                          
                          .aboutContentRight h1 {
                              color: #666666;
                              font-size: 20px;
                              margin: 0;
                              line-height: 1;
                              text-transform: uppercase;
                              font-weight: 400;
                          }
                          
                          .aboutContentRight h2 {
                              color: #000;
                              font-size: 40px;
                              margin: 0;
                              line-height: 1;
                              position: relative;
                              display: inline-block;
                          }
                          
                          .aboutContentRight h2::after {
                              position: absolute;
                              bottom: -10px;
                              left: 0;
                              width: 170px;
                              height: 5px;
                              background: #900000;
                              content: '';
                              transition: all .3s ease;
                          }
                          
                          .aboutContentRight h2 span {
                              color: #900000;
                          }
                          
                          body>div.aboutContent>div.aboutContentRight:hover>h2::after {
                              width: 90%;
                          }
                          
                          .aboutContentRight p {
                              padding-top: 40px;
                              padding-bottom: 40px;
                              text-align: justify;
                              font-weight: 600;
                          }
                          
                          .aboutAtuts {
                              width: 100%;
                              background: #900000;
                              padding-left: 10%;
                              padding-right: 10%;
                              display: flex;
                              justify-content: center;
                          }
                          
                          .atutsIco {
                              width: 80px;
                              margin: 10px auto;
                          }
                          
                          .aboutAtutsCol {
                              padding: 20px 40px;
                              min-width: 300px;
                              max-width: 300px;
                              display: flex;
                              flex-direction: column;
                              justify-content: center;
                              align-items: center;
                          }
                          
                          h4.atutsHeader {
                              color: #fff;
                              font-size: 20px;
                              font-weight: 400;
                              text-align: center;
                          }
                          /* O NAS */
                          /* KONTAKT */
                          
                          section.contactContainer {
                              width: 100%;
                              display: flex;
                              height: calc(100vh - 102px);
                          }
                          
                          .contactLeft {
                              width: 50%;
                              display: flex;
                              flex-direction: column;
                              justify-content: center;
                              align-items: center;
                              background: url("../img/bg06.jpg");
                              background-position: center;
                              background-size: cover;
                          }
                          
                          .contactLeftBox {
                              background: rgba(0, 0, 0, 0.75);
                              width: 100%;
                              padding: 30px;
                              flex-direction: column;
                              justify-content: center;
                              align-items: center;
                              display: flex;
                          }
                          
                          .contactLeftBox h2 {
                              color: #fff;
                              font-size: 40px;
                              text-transform: uppercase;
                              margin-bottom: 5px;
                          }
                          
                          .contactLeftBox h1 {
                              color: #900000;
                              font-size: 30px;
                              text-transform: uppercase;
                              margin-top: 5px;
                              margin-bottom: 5px;
                          }
                          
                          .contactLeftBox p {
                              color: #fff;
                              font-size: 22px;
                              text-transform: uppercase;
                              margin: 0 0 10px 0;
                              letter-spacing: 1px;
                          }
                          
                          .contactRight {
                              width: 50%;
                              display: flex;
                              flex-direction: column;
                              justify-content: center;
                              align-items: center;
                              -webkit-filter: grayscale(0.7);
                              filter: grayscale(0.7);
                          }
                          
                          .contactLink,
                          .contactMap {
                              color: #fff;
                              background: #900000;
                              max-width: 300px;
                              width: 300px;
                              display: inline-block;
                              margin: 5px auto;
                              padding: 10px;
                              text-align: center;
                          }
                          /* KONTAKT */
                          /* OFERTA */
                          
                          .ofert {
                              width: 100%;
                              height: 600px;
                              background: url("../img/bg08.jpg");
                              display: flex;
                              flex-direction: column;
                              justify-content: center;
                              align-items: center;
                              background-position: center;
                              background-size: cover;
                          }
                          
                          .ofertTitle {
                              text-align: center;
                              padding: 50px 0;
                          }
                          
                          .ofertTitle h1 {
                              color: #666666;
                              font-size: 20px;
                              margin: 0;
                              line-height: 1;
                              text-transform: uppercase;
                              font-weight: 400;
                              text-align: center;
                          }
                          
                          .ofertTitle h2 {
                              color: #000;
                              font-size: 40px;
                              line-height: 1;
                              position: relative;
                              text-align: center;
                              display: inline-block;
                              margin: 0 auto;
                          }
                          
                          .ofertTitle h2 span {
                              color: #900000;
                          }
                          
                          .ofertTitle h2::after {
                              position: absolute;
                              bottom: -15px;
                              left: 20%;
                              width: 60%;
                              height: 5px;
                              background: #900000;
                              content: '';
                              transition: all .3s ease;
                          }
                          
                          .ofertTitle p {
                              text-align: center;
                              max-width: 700px;
                              margin: 30px auto;
                          }
                          
                          .ofertBox {
                              width: 80%;
                              display: flex;
                              margin: 0px auto;
                          }
                          
                          .offertBox {
                              display: flex;
                              justify-content: flex-end;
                              align-items: center;
                          }
                          
                          h3.offertHeader {
                              font-size: 28px;
                              margin-right: 10px;
                          }
                          
                          .offertBox1 {
                              display: flex;
                              justify-content: flex-start;
                              align-items: center;
                          }
                          
                          h3.offertHeader1 {
                              font-size: 28px;
                              margin-left: 10px;
                              order: 2;
                          }
                          
                          .ofertBoxLeft {
                              width: 50%;
                              border-right: solid 3px #900000;
                              padding-right: 30px;
                              padding-left: 30px;
                              text-align: right;
                          }
                          
                          .ofertBoxRight {
                              width: 50%;
                              border-left: solid 3px #900000;
                              padding-left: 30px;
                              padding-right: 30px;
                              text-align: left;
                          }
                          
                          .ofertBtnBox {
                              text-align: center;
                              padding: 30px 0;
                          }
                          
                          .ofertImgBox {
                              text-align: center;
                              margin: 20px auto;
                          }
                          /* OFERTA */
                          
                          @media all and (max-width:1440px) {
                              a.btn05 {
                                  font-size: 25px;
                              }
                          }
                          
                          @media all and (max-width:1220px) {
                              .aboutAtutsCol {
                                  min-width: 25%;
                              }
                          }
                          
                          @media all and (max-width:1212px) {
                              .s2BtnContainer,
                              .s2Container {
                                  width: 50%;
                              }
                              a.btn05 {
                                  webkit-transform: translateX(-20%);
                                  transform: translateX(-20%);
                                  font-size: 30px;
                              }
                          }
                          
                          @media all and (max-width:1110px) {
                              a.btn05 {
                                  font-size: 25px;
                              }
                              .navi {
                                  width: 90%;
                              }
                          }
                          
                          @media all and (max-width:1100px) {
                              .aboutAtuts {
                                  padding-left: 2%;
                                  padding-right: 2%;
                              }
                          }
                          
                          @media all and (max-width:1024px) {
                              .aboutContent {
                                  flex-direction: column;
                              }
                              .aboutContentLeft {
                                  order: 2;
                                  width: 100%;
                                  padding-top: 40px;
                              }
                              .aboutContentRight {
                                  order: 1;
                                  width: 100%;
                              }
                              .contactContainer {
                                  flex-direction: column;
                                  height: auto!important;
                              }
                              .contactLeft,
                              .contactRight {
                                  width: 100%;
                              }
                              .contactRight {
                                  min-height: 400px;
                                  height: 400px;
                              }
                          }
                          
                          @media all and (max-width:973px) {
                              a.btn05 {
                                  font-size: 22px;
                              }
                              .s2Container ul {
                                  padding-left: 90px;
                              }
                              .logoMenu {
                                  left: 10px;
                                  height: 30px;
                                  top: 30px;
                              }
                              nav ul li a {
                                  margin-right: 5px;
                              }
                          }
                          
                          @media all and (max-width:910px) {
                              section.s2 {
                                  flex-direction: column;
                                  height: auto;
                              }
                              .s2Container,
                              .s2BtnContainer {
                                  height: auto;
                                  padding: 40px 10px;
                                  width: 100%;
                              }
                              .s2BtnContainer {
                                  align-items: center;
                              }
                              a.btn05 {
                                  font-size: 30px;
                                  webkit-transform: translateX(0);
                                  transform: translateX(0);
                                  width: 400px;
                              }
                          }
                          
                          @media all and (max-width:744px) {
                              .welcomeLogo {
                                  max-width: 400px;
                              }
                              h1.headerStyle01 {
                                  font-size: 45px;
                              }
                              .s2Container ul li {
                                  width: 90%;
                              }
                              section.welcome {
                                  height: auto;
                                  padding: 50px 0;
                              }
                              a.btn05 {
                                  padding: 1.5em 1em;
                              }
                              a.btn05:hover {
                                  padding: 1.5em 2.5em 1.5em 0.5em;
                              }
                              .s2Container,
                              .s2BtnContainer {
                                  padding: 10px 5px 10px 5px;
                              }
                              .aboutAtuts {
                                  flex-direction: column;
                                  align-items: center;
                              }
                              .aboutAtutsCol {
                                  width: 60%;
                                  min-width: 60%;
                              }
                              .aboutTitleBeltLogo {
                                  max-width: 80%;
                              }
                          }
                          
                          @media all and (max-width:600px) {
                              .contactLeftBox h2 {
                                  font-size: 30px;
                                  text-align: center;
                              }
                              .contactLeftBox h1 {
                                  font-size: 28px;
                                  text-align: center;
                              }
                          }
                          
                          @media all and (max-width:495px) {
                              .welcomeLogo {
                                  max-width: 300px;
                              }
                              h1.headerStyle01 {
                                  font-size: 35px;
                              }
                              .h2HeaderStyle02 {
                                  font-size: 30px;
                              }
                              .s2Container h2 {
                                  font-size: 20px;
                              }
                              .s2Container ul {
                                  padding-left: 40px;
                              }
                              .s2Container ul li {
                                  width: 95%;
                              }
                              @media all and (max-width:435px) {
                                  .welcomeLogo {
                                      max-width: 80%;
                                  }
                                  .welcomeContainer {
                                      padding: 10px;
                                  }
                                  .btn03 {
                                      display: block;
                                  }
                                  a.btn05 {
                                      width: 300px;
                                      font-size: 18px;
                                  }
                                  .contactMap,
                                  .contactLink {
                                      display: block;
                                      text-align: center;
                                      width: 96%;
                                  }
                                  .contactLeftBox p {
                                      text-align: center;
                                  }
                              }
                              @media all and (max-width:352px) {
                                  .welcomeBtnBox {
                                      flex-direction: column;
                                      height: 130px;
                                      justify-content: space-between;
                                  }
                                  .welcomeContainer {
                                      width: 96%;
                                      margin: 10px auto;
                                  }
                                  .btn01,
                                  .btn02 {
                                      display: block;
                                      text-align: center;
                                  }
                              }
                              @media all and (max-width:335px) {
                                  a.btn05 {
                                      width: 90%;
                                      font-size: 16px;
                                  }
                                  p {
                                      font-size: 16px;
                                  }
                                  .welcomeBtnBox {
                                      max-width: 90%;
                                      min-width: 90%;
                                  }
                                  .aboutAtutsCol {
                                      width: 96%;
                                      min-width: 96%;
                                  }
                              }