/* 
 Theme Name: Palac
 Theme URI: #
 Author: Roman Kukurudz
 Description: Szablon strony Palac
 Version: 1.0
 */

body 
{
    margin:auto;
    padding:0px;
    box-sizing: border-box;
}

div 
{
    margin:0px;
    padding:0px;
    box-sizing: border-box;

}

* {
    margin:0px;
    padding:0px;
    box-sizing: border-box;
    text-decoration: none;
}




.marker-maps 
{
width: 0.94vw;
height: 0.94vw;
}

.list-header {
    color: #332B2A;
    font-family: "Outfit", sans-serif;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.35vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    margin-top: -0.2vw;
    gap: 0.6vw;
}

.header-li-s 
{
width: 93.75vw;
height: 36.46vw;
border-radius: 0.52vw;
}

.video-header-li a {
color: #FFF;
text-align: center;
font-family: "Outfit", sans-serif;
font-size: 0.83vw;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.12px;
text-transform: uppercase;
}

.header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 90%;
    margin: auto;
    margin-bottom: 0.46vw;
    margin-left: 6.5vw;
    gap: 44.7vw;
    margin-top: 0.5vw;
}

.list-header-ul {
    display: flex;
    gap: 2.14vw;
    align-items: center;
    justify-content: flex-end;
    align-content: center;
}

.header-li-s {
    width: 92.9vw;
    height: 36vw;
    border-radius: 0.52vw;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: auto;
    object-fit: cover;
}

.video-container {
    position: relative;
    width: 94%;
    margin: auto;
}

.video-header 
{
  position: absolute;
    top: 1.97vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 91.6%;
    margin: auto;
    left: 3.6vw;  
}

.video-header-li 
{
  display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    gap: 5.5vw;  
}

.kontainer-center {
    position: absolute;
    width: 29.3vw;
    height: 36vw;
    background: linear-gradient(234deg, rgba(1, 44, 51, 0.00) 0%, rgba(1, 44, 51, 0.00) 100%), rgba(1, 44, 51, 0.50);
    backdrop-filter: blur(4px);
    left: 50%;
    transform: translate(-50%);
}

.logo_container 
{
  display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: auto;
    margin-top: 6.1vw;
    width: 17vw;  
}

.since_container 
{
      display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: auto;
    margin-top: 2.05vw;
    width: 8.9vw;  
}

.brand_container {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: auto;
    margin-top: 4vw;
    mix-blend-mode: luminosity;
    position: relative;
    z-index: 999999;
    width: 5.57vw;
    height: 7.86vw;
    filter: grayscale(100%);
}

body {
    background-image: url(img/body.webp);
    background-size: 100%;
    background-repeat: no-repeat;
}

.bl1-1 {
    width: 28.8vw;
    height: 16.98vw;
    background-blend-mode: luminosity, normal;
    border-radius: 0.52vw;
    background-size: cover;
    object-fit: cover;
}

.bl1-2 
{
width: 28.8vw;
height: 21.41vw;
background-blend-mode: luminosity, normal;
border-radius:0.52vw;
background-size:cover;
object-fit: cover;
}

.bl1-3 
{
width: 14.58vw;
height:23.85vw;
background-blend-mode: luminosity, normal;
border-radius:0.52vw;
background-size:cover;
object-fit: cover;
}

.bl1-4 
{
width: 14.53vw;
height: 14.32vw;
background-blend-mode: luminosity, normal;
border-radius:0.52vw;
background-size:cover;
object-fit: cover;
}

.flex_columns_1 {
width: 45.83vw;
height: 40.21vw;
background-blend-mode: luminosity, normal;
border-radius:0.52vw;
background-size:cover;
object-fit: cover;
}

.flex_columns_2 
{
display: flex;
    flex-direction: column;    
}

.flex_columns_3 {
    display: flex;
    flex-direction: column;
    margin-left: 0.4vw;
}

.flex_columns_1 {
    width: 45.4vw;
    height: 40.21vw;
    background-blend-mode: luminosity, normal;
    border-radius: 0.52vw;
    background-size: cover;
    object-fit: cover;
}

.sekcja2 
{
 display: grid;
    grid-template-columns: 47.4vw 30.5vw 17vw;
    margin: auto;
    justify-items: start;
    justify-content: start;
    margin-top: 1.8vw;
    margin-left: 3vw;   
}

.sekcja2 {
    display: grid;
    grid-template-columns: 47.4vw 30.5vw 17vw;
    margin: auto;
    justify-items: start;
    justify-content: start;
    margin-top: 1.8vw;
    margin-left: 3vw;
    margin-bottom: 3vw;
}

.bl1-1 {
    width: 28.8vw;
    height: 16.98vw;
    background-blend-mode: luminosity, normal;
    border-radius: 0.52vw;
    background-size: cover;
    object-fit: cover;
    margin-bottom: 1.7vw;
}

.bl1-4 {
    width: 14.53vw;
    height: 14.32vw;
    background-blend-mode: luminosity, normal;
    border-radius: 0.52vw;
    background-size: cover;
    object-fit: cover;
    margin-top: 1.6vw;
}


.bl1-1 {
    filter: grayscale(100%);
}
.bl1-2 {
    filter: grayscale(100%);
}
.bl1-3 {
    filter: grayscale(100%);
}
.bl1-4 {
    width: 14.53vw;
    height: 14.32vw;
    background-blend-mode: luminosity, normal;
    border-radius: 0.52vw;
    background-size: cover;
    object-fit: cover;
    margin-top: 1.7vw;
    filter: grayscale(100%);
}

.flex_columns_1 {
    width: 45.4vw;
    height: 40.1vw;
}

.liniar 
{
    width: 2.5vw;
height: 0.05vw;
background: #C8B989;
}

.flex_columnns1 {
    color: #C8B989;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 250;
    line-height: 3.07vw;
    letter-spacing: 0.44px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-top: 3.7vw;
    margin-left: 4.8vw;
    gap: 0.8vw;
}

.title_flex_columns1 {
    color: #FFF;
    font-family: "Outfit", sans-serif;
    font-size: 1.98vw;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 0.1vw;
    text-transform: uppercase;
    margin-left: 4.6vw;
    margin-top: 0.3vw;
}


.title_flex_columns2 {
    color: #FFF;
    text-align: justify;
    font-family: "Outfit", sans-serif;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.35vw;
    letter-spacing: 0.34px;
    margin-left: 4.77vw;
    margin-top: 2.8vw;
    width: 28.6vw;
}

.title_flex_columns3 {
    color: #FFF;
    text-align: left;
    font-family: "Outfit", sans-serif;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.33vw;
    letter-spacing: 0.34px;
    margin-left: 4.8vw;
    width: 36vw;
    margin-top: 1.3vw;
}

.class_s {
    width: 12.29vw;
    height: 2.08vw;
    border-radius: 0.26vw;
    background: #FFF;
    color: #000;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: auto;
    margin-top: 3.55vw;
}

.flex_columns_1 
{
    position: relative;
}

.zabuteks 
{
  position: absolute;
    right: 1.36vw;
    top: 3.7vw;
    width: 8.2vw;  
}

.sekcja3 {
    width: 96.88vw;
    height: 44.64vw;
    border-radius: 0.52vw 0 0 0.52vw;
    background: linear-gradient(69deg, rgba(246, 242, 227, 0.00) 62.19%, #FFF 100%), linear-gradient(259deg, rgba(0, 0, 0, 0.00) 49.15%, rgba(0, 0, 0, 0.20) 100%);
    background-blend-mode: normal;
    padding-top: 0vw;
    margin-top: 4vw;
    margin: auto;
    background-image: url(img/baner_slide.webp);
    background-size: cover;
    margin-left: 3vw;
}

.title_ol 
{
 color: #30291B;
text-align: center;
font-family: "Outfit", sans-serif;
font-size: 1.98vw;
font-style: normal;
font-weight: 250;
line-height: normal;
letter-spacing: 1.9px;
text-transform: uppercase;   
}

.slide 
{
width: 10.63vw;
height: 8.02vw;
border-radius: 0.52vw;
background-blend-mode: luminosity, normal;
}

.flex_title 
{
color: #30291B;
font-family: "Outfit", sans-serif;
font-size: 1.04vw;
font-style: normal;
font-weight: 300;
line-height: 1.3vw;
text-transform: uppercase;
}

.flex_secription {
color: #30291B;
font-family: "Outfit", sans-serif;
font-size: 0.89vw;
font-style: normal;
font-weight: 300;
line-height: 1.3vw;
letter-spacing: 0.34px;
}

.flex_columnns1s {
    color: #C8B989;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 250;
    line-height: 3.07vw;
    letter-spacing: 0.44px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-top: 3.7vw;
    margin-left: 36.9vw;
    gap: 0.8vw;
    padding-top: 3vw;
    padding-bottom: 0.4vw;
}

.slider-columns 
{
  display: flex;
    margin-left: 4.4vw;
    margin-top: 3.8vw;  
}

.flex_slider-slide 
{
 display: flex;
    gap: 2vw;
    width: 35vw;   
}

.flex_secription {
    color: #30291B;
    font-family: "Outfit", sans-serif;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.3vw;
    letter-spacing: 0.34px;
    margin-top: 0.5vw;
    width: 15vw;
}

.flex_slider-slide_down 
{
  margin-left: 9.4vw;
    width: 27vw;
    margin-top: 4.7vw;  
}

.flex_slider1 
{
     margin-left: -9vw;   
}

.flex_slider2 
{
     margin-left: -9.2vw;   
}

.dot_dots {
border:1px solid white;
width: 0.63vw;
height: 0.63vw;
border-radius:0.63vw;
background-color:#9D8D58;
}

.top_flex_slider_slide 
{
    position: relative;
}

.dot_dots {
    border: 1px solid white;
    width: 0.63vw;
    height: 0.63vw;
    border-radius: 0.63vw;
    background-color: #9D8D58;
    position: absolute;
    left: 2.2vw;
    top: 10.8vw;
}

.liniars_dots 
{
    position: absolute;
}

.liniars_dots1 
{
    position: absolute;
}

.dot_dots1 {
    border: 1px solid white;
    width: 0.63vw;
    height: 0.63vw;
    border-radius: 0.63vw;
    background-color: #9D8D58;
    position: absolute;
    left: 2vw;
    bottom: 12.53vw;
}

.liniars_dots {
    position: absolute;
    width: 0.05vw;
    height:3.13vw;
    opacity: 0.5;
    background: #9D8D58;
    left: 2.46vw;
}

.liniars_dots1 {
    position: absolute;
    width: 0.05vw;
    height: 3.13vw;
    opacity: 0.5;
    background: #9D8D58;
    left: 2.3vw;
    top: -3.1vw;
}

.podpis {
    color: #000;
    font-family: Outfit;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 0.48px;
    top: 8.8vw;
    position: absolute;
    margin-left: 4vw;
}

.podpis1 {
    color: #000;
    font-family: Outfit;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 0.48px;
    position: absolute;
    top: -2.4vw;
    left: 4vw;
}

.dots_list 
{
    width: 90.63vw;
height: 1px;
border:1px dotted black;
}

.sekcja3 
{
    position: relative;
}

.dots_list {
    width: 89.63vw;
    height: 1px;
    border: 1px dotted #0000002b;
    position: absolute;
    top: 23.77vw;
    left: 3.5vw;
}

.flex_slider-slide {
    display: flex;
    gap: 2vw;
    width: 35vw;
    height: 9.6vw;
}

.flex_slider1 {
    margin-left: -17vw;
}

.flex_slider2 {
    margin-left: -17.2vw;
}

.flex_slider 
{
      width: 27.45vw;  
}

.flex_slider-slide_down {
    margin-left: 9vw;
}

.slider-columns {
    display: flex;
    margin-left: 4.4vw;
    margin-top: 3.8vw;
    overflow: hidden;
}


.slider-columns {
    display: flex;
    transition: transform 0.5s ease-in-out; 
    /* Używamy fit-content lub bardzo dużej szerokości, aby slajdy się zmieściły */
    width:fit-content;
}

.flex_slider {
    /* Ustawia, że 3 slajdy mieszczą się w kontenerze-rodzicu */
    min-width: calc(100vw / 3); 
    max-width: calc(100vw / 3);
}

.flex_slider 
{
    flex-direction: column;
}

.slider-columns {
    display: flex;
    margin-left: 4.4vw;
    margin-top: 3.8vw;
    overflow: visible;
}

.flex_slider {
    min-width: calc(85vw / 3);
    max-width: calc(85vw / 3);
}

body {
    background-size: 100%;
    background-repeat: no-repeat;
    overflow-x: hidden;
}

.slider-wrapper 
{
 overflow: hidden;
    width: 96vw;   
}


.title_ol {
    color: #30291B;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 1.98vw;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 1.9px;
    text-transform: uppercase;
    margin-left: -3vw;
}

#prevBtn {
width: 2.08vw;
height: 2.08vw;
border-radius: 0.26vw;
border: 0.05vw solid #6C685C;
}

