/*CSS SALON*/
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Merriweather+Sans:wght@400;700&display=swap");
body {
    font-family: 'Lato', sans-serif; /* Czcionka domyślna */
    background-color: #232323; /* Kolor tła */
    color: #000000; /* Kolor tekstu */
}

.layout_padding {
  padding-top: 120px; /* Margines górny */
  padding-bottom: 120px; /* Margines dolny */
}

.layout_padding2 {
  padding: 45px 0; /* Margines górny */
}

.layout_padding2-top {
  padding-top: 45px; /* Margines górny */
}

.layout_padding2-bottom {
  padding-bottom: 45px; /* Margines dolny */
}

.layout_padding-top {
  padding-top: 120px; /* Margines górny */
}

.layout_padding-bottom {
  padding-bottom: 120px; /* Margines dolny */
}

.heading_container {
  display: -webkit-box; /* Ustawienie flexbox dla kontenera */
  display: -ms-flexbox; /* Ustawienie flexbox dla kontenera */
  display: flex; /* Ustawienie flexbox dla kontenera */
  -webkit-box-orient: vertical; /* Orientacja w pionie */
  -webkit-box-direction: normal; /* Kierunek układu (normalny - od góry do dołu) */
      -ms-flex-direction: column; /* Układ w kolumnie */
          flex-direction: column; /* Układ w kolumnie */
  -webkit-box-align: start; /* Wyrównanie elementów na początku */
      -ms-flex-align: start; /* Wyrównanie elementów na początku  */
          align-items: flex-start; /* Wyrównanie elementów do lewej strony */
}

.heading_container h2 {
  font-weight: bold; /* Pogrubienie tekstu */
  display: -webkit-box; /* Ustawienie flexbox dla kontenera */
  display: -ms-flexbox;/* Ustawienie flexbox dla kontenera */
  display: flex; /* Ustawienie flexbox dla kontenera */
  -webkit-box-align: center; /* Wyrównanie elementów w pionie na środku */
      -ms-flex-align: center; /* Wyrównanie elementów w pionie na środku */
          align-items: center; /* Wyrównanie elementów w pionie na środku */
  text-transform: uppercase; /* Zmiana tekstu na wielkie litery */
  font-family: 'CanalBoldItalic', sans-serif; /*czcionka dla nagłówków h2*/
}

.heading_container p {
  margin-bottom: 0; /* Margines zewnętrzny */
}

.heading_container.heading_center {
  -webkit-box-align: center; /* Wyrównanie elementów w pionie na środku */
      -ms-flex-align: center; /* Wyrównanie elementów w pionie na środku */
          align-items: center; /* Wyrównanie elementów w pionie na środku */
  text-align: center;/* Wyrównanie testu do środka */
}

h1,
h2,
h4,
h5 {
    font-family: 'CanalBoldItalic', sans-serif; /*czcionka dla nagłówków (h1,h2,h4,h5)*/
}

a,
a:hover,
a:focus {
  text-decoration: none;
  font-family: 'CanalLightRoman', sans-serif; /*czcionka dla linków (a)*/
}

p {
    font-family: 'CanalLightRoman', sans-serif; /*czcionka dla paragrafów (p)*/
}

/*Sekcja nagłówka*/
.hero_area {
    position: relative; /* Ustawia pozycjonowanie kontenera na relative */
}

.header_section {
    position: fixed; /* Ustawia nagłówek jako stały */
    top: 0; /* Przylega do górnej krawędzi strony */
    left: 0; /* Przylega do lewej krawędzi strony */
    right: 0; /* Przylega do prawej krawędzi strony */
    z-index: 1000; /* Priorytet wyświetlania ponad innymi elementami */
    width: 100%; /* Nagłówek zajmuje pełną szerokość ekranu */
}

.header_section .container-fluid {
  padding-right: 25px; /* Wewnętrzny prawy margines */
  padding-left: 25px; /* Wewnętrzny lewy margines */
}

.header_section .header_bottom {
  padding: 10px 0; /* Wewnętrzny margines */
  background-color: #000000; /* Kolor tła */
}

.header_section .header_bottom .contact_nav {
  display: -webkit-box; /* Ustawienie flexbox dla kontenera */
  display: -ms-flexbox;/* Ustawienie flexbox dla kontenera */
  display: flex; /* Ustawienie flexbox dla kontenera */
  -webkit-box-pack: justify; /* Rozstawienie elementów kontenera */
      -ms-flex-pack: justify; /* Rozstawienie elementów kontenera */
          justify-content: space-between; /* Rozstawienie elementów na dwie strony kontenera */
  color: #ffffff; /* Kolor tekstu */
  margin-top: 18px; /* Margines zewnętrzny */
}

.header_section .header_bottom .contact_nav p {
  color: #ffffff; /* Kolor tekstu */
}

.header_section .header_bottom .contact_nav p i {
  color: #ff8a1d; /* Kolor tekstu */
  margin-right: 3px; /* Margines zewnętrzny prawy */
  margin-left: 25px; /* Margines zewnętrzny lewy */
}

.navbar-brand {
  padding: 0; /* Brak marginesu wewnętrznego */
  margin: 0; /* Brak marginesu zewnętrznego */
  color: #000000; /* Kolor tekstu */
  font-weight: bold; /* Pogrubiona czcionka */
  font-size: 24px; /* Rozmiar czcionki */

}

.navbar-brand span {
  color: #ffffff; /* Kolor tekstu */
  font-family: 'CanalBoldItalic', sans-serif; /*czcionka dla span*/
}

.navbar-brand span img{
  padding: 5px 0px 10px 0px; /* Marginesu wewnętrzny */
}


.custom_nav-container {
  padding: 10px; /* Marginesu wewnętrzny */
}

.custom_nav-container .navbar-nav {
  margin-left: auto; /* Marginesu zewnętrzny automatyczny*/
}

.custom_nav-container .navbar-nav .nav-item .nav-link {
  padding: 10px 25px; /* Marginesu wewnętrzny */
  color: #ffffff; /* Kolor tekstu */
  text-align: left; /* Wyrównanie tekstu do lewej*/
}

.custom_nav-container .navbar-nav .nav-item:hover .nav-link, .custom_nav-container .navbar-nav .nav-item.active .nav-link {
  color: #ee4a65; /* Kolor tekstu */
}

.custom_nav-container .form-inline .nav_search-btn {
  width: 35px;  /* Szerokość przycisku */
  height: 35px; /* Wysokość przycisku */
  padding: 0; /* Brak wewnętrznego marginesu */
  border: none; /* Brak obramowania */
  color: #000000; /* Kolor tekstu */
}

.custom_nav-container .form-inline .nav_search-btn:hover {
  color: #ee4a65; /* Kolor tekstu po najechaniu*/
}

.custom_nav-container .navbar-toggler {
  outline: none; /* Usuwa domyślny kontur */
}

.custom_nav-container .navbar-toggler {
  padding: 0; /* Brak wewnętrznego marginesu */
  width: 37px; /* Szerokość przycisku */
  height: 42px; /* Wysokość przycisku */
  -webkit-transition: all .3s; /* Płynne przejście */
  transition: all .3s; /* Płynne przejście */
}

.custom_nav-container .navbar-toggler span {
  display: block; /* Ustawienie span na element blokowy */
  width: 35px; /* Szerokość linii */
  height: 4px; /* Wysokość linii */
  background-color: #ffffff; /* Kolor linii */
  margin: 7px 0; /* Odstęp pomiędzy liniami */
  -webkit-transition: all 0.3s; /* Płynne przejście */
  transition: all 0.3s; /* Płynne przejście */
  position: relative; /* Ustawienie pozycji na relative, aby elementy wewnętrzne mogły być pozycjonowane absolutnie */
  border-radius: 5px; /* Zaokrąglenie rogów linii */
  -webkit-transition: all .3s; /* Płynne przejście */
  transition: all .3s; /* Płynne przejście */
}


/*Menu animacja*/
.custom_nav-container .navbar-toggler span::before, .custom_nav-container .navbar-toggler span::after {
 content: ""; /* Dodanie pustych pseudoelementów */
  position: absolute; /* Pozycjonowanie absolutne wewnątrz przycisku */
  left: 0; /* Ustawienie pozycji na lewej krawędzi */
  height: 100%; /* Wysokość na 100% dla pseudoelementu */
  width: 100%; /* Szerokość na 100% */
  background-color: #ffffff; /* Kolor białego tła dla pseudoelementów */
  top: -10px; /* Ustawienie pseudoelementu przed linią */
  border-radius: 5px; /* Zaokrąglenie rogów */
  -webkit-transition: all .3s; /* Płynne przejście */
  transition: all .3s; /* Płynne przejście */
}

.custom_nav-container .navbar-toggler span::after {
  top: 10px; /* Ustawienie pseudoelementu po linii */
}

.custom_nav-container .navbar-toggler[aria-expanded="true"] {
  -webkit-transform: rotate(360deg); /* Obrót przycisku o 360 stopni */
          transform: rotate(360deg); /* Obrót przycisku o 360 stopni */
}

.custom_nav-container .navbar-toggler[aria-expanded="true"] span {
  -webkit-transform: rotate(45deg); /* Obrót pojedynczej linii o 45 stopni */
          transform: rotate(45deg); /* Obrót pojedynczej linii o 45 stopni */
}

.custom_nav-container .navbar-toggler[aria-expanded="true"] span::before, .custom_nav-container .navbar-toggler[aria-expanded="true"] span::after {
  -webkit-transform: rotate(90deg); /* Obrót pseudoelementów o 90 stopni */
          transform: rotate(90deg); /* Obrót pseudoelementów o 90 stopni */
  top: 0; /* Ustawienie pseudoelementów na samej górze */
}