#nextBtn
{
width: 2.08vw;
height: 2.08vw;
border-radius: 0.26vw;
border: 0.05vw solid rgba(202, 179, 128, 0.52);
}

.left_rf {
width: 10.15vw;
height: 0.6vw;
}

.slider-navigation 
{
 display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    margin-right: 3.7vw;
    gap: 0.89vw;
    margin-top: 2vw;   
}

.left_rf {
    width: 1vw;
    height: 1vw;
}

.sekcja2 {
    display: grid;
    grid-template-columns: 47.4vw 30.5vw 17vw;
    margin: auto;
    justify-items: start;
    justify-content: start;
    margin-top: 1.8vw;
    margin-left: 3vw;
    margin-bottom: -1.9vw;
}

.class_s2s {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 35.2vw;
}

.flex_slider {
    min-width: calc(83vw / 3);
    max-width: calc(83vw / 3);
}
.flex_secription {
    color: #30291B;
    font-family: "Outfit", sans-serif;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.3vw;
    letter-spacing: 0.34px;
    margin-top: 0.5vw;
    width: 14.3vw;
}
.slider-navigation {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    margin-right: 4.1vw;
    gap: 0.89vw;
    margin-top: 2vw;
}



.flex_columnns1s_ppl {
    color: #C8B989;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 250;
    line-height: 3.07vw;
    letter-spacing: 0.44px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-top: -2.3vw;
    margin-left: auto;
    gap: 0.8vw;
    padding-top: 3vw;
    padding-bottom: 0.4vw;
}

.title_ol_ppl {
    color: #30291B;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 1.98vw;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 1.9px;
    text-transform: uppercase;
    margin-left: -1vw;
}

.flex_kol_1
{
width: 11.04vw;
height: 2.08vw;
border-radius: 0.26vw;
border: 0.05vw solid #E4E4E4;
background: #FFF;
color: #000;
text-align: center;
font-family: "Outfit", sans-serif;
font-size: 0.73vw;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.7px;
text-transform: uppercase;
}

.flex_kol_11 
{
width: 8.7vw;
height: 2.08vw;
border-radius: 0.26vw;
background: #6C685C;
color: #FFF;
text-align: center;
font-family: "Outfit", sans-serif;
font-size: 0.73vw;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.7px;
text-transform: uppercase;
}

.flex_lok 
{
 display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    gap: 1.59vw;
    margin-top: 1.6vw;   
}


.flex_kol_1 {
    width: 11.04vw;
    height: 2.08vw;
    border-radius: 0.26vw;
    border: 0.05vw solid #E4E4E4;
    background: #FFF;
    color: #000;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.flex_kol_11 {
    width: 8.7vw;
    height: 2.08vw;
    border-radius: 0.26vw;
    background: #6C685C;
    color: #FFF;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.flex_lok-ll 
{
     display: flex;
    gap: 1.5vw;
    position: absolute;
    right: 3.55vw;
    margin-top: -4vw;   
}

.flex_kol {
    display: flex;
    gap: 1.5vw;
    position: absolute;
    right: 3.5vw;
    margin-top: -4vw;
}

.flex_lok {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    gap: 1.59vw;
    margin-top: 2.6vw;
}

.flex_lok {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    gap: 1.59vw;
    margin-top: 2.6vw;
    margin-bottom: 3vw;
}

.data_wyb {
    width: 5.21vw;
    height: 1.3vw;
    border-radius: 0.52vw;
    background: #FFF;
    color: #000;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.4px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-bottom: 1vw;
}

.opis_wyb {
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 0.99vw;
font-style: normal;
font-weight: 300;
line-height: 1.61vw;
letter-spacing: 0.76px;
text-transform: uppercase;
}

.opis_wyb {
    color: #FFF;
    font-family: "Outfit", sans-serif;
    font-size: 0.99vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.61vw;
    letter-spacing: 0.76px;
    text-transform: uppercase;
    bottom: auto;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
}

.kontent-row 
{
    position: absolute;
    bottom: 2vw;
    left: 2vw;
}

.grid_src {
width: 17.03vw;
height: 17.08vw;
border-radius: 0.52vw;
object-fit: cover;
}

.galeria_grid 
{
      display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-top: 3vw;
    margin-bottom: 3vw;
    gap: 1.7vw;  
}

.sekcja5
{
  position: relative;
    background-size: cover;
    background-image: url(img/bane.webp);
    margin-top: -8vw;
    z-index: 1;
    padding-top: 7vw;
    padding-bottom: 3vw;
    margin-bottom: 3vw;  
}

.flex_lok {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    gap: 1.59vw;
    margin-top: 2.6vw;
    margin-bottom: 3vw;
    position: relative;
    z-index: 9;
}


.class_s2s1 {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 33.2vw;
}

.part_pat {
width: 7.34vw;
height: 4.43vw;
object-fit: contain;
}

.part_title {
color: #30291B;
font-family: "Outfit", sans-serif;
font-size: 1.98vw;
font-style: normal;
font-weight: 250;
line-height: normal;
letter-spacing: 1.9px;
text-transform: uppercase;
}


.flex_part_part 
{
      width: 100%;
    display: flex;
    justify-content: space-around;  
}

.flex_brand {
    display: grid;
    grid-template-columns: 17vw 1fr;
    justify-items: start;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding-left: 5vw;
    height: 165px;
    background-color: #ffffff45;
    margin-top: -8.6vw;
    z-index: 99;
    position: relative;
}

.sekcja5 {
    position: relative;
    background-size: cover;
    background-image: url(img/bane.webp);
    margin-top: -8vw;
    z-index: 1;
    padding-top: 7vw;
    padding-bottom: 12vw;
    margin-bottom: 0vw;
}

.sekcja6 
{
width: 100%;
height: 14.48vw;
background: radial-gradient(208.37% 172.62% at 76.93% -48.74%, rgba(32, 120, 135, 0.44) 0%, rgba(0, 26, 31, 0.44) 100%), #034B57;
}

.list_list a {
color: #FFF;
text-align: center;
font-family: "Outfit", sans-serif;
font-size: 0.83vw;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.lin 
{
width: 0.21vw;
height: 0.73vw;
}

.list_list 
{
  display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding-top: 2vw;
    gap: 3vw;  
}



.flex_lok.fg_kl {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.wyb img 
{
    width:100%;
}

.flex_lok.fg_kl {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 93%;
    margin: auto;
    gap: 2vw;
    margin-top: 3vw;
}

.flex_lok.fg_kl {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 93%;
    margin: auto;
    gap: 2vw;
    margin-top: 3vw;
    margin-bottom: 2.5vw;
}

.header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 90%;
    margin: auto;
    margin-bottom: 0.46vw;
    margin-left: 6.5vw;
    gap: 44.7vw;
    margin-top: 0.5vw;
}

.flex_slider-slide_down {
    margin-left: 8.98vw;
}

.flex_slider {
    min-width: calc(82.8vw / 3);
    max-width: calc(83vw / 3);
}
.flex_slider-slide {
    display: flex;
    gap: 1.9vw;
    width: 33vw;
    height: 9.6vw;
}

.slider-columns {
    display: flex;
    margin-left: 4.84vw;
    margin-top: 3.8vw;
    overflow: visible;
}

.flex_slider {
    min-width: calc(81.8vw / 3);
    max-width: calc(83vw / 3);
}

.class_s2s {
    position: absolute;
    left: 48.3%;
    transform: translate(-50%);
    top: 34.8vw;
}

.slider-navigation {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    gap: 0.89vw;
    margin-top: 1.66vw;
}

.flex_columnns1s_ppl {
    color: #C8B989;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 250;
    line-height: 3.07vw;
    letter-spacing: 0.44px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-top: -0.7vw;
    margin-left: auto;
    gap: 0.8vw;
    padding-top: 3vw;
    padding-bottom: 0.4vw;
}

.sekcja5 {
    position: relative;
    background-size: cover;
    background-image: url(img/bane.webp);
    margin-top: -8vw;
    z-index: 1;
    padding-top: 5.3vw;
    padding-bottom: 12vw;
    margin-bottom: 0vw;
}

.class_s.class_s2s.class_s2s1
{
 position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 32.99vw;   
}

.pat1 
{
  width: 10vw;
    margin-top: 1vw;  
}

.pat2 
{
width: 9vw;
    height: auto;
    margin-left: -1.3vw;
    margin-top: 0.4vw;
}

.pat3 
{
    width: 12vw;
    height: 7vw;
    margin-left: -1.2vw;
}

.flex_brand {
    display: grid;
    grid-template-columns: 12.9vw 1fr;
    justify-items: start;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding-left: 7vw;
    height: 8.59vw;
    background-color: #ffffff45;
    margin-top: -8.6vw;
    z-index: 99;
    position: relative;
}

.pat1 {
    width: 10vw;
    margin-top: 1.8vw;
    height: 4.5vw;
    margin-left: -0.5vw;
}

.pat2 {
    width: 6vw;
    height: 6vw;
    margin-left: -2vw;
    margin-top: 0.7vw;
}

.pat3 {
    width: 12vw;
    height: 7vw;
    margin-left: -2.2vw;
}

.pat4 
{
    width: 13vw;
    height: 5.5vw;
    margin-left: -6vw;
    margin-top: 1vw;
}

.pat5 
{
 width: 12vw;
    margin-left: -6vw;
    margin-top: 1.8vw;
    margin-right: 1.2vw;   
}

.list_list {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding-top: 1.9vw;
    gap: 2.4vw;
}


.slider-navigation12q {
    margin-right: 3.7vw;
}

.flexs_1-l1
{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 0.89vw;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.logo_foot 
{
width: 8.67vw;
height: 5.8vw;
object-fit: contain ;
}

.flexs_3 
{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 0.89vw;
font-style: normal;
font-weight: 400;
line-height: 1.3vw;
}

.sekcja6_flexs 
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;

}

.sekcja6_flexs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    width: 85%;
    margin: auto;
    margin-top: 3vw;
}

.polit 
{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 0.73vw;
font-style: normal;
font-weight: 400;
line-height: 1.35vw;
letter-spacing: 0.42px;
}

.flexs_2 
{
color: #FFF;
text-align: center;
font-family: "Outfit", sans-serif;
font-size: 0.78vw;
font-style: normal;
font-weight: 400;
line-height: 1.25vw;
}

.flexs_2 a {
opacity: 0.54;
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 0.78vw;
font-style: normal;
font-weight: 700;
line-height: 1.25vw;
}

.flexs_2 {
    color: #FFF;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 0.78vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 24vw;
}

.sekcja6_flexs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    width: 89%;
    margin: auto;
    margin-top: 2vw;
}