.custom_nav-container .navbar-toggler[aria-expanded="true"] .s-1 {
  -webkit-transform: rotate(45deg); /* Obrót pojedynczej linii o 45 stopni */
          transform: rotate(45deg); /* Obrót pojedynczej linii o 45 stopni */
  margin: 0;
  margin-bottom: -4px; /* Przesunięcie pierwszej linii w dół */
}

.custom_nav-container .navbar-toggler[aria-expanded="true"] .s-2 {
  display: none; /* Ukrycie środkowej linii */
}

.custom_nav-container .navbar-toggler[aria-expanded="true"] .s-3 {
  -webkit-transform: rotate(-45deg); /* Obrót trzeciej linii o -45 stopni */
          transform: rotate(-45deg); /* Obrót trzeciej linii o -45 stopni */
  margin: 0;
  margin-top: -4px; /* Przesunięcie trzeciej linii w górę */
}

.custom_nav-container .navbar-toggler[aria-expanded="false"] .s-1,
.custom_nav-container .navbar-toggler[aria-expanded="false"] .s-2,
.custom_nav-container .navbar-toggler[aria-expanded="false"] .s-3 {
  -webkit-transform: none; /* Brak obrotu */
          transform: none; /* Brak obrotu */
}

/*Menu animacja koniec*/
.quote_btn-container {
  display: -webkit-box; /* Ustawienie flexbox dla kontenera */
  display: -ms-flexbox;/* Ustawienie flexbox dla kontenera */
  display: flex; /* Ustawienie flexbox dla kontenera */
  -webkit-box-align: center; /* Wyrównanie elementów w pionie na środku */
      -ms-flex-align: center; /* Wyrównanie elementów w pionie na środku */
          align-items: center; /* Wyrównanie elementów w pionie na środku */
}

.quote_btn-container a {
  color: #ffffff; /* Kolor czcionki*/
  margin-right: 25px; /* Margines z prawej */
  text-transform: uppercase; /* Zmiana tekstu na wielkie litery */
}

.quote_btn-container a span {
  margin-left: 5px; /* Margines zewnętrzny z lewej */
}

.quote_btn-container a:hover {
  color: #ee4a65; /* Kolor czcionki po najechaniu*/
}

/*Koniec Sekcji nagłówka*/

/*Sekcja Witamy - slider*/

.slider_section {
  -webkit-box-flex: 1; /* Zajmuje całą dostępną przestrzeń */
      -ms-flex: 1; /* Zajmuje całą dostępną przestrzeń */
          flex: 1; /* Zajmuje całą dostępną przestrzeń */
  display: -webkit-box; /* Ustawienie układu flex */
  display: -ms-flexbox; /* Ustawienie układu flex */
  display: flex; /* Ustawienie układu flex */
  -webkit-box-align: center; /* Wyrównanie elementów w pionie*/
      -ms-flex-align: center; /* Wyrównanie elementów w pionie*/
          align-items: center; /* Wyrównanie elementów w pionie*/
  background-size: cover; /* Dopasowanie tła do rozmiarów sekcji */
  background-position: bottom; /* Ustawienie tła na dole kontenera */
  margin-top: 90px; /* Odstęp od góry strony */
  padding: 20px 0px 40px 0px; /* Wewnętrzny margines */
}

.slider_section .row {
  -webkit-box-align: center; /* Wyrównanie elementów w pionie*/
      -ms-flex-align: center; /* Wyrównanie elementów w pionie*/
          align-items: center; /* Wyrównanie elementów w pionie w elastycznym kontenerze */
}

.slider_section #customCarousel1 {
  width: 100%; /* Zajmuje całą dostępną przestrzeń */
  position: unset; /* Usuwa jakiekolwiek domyślne ustawienie pozycji */
}

.slider_section .detail-box {
  padding-bottom: 90px; /* Wewnętrzny margines dolny */
}

.slider_section .detail-box h1 {
  font-weight: bold; /* Ustawienie nagłówka na element blokowy */
  margin-bottom: 25px; /* Dodanie przestrzeni poniżej nagłówka */
  font-size:48px; /* Rozmiar czcionki */
  color: #ffffff; /* Kolor tekstu */
}

.slider_section .detail-box p {
  color: #444; /* Kolor tekstu */
  font-size: 15px; /* Rozmiar czcionki */
}

.slider_section .detail-box a {
  display: inline-block; /* Ustawienie jako blokowy element w linii */
  font-family: 'Merriweather Sans', sans-serif; /* Czcionka */
  text-transform: uppercase; /* Zamiana tekstu na wielkie litery */
  padding: 10px 45px; /* Wewnętrzne marginesy */
  background-color: #ee4a65; /* Kolor tła */
  border: 1px solid #ee4a65; /* Obramowanie */
  border-radius: 5px; /* Zaokrąglone rogi */
  color: #ffffff; /* Kolor tekstu */
  margin-top: 15px; /* Zewnętrzne marginesy */
}

.slider_section .detail-box a:hover {
  background-color: #a30d2b; /* Kolor tła */
  border: 1px solid #a30d2b; /* Obramowanie */
  color: #ffffff;/* Kolor tekstu */
}

.slider_section .img-box {
  padding-top: 20px; /* Wewnętrzne marginesy */
  position: relative;  /* Ustawienie pozycji względnej */
  width: 100%; /* Obszar zajmuje całą szerokość kontenera */
  height: auto; /* Wysokość dostosowuje się automatycznie */
  overflow: hidden; /* Ukrycie nadmiaru zawartości wychodzącej poza obszar kontenera */
  text-align: center; /* Wyśrodkowanie tekstu i obrazu w poziomie */
}

.slider_section .img-box #mainImage {
  width: 100%; /* Obszar zajmuje całą szerokość kontenera */
  height: auto; /* Wysokość dostosowuje się automatycznie */
  opacity: 1; /* Ustawienie przezroczystości na 1 (pełna widoczność)*/ 
  transition: opacity 0.5s ease-in-out; /* Płynne przejście przezroczystości */
}

.slider_section .img-box #mainImage.fade-out {
    opacity: 0; /* Ustawienie przezroczystości na 0*/
}

.slider_section .img-box #mainImage.fade-in {
    opacity: 1; /* Ustawienie przezroczystości na 1 (pełna widoczność)*/ 
}

/* Koniec Sekcji Witamy - slider*/
/* Sekcja Oferty - feature*/
.feature_section {
    background-color: #282828; /* Kolor tła */
    padding: 40px 0px 40px 0px; /* Wewnętrzne marginesy */
}

.feature_section .feature_container {
  display: -webkit-box; /* Ustawienie flexbox dla kontenera */
  display: -ms-flexbox; /* Ustawienie flexbox dla kontenera */
  display: flex; /* Ustawienie flexbox dla kontenera */
}

.feature_section .feature_container .box {
  -webkit-box-flex: 1; /* Elastyczność dla kontenera (zajmuje dostępną przestrzeń) */
      -ms-flex: 1; /* Elastyczność dla kontenera (zajmuje dostępną przestrzeń) */
          flex: 1; /* Elastyczność dla kontenera (zajmuje dostępną przestrzeń) */
  display: -webkit-box; /* Ustawienie flexbox dla kontenera */
  display: -ms-flexbox; /* Ustawienie flexbox dla kontenera */
  display: flex; /* Ustawienie flexbox dla kontenera */
  -webkit-box-orient: vertical; /* Ustawienie kierunku układu (pionowo)*/
  -webkit-box-direction: normal; /* Kierunek układu (normalny - od góry do dołu) */
      -ms-flex-direction: column; /* Układ w kolumnie */
          flex-direction: column; /* Układ w kolumnie */
  -webkit-box-align: center; /* Wyrównanie elementów w pionie na środku */
      -ms-flex-align: center; /* Wyrównanie elementów w pionie na środku */
          align-items: center; /* Wyrównanie elementów w pionie na środku */
  text-align: center; /* Wyrównanie tekstu do środku */
  margin: 0 10px; /* Zewnętrzne marginesy */
  padding: 45px 15px; /* Wewnętrzne marginesy */
  background-color: #ffffff; /* Kolor tła */
  color: #a30d2b; /* Kolor tekstu */
  -webkit-transition: all 0.3s; /* Płynna animacja */
  transition: all 0.3s; /* Płynna animacja */
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); /* Cień kontenera */
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); /* Cień kontenera */
}

.feature_section .feature_container .box .img-box {
  width: 90px; /* Szerokość kontenera */
  height: 90px; /* Wysokość kontenera */
}

.feature_section .feature_container .box .img-box svg {
  width: 100%; /* Obszar zajmuje całą szerokość kontenera */
  height: auto; /* Wysokość dostosowuje się automatycznie */
  max-height: 100%; /* Maksymalna wysokość */
  fill: #a30d2b; /* Wypełnienie */
  -webkit-transition: all 0.3s; /* Płynna animacja */
  transition: all 0.3s; /* Płynna animacja */
}

.feature_section .feature_container .box .img-box svg path {
  fill: #a30d2b; /* Wypełnienie */
}

.feature_section .feature_container .box .name {
  margin-top: 20px; /* Zewnętrzny margines górny */
  text-transform: uppercase; /* Zmiana tekstu na wielkie litery */
  margin-bottom: 0; /* Zewnętrzny margines dolny */
}

.feature_section .feature_container .box:hover, .feature_section .feature_container .box.active {
  background-color: #a30d2b; /* Kolor tła */
  color: #ffffff; /* Kolor tekstu */
}

.feature_section .feature_container .box:hover .img-box svg, .feature_section .feature_container .box.active .img-box svg {
  fill: #ffffff; /* Wypełnienie */
}

.feature_section .feature_container .box:hover .img-box svg path, .feature_section .feature_container .box.active .img-box svg path {
  fill: #ffffff; /* Wypełnienie */
}
/*Koniec Sekcji Oferty - feature*/
/*Sekcja O Nas - about*/
.about_section {

    padding: 30px 0px 30px 0px; /* Wewnętrzne marginesy */
}