.ref 
{
display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    margin-top: 1vw;
    letter-spacing: 0.02vw;    
}

.ref {
display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 2.3vw;
    letter-spacing: 0.01vw;
    gap: 0.2vw;
}

.polit {
    color: #FFF;
    font-family: "Outfit", sans-serif;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.35vw;
    letter-spacing: 0.42px;
    display: flex;
    margin-top: 0vw;
    margin-top: 3vw;
}

.flexs_2 {
    color: #FFF;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 0.78vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    width: 22vw;
    margin-left: 6vw;
    margin-top: -0.4vw;
    gap: 1.4vw;
}

.flexs_3 {
    color: #FFF;
    font-family: "Outfit", sans-serif;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3vw;
    margin-top: -1vw;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    gap: 0.7vw;
    margin-right: -0.5vw;
}

.markers 
{
     width: 0.78vw;
    height: 0.78vw;   
}

.markers2 
{
  margin-top: 0.3vw;  
}

.flexs_1-l1 {
    color: #FFF;
    font-family: "Outfit", sans-serif;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    gap: 0.7vw;
}


.polit 
{
    opacity: 0.54;
}

.flexs_2 span 
{
  opacity: 0.54;   
}

.flexs_3 {
    font-weight: 300;
}

.flexs_2 {
    color: #FFF;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 0.78vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.25vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    width: 22vw;
    margin-left: 6vw;
    margin-top: -0.4vw;
    gap: 1.4vw;
}


.flex_brand {
    display: grid;
    grid-template-columns: 12.9vw 1fr;
    justify-items: start;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding-left: 7vw;
    height: 8.59vw;
    background-color: #ffffff73;
    margin-top: -8.6vw;
    z-index: 99;
    position: relative;
}

header {
    height: 9.27vw;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.header-custom li a {
color: #30291B;
text-align: center;
font-family: "Outfit", sans-serif;
font-size: 0.83vw;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.12px;
text-transform: uppercase;
}

.logo_img img {
width: 10.13vw;
height: 6.77vw;
}

.header-custom 
{
  display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    gap: 8vw;
    list-style: none;  
}

header {
    height: 9.27vw;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-bottom: -1.4vw;
}

.title_flex_columns1c 
{
    color: #30291B;
font-family: "Outfit", sans-serif;
font-size: 1.98vw;
font-style: normal;
font-weight: 250;
line-height: normal;
letter-spacing: 1.9px;
text-transform: uppercase;
}

.paragraf {
color: #9D8D58;
text-align: justify;
font-family: "Outfit", sans-serif;
font-size: 1.04vw;
font-style: normal;
font-weight: 300;
line-height: 1.35vw;
letter-spacing: 0.4px;
}

.div_paragraf {
color: #30291B;
text-align: justify;
font-family: Outfit;
font-size: 0.89vw;
font-style: normal;
font-weight: 300;
line-height: 1.35vw;
letter-spacing: 0.34px;
}

.about 
{
  display: flex;
    width: 93.8%;
    margin: auto;
    margin-top: 4vw;  
}


.flex_columnns1-kl {
    color: #C8B989;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 250;
    line-height: 3.07vw;
    letter-spacing: 0.44px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-top: 2vw;
    margin-left: 4.5vw;
    gap: 0.8vw;
}

.title_flex_columns1c-1 {
    color: #30291B;
    font-family: "Outfit", sans-serif;
    font-size: 1.98vw;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 1.9px;
    text-transform: uppercase;
    margin-left: 4.2vw;
}

.kontent_rowe 
{
 margin-left: 4.4vw;
    margin-top: 2.8vw;  
}

.paragraf {
    color: #9D8D58;
    text-align: justify;
    font-family: "Outfit", sans-serif;
    font-size: 1.04vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.35vw;
    letter-spacing: 0.4px;
    margin-bottom: 1.2vw;
}

.div_paragraf {
    color: #30291B;
    text-align: justify;
    font-family: Outfit;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.35vw;
    letter-spacing: 0.34px;
    margin-bottom: 2.7vw;
}

.div_paragraf {
    color: #30291B;
    text-align: justify;
    font-family: Outfit;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.35vw;
    letter-spacing: 0.34px;
    margin-bottom: 2.7vw;
    width: 38.3vw;
}

.paragraf12 
{
   margin-bottom: 1.4vw !important; 
}


.div_paragraf12 {
    margin-bottom: 1.2vw;
    width: 38.3vw;
}

.about 
{
  padding-left: 4.6vw;
    gap: 4.5vw;
    margin-top: 3.2vw;  
}

.about-mod 
{
 padding-left: 4.6vw;
    gap: 4.5vw;
    margin-top: 3.2vw;   
}

.left_about32 
{
  margin-top: -1.3vw;  
}


.about3 {
    padding-left: 0;
    gap: 4.5vw;
    margin-top: 4.1vw;
}

.about3 {
    padding-left: 0;
    gap: 4.5vw;
    margin-top: 4.1vw;
    gap: 0px;
}

.about11 {
    height: 31.25vw;
    width: 45.9vw;
}

.about33 {
    margin-top: 0vw;
}

.about15 {
width: 21.88vw;
height: 34.95vw;
object-fit: cover;
}


.left_about32 {
    margin-top: -1.3vw;
    display: flex;
    gap: 2vw;
}

.about11 {
    height: 31.25vw;
    width: 45.9vw;
    object-fit: cover;
}

.about11 {
    height: 31.25vw;
    width: 45.9vw;
    object-fit: cover;
    border-radius: 0.52vw;
}

.about15 {
    width: 21.88vw;
    height: 34.95vw;
    object-fit: cover;
    border-radius: 0.52vw;
}

.about1w 
{
     border-radius: 0.52vw;  
}

.section-31 
{
     margin-top: -2.5vw;   
}


.sekcja51 {
    position: relative;
    background-size: cover;
    background-image: url(img/bane.webp);
    margin-top: 4vw;
    z-index: 1;
    padding-top: 0.3vw;
    padding-bottom: 13vw;
    margin-bottom: 0vw;
}



.sekcja51ss {
    position: relative;
    background-size: cover;
    background-image: url(img/bane.webp);
    margin-top: 0vw;
    z-index: 1;
    padding-top: 0.3vw;
    padding-bottom: 17vw;
    margin-bottom: 0vw;
    background-size: 100% 64%;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-blend-mode: color;
    background-color: #ffffff5c;
}

.flex_brandd1 {
    display: grid;
    grid-template-columns: 12.9vw 1fr;
    justify-items: start;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding-left: 7vw;
    height: 8.59vw;
    background-color: #ffffffa8;
    margin-top: -8.6vw;
    z-index: 99;
    position: relative;
}

.class_s.class_s2s.class_s2s1-12 {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 28.5vw;
}

.sekcja51ss {
    position: relative;
    background-size: cover;
    background-image: url(img/bane.webp);
    margin-top: 0vw;
    z-index: 1;
    padding-top: 0.3vw;
    padding-bottom: 12vw;
    margin-bottom: 0vw;
    background-size: 100% 64%;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-blend-mode: color;
    background-color: #ffffff5c;
}

.section-533 
{
   margin-top: 3vw; 
}

.flex_columnns1s_ppl22 {
    color: #C8B989;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 250;
    line-height: 3.07vw;
    letter-spacing: 0.44px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-top: -0.7vw;
    margin-left: auto;
    gap: 0.8vw;
    padding-top: 1vw;
    padding-bottom: 0.4vw;
}

.class_s2s1-12-2 {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 26.5vw !important;
}


.black-col {
color:#30291B;
}

.black-col {
    color: #30291B;
    width: 35.6vw;
    text-align: justify;
}


.black-col b 
{
    font-weight: 600;
}

.bl1-18 
{
    filter: grayscale(0%);
}

.section-5-s5
{
  margin-top: 11vw;  
}

.sekcja2-row2
{
        grid-template-columns: 30.4vw 17vw 17vw;
    margin-top: 4vw;
}


.flex_columnns1s_ppl-cols {
    color: #C8B989;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 250;
    line-height: 3.07vw;
    letter-spacing: 0.44px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-top: -0.7vw;
    margin-left: auto;
    gap: 0.8vw;
    padding-top: 1.5vw;
    padding-bottom: 3vw;
    margin-left: 3.5vw;
    margin-bottom: -2vw;
}

.title_ol_ppl-cols {
    color: #30291B;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 1.98vw;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 1.9px;
    text-transform: uppercase;
    margin-left: 14vw;
    position: absolute;
    top: 9.5vw;
}


.fg_kl-cols {
    margin-top: 1vw !important;}

.wyb_1 {
width: 21.87vw;
height: 29.13vw;
border-radius: 0.52vw;
}

.opis_wyb {
    color: #FFF;
    font-family: "Outfit", sans-serif;
    font-size: 0.99vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.61vw;
    letter-spacing: 0.76px;
    text-transform: uppercase;
    bottom: auto;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    width: 95%;
}

.maska_black {
    width: 100%;
    height: 18vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.80) 100%);
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.wyb
{
    position: relative;
}