.about_section .row {
  margin: 40px; /* Zewnętrzne marginesy */
  padding: 40px 40px 40px 40px; /* Wewnętrzne marginesy */
  background-color: #3F3F3F; /* Kolor tła */
  -webkit-box-align: center; /* Wyrównanie elementów w pionie na środku */
      -ms-flex-align: center; /* Wyrównanie elementów w pionie na środku */
          align-items: center; /* Wyrównanie elementów w pionie na środku */
}

.about_section .detail-box h2 {
    text-transform: uppercase; /* Zmiana tekstu na wielkie litery */
    font-weight: bold; /* Pogrubienie tekstu */
    color: #ffffff; /* Kolor tekstu */
}

.about_section .detail-box p {
    margin-top: 10px; /* Zewnętrzny margines górny */
    color: #ffffff; /* Kolor tekstu */
}

.about_section .detail-box a {
  margin-top: 15px; /* Zewnętrzny margines górny */
  display: inline-block; /* Ustawienie jako blokowy element w linii */
  font-family: 'Merriweather Sans', sans-serif; /* Czcionka */
  text-transform: uppercase; /* Zmiana tekstu na wielkie litery */
  padding: 10px 45px; /* Wewnętrzne marginesy */
  background-color: #ee4a65; /* Kolor tła */
  border: 1px solid #ee4a65; /* Obramowanie */
  border-radius: 2px; /* Zaokrąglone rogi */
  color: #ffffff; /* Kolor tekstu */
}

.about_section .detail-box a:hover {
  background-color: #a30d2b; /* Kolor tła */
  color: #ffffff; /* Kolor tekstu */
  border: 1px solid #a30d2b; /* Obramowanie */
}

.about_section .img-box img {
  width: 100%; /* Obszar zajmuje całą szerokość kontenera */
}

/*Koniec Sekcji O Nas - about*/
/*Sekcja professional*/

.professional_section {
    padding: 30px 0px 30px 0px; /* Wewnętrzne marginesy */
}

.professional_section .row {
  margin: 40px; /* Zewnętrzny margines */
  padding: 40px 40px 40px 40px; /* Wewnętrzne marginesy */
  background-color: #3F3F3F; /* Kolor tła */
  -webkit-box-align: center; /* Wyrównanie elementów w pionie na środku */
      -ms-flex-align: center; /* Wyrównanie elementów w pionie na środku */
          align-items: center; /* Wyrównanie elementów w pionie na środku */
}

.professional_section .img-box img {
  width: 100%; /* Obszar zajmuje całą szerokość kontenera */
}

.professional_section .detail-box h2 {
  text-transform: uppercase; /* Zmiana tekstu na wielkie litery */
  font-weight: bold; /* Pogrubienie tekstu */
  color: #ffffff; /* Kolor tekstu */
}

.professional_section .detail-box p {
    margin-top: 20px; /* Zewnętrzny margines górny */
    color: #ffffff; /* Kolor tekstu */
}

.professional_section .detail-box a {
  margin-top: 25px; /* Zewnętrzny margines górny */
  display: inline-block; /* Ustawienie jako blokowy element w linii */
  font-family: 'Merriweather Sans', sans-serif; /* Czcionka */
  text-transform: uppercase; /* Zmiana tekstu na wielkie litery */
  padding: 10px 45px; /* Wewnętrzne marginesy */
  background-color: #ee4a65; /* Kolor tła */
  border: 1px solid #ee4a65; /* Obramowanie */
  border-radius: 2px; /* Zaokrąglone rogi */
  color: #ffffff; /* Kolor tekstu */
}

.professional_section .detail-box a:hover {
  background-color: #a30d2b; /* Kolor tła */
  color: #ffffff; /* Kolor tekstu */
  border: 1px solid #a30d2b; /* Obramowanie */
}

/*Koniec Sekcji professional*/
/*Sekcja Serwis*/

.service_section {
    background-color: #282828; /* Kolor tła */
    position: relative; /* Ustawienie pozycji względnej */
}

.service_section h2{
    color: #ffffff; /* Kolor tekstu */
}

.service_section .box {
  background-color: #ffffff; /* Kolor tła */
  margin-top: 30px; /* Zewnętrzny margines górny */
  text-align: center; /* Wyrównanie tekstu do środku */
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15); /* Cień kontenera */
          box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15); /* Cień kontenera */
  padding: 25px 15px; /* Wewnętrzne marginesy */
  -webkit-transition: all .3s; /* Płynna animacja */
  transition: all .3s; /* Płynna animacja */
  display: -webkit-box; /* Ustawienie flexbox dla kontenera */
  display: -ms-flexbox; /* Ustawienie flexbox dla kontenera */
  display: flex; /* Ustawienie flexbox dla kontenera */
  -webkit-box-orient: vertical; /* Ustawienie kierunku układu (pionowo)*/
  -webkit-box-direction: normal; /* Kierunek układu (normalny - od góry do dołu) */
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center; /* Wyrównanie elementów w pionie na środku */
      -ms-flex-align: center; /* Wyrównanie elementów w pionie na środku */
          align-items: center; /* Wyrównanie elementów w pionie na środku */
}

.service_section .box .img-box {
  width: 65px; /* Szerokość kontenera */
  height: 65px; /* Wysokość kontenera */
  display: -webkit-box; /* Ustawienie flexbox dla kontenera */
  display: -ms-flexbox; /* Ustawienie flexbox dla kontenera */
  display: flex; /* Ustawienie flexbox dla kontenera */
  -webkit-box-pack: center; /* Układ w kolumnie */
      -ms-flex-pack: center; /* Układ w kolumnie */
          justify-content: center; /* Układ w kolumnie */
  -webkit-box-align: center; /* Wyrównanie elementów w pionie na środku */
      -ms-flex-align: center; /* Wyrównanie elementów w pionie na środku */
          align-items: center; /* Wyrównanie elementów w pionie na środku */
}

.service_section .box .img-box img {
  max-height: 100%; /* Maksymalna wysokość */
  max-width: 100%; /* Maksymalna szerokość */
  -webkit-transition: all .3s; /* Płynna animacja */
  transition: all .3s; /* Płynna animacja */
}

.service_section .box .detail-box {
  margin-top: 15px; /* Zewnętrzny margines górny */
}

.service_section .box .detail-box h5 {
  font-weight: bold; /* Pogrubiona czcionka */
}

.service_section .box .detail-box p {
  margin: 0; /* Brak marginesu zewnętrznego */
}

.service_section .box:hover {
  background-color: #a30d2b; /* Kolor tła */
  color: #ffffff; /* Kolor tekstu */
}

.service_section .box:hover .img-box img {
  -webkit-filter: brightness(0) invert(1); /* Zastosowanie filtrów */
          filter: brightness(0) invert(1); /* Zastosowanie filtrów */
}

.service_section .btn-box {
  display: -webkit-box; /* Ustawienie flexbox dla kontenera */
  display: -ms-flexbox; /* Ustawienie flexbox dla kontenera */
  display: flex; /* Ustawienie flexbox dla kontenera */
  -webkit-box-pack: center; /* Układ w kolumnie */
      -ms-flex-pack: center; /* Układ w kolumnie */
          justify-content: center; /* Układ w kolumnie */
  margin-top: 45px; /* Zewnętrzny margines górny */
}

.service_section .btn-box a {
  display: inline-block; /* Ustawienie jako blokowy element w linii */
  font-family: 'Merriweather Sans', sans-serif; /* Czcionka */
  text-transform: uppercase; /* Zmiana tekstu na wielkie litery */
  padding: 10px 45px; /* Wewnętrzne marginesy */
  background-color: #ee4a65; /* Kolor tła */
  border: 1px solid #ee4a65; /* Obramowanie */
  border-radius: 0; /* Zaokrąglone rogi */
  color: #ffffff; /* Kolor tekstu */
}

.service_section .btn-box a:hover {
  background-color: #a30d2b; /* Kolor tła */
  border: 1px solid #a30d2b; /* Obramowanie */
  color: #ffffff; /* Kolor tekstu */
}
/*Koniec Sekcji Serwis*/
/*Sekcja Klienci - client*/

.client_section{
    padding: 40px; /* Wewnętrzne marginesy */
}

.client_section .heading_container {
    -webkit-box-align: center; /* Układ w kolumnie */
    -ms-flex-align: center; /* Układ w kolumnie */
    align-items: center; /* Układ w kolumnie */
    text-align: center; /* Wyrównanie tekstu do środku */
}

.client_section h2 {
  color: #ffffff; /* Kolor tekstu */
}

.client_section .box {
  margin: 15px; /* Zewnętrzne marginesy */
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); /* Cień kontenera */
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); /* Cień kontenera */
  padding: 25px; /* Wewnętrzne marginesy */
  background-color: #ffffff; /* Kolor tła */
}

.client_section .box .client_id {
  display: -webkit-box;  /* Ustawienie flexbox dla kontenera */
  display: -ms-flexbox;  /* Ustawienie flexbox dla kontenera */
  display: flex;  /* Ustawienie flexbox dla kontenera */
}

.client_section .box .client_id .img-box {
  width: 125px; /* Szerokość kontenera */
  min-width: 125px; /* Maksymalna szerokość */
  margin-right: 15px; /* Zewnętrzny margines prawy */
}

.client_section .box .client_id .img-box img {
  width: 100%; /* Szerokość kontenera zajmuje cała przestrzeń*/
  border-radius: 100%; /* Zaokrąglone rogi */
}