.galeria_grid {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: auto;
    margin-top: 3vw;
    margin-bottom: 3vw;
    gap: 1.7vw;
    margin-left: 3.5vw;
    width: 95%;
}

.wyb
{
    border-radius:0.52vw;
}

.maska_black {
    width: 100%;
    height: 18vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.80) 100%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-radius: 0.52vw;
    bottom: 0px;
}

.slick-arrow
{
    cursor:pointer;
}

#prevBtn {
    width: 2.08vw;
    height: 2.08vw;
    border-radius: 0.26vw;
    border: 0.05vw solid #6C685C;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    cursor: pointer;
}

#nextBtn {
    display: flex;
    width: 2.08vw;
    height: 2.08vw;
    border-radius: 0.26vw;
    border: 0.05vw solid rgba(202, 179, 128, 0.52);
    align-items: center;
    justify-content: center;
    align-content: center;
    cursor: pointer;
}


.class_s:hover {
    background: #c8b989;
    color:white;
    transition: 0.5s;
}

.class_s2s:hover 
{
background: #6C685C;
color:white;
transition: 0.5s;  
}


.class_s {
    border: 1px solid #0000001a;
}

.mark
{
color: #FFF;
text-align: center;
font-family: "Outfit", sans-serif;
font-size: 0.73vw;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.7px;
text-transform: uppercase;
width: 10.89vw;
height: 2.03vw;
border-radius: 0 0.52vw 0 0.52vw;
background: #6C685C;
position: absolute;
right:0px;
top:0px;
}

.kontent_min
{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 0.89vw;
font-style: normal;
font-weight: 300;
line-height: 1.3vw; 
letter-spacing: 0.02vw;
}

.opis_wyb {
    color: #FFF;
    font-family: "Outfit", sans-serif;
    font-size: 0.99vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.61vw;
    letter-spacing: 0.76px;
    text-transform: uppercase;
    bottom: auto;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    width: 95%;
}

.kontent_min {
    color: #FFF;
    font-family: "Outfit", sans-serif;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.3vw;
    letter-spacing: 0.02vw;
    margin-top: 1vw;
}