.client_section .box .client_id .client_detail {
  display: -webkit-box;  /* Ustawienie flexbox dla kontenera */
  display: -ms-flexbox;  /* Ustawienie flexbox dla kontenera */
  display: flex;  /* Ustawienie flexbox dla kontenera */
  -webkit-box-align: center; /* Wyrównanie elementów w pionie na środku */
      -ms-flex-align: center; /* Wyrównanie elementów w pionie na środku */
          align-items: center; /* Wyrównanie elementów w pionie na środku */
  -webkit-box-pack: justify; /* Rozstawienie elementów na dwie strony kontenera */
      -ms-flex-pack: justify; /* Rozstawienie elementów na dwie strony kontenera */
          justify-content: space-between; /* Rozstawienie elementów na dwie strony kontenera */
  -webkit-box-flex: 1; /* Zajmuje całą dostępną przestrzeń */
      -ms-flex: 1; /* Zajmuje całą dostępną przestrzeń */
          flex: 1; /* Zajmuje całą dostępną przestrzeń */
  padding-right: 25px; /* Wewnętrzny prawy margines */
}

.client_section .box .client_id .client_detail .client_info h6 {
  margin-bottom: 0; /* Zewnętrzny margines dolny*/
}

.client_section .box .client_id .client_detail .client_info i {
  color: #fbaf5d; /* Kolor tekstu */
}

.client_section .box .client_text {
  margin-top: 20px; /* Zewnętrzny margines górny*/
}

.client_section .owl-carousel .owl-nav {
  display: -webkit-box;  /* Ustawienie flexbox dla kontenera */
  display: -ms-flexbox;  /* Ustawienie flexbox dla kontenera */
  display: flex;  /* Ustawienie flexbox dla kontenera */
  -webkit-box-pack: center; /* Układ w kolumnie */
      -ms-flex-pack: center; /* Układ w kolumnie */
          justify-content: center; /* Układ w kolumnie */
  margin-top: 20px; /* Zewnętrzny margines górny*/
}

.client_section .owl-carousel .owl-nav button {
  width: 50px; /* Szerokość kontenera */
  height: 50px; /* Wysokość kontenera */
  background-color: #ee4a65; /* Kolor tła*/
  outline: none; /* Usuwa domyślny kontur */
  margin: 0 20px; /* Zewnętrzne marginesy*/
  color: #ffffff; /* Kolor tekstu */
}

.client_section .btn-box {
  display: -webkit-box;  /* Ustawienie flexbox dla kontenera */
  display: -ms-flexbox;  /* Ustawienie flexbox dla kontenera */
  display: flex;  /* Ustawienie flexbox dla kontenera */
  -webkit-box-pack: center; /* Układ w kolumnie */
      -ms-flex-pack: center; /* Układ w kolumnie */
          justify-content: center; /* Układ w kolumnie */
  margin-top: 45px; /* Zewnętrzny margines górny*/
}

.client_section .btn-box a {
  display: inline-block; /* Ustawienie jako blokowy element w linii */
  font-family: 'Merriweather Sans', sans-serif; /* Czcionka */
  text-transform: uppercase; /* Zmiana tekstu na wielkie litery */
  padding: 10px 45px; /* Wewnętrzne marginesy */
  background-color: #ee4a65; /* Kolor tła*/
  border: 1px solid #ee4a65; /* Obramowanie */
  border-radius: 0; /* Zaokrąglone rogi */
  color: #ffffff; /* Kolor tekstu */
}

.client_section .btn-box a:hover {
  background-color: #a30d2b; /* Kolor tła*/
  border: 1px solid #a30d2b; /* Obramowanie */
  color: #ffffff; /* Kolor tekstu */
}
/*Koniec Sekcji Klienci - client*/
/*Sekcja Kontakt - contact*/
.heading_container {
  margin-bottom: 30px; /* Zewnętrzny margines dolny*/
}
}

.contact_section h2 {
    color: #ffffff; /* Kolor tekstu */
}

.contact_section input {
  width: 100%;  /* Szerokość kontenera zajmuje cała przestrzeń*/
  border: none; /* Obramowanie */
  height: 50px; /* Wysokość kontenera */
  margin-bottom: 25px; /* Zewnętrzny margines dolny*/
  padding-left: 25px; /* Wewnętrzny margines lewy*/
  background-color: #ffffff; /* Kolor tła*/
  outline: none; /* Usuwa domyślny kontur */
  color: #000000; /* Kolor tekstu */
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2); /* Cień kontenera */
          box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2); /* Cień kontenera */
}

.contact_section input::-webkit-input-placeholder {
  color: #737272; /* Kolor tekstu */
}

.contact_section input:-ms-input-placeholder {
  color: #737272; /* Kolor tekstu */
}

.contact_section input::-ms-input-placeholder {
  color: #737272; /* Kolor tekstu */
}

.contact_section input::placeholder {
  color: #737272; /* Kolor tekstu */
}

.contact_section input.message-box {
  height: 135px; /* Wysokość kontenera */
}

.contact_section button {
  border: none; /* Obramowanie */
  display: inline-block; /* Ustawienie jako blokowy element w linii */
  font-family: 'Merriweather Sans', sans-serif; /* Czcionka */
  text-transform: uppercase; /* Zmiana tekstu na wielkie litery */
  padding: 10px 55px; /* Wewnętrzne marginesy */
  background-color: #ee4a65; /* Kolor tła*/
  border: 1px solid #ee4a65; /* Obramowanie */
  border-radius: 0; /* Zaokrąglone rogi */
  color: #ffffff; /* Kolor tekstu */
  margin-top: 15px; /* Zewnętrzny margines górny */
}

.contact_section button:hover {
  background-color: #a30d2b; /* Kolor tła*/
  border: 1px solid #a30d2b; /* Obramowanie */
  color: #ffffff; /* Kolor tekstu */
}

.contact_section .map_container {
  height: 360px; /* Wysokość kontenera */
}

.contact_section .map_container .map {
  height: 100%; /* Wysokość kontenera zajmuje maksymalną wartość */
}

/*Koniec Sekcji Kontakt - contact*/
/*Sekcja informacje- info */

.info_section {
  padding: 75px 0; /* Wewnętrzne marginesy */
  background-color: #000000; /* Kolor tła*/
  text-align: center; /* Wyrównanie tekstu do środku */
  color: #fff; /* Kolor tekstu */
}

.info_section h4 {
  text-transform: uppercase; /* Zmiana tekstu na wielkie litery */
  font-weight: bold; /* Pogrubienie tekstu */
  margin-bottom: 25px; /* Zewnętrzny margines dolny */
}

.info_section a {
  margin: 0 5px; /* Zewnętrzne marginesy*/
  color: #0355cc; /* Kolor tekstu */
}

.info_section a i {
  font-size: 18px; /* Rozmiar czcionki */
}

.info_section a:hover {
  color: #ff8a1d; /* Kolor tekstu */
}

.info_items a {
  position: relative; /* Ustawia pozycjonowanie kontenera na relative */
}

.info_items .item {
  display: -webkit-box;  /* Ustawienie flexbox dla kontenera */
  display: -ms-flexbox;  /* Ustawienie flexbox dla kontenera */
  display: flex;  /* Ustawienie flexbox dla kontenera */
  -webkit-box-orient: vertical; /* Orientacja w pionie */
  -webkit-box-direction: normal; /* Kierunek układu (normalny - od góry do dołu) */
      -ms-flex-direction: column; /* Układ w kolumnie */
          flex-direction: column; /* Układ w kolumnie */
  -webkit-box-align: center; /* Wyrównanie elementów w pionie na środku */
      -ms-flex-align: center; /* Wyrównanie elementów w pionie na środku */
          align-items: center; /* Wyrównanie elementów w pionie na środku */
  text-align: center; /* Wyrównanie tekstu do środku */
}

.info_items .item .img-box {
  width: 80px; /* Szerokość kontenera */
  height: 80px; /* Wysokość kontenera */
  border-radius: 100%; /* Zaokrąglone rogi */
  background-color: #ffffff; /* Kolor tła*/
  background-repeat: no-repeat; /* Zapobiega powtarzaniu tła */
  background-position: center; /* Ustawia tło na środku kontenera */
  text-align: center; /* Wyrównanie tekstu do środku */
  line-height: 80px; /* Ustawienie wysokości linii */
  background-color: #ee4a65; /* Kolor tła*/
  color: #ffffff; /* Kolor tekstu */
}

.info_items .item .img-box i {
  font-size: 24px; /* Rozmiar czcionki */
}

.info_items .item p {
  margin-top: 25px; /* Zewnętrzny margines górny*/
  color: #fff; /* Kolor tekstu */
  margin-bottom: 0; /* Zewnętrzny margines dolny*/
}

.info_items .item:hover .img-box {
  background-color: #a30d2b; /* Kolor tła*/
}

.info_items {
  position: relative; /* Ustawia pozycjonowanie kontenera na relative */
}

.info_items::before {
  content: ""; /* Pusty pseudoelement */
  position: absolute; /* Pozycjonowanie absolutne względem rodzica */
  top: 65px; /* Przesunięcie linii 65px od góry */
  width: 75%; /* Szerokość linii ustawiona na 75% szerokości kontenera */
  height: 1px; /* Grubość linii (1px) */
  background-color: #fff;  /* Kolor tła*/
  left: 50%; /* Ustawienie linii na środku w poziomie */
  -webkit-transform: translateX(-50%); /* Przesunięcie linii w poziomie o połowę jej szerokości (centrowanie) */
          transform: translateX(-50%); /* Przesunięcie linii w poziomie o połowę jej szerokości (centrowanie) */
}

/*Koniec Sekcji informacje - info*/
/*Sekcja Stopki*/

.footer_section {
  background-color: #000000; /* Kolor tła*/
}

.footer_section p {
  margin: 0; /* Zewnętrzne marginesy*/
  padding: 25px 0; /* Wewnętrzne marginesy*/
  color: #ffffff; /* Kolor tekstu */
  text-align: center; /* Wyrównanie tekstu do środku */
  border-top: 0.8px solid #ffffff; /* Górne obramowanie */
}

.footer_section a {
  color: inherit; /* Kolor tekstu */
}

/* Koniec Sekcji Stopki*/Górne obramowanie */
}

.footer_section a {
  color: inherit; /* Kolor tekstu */
}

/* Koniec Sekcji Stopki*/