.mark {
    color: #FFF;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    width: 10.89vw;
    height: 2.03vw;
    border-radius: 0 0.52vw 0 0.52vw;
    background: #6C685C;
    position: absolute;
    right: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.maska_black {
    width: 100%;
    height: 18vw;
    background: linear-gradient(180deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0) 100%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-radius: 0.52vw;
    bottom: 0px;
}

.arrw {
width: 1.09vw !important;
height: 1.09vw !important;
}

.kontent-row {
    position: absolute;
    bottom: 1.3vw;
    left: 1.6vw;
    width: 86%;
}

.arrw {
    width: 1.09vw !important;
    height: 1.09vw !important;
    margin-top: 1.6vw;
}

.wyb_1 {
    object-fit: cover;
}







.wyb_1 {
    width: 21.87vw;
    height: 29.13vw;
    border-radius: 0.52vw;
    background-size: cover;
    background-position: center;
    background-blend-mode: darken;
    background-color: #00000059;
    -webkit-filter: grayscale(100%);
}

.maska_black {
    width: 100%;
    height: 18vw;
    background: linear-gradient(180deg, rgb(0 0 0 / 0%) 16%, rgb(0 0 0) 100%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-radius: 0.52vw;
    bottom: 0px;
    z-index: 9;
}

.kontent-row {
    position: absolute;
    bottom: 1.3vw;
    left: 1.6vw;
    width: 86%;
    z-index: 99;
}

.wyb_1 {
    width: 21.87vw;
    height: 29.13vw;
    border-radius: 0.52vw;
    background-size: cover;
    background-position: center;
    background-blend-mode: darken;
    background-color: #00000000;
    -webkit-filter: grayscale(0%);
}


.wyb:hover .wyb_1 {
    width: 21.87vw;
    height: 29.13vw;
    border-radius: 0.52vw;
    background-size: cover;
    background-position: center;
    background-blend-mode: darken;
    background-color: #00000066;
    -webkit-filter: grayscale(100%);
    transition: 0.5s;
}

.mark
{
    opacity:0;
}

.wyb:hover .mark {
    opacity: 1;
    z-index: 9;
}

.kontent_min {
    height: 0px;
    overflow: hidden;
    transition: 0.5s;
}

.wyb:hover .kontent_min {
    height: auto;
    overflow: hidden;
    transition: 0.5s;
    transition: height 1s;
}


.arrw {
    width: 1.09vw !important;
    height: 1.09vw !important;
    margin-top: 1.6vw;
    display: none;
    transition: 0.5s;
}

.wyb:hover .arrw {
display:block;
transition: 0.5s;
}



.wyb:hover .kontent_min {
    height: auto;
    overflow: hidden;
    transition: 2.5s;
    transition: height 1s !important;
}



.class_s2s1-12-kkk {
    top: 26.1vw !important;
}

.brand_pros
{
margin-top: 10vw;
}


.brand_pros {
    margin-top: 10vw;
    background-color: white;
}

.bgf {
    position: relative;
    left: auto;
    transform: none;
    top: auto !important;
    margin-top: 6vw;
    margin-bottom: 11vw;
}

.jj {
    background-color: #fffbf3;
    width: 100%;
    height: 60vw;
    position: absolute;
    top: 43.9vw;
    z-index: -1;
}


.bgf {
    position: relative !important;
    left: auto !important;
    transform: none !important;
    top: auto !important;
    margin-top: 5.6vw;
    margin-bottom: 12vw;
}


.sekcja2-22 {
    margin-left: 3vw;
    margin-bottom: -1.9vw;
}

.sekcja2-row2
{
    margin-bottom:0px;
}

.s_g 
{
width: 0.67vw;
height: 0.6vw;
}

.pags 
{
display: flex;
color: #000;
font-family: Outfit;
font-size: 0.73vw;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.84px;
}

.wroc_do 
{
width: 12.29vw;
height: 2.08vw;
border-radius: 0.26vw;
border: 0.05vw solid #E4E4E4;
background: #FFF;
color: #000;
text-align: center;
font-family: Outfit;
font-size: 0.73vw;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.7px;
text-transform: uppercase;
}

.sgg {
width: 2.08vw;
height: 2.08vw;
border-radius: 0.26vw;
border: 0.05vw solid #6C685C;
}

.sgg1
{
width: 2.08vw;
height: 2.08vw;
border-radius: 0.26vw;
border: 0.05vw solid rgba(202, 179, 128, 0.52);
}


.data_single {
width: 5.21vw;
height: 1.3vw;
border-radius: 0.52vw;
background: #6C685C;
color: #FFF;
text-align: center;
font-family: Outfit;
font-size: 0.73vw;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 1.4px;
}

.title_single 
{
color: #3F3F3F;
font-family: Outfit;
font-size: 1.98vw;
font-style: normal;
font-weight: 250;
line-height: 1.77vw;
letter-spacing: 1.52px;
text-transform: uppercase;
}

.kontent_single
{
color: #30291B;
text-align: justify;
font-family: Outfit;
font-size: 0.89vw;
font-style: normal;
font-weight: 300;
line-height: 1.35vw;
letter-spacing: 0.34px;
}

.single_gal
{
width: 17.03vw;
height: 17.03vw;
border-radius: 0.52vw;
}



body {
    background-color: #fffcf1;
}

.grid-single
{
      display: grid;
    grid-template-columns: 1fr 1fr;
    width: 94%;
    margin: auto;
    margin-top: 1.5vw;
    gap: 5vw;  
}

.data_single {
    width: 5.21vw;
    height: 1.3vw;
    border-radius: 0.52vw;
    background: #6C685C;
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.4px;
    margin-top: 2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.grid-single {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 94%;
    margin: auto;
    margin-top: 1.5vw;
    gap: 4.8vw;
}

.title_single {
    color: #3F3F3F;
    font-family: Outfit;
    font-size: 1.98vw;
    font-style: normal;
    font-weight: 250;
    line-height: 1.77vw;
    letter-spacing: 1.52px;
    text-transform: uppercase;
    margin-top: 1vw;
    margin-bottom: 2.6vw;
}

.right_single
{
    width:90%;
}

.kontent_single p 
{
 margin-bottom: 1.5vw;   
}

.single_galery
{
 display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-top: 2.2vw;
    gap: 2.1vw;   
}

.sgg {
    width: 2.08vw;
    height: 2.08vw;
    border-radius: 0.26vw;
    border: 0.05vw solid #6C685C;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.sgg1 {
    width: 2.08vw;
    height: 2.08vw;
    border-radius: 0.26vw;
    border: 0.05vw solid rgba(202, 179, 128, 0.52);
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.s_g {
    width: 1.09vw;
    height: 1.09vw;
}

.s_g1 {
    width: 1.09vw;
    height: 1.09vw;
}

.pags {
    display: flex;
    color: #000;
    font-family: Outfit;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.84px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    gap: 1vw;
}

.wroc_do {
    width: 12.29vw;
    height: 2.08vw;
    border-radius: 0.26vw;
    border: 0.05vw solid #E4E4E4;
    background: #FFF;
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.flex_single_pagination
{
  display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-top: 3.3vw;
    margin-bottom: 3.3vw;
    gap: 3vw;  
}


.flex_columns_1-leftf {
    width: 45.83vw;
    height: 24.74vw;
    display: flex;
}


.sekcja2_bo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: auto;
    justify-items: start;
    justify-content: start;
    margin-top: 1.8vw;
    margin-left: 3vw;
    margin-bottom: 3.1vw;
    width: 93.5%;
    gap: 1.6vw;
}


.bl1-18ss {
    filter: grayscale(100%);
    width: 100%;
}


.flex_columnns1-kontakt {
    color: #C8B989;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 250;
    line-height: 3.07vw;
    letter-spacing: 0.44px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-top: 2.4vw;
    margin-left: 4.8vw;
    gap: 0.8vw;
}

.black-col-kontakt
{
        color: #FFF;
    font-family: Outfit;
    font-size: 1.98vw;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 0.1vw;
    text-transform: uppercase;
}

.kol_gr-kontakt
{
 margin-top: 3.3vw;
    margin-left: 2vw;   
}

.tel_kol {
    color: #FFF;
    font-family: Outfit;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    gap: 0.7vw;
    margin-bottom: 0.8vw;
}

.tel_col1
{
    margin-top: 1vw;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    line-height: 1.45;
}

.flex_columns_1-leftf {
    width: 45.83vw;
    height: 24.74vw;
    display: flex;
    margin-top: -0.4vw;
}

.flex_columnns1-kontakt {
    color: #C8B989;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 250;
    line-height: 3.07vw;
    letter-spacing: 0.44px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-top: 2.8vw;
    margin-left: 4.8vw;
    gap: 0.8vw;
}

.flex_columns_1-leftf {
    width: 45.83vw;
    height: 24.74vw;
    display: flex;
    margin-top: -0.4vw;
    display: grid;
    grid-template-columns: 27vw 1fr;
}

.flex_columns_1-leftf {
    width: 45.83vw;
    height: 24.74vw;
    display: flex;
    margin-top: -0.4vw;
    display: grid;
    grid-template-columns: 23vw 1fr;
}

.kol_gr1
{
       display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    padding-top: 6.2vw; 
}

.prof_title
{
  color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 15vw;
    margin-top: 1.3vw;
    margin-bottom: 1.4vw;  
}

.href_ff
{
 width: 13.33vw;
    height: 2.08vw;
    border-radius: 0.26vw;
    border: 1px solid #E4E4E4;
    background: #FFF;
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    margin-top: 0.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
   
}


.sekcja2_bo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: auto;
    justify-items: start;
    justify-content: start;
    margin-top: 1.8vw;
    margin-left: 3vw;
    margin-bottom: 3.1vw;
    width: 96.5%;
    gap: 0;
}

.flex_columns_3-kontakt {
    display: flex;
    flex-direction: column;
    margin-left: 0;
    width: 95%;
}

.prof_title {
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 15.4vw;
    margin-top: 1.3vw;
    margin-bottom: 1.4vw;
}

.brand_pros_kontakt {
    margin-top: 9vw;
    background-color: #ffffff00;
}

.bl1-18ss {
    filter: grayscale(100%);
    width: 100%;
    height: 24.9vw;
    margin-top: -0.4vw;
}


.marker_kontakt
{
  position: absolute;
    z-index: 999;
    width: 4.06vw;
    height: 4.36vw;
    left: 46%;
    top: 11vw;
    object-fit: contain;  
}

.modal_kontakt
{
width: 41.3vw;
height: 39.06vw;
border-radius: 0.52vw 0 0.52vw 0.52vw;
background: #FFF;
box-shadow: 0 0.52vw 2.17vw 0 rgba(0, 0, 0, 0.09);
}

.title_modal
{
color: #30291B;
text-align: center;
font-family: Outfit;
font-size: 1.98vw;
font-style: normal;
font-weight: 250;
line-height: normal;
letter-spacing: 1.9px;
text-transform: uppercase;
}

.opis_modal
{
color: #9D8D58;
text-align: center;
font-family: Outfit;
font-size: 1.15vw;
font-style: normal;
font-weight: 250;
line-height: normal;
}

.title_flex_modal {
color: #767676;
font-family: Outfit;
font-size: 0.78vw;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.modal_kontakt {
    width: 41.3vw;
    height: 39.06vw;
    border-radius: 0.52vw 0 0.52vw 0.52vw;
    background: #FFF;
    box-shadow: 0 0.52vw 2.17vw 0 rgba(0, 0, 0, 0.09);
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 2vw;
}

.title_modal {
    color: #30291B;
    text-align: center;
    font-family: Outfit;
    font-size: 1.98vw;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 1.9px;
    text-transform: uppercase;
    margin-top: 1.3vw;
}

.opis_modal {
    color: #9D8D58;
    text-align: center;
    font-family: Outfit;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 250;
    margin: auto;
    line-height: normal;
    margin-top: 0.6vw;
    width: 53%;
    margin-bottom: 1.7vw;
}

.title_flex_modal {
    color: #767676;
    font-family: Outfit;
    font-size: 0.78vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 1vw;
    margin-left: 1.6vw;
}

.text_input
{
  width: 34.2vw;
    margin-left: 1.55vw;
    margin-top: 0.4vw;
    height: 1.8vw;
    border: 0px;
    border-bottom: 1px solid #0000001f;  
}

.text_input {
    width: 92%;
    margin-left: 1.55vw;
    margin-top: 0.4vw;
    height: 1.8vw;
    border: 0px;
    border-bottom: 1px solid #0000001f;
}

.grid_modal
{
     margin-top: -0.4vw;
    margin-bottom: -0.4vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1vw;
    width: 96%;   
}

.text_input_tre
{
  height: 6vw;  
}

.tre 
{
    margin-top: 0.6vw;
}

.chek
{
    width:1vw;
    height:1vw;
}

.akcept
{
      color: #000;
    font-family: Outfit;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    margin-top: 1.1vw;
    margin-left: 1.6vw;
    gap: 0.9vw;
    margin-bottom: 2.4vw;  
}

.sub
{
    width: 12.29vw;
    height: 2.08vw;
    border-radius: 0.26vw;
    background: #6C685C;
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    border: 0px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;

}

.close_modal
{
    width: 2.08vw;
height: 2.08vw;
border-radius: 0 0.26vw 0.26vw 0;
background: #6C685C;
}

.close_modal {
    width: 2.08vw;
    height: 2.08vw;
    border-radius: 0 0.26vw 0.26vw 0;
    background: #6C685C;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    right: -2vw;
    position: fixed;
    top: 0;
}

.profil1
{
     position: absolute;
    left: 3.5vw;
    top: 3.6vw;
    width: 3.6vw;   
}

.back_kontakts
{
 position: fixed;
    z-index: 9999;
    top: 0px;
    height: 100%;
    width: 100%;   
}





.back_kontakts
{
    display:none;
}

.modal_kontakt
{
   display:none; 
}

.top_linia
{
  position: absolute;
    width: 1px;
    height: 12.8vw;
    background-color: #ffffff36;  
}

.top_linia2 {
    position: absolute;
    width: 1px;
    height: 12.8vw;
    background-color: #ffffff36;
    left: 24vw;
}

@media (max-width:991px)
{
    .header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 90%;
    margin: auto;
    margin-bottom: 0.46vw;
    margin-left: 6.5vw;
    gap: 44.7vw;
    margin-top: 0.5vw;
    display: none;
}

.video-header {
    display: none;
    position: absolute;
    top: 1.97vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 91.6%;
    margin: auto;
    left: 3.6vw;
    display: none;
}

.video-container {
    position: relative;
    width: 100%;
    margin: auto;
}

.header-li-s {
    width: 100%;
    height: 100vh;
    border-radius: 0.52vw;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: auto;
    object-fit: cover;
    background-size: cover;
}

.kontainer-center {
    position: absolute;
    width: 84%;
    height: 100vh;
    background: linear-gradient(234deg, rgba(1, 44, 51, 0.00) 0%, rgba(1, 44, 51, 0.00) 100%), rgba(1, 44, 51, 0.50);
    backdrop-filter: blur(4px);
    left: 50%;
    transform: translate(-50%);
}

.logo_container {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: auto;
    margin-top: 25vh;
    width: 234px;
}

.since_container {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: auto;
    margin-top: 29px;
    width: 123px;
}

.brand_container {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: auto;
    margin-top: 38px;
    mix-blend-mode: luminosity;
    position: relative;
    z-index: 999999;
    width: 81px;
    height: auto;
    filter: grayscale(100%);
}

.sekcja2 {
    display: grid;
    grid-template-columns: 1fr;
    margin: auto;
    justify-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-left: 0;
    margin-bottom: 0;
    align-items: start;
    align-content: start;
}

.flex_columns_1 {
    width: 94%;
    height: auto;
}

.flex_columnns1 {
    color: #C8B989;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 250;
    line-height: 3.07vw;
    letter-spacing: 0.44px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: 25px;
    gap: 10px;
    color: #C8B989;
    text-align: center;
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 250;
    line-height: 36.733px;
    letter-spacing: 0.28px;
    margin-top: 12px;
}


.title_flex_columns1 {
    color: #FFF;
    font-family: "Outfit", sans-serif;
    font-size: 1.98vw;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 0.1vw;
    text-transform: uppercase;
    margin-left: 24px;
    margin-top: 0.3vw;
    color: #FFF;
    font-family: Outfit;
    font-size: 24px;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.liniar {
    width: 2.5vw;
    height: 0.05vw;
    background: #C8B989;
    width: 29.885px;
    height: 1px;
}

.title_flex_columns2 {
    color: #FFF;
    text-align: justify;
    font-family: "Outfit", sans-serif;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.35vw;
    letter-spacing: 0.34px;
    margin-left: 26px;
    margin-top: 13px;
    width: 74%;
    color: #FFF;
    font-family: Outfit;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.3px;
    text-align: left;
}

.title_flex_columns3-mj
{
  display:none;  
}

.class_s {
    width: 12.29vw;
    height: 2.08vw;
    border-radius: 0.26vw;
    background: #FFF;
    color: #000;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: auto;
    margin-top: 3.55vw;
    width: 206.5px;
    height: 35px;
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 12.25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.613px;
    text-transform: uppercase;
    margin-bottom: 39px;
}

.zabuteks {
    position: relative;
    right: 1.36vw;
    top: 3.7vw;
    width: 8.2vw;
    display: none;
}

.flex_columns_1 {
        border-radius: 10px;
    }

.zabiteks
{
  margin: auto;
    display: flex;
    margin-top: 34px;
    margin-bottom: 33px;  
}


.no_mobile 
{
    display:none !important;
}


.bl1-1 {
    width: 100%;
    height: 194px;
    background-blend-mode: luminosity, normal;
    border-radius: 10px;
    background-size: cover;
    margin-bottom: 1.7vw;
    object-fit: cover;
}

.flex_columns_2 {
    display: flex;
    flex-direction: column;
    width: 94%;
    margin-top: 10px;
}

.flex_columns_3 {
    display: grid;
    flex-direction: row;
    margin-left: 0;
    grid-template-columns: 1fr 1fr;
}

.bl1-3 {
    width: 100%;
    height: 153px;
    background-blend-mode: luminosity, normal;
    border-radius: 10px;
    background-size: cover;
    object-fit: cover;
}

.bl1-4 {
    width: 100%;
    height: 153px;
    background-blend-mode: luminosity, normal;
    border-radius: 10px;
    background-size: cover;
    object-fit: cover;
    margin-top: 0;
    filter: grayscale(100%);
}

.flex_columns_3 {
        display: grid;
        flex-direction: row;
        margin-left: 0;
        grid-template-columns: 1fr 1fr;
        width: 94%;
        gap: 10px;
        margin-top: 3px;
        margin-bottom: 9px;
    }

.bl1-2 {
    width: 94%;
    height: 194px;
    background-blend-mode: luminosity, normal;
    border-radius: 10px;
    background-size: cover;
    object-fit: cover;
}

.title_ol {
    color: #30291B;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 1.9px;
    text-transform: uppercase;
    margin-left: 0;
}

.flex_columnns1-lo {
        justify-content: center;
        align-content: center;
        align-items: center;
        margin-left: 0;
        gap: 10px;
        color: #C8B989;
        text-align: center;
        font-family: Outfit;
        font-size: 14px;
        font-style: normal;
        font-weight: 250;
        line-height: 36.733px;
        letter-spacing: 0.28px;
        margin-top: 12px;
        display: flex;
    }



.section-3-mobil
{
    display:none;
}

.slider-columns {
    display: flex;
    margin-left: 0;
    margin-top: 0;
    overflow: visible;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.flex_slider {
    min-width: 100%;
    max-width: 100%;
}

.slider-columns {
    display: flex;
    margin-left: 0;
    margin-top: 0;
    overflow: visible;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.flex_slider-slide {
    display: flex;
    gap: 10px;
    width: 100%;
    height: auto;
}

.flex_slider {
    width: 100%;
}

.sekcja3 {
    width: 94%;
    height: 100%;
    border-radius: 0.52vw 0 0 0.52vw;
    background: linear-gradient(69deg, rgba(246, 242, 227, 0.00) 62.19%, #FFF 100%), linear-gradient(259deg, rgba(0, 0, 0, 0.00) 49.15%, rgba(0, 0, 0, 0.20) 100%);
    background-blend-mode: normal;
    padding-top: 0vw;
    margin-top: 4vw;
    margin: auto;
    background-image: url(img/baner_slide.webp);
    background-size: cover;
    margin-left: 0;
    margin: auto;
}

.class_s.class_s2s {
    border-radius: 5px;
    position: relative;
    margin: auto;
    top: auto;
    left: auto;
    padding: 0px;
}

.dots_list-mob
{
    display:none;
}

.flex_slider-slide {
        display: flex;
        gap: 10px;
        width: 100%;
        height: auto;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: center;
        margin-top: 26px;
    }

    .slide {
    width: 10.63vw;
    height: 8.02vw;
    border-radius: 0.52vw;
    background-blend-mode: luminosity, normal;
    width: 266px;
    height: 154px;
}

.podpis1 {
    color: #000;
    font-family: Outfit;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 0.48px;
    position: relative;
    top: auto;
    left: auto;
    color: #000;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 0.48px;
}

.flex_title {
    color: #30291B;
    font-family: "Outfit", sans-serif;
    font-size: 1.04vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.3vw;
    text-transform: uppercase;
    color: #30291B;
    text-align: center;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.218px;
    text-transform: uppercase;
    width: 100%;
}

.flex_title br 
{
    display:none;
}

.flex_secription {
    color: #30291B;
    font-family: "Outfit", sans-serif;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.3vw;
    letter-spacing: 0.34px;
    margin-top: 0.5vw;
    width: 100%;
    color: #30291B;
    text-align: center;
    font-family: Outfit;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.3px;
    margin-top: 9px;
}

.flex_slider .liniars_dots 
{
    display:none;
}

.flex_slider .liniars_dots1
{
  display:none;  
}

    .flex_slider-slide {
        display: flex;
        gap: 10px;
        width: 100%;
        height: auto;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: center;
        margin-top: 26px;
        margin: auto;
        margin-top: 25px;
    }

    .flex_secription {
        color: #30291B;
        font-family: "Outfit", sans-serif;
        font-size: 0.89vw;
        font-style: normal;
        font-weight: 300;
        line-height: 1.3vw;
        letter-spacing: 0.34px;
        margin-top: 0.5vw;
        width: 88%;
        color: #30291B;
        text-align: center;
        font-family: Outfit;
        font-size: 15px;
        font-style: normal;
        font-weight: 300;
        line-height: 20px;
        margin: auto;
        letter-spacing: 0.3px;
        margin-top: 9px;
    }

    .podpis {
    color: #000;
    font-family: Outfit;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 0.48px;
    top: auto;
    position: relative;
    margin-left: auto;
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 24px;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 0.48px;
    margin-top: 15px;
    margin-bottom: 4px;
}

.podpis1 {
        color: #000;
        font-family: Outfit;
        font-size: 1.25vw;
        font-style: normal;
        font-weight: 250;
        line-height: normal;
        letter-spacing: 0.48px;
        position: relative;
        top: auto;
        left: auto;
        color: #000;
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 250;
        line-height: normal;
        letter-spacing: 0.48px;
        margin-top: 15px;
    }

.flex_columnns1 {
        color: #C8B989;
        text-align: center;
        font-family: "Outfit", sans-serif;
        font-size: 1.15vw;
        font-style: normal;
        font-weight: 250;
        line-height: 3.07vw;
        letter-spacing: 0.44px;
        display: flex;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        margin-top: 0;
        margin-left: 42px;
        gap: 10px;
        color: #C8B989;
        text-align: center;
        font-family: Outfit;
        font-size: 14px;
        font-style: normal;
        font-weight: 250;
        line-height: 36.733px;
        letter-spacing: 0.28px;
        margin-top: 32px;
    }

    .title_flex_columns1 {
        color: #FFF;
        font-family: "Outfit", sans-serif;
        font-size: 1.98vw;
        font-style: normal;
        font-weight: 250;
        line-height: normal;
        letter-spacing: 0.1vw;
        text-transform: uppercase;
        margin-left: 42px;
        margin-top: 5px;
        color: #FFF;
        font-family: Outfit;
        font-size: 24px;
        font-style: normal;
        font-weight: 250;
        line-height: normal;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }

        .title_flex_columns2 {
        color: #FFF;
        text-align: justify;
        font-family: "Outfit", sans-serif;
        font-size: 0.89vw;
        font-style: normal;
        font-weight: 300;
        line-height: 1.35vw;
        letter-spacing: 0.34px;
        margin-left: 44px;
        margin-top: 13px;
        width: 74%;
        color: #FFF;
        font-family: Outfit;
        font-size: 15px;
        font-style: normal;
        font-weight: 300;
        line-height: 20px;
        letter-spacing: 0.3px;
        text-align: left;
        line-height: 1.5;
    }

        .slide {
        border-radius: 10px;
        background-blend-mode: luminosity, normal;
        width: 266px;
        height: 154px;
        object-fit: cover;
    }

    .flex_title {
        color: #30291B;
        font-family: "Outfit", sans-serif;
        font-size: 1.04vw;
        font-style: normal;
        font-weight: 300;
        line-height: 1.3vw;
        text-transform: uppercase;
        color: #30291B;
        text-align: center;
        font-family: Outfit;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 18.218px;
        text-transform: uppercase;
        width: 66%;
        line-height: 1.4;
        margin: auto;
    }

    .bottom_flex_slider_slide
    {
          width: 75%;  
    }

.slider-navigation
{
    display:none;
}

    .flex_columnns1-lo {
        justify-content: center;
        align-content: center;
        align-items: center;
        margin-left: 0;
        gap: 10px;
        color: #C8B989;
        text-align: center;
        font-family: Outfit;
        font-size: 14px;
        font-style: normal;
        font-weight: 250;
        line-height: 36.733px;
        letter-spacing: 0.28px;
        margin-top: 12px;
        display: flex;
    }



    .sekcja3 {
        background-image: url(mob-background.png);
    }

.sekcja3 {
        background-image: url(mob-background.png);
        background-color: white;
        border-radius: 10px 0 0 10px;
        padding-bottom: 57px;
    }


.class_s.class_s2s {
        border-radius: 5px;
        position: relative;
        margin: auto;
        top: auto;
        left: auto;
        padding: 0px;
        margin-left: 0;
        margin-right: 0px;
        padding-right: 0px;
        padding-left: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
    }

    .class_s.class_s2s {
        border-radius: 5px;
        position: relative;
        margin: auto;
        top: auto;
        left: auto;
        padding: 0px;
        margin-left: 0;
        margin-right: 0px;
        padding-right: 0px;
        padding-left: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        transform: none;
        margin: auto;
        margin-top: 33px;
    }

    .flex_columnns1.flex_columnns1s.flex_columnns1s_ppl
    {
margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-top: 20px;
    }
.flex_kol {
    display: flex;
    gap: 10px;
    position: relative;
    right: auto;
    margin-top: 27px;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.flex_kol_1 {
    width: 11.04vw;
    height: 2.08vw;
    border-radius: 0.26vw;
    border: 0.05vw solid #E4E4E4;
    background: #FFF;
    color: #000;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 141px;
    height: 52px;
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #E4E4E4;
    background: #FFF;
}

.flex_kol_11 {
    width: 8.7vw;
    height: 2.08vw;
    border-radius: 0.26vw;
    background: #6C685C;
    color: #FFF;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 140px;
    height: 52px;
    border-radius: 5px;
    background: #6C685C;
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.flex_lok.fg_kl {
    display: grid;
    grid-template-columns: 1fr;
    width: 93%;
    margin: auto;
    gap: 10px;
    margin-top: 25px;
    margin-bottom: 10px;
}

.wyb {
    border-radius: 10px;
    width: 100%;
    height: 346px;
    margin: auto;
}

.wyb:hover .wyb_1 {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-blend-mode: darken;
    background-color: #00000066;
    -webkit-filter: grayscale(100%);
    transition: 0.5s;
}

.wyb_1 {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-blend-mode: darken;
    background-color: #00000000;
    -webkit-filter: grayscale(0%);
}

.maska_black {
    width: 100%;
    height: 18vw;
    background: linear-gradient(180deg, rgb(0 0 0 / 0%) 16%, rgb(0 0 0) 100%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-radius: 10px;
    bottom: 0px;
    z-index: 9;
}

.kontent-row {
    position: absolute;
    bottom: 24px;
    left: 24px;
    width: 86%;
    z-index: 99;
}

.data_wyb {
    width: 5.21vw;
    height: 1.3vw;
    border-radius: 8px;
    background: #FFF;
    color: #000;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.4px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-bottom: 12px;
    width: 80.974px;
    height: 20.244px;
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.2px;
}

.opis_wyb {
    color: #FFF;
    font-family: "Outfit", sans-serif;
    font-size: 0.99vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.61vw;
    letter-spacing: 0.76px;
    text-transform: uppercase;
    bottom: auto;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    width: 95%;
    color: #FFF;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 25.102px;
    letter-spacing: 0.64px;
    text-transform: uppercase;
}

.maska_black {
    width: 100%;
    height: 199px;
    background: linear-gradient(180deg, rgb(0 0 0 / 0%) 16%, rgb(0 0 0) 100%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-radius: 10px;
    bottom: 0px;
    z-index: 9;
}

.wyb:hover .kontent_min {
    height: auto;
    overflow: hidden;
    transition: 2.5s;
    transition: height 1s !important;
    display: none;
}

.mark {
    color: #FFF;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    width: 200px;
    height: 40px;
    border-radius: 0 10px 0 20px;
    background: #6C685C;
    position: absolute;
    right: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.arrw
{
    display:none;
}
.wybss_1
{
  display:none;  
}
.wybss_2
{
  display:none;  
}
.wybss_3
{
  display:none;  
}

.sekcja5 {
    position: relative;
    background-size: cover;
    background-image: none;
    margin-top: -22px;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 46px;
    margin-bottom: 0vw;
}

.class_s2s1_ffd
{
 position: relative !important;
    transform: none !important;
    left: auto !important;
    top: auto !important;
    border-radius: 5px !important;   
}

.galeria_grid {
    display: grid;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: auto;
    margin-top: 32px;
    margin-bottom: 32px;
    gap: 10px;
    margin-left: 0;
    margin-right: 0;
    width: 94%;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    padding: 0px;
    margin: auto;
    margin-top: 32px;
    margin-bottom: 32px;
}

.grid_src {
    width: 100%;
    height: 163px;
    border-radius: 10px;
    object-fit: cover;
}

.galeria_grid a
{
    width:100%;
}

.list_list {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding-top: 1.9vw;
    gap: 2.4vw;
    display: none;
}

.flexs_1-l1 {
    color: #FFF;
    font-family: "Outfit", sans-serif;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-family: Outfit;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.markers {
    width: 0.78vw;
    height: 0.78vw;
    width: 14px;
    height: 14px;
}

.flexs_3 {
    color: #FFF;
    font-family: "Outfit", sans-serif;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3vw;
    margin-top: -1vw;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    gap: 0.7vw;
    margin-right: -0.5vw;
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    margin: auto;
}

.sekcja6 {
    width: 100%;
    height: auto;
    background: radial-gradient(208.37% 172.62% at 76.93% -48.74%, rgba(32, 120, 135, 0.44) 0%, rgba(0, 26, 31, 0.44) 100%), #034B57;
}

.sekcja6_flexs {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 89%;
    margin: auto;
    margin-top: 20px;
    flex-direction: column;
    text-align: center;
}

.flexs_3 {
    color: #FFF;
    font-family: "Outfit", sans-serif;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3vw;
    margin-top: -1vw;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    margin-right: -0.5vw;
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    margin: auto;
}

.logo_foot {
    width: 8.67vw;
    height: 5.8vw;
    object-fit: contain;
    width: 189.697px;
    height: 102.452px;
}


.mobile_off
{
    display:none !important;
}

    .logo_foot {
        width: 8.67vw;
        height: 5.8vw;
        object-fit: contain;
        width: 189.697px;
        height: auto;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        padding-top: 62px;
    }

    .ref {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    letter-spacing: 1px;
    gap: 26px;
    text-align: center;
    font-weight: 400;
}

.ref {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    letter-spacing: 1px;
    gap: 27px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 33px;
}


    .markers_1 {
        width: 0.78vw;
        height: 0.78vw;
        width: 14px;
        height: 14px;
        margin-top: 3px;
        margin-right: -15px;
    }

.klas_mob
{
 color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 30px;
    opacity: 0.54;
    margin-bottom: 30px;   
}

.klas_mob a 
{
    color:white;
}

.flexs_1-l1 {
        letter-spacing: 0;
    }

.flexs_3 {
        line-height: 1.6;
        margin: auto;
    }

    .markers_1 {
        width: 0.78vw;
        height: 0.78vw;
        width: 14px;
        height: 14px;
        margin-top: 7px;
        margin-right: -20px;
    }


.flex_brand {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding-left: 0;
    height: auto;
    background-color: #ffffff00;
    margin-top: 34px;
    z-index: 99;
    position: relative;
}

.part_title {
    color: #30291B;
    font-family: "Outfit", sans-serif;
    font-size: 1.98vw;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 1.9px;
    text-transform: uppercase;
    color: #30291B;
    text-align: center;
    font-family: Outfit;
    font-size: 24px;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.part_pat {
    width: 85px;
    height: auto;
    object-fit: contain;
}

.flex_part_part {
    width: 100%;
    display: grid;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    gap: 10px;
    width: 94%;
}

.part_pat {
    width: 120px;
    height: auto;
    object-fit: contain;
}
.pa_3
{
    display:none;
}
.pa_4
{
    display:none;
}
.pa_5
{
    display:none;
}

.flex_part_part {
        width: 100%;
        display: grid;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        grid-template-columns: 1fr 1fr;
        justify-items: center;
        gap: 10px;
        width: 94%;
        margin-bottom: 39px;
    }

.mollj
{
     margin-top: 45px !important;
    margin-bottom: 45px !important;   
}

.flex_slider .liniars_dots {
        display: block;
        width: 10px;
        height: 1px;
        left: -10px;
        margin-top: -83px;
    }
.dot_dots {
    border: 0px solid white;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #9D8D58;
    position: absolute;
    left: -18px;
    top: 68px;
}

.flex_slider .liniars_dots1 {
        display: none;
        display: block;
        width: 10px;
        height: 1px;
        left: -10px;
        margin-top: 90px;
    }

    .dot_dots1 {
    border: 0px solid white;
    width: 12px;
    border-radius: 12px;
    background-color: #9D8D58;
    position: absolute;
    left: -18px;
    bottom: 118px;
    height: 12px;
}

    .dots_list-mob {
        display: block;
        width: 1px;
        height: 98%;
        margin-top: 18px;
        border: 1px dotted #0000001a;
        left: 41px;
        top: 88px;
    }

    .dots_list-mob {
        display: block;
        width: 1px;
        height: 94%;
        margin-top: 18px;
        border: 1px dotted #0000001a;
        left: 41px;
        top: 88px;
    }


header {
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-bottom: 25px;
    margin-top: 27px;
}

.logo_img img {
    width: 100px;
    height: auto;
}

.header-custom li a {
    color: #30291B;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    display: none;
}

.title_flex_columns3 {
    color: #FFF;
    text-align: left;
    font-family: "Outfit", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.34px;
    margin-left: 44px;
    width: 78%;
    margin-top: 10px;
    margin-bottom: 28px;
}

.about1w {
    border-radius: 10px;
    width: 100%;
}

.about3 {
    padding-left: 0;
    gap: 4.5vw;
    margin-top: 0px;
    gap: 0px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
}

.title_flex_columns1c-1 {
    color: #30291B !important;
    font-size: 24px !important;
}

.kontent_rowe {
    margin-left: 8px;
    margin-top: 20px;
}

.paragraf {
    color: #9D8D58;
    text-align: left;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 0.4px;
}

.div_paragraf12 {
    margin-bottom: 12px;
    width: 90%;
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
}

.div_paragraf {
    color: #30291B;
    text-align: justify;
    font-family: Outfit;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.34px;
    margin-bottom: 14px;
    width: 91%;
    margin-top: 13px;
}

.about-mod {
    padding-left: 0;
    gap: 10px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

.about15 {
    width: 100%;
    height: 285px;
    object-fit: cover;
    border-radius: 0.52vw;
}

.div_paragraf {
    color: #30291B;
    text-align: justify;
    font-family: Outfit;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.34px;
    margin-bottom: 14px;
    width: 100%;
    margin-top: 13px;
}

.about11 {
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.left_about
{
    width:100%;
}

    .sekcja3 {
        height: auto;
    }


body {
    background-color: #fffcf100;
}

   .sekcja2-22 .bl1-2 {
        width: 100%;
        height: 198px;
    }

   .sekcja2-22 .flex_columns_3 {
        display: grid;
        flex-direction: row;
        margin-left: 0;
        grid-template-columns: 1fr 1fr;
        width: 94%;
        gap: 10px;
        margin-top: 9px;
        margin-bottom: 9px;
    }

.sekcja2-22 {
        display: grid;
        grid-template-columns: 1fr;
        margin: auto;
        justify-items: center;
        justify-content: center;
        margin-top: -1px;
        margin-left: 0;
        margin-bottom: 0;
        align-items: start;
        align-content: start;
    }

  .sekcja2-22  .bl1-1 {
        width: 100%;
        height: 194px;
        background-blend-mode: luminosity, normal;
        border-radius: 10px;
        background-size: cover;
        margin-bottom: 10px;
        object-fit: cover;
    }

    .sekcja2-22 {
        display: grid;
        grid-template-columns: 1fr;
        margin: auto;
        justify-items: center;
        justify-content: center;
        margin-top: -1px;
        margin-left: 0;
        margin-bottom: 0;
        align-items: start;
        align-content: start;
        margin-bottom: 11px;
    }


}


@media (min-width:991px)
{
    .dektop_off
    {
        display:none !important;
    }
}

.class_s {
        border-radius: 4.375px;
    }

    .sekcja2 {
    position: relative;
}

.pt 
{
        position: absolute;
    z-index: 999;
    width: 10.83vw;
    left: 34.5vw;
    top: 31.9vw;
}

.href_ff:hover {
    border: 1px solid #c8b989;
    background: #c8b989;
    color: #ffffff;
    text-align: center;
    cursor:pointer;
    transition: 0.5s;
}



.header-custom li a:hover {
    color: #c8b989;
    transition: 0.5s;
}


.list_list a:hover {
    color: #c8b989;
    transition: 0.5s;
}

.active a 
{
  color: #c8b989 !important;   
}

.video-header-li a:hover {
    color: #9d8d58;
}

.active 
{
 color: #9d8d58 !important;   
}

.jj
{
    display:none;
}

.fea1 
{
        width: 45.83vw;
    height: 37.66vw;
    border-radius: 0.52vw;
    object-fit: cover;
}

.list_list {
    position: relative;
}


.close_modal {
    cursor: pointer;
}

@media (min-width:991px)
{
    .flex_kol_11 {
    width: 9.7vw;
}
}


@media (max-width:991px)
{
    .hamb {
    position: absolute;
    z-index: 9999999;
    top: 45px;
    left: 50%;
    transform: translate(-50%);
}

.menu_mobile
{
 width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    background-color: white;
    z-index: 999999999;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    align-items: center;   
}

.logo_menu
{
       margin-top: 115px;
    width: 217px;
    object-fit: contain; 
}

.menu_bar a 
{
  color: #434343;
    text-align: center;
    font-family: Outfit;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;  
}

.menu_bar
{
 display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 56px;
    gap: 20px;   
}

.bar_kontakt a 
{
  color: #332B2A;
    font-family: Outfit;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;  
}

.bar_kontakt
{
display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-top: 39px;
    border-top: 1px dotted #00000040;
    width: 100%;
    padding-top: 23px;
    gap: 7px;    
}

    .menu_mobile {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0px;
        background-color: white;
        z-index: 999999999;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        overflow-y: auto;
        padding-bottom: 30px;
    }

        .menu_bar {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin-top: 45px;
        gap: 20px;
    }

        .menu_mobile {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0px;
        background-color: white;
        z-index: 999999999;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        overflow-y: auto;
        padding-bottom: 30px;
        display:none;
        
    }

.hamb_active {
        position: fixed;
        z-index: 9999999;
        top: 0;
        left: 50%;
        transform: translate(-50%);
        background-color: #094955;
        width: 100%;
        object-fit: contain;
        height: 45px;
        padding: 14px;
    }

.hamb_close {
    position: absolute;
    top: 46px;
    left: 50%;
    transform: translate(-50%);
    width: 70px;
}

    .logo_img img {
        width: 135px;
        height: auto;
    }


.hamb1 {
        position: relative;
        z-index: 9999999;
        top: auto;
        left: auto;
        transform: none;
        background-color: #3b3a37;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        margin: auto;
        padding: 7px 17px;
        border-radius: 9px;
    }


        .header1 {
        height: auto;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        margin-bottom: 25px;
        margin-top: 27px;
        flex-direction: column;
        gap: 14px;
        padding-bottom: 20px;
        background-color: #fffefa;
    }

        .hamb_active {
        position: fixed !important;
        z-index: 9999999 !important;
        top: 0 !important;
        left: 50% !important;
        transform: translate(-50%) !important;
        background-color: #094955 !important;
        width: 100%;
        object-fit: contain;
        height: 45px;
        padding: 14px !important;
        border-radius: 0px !important;
    }


    .title_flex_columns1c-1-ssd {
        color: #30291B !important;
        font-size: 24px !important;
        margin-left: 9px;
    }

    .flex_columnns1-sss {
        margin-left: 11px;
    }

.slider-navigation.jkjkj
{
    display:none;
}

.title_ol.title_ol_ppl.title_ol_ppl-cols {
    margin-left: auto !important;
    position: relative !important;
    top: auto !important;
    margin-bottom: 22px !important;
}

    .flex_kol_mobis {
        display: flex;
        gap: 10px;
        position: relative;
        right: auto;
        margin-top: 27px;
        align-items: center;
        justify-content: center;
        align-content: center;
        margin-bottom: 27px;
    }

    .flex_kol_11-l {
        width: 160px !important;
    }

    .brand_pros {
    margin-top: 61px;
    background-color: white;
}

}


@media (min-width:991px)
{
    .title_flex_columns2 {
    font-size: 0.93vw;
}

.title_flex_columns3 {
    font-size: 0.93vw;
}

.kontainer-center {
    z-index: 99999;
}

.video-header-li a:hover {
    color: #fdfdfd;
    border-bottom: 1px solid white;
    padding-bottom: 0.5vw;
    transition: 0.5s;
}

.video-header-li a {
    color: #fdfdfd;
    border-bottom: 1px solid #ffffff00;
    padding-bottom: 0.5vw;
}

.sekcja3 .slider-navigation {
    visibility: hidden;
}

.div_paragraf {
    font-size: 0.93vw;
}

.paragraf {
    font-size: 1.2vw;
}

.class_s2s {
    transform: translate(-50%) !important;
}







}


@media (max-width:991px)
{
    .black-col
    {
        color:black;
    }


.sekcja2.sekcja2-22 a
{
  display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;  
}

    .sekcja2-22 {
        display: grid;
        grid-template-columns: 1fr;
        margin: auto;
        justify-items: center;
        justify-content: center;
        margin-top: -1px;
        margin-left: 0;
        margin-bottom: 0;
        align-items: start;
        align-content: start;
        margin-bottom: 0px;
    }

    .sekcja2.sekcja2-22 a {
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        width: 100%;
    }

    .sekcja2-22 {
        display: grid;
        grid-template-columns: 1fr;
        margin: auto;
        justify-items: center;
        justify-content: center;
        margin-top: -1px;
        margin-left: 0;
        margin-bottom: 0;
        align-items: start;
        align-content: start;
        margin-bottom: 11px;
    }



    .flex_columns_1-kontakt {
        width: 94%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
    }

.black-col-kontakt
{
    color:white;
}

.top_linia {
display:none;
}

.top_linia2
{
    display:none;
}

.wifhgt
{
    width:100%;
}

    .black-col-kontakt {
        color: white;
        width: 100%;
    }


.tel_kol {
    color: #FFF;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    gap: 11px;
    margin-bottom: 10px;
}



.sekcja2_bo .title_flex_columns3 {
        color: #FFF;
        text-align: left;
        font-family: "Outfit", sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 300;
        line-height: 1.5;
        letter-spacing: 0.34px;
        margin-left: 35px;
        width: 80%;
        margin-top: 32px;
        margin-bottom: 28px;
    }

.prof_title {
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 77%;
    margin-top: 20px;
    margin-bottom: 24px;
}

.href_ff {
    width: 49%;
    height: 39px;
    border-radius: 5px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    margin-top: 0.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-bottom: 27px;
}


    .flex_columns_3-kontakt {
        display: grid;
        flex-direction: row;
        margin-left: 0;
        grid-template-columns: 1fr;
        width: 94%;
        gap: 10px;
        margin-top: 19px;
        margin-bottom: 9px;
    }

    .marker_kontakt {
    position: absolute;
    z-index: 999;
    width: 100px;
    height: 60px;
    left: 36%;
    top: 11vw;
    object-fit: contain;
}

.marker_kontakt {
    position: absolute;
    z-index: 999;
    width: 100px;
    height: 60px;
    left: 36%;
    top: 24%;
    object-fit: contain;
}


    .sekcja2-bo {
        display: grid;
        grid-template-columns: 1fr;
        margin: auto;
        justify-items: center;
        justify-content: center;
        margin-top: 10px;
        margin-left: 0;
        margin-bottom: 0;
        align-items: start;
        align-content: start;
        width: 100%;
    }

        .tel_kol {
        color: #FFF;
        font-family: Outfit;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-content: center;
        align-items: flex-start;
        gap: 11px;
        margin-bottom: 10px;
        line-height: 1.5;
    }

    .tel_kol img 
    {
        margin-top: 5px;
    }

    .sekcja2_bo {
    width: 100% !important;
}

.modal_kontakt {
    width: 80%;
    height: 70vh;
    border-radius: 0.52vw 0 0.52vw 0.52vw;
    background: #FFF;
    box-shadow: 0 0.52vw 2.17vw 0 rgba(0, 0, 0, 0.09);
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
}

.title_modal {
    color: #30291B;
    text-align: center;
    font-family: Outfit;
    font-size: 21px;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: 1.9px;
    text-transform: uppercase;
    margin-top: 10px;
}

.opis_modal {
    color: #9D8D58;
    text-align: center;
    font-family: Outfit;
    font-size: 15px;
    font-style: normal;
    font-weight: 250;
    margin: auto;
    line-height: normal;
    margin-top: 15px;
    width: 78%;
    margin-bottom: 20px;
}

.title_flex_modal {
    color: #767676;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 10px;
    margin-left: 0px;
}

.text_input {
    width: 92%;
    margin-left: 0;
    margin-top: 4px;
    height: 27px;
    border: 0px;
    border-bottom: 1px solid #0000001f;
}

.chek {
    width: 38px;
    height: 38px;
}

.chek {
    width: 30px;
    height: 30px;
}

.akcept {
    color: #000;
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    display: grid;
    justify-content: center;
    align-items: center;
    margin-top: 23px;
    margin-left: 0;
    gap: 21px;
    margin-bottom: 20px;
    flex-direction: row;
    grid-template-columns: 24px 1fr;
}

.modal_kontakt {
    width: 80%;
    height: 82vh;
    border-radius: 0.52vw 0 0.52vw 0.52vw;
    background: #FFF;
    box-shadow: 0 0.52vw 2.17vw 0 rgba(0, 0, 0, 0.09);
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    padding: 15px;
}

.sub {
    width: 200px;
    height: 39px;
    border-radius: 5px;
    background: #6C685C;
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    border: 0px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.profil1 {
    position: absolute;
    left: 18px;
    top: 21px;
    width: 35px;
}

.close_modal {
    width: 50px;
    height: 50px;
    border-radius: 0 0.26vw 0.26vw 0;
    background: #6C685C;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    right: 0;
    position: fixed;
    top: 0;
}


.grid-single {
    display: grid;
    grid-template-columns: 1fr;
    width: 94%;
    margin: auto;
    margin-top: 20px;
    gap: 10px;
}

.fea1 {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    object-fit: cover;
}

.data_single {
    width: 100px;
    height: 37px;
    border-radius: 5px;
    background: #6C685C;
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.4px;
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.title_single {
    color: #3F3F3F;
    font-family: Outfit;
    font-size: 19px;
    font-style: normal;
    font-weight: 250;
    line-height: 1.77vw;
    letter-spacing: 1.52px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;
}

.kontent_single {
    color: #30291B;
    text-align: left;
    font-family: Outfit;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.34px;
}

.right_single {
    width: 95%;
}

.single_galery {
    display: grid;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-top: 20px;
    gap: 10px;
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
}

.single_gal {
    width: 100%;
    height: 187px;
    border-radius: 10px;
    object-fit: cover;
}

.single_galery a 
{
    width:100%;
}

.single_galery {
        display: grid;
        align-items: center;
        justify-content: center;
        align-content: center;
        margin-top: 20px;
        gap: 10px;
        flex-direction: column;
        grid-template-columns: 1fr 1fr;
        justify-items: center;
        width: 95%;
        margin: auto;
        margin-top: 22px;
    }

        .single_gal {
        width: 100%;
        height: 160px;
        border-radius: 10px;
        object-fit: cover;
    }

    .pags
    {
        display:none;
    }

    .wroc_do {
    width: 200px;
    height: 39px;
    border-radius: 5px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-top: 17px;
    margin-bottom: 17px;
}

    .title_single {
        line-height: 1.3;
    }























}



@media (min-width:991px)
{
    .about1w
    {
        width:45.83vw;
    }
}