@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Whisper&display=swap');



*{
    font-family:"Poppins", sans-serif;
    scroll-behavior: smooth; 
}
HTMl,BODY{
    margin: 0%;
    background-color: white;
}



::-webkit-scrollbar {
    width: 5px;
}
  
/* Track */
::-webkit-scrollbar-track {
    background: #d4d4d4; 
}
   
.footer_contact_map_tablet{
    display: none;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #0072ca; 
}
  
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}


/* Duże ekrany */
@media screen and (min-width: 1440px) {
    html, body{
        
    }

    .footer_contact_map_tablet{
        display: none;
    }

      
      #header {
        background-color: white;
        width: 98%;
        box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.822);
        height: 80px; /* Stała wysokość */
        z-index: 999;
        display: flex; /* Flexbox dla elastycznego układu */
        justify-content: center; /* Rozmieszczenie elementów */
        align-items: center; /* Wyśrodkowanie w pionie */
        padding: 0% 0% 0% 2%; /* Odstęp po bokach */
      }
      

      
      /* Ustawienie menu w nagłówku */
      .header-menu {
        width: 100%;
        height: 80px; /* Stała wysokość */
        display: flex;
        justify-content: space-between; /* Rozmieszczenie elementów */
        align-items: center; /* Wyśrodkowanie w pionie */
        margin-left: auto;
        margin-right: auto;
      }
      
      /* Logo - ustawienie wysokości */
      .logo {
        height: 60px; /* Wysokość logo */

      }
      
      /* Menu desktopowe - Flexbox do elastycznego układu */
      .desktop-menu {
        display: block;
        width:50%;
        font-size: 20px;
        float:left;
        
    }

    .desktop-menu ul {
        list-style: none;
        margin: 0;
        padding:0;
        background-color: #ffffff00;
        overflow: hidden;
        float:left;
        font-weight: 500;
        width:750px;
    }

    .desktop-menu ul li {
        float: left;
    }

    .desktop-menu ul li a {
        display: block;
        color: black;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        transition: 0.4s ease-in-out;
        
    }

    .desktop-menu ul li a:hover {
        color:#0072ca;
        transform:scale(1.1);
        letter-spacing: 1.3;
    }
      
    
    #main {
        width: 100%;
        text-align: left;
        background-image: url("/templates/it_blackwhite/images/baner2.jpg");
        background-size: cover;   /* Obraz skaluje się, aby wypełnić cały element */
        background-position: center;  /* Umieszczony na środku */
        background-repeat: no-repeat; /* Brak powtórzeń */
        height: 100vh;                /* Wysokość równą wysokości okna przeglądarki */
      }
       
    .main_resp{
        width: 1400px;
        margin-left: auto;
        margin-right: auto;
        overflow-y: hidden;
     
        
    }

    .main_text{
        color:white;
        font-size:38px;
        float: left;
        padding-top:17%;
        letter-spacing: 1.3;
        font-weight: 600;
        text-shadow: 2px 1px 1px black;
        padding-left:2%;
        letter-spacing: 0.3px;
        
    }

    .main_text_line{
        font-size:34px;
        float: left;
        padding-top:0.8%;
        letter-spacing: 1.3;
        font-weight: 500;
        text-shadow: 2px 1px 1px black;
        width:100%;
    }

    .button_main_text{
        float:left;
        margin-top:2%;
        width:200px;
        height:55px;
        font-size:18px;
        background-color: rgba(255, 255, 255, 0);
        border:1px solid white;
        border-radius:10px;
        color:rgb(255, 255, 255);
        font-weight: 600;
        transition: 0.3s ease-in-out;
    }

    .button_main_text:hover{
        color:black;
        background-color: white;
        border:none;
        cursor: pointer;
    }

    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
    } 
      
    /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
    .sticky + #main {
        padding-top:4.2%;
    } 

    
    .mobile_menu {
        display: none;
    }

    .mobile-menu-icon {
        display: none;
    }

    #mobile_menu ul{
        display:none;
    }

    #article_info{
        float:left;
        height:950px;
        background-color: white;
        width:100%;
    }
    .info_art{
        width: 1400px;
        height:950px;
        margin-left: auto;
        margin-right: auto;

    }

    .article_info_text{
        padding-right:12.5%;
        padding-left:12.5%;
        text-align: center;
        font-weight: 550;
        font-size:22px;
        letter-spacing: 0.3px;
    }

    .footer_contact_map{
        display: flex;
    justify-content: center; 
    align-items: center; 
    margin-top: 2%;
    margin-left:10%;
    float: left;
    height: 450px;
        width: 80%;
    }

    .article_info_title_style{
        color:#0A94DB ;
        text-shadow: 0.5px 0.5px 0.5px black;
    }

    .article_info_company_name_style{
        color:#0A94DB;
        text-shadow: 0.5px 0.5px 0.5px black;
    }

    .article_info_title{
        text-align: center;
        margin-bottom:2%;
        padding-top:7%;
        font-size:30px;
        font-weight: 650;
        letter-spacing: 0.3px;
    }
    
      
       
        .footer_contact_map_phone{
            display: none;
        }

    #article_offers{
        float:left;
        height:1000px;
        font-size:20px;
        background-color: #0072ca;
        width: 100%;
        
    }

    .article_offers_title{
        width: 100%;
        height:900px;
        margin-left: auto;
        margin-right: auto;
        
    }

   .title_offers{
        text-align: center;
        font-size: 40px;
        font-weight: 700;
        color: white;
        padding-top:7%;
   }
   
    .row{
        width: 100%;
        height: 350px;
        margin-top: 1%;
        float: left;
        display: flex;
            justify-content: space-evenly;
            align-items: center;
        
    }
    .row2{
        width: 100%;
        height: 390px;
        float: left;
        display: flex;
            justify-content: space-evenly;
            align-items: center;
    }


    .canal_img{
        height: 45px;
        width: 45px;
        float: left;
        
    }

    .canal_img_div{
        height: 233px;
        float: left;
        width: 80px; 
        display: flex;
        justify-content: center;
        align-items: top;
    }

    .canal_plus{
        width: 340px;
        height: 302px;
        float: left;
        color: white;
        padding-top:1.5%;
        padding-bottom:1.5%;
    }

    .canal_txt{
        color: white;
        float: left;
        margin-left: 2.9%;
        margin-right: 2.9%;
        padding-top: 3%;
        width: 70%;
        font-size: 14px;
        height: 223px;
        position:relative;
    }

    .canal_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        height: 66px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .canal_img_plus_offer{
        width: 35px;
        height: 35px;
        float: left;
        margin-right:1.5%;
        margin-left:1%;
    }

    .dekoder_img{
        width: 450px;
        height: 350px;
        float: left;
        margin-bottom:3%;
        margin-top:1%;
    }
    .footer_canal_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 70px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        border-bottom: none;
        position: absolute;
        bottom: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .canal_offer_txt{
        color:black;
        float: left;
        padding-left: 2%;
        height: 300px;
        font-size: 18px;
    }

    .canal_offer_img_and_txt{
        float: left;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width:100%;
        margin-bottom:1%;
    }

    .canal_img_logo{
        width:264px;
        height: 65px;
    }

    .canal_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 21px;
    }

    .canal_offer_txt_style{
        padding-bottom:0.8%;
        width:95%;
        float:left;
        padding-left:2.5%;
    }
    .canal_offer_txt_style_last_line{
        padding-bottom:0.8%;
        width:95%;
        float:left;
        padding-left:2.5%;
    }

    .scroll_canal_text {
        position: absolute;
        top: calc(350px + 4%); /* Wysokość dekodera plus jego margines */
        bottom: 70px; /* Wysokość stopki */
        left: 0;
        right: 0;
        overflow-y: auto;
    }
    

    .canal_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .canal_offer_title_style{
        padding-bottom:0.8%;
        width:100%;
        float:left;
        font-size: 21px;
        font-weight: 600;
    }

    .yanosik_img{
        height: 45px;
        width: 45px;
        float: left;
    }

    .yanosik_img_div{
        height: 233px;
        float: left;
        width: 80px; 
        display: flex;
        justify-content: center;
        align-items: top;
    }

    .yanosik{
        width: 340px;
        height: 302px;
        float: left;
        color: white;
        padding-top:1.5%;
        padding-bottom:1.5%;

    }

    .yanosik_txt{
        color: white;
        float: left;
        margin-left: 2.9%;
        margin-right: 2.9%;
        padding-top: 3%;
        width: 70%;
        font-size: 14px;
        height: 223px;
        position:relative;
    }

    .yanosik_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        height: 66px;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .yanosik_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .footer_yanosik_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 70px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        margin-top: 5.3%;
        border-bottom: none;
        position: absolute;
        bottom: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .yanosik_img_plus_offer{
        width: 45px;
        height: 45px;
        float: left;
        margin-right:1.5%;
        margin-left:1%;
    }

    .yanosik_offer_txt{
        color:black;
        float: left;
        padding-left: 2%;
        height: 300px;
        font-size: 18px;
        position:relative;
    }

    .scroll_yanosik_text {
        position: absolute;
        top: calc(400px + 3%); /* Wysokość dekodera plus jego margines */
        bottom: 70px; /* Wysokość stopki */
        left: 0;
        right: 0;
        overflow-y: auto;
    }

    .yanosik_offer_img_and_txt{
        float: left;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width:100%;
        margin-bottom:1%;
    }

    .yanosik_img_logo{
        width:175px;
        height: 30px;
        float:left;
    }

    .yanosik_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 21px;
        float:left;
    }

    .yanosik_offer_txt_style{
        padding-bottom:0.8%;
        width:95%;
        float:left;
        padding-left:2.5%;
    }

    .yanosik_offer_title_style{
        padding-bottom:0.8%;
        width:95%;
        float:left;
        font-size: 21px;
        font-weight: 600;
    }

    .yanosik_offer_img{
        margin-top:1%;
        height:380px;
        float:left;
        width:500px;
        margin-bottom:3%;
    }

    
    .akcesoria_img{
        height: 45px;
        width: 45px;
        float: left;
    }

    .akcesoria_img_div{
        height: 233px;
        float: left;
        width: 80px; 
        display: flex;
        justify-content: center;
        align-items: top;
    }

    .akcesoria{
        width: 340px;
        height: 302px;
        float: left;
        color: white;
        padding-top:1.5%;
        padding-bottom:1.5%;
    }

    .akcesoria_txt{
        color: white;
        float: left;
        margin-left: 2.9%;
        margin-right: 2.9%;
        padding-top: 3%;
        width: 70%;
        font-size: 14px;
        height: 223px;
        position:relative;
    }

    .akcesoria_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        height: 66px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .akcesoria_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .akcesoria_img_plus_offer{
        width: 40px;
        height: 40px;
        float: left;
        margin-right:1.5%;
        margin-left:1%;
    }

    .akcesoria_offer_txt{
        color:black;
        float: left;
        padding-left: 2%;
        height: 300px;
        font-size: 18px;
    }

    .akcesoria_offer_img_and_txt{
        float: left;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width:100%;
        margin-bottom:1%;
    }

    .scroll_akcesoria_text {
        position: absolute;
        top: calc(400px + 3%); /* Wysokość dekodera plus jego margines */
        bottom: 75px; /* Wysokość stopki */
        left: 0;
        right: 0;
        overflow-y: auto;
    }

    .eet_logo{
        width:100px;
        height: 25px;
        float:left;
    }

    .akcesoria_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 21px;
    }

    .akcesoria_offer_txt_style{
        padding-bottom:0.8%;
        width:90%;
        float:left;
        padding-left:2.5%;
    }

    .akcesoria_offer_title_style{
        padding-bottom:0.8%;
        width:100%;
        float:left;
        font-size: 21px;
        font-weight: 600;
    }

    
    .akcesoria_offer_img{
        margin-top:1%;
        height:350px;
        float:left;
        width:500px;
        margin-bottom:3%;
    }

    .footer_akcesoria_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 70px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        margin-top: 8.3%;
        border-bottom: none;
        position: absolute;
        bottom: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .akcesoria_offer_partner_style{
        color:gold;
        font-size: 26px;
        font-weight: 500;
        text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.8);
        float:left;
    }

    .maximum_logo{
        width:140px;
        height:40px;
        float:left;
        margin-left:1%;
    }

    .fireprotection_img{
        height: 45px;
        width: 45px;
        float: left;
    }

    .fireprotection_img_div{
        height: 233px;
        float: left;
        width: 80px; 
        display: flex;
        justify-content: center;
        align-items: top; 
    }

    .scroll_fireprotection_text {
        position: absolute;
        top: calc(400px + 3%); /* Wysokość dekodera plus jego margines */
        bottom: 70px; /* Wysokość stopki */
        left: 0;
        right: 0;
        overflow-y: auto;
        float:left;
    }

    .fireprotection{
        width: 340px;
        height: 302px;
        float: left;
        color: white;
        padding-top:1.5%;
        padding-bottom:1.5%;
    }

    .fireprotection_txt{
        color: white;
        float: left;
        margin-left: 2.9%;
        margin-right: 2.9%;
        padding-top: 3%;
        width: 70%;
        font-size: 14px;
        height: 223px;
        position:relative;
    }

    .fireprotection_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        height: 66px;
        width:100%;
        text-align: center;
    }

    .kamery_img_plus_offer{
        width: 40px;
        height: 40px;
        float: left;
        margin-right:1.5%;
        margin-left:1%;
    }
    
    .kamery_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
        
    }
    
    .kamery_offer_txt{
        color:black;
        float: left;
        padding-left: 2%;
        height: 300px;
        font-size: 18px;
    }
    
    .kamery_offer_img_and_txt{
        float: left;
        width: 100%;
        margin-bottom:1%;
    }
    
    .kamery_offer_txt_{
        font-size: 21px;
        width: 100%;
        text-align: center;
        float:left;
        color: rgb(97, 97, 97);

    }
    
    .kamery_offer_txt_style{
        padding-bottom:0.8%;
        width:90%;
        float:left;
        padding-left:2.5%;
    }
    
    .kamery_offer_title_style{
        padding-bottom:0.8%;
        width:90%;
        float:left;
        font-size: 21px;
        font-weight: 600;
    }
    
    .kamery_offer_img{
        margin-top:1%;
        height:350px;
        float:left;
        width:500px;
        margin-bottom:3%;
    }
    
    .footer_kamery_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 70px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        position: absolute;
        bottom: 0;
        border-bottom: none;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .monitoring_img{
        height: 45px;
        width: 45px;
        float: left;
    }

    .monitoring_img_div{
        height: 233px;
        float: left;
        width: 80px; 
        display: flex;
        justify-content: center;
        align-items: top;
    }

    .monitoring{
        width: 340px;
        height: 302px;
        float: left;
        color: white;
        padding-top:1.5%;
        padding-bottom:1.5%;
	    
    }

    .monitoring_txt{
        color: white;
        float: left;
        margin-left: 2.9%;
        margin-right: 2.9%;
        padding-top: 3%;
        width: 70%;
        font-size: 14px;
        height: 223px;
        position:relative;
    }

    .monitoring_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        height: 66px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .monitoring_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .monitoring_img_plus_offer{
        width: 40px;
        height: 40px;
        float: left;
        margin-right:1.5%;
        margin-left:1%;
    }

    .monitoring_offer_txt{
        color:black;
        float: left;
        padding-left: 2%;
        height: 300px;
        font-size: 18px;
    }

    .monitoring_offer_img_and_txt{
        float: left;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width:100%;
        margin-bottom:1%;
    }

    .scroll_monitoring_text{
        position: absolute;
        top: calc(400px + 3%); /* Wysokość dekodera plus jego margines */
        bottom: 70px; /* Wysokość stopki */
        left: 0;
        right: 0;
        overflow-y: auto;
    }

    .microview_logo{
        width:70px;
        height: 30px;
        float:left;
    }

    .monitoring_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 21px;
        float:left;
    }

    .monitoring_offer_txt_style{
        padding-bottom:0.8%;
        width:90%;
        float:left;
        padding-left:2.5%;
    }

    .monitoring_offer_title_style{
        padding-bottom:0.8%;
        width:90%;
        float:left;
        font-size: 21px;
        font-weight: 600;
    }

    .monitoring_offer_title_style_last{
        padding-bottom:0.8%;
        width:90%;
        float:left;
        font-size: 21px;
        font-weight: 600;
    }

    .monitoring_offer_img{
        margin-top:1%;
        height:350px;
        float:left;
        width:500px;
        margin-bottom:3%;
    }

    .footer_monitoring_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 70px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        margin-top: 8.3%;
        border-bottom: none;
        position: absolute;
        bottom: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .anteny_img{
        height: 45px;
        width: 45px;
        float: left;
    }

    .anteny_img_div{
        height: 233px;
        float: left;
        width: 80px; 
        display: flex;
        justify-content: center;
        align-items: top;
    }

    .anteny{
        width: 340px;
        height: 302px;
        float: left;
        color: white;
        padding-top:1.5%;
        padding-bottom:1.5%;
	    
    }

    .anteny_txt{
        color: white;
        float: left;
        margin-left: 2.9%;
        margin-right: 2.9%;
        padding-top: 3%;
        width: 70%;
        font-size: 14px;
        height: 223px;
        position:relative;
    }

    .anteny_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        height: 66px;
        text-align: center;
    }

    .maximum_logo_2{
        width:120px;
        height: 30px;
        float:left;
    }  

    .anteny_img_plus_offer{
        width: 40px;
        height: 40px;
        float: left;
        margin-right:1.5%;
        margin-left:1%;
    }

    .anteny_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    

    .anteny_offer_txt{
        color:black;
        float: left;
        padding-left: 2%;
        height: 300px;
        font-size: 18px;
    }

    .anteny_offer_img_and_txt{
        float: left;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width:100%;
        margin-bottom:1%;
    }

    .scroll_anteny_offer {
        position: absolute;
        top: calc(400px + 3%); /* Wysokość dekodera plus jego margines */
        bottom: 75px; /* Wysokość stopki */
        left: 0;
        right: 0;
        overflow-y: auto;
    }


    .anteny_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 21px;
    }

    .anteny_offer_txt_style{
        padding-bottom:0.8%;
        width:90%;
        float:left;
        padding-left:2.5%;
        font-size: 16px;
    }

    .anteny_offer_title_style{
        padding-bottom:0.8%;
        width:90%;
        float:left;
        font-size: 21px;
        font-weight: 600;
    }

    .anteny_offer_img{
        margin-top:1%;
        height:350px;
        float:left;
        width:500px;
        margin-bottom:0.1%;
    }

    .footer_anteny_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 70px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        margin-top: 8.3%;
        border-bottom: none;
        position: absolute;
        bottom: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .anteny_offer_partner_style{
        color:gold;
        font-size: 26px;
        font-weight: 500;
        text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.8);
        float:left;
    }

    .starlink_img{
        height: 45px;
        width: 45px;
        float: left;
    }

    .starlink_img_div{
        height: 233px;
        float: left;
        width: 80px; 
        display: flex;
        justify-content: center;
        align-items: top;
    }

    .starlink{
        width: 340px;
        height: 302px;
        float: left;
        color: white;
        padding-top:1.5%;
        padding-bottom:1.5%;
	    
    }

    .starlink_txt{
        color: white;
        float: left;
        margin-left: 2.9%;
        margin-right: 2.9%;
        padding-top: 3%;
        width: 70%;
        font-size: 14px;
        height: 223px;
        position:relative;
    }

    .starlink_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        height: 66px;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .starlink_img_plus_offer{
        width: 40px;
        height: 40px;
        float: left;
        margin-right:1.5%;
        margin-left:1%;
    }
    
    .starlink_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }
    
    .starlink_offer_txt{
        color:black;
        float: left;
        padding-left: 2%;
        height: 240px;
        font-size: 18px;
    }
    
    .starlink_offer_img_and_txt{
        float: left;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width:100%;
        margin-bottom:1%;
    }
    
    .starlink_offer_txt_{
        width:100%;
        font-size: 21px;
        width: 640px;
        text-align: center;
        float:left;
        color: rgb(97, 97, 97);
    }

    .scroll_starlink_offer {
        position: absolute;
        top: calc(500px + 3%); /* Wysokość dekodera plus jego margines */
        bottom: 70px; /* Wysokość stopki */
        left: 0;
        right: 0;
        overflow-y: auto;
    }
    
    .starlink_offer_txt_style{
        padding-bottom:0.8%;
        width:90%;
        float:left;
        padding-left:2.5%;
    }
    
    .starlink_offer_title_style{
        padding-bottom:0.8%;
        width:90%;
        float:left;
        font-size: 21px;
        font-weight: 600;
    }
    
    .starlink_offer_img{
        margin-top:1%;
        height:450px;
        float:left;
        width:375px;
        margin-bottom:3%;
    }
    
    .footer_starlink_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 70px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        border-bottom: none;
        position: absolute;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .entryphone_img{
        height: 45px;
        width: 45px;
        float: left;
    }

    .entryphone_img_div{
        height: 233px;
        float: left;
        width: 80px; 
        display: flex;
        justify-content: center;
        align-items: top;
    }

    .entryphone{
        width: 340px;
        height: 302px;
        float: left;
        color: white;
        padding-top:1.5%;
        padding-bottom:1.5%;
	    
    }

    .entryphone_txt{
        color: white;
        float: left;
        margin-left: 2.9%;
        margin-right: 2.9%;
        padding-top: 3%;
        width: 70%;
        font-size: 14px;
        height: 223px;
        position:relative;
    }

    .entryphone_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        height: 66px;
        text-align: center;
    }


    
.domofony_img_plus_offer{
    width: 40px;
    height: 40px;
    float: left;
    margin-right:1.5%;
    margin-left:1%;
}

.domofony_offer_title{
    float: left;
    width: 100%;
    font-size: 18px;
    text-align: center;
    height:100%;
    display: flex;
    justify-content: left;
    align-items: center;
}

.domofony_offer_txt{
    color:black;
    float: left;
    padding-left: 2%;
    height: 215px;
    font-size: 18px;
}

.domofony_offer_img_and_txt{
    float: left;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width:100%;
    margin-bottom: 1%;
}

.scroll_entryphone_offer{
    position: absolute;
    top: calc(400px + 3%); /* Wysokość dekodera plus jego margines */
    bottom: 70px; /* Wysokość stopki */
    left: 0;
    right: 0;
    overflow-y: auto;
    float:left;
}

.domofony_offer_txt_{
    width:100%;
    font-size: 21px;
    text-align: center;
    float:left;
    color: rgb(97, 97, 97);
}

.domofony_offer_txt_style{
    padding-bottom:0.8%;
    width:90%;
    float:left;
    padding-left:2.5%;
    font-size: 18px;
}

.domofony_offer_title_style{
    padding-bottom:0.8%;
    width:90%;
    float:left;
    font-size: 21px;
    font-weight: 600;
}

.domofony_offer_img{
    margin-top:1%;
    height:350px;
    float:left;
    width:500px;
    margin-bottom:3%;
}

.footer_domofony_div{
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 70px;
    float: left;
    box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
    position: absolute;
    bottom: 0;
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.offerDiv_bigger {
    transition: opacity 0.5s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.623);
    backdrop-filter: blur(2px);
    display: none;
    z-index: 999;
    overflow-y: hidden;

  }

  .offerDiv {
    transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Dodano transition dla opacity */
    position: fixed;
    top: -100%; /* Wyjeżdża z góry */
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.301);
    background-color: rgb(255, 255, 255);
    width: 95%;
    height: 91%;
    max-width: 1050px;
    z-index: 1000;
    overflow-y: hidden;
    opacity: 0; /* Ukryj za pierwszym razem */
    overflow-x: hidden; /* Uniemożliwienie przewijania poziomego */
  }




    .offer_title_art{
        background-color: rgb(83, 83, 83);
        width: 100%;
        height: 50px;
        box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.822);
        border-top:none;
        border-left:none;
        border-right:none;
    }
    
    
    .show_btn_offer{
        float: left;
        width:150px;
        height:35px;
        font-size:18px;
        background-color: rgba(255, 255, 255, 0);
        border:1.5px solid white;
        border-radius:5px;
        color:rgb(255, 255, 255);
        font-weight: 600;
        transition: 0.3s ease-in-out;
        
    }

    .show_btn_offer:hover{
        color:black;
        background-color: white;
        border:none;
        cursor: pointer;
    }

    .off_btn_offer{
        float: left;
        width:150px;
        height:45px;
        font-size:18px;
        background-color: #0072ca;
        border:1.5px solid white;
        color:rgb(255, 255, 255);
        font-weight: 600;
        transition: 0.4s ease-in-out;
    }
    .off_btn_offer:hover{
        color: white;
        filter: brightness(85%);
        border:none;
        cursor: pointer;
    }

    .show_btn_div_style{
        width: 100%;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        position:absolute;
        bottom:0;
        
    }


    #article_rodo {
        width: 100%;
        padding-top:8%;
        float:left;
        padding-bottom: 2%;
    }
    .rodo_art {
        width: 1400px;
        margin-left: auto;
        margin-right: auto;
        height: 600px;
    }

    .rodo_title{
        float:left;
        width:90%;
        font-size: 28px;
        font-weight: 600; 
        letter-spacing: 1px;
        font-family:'Courier New', Courier, monospace;
        margin-left: 5%;
        margin-bottom:1.5%;
    }
    .rodo_main{
        width: 90%;
        margin-left: 5%;
        float: left;
    }
    .accordion {
        float:left;
        width:90%;
        background-color: #fff;
        color: #333;
        border-radius: 5px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        margin-top:1%;
        margin-left: 5%;
    }

    .accordion-item {
        border-bottom: 1px solid #ddd;
    }

    .accordion-item:last-child {
        border-bottom: none;
    }

    .accordion-header {
        padding: 15px;
        cursor: pointer;
        border-bottom: 1px solid #ddd;
        background-color: #f9f9f9;
    }

    .accordion-content {
        padding: 15px;
        display: none;
        transition:max-height 0.2s ease-out;
    }

    .accordion-item.active .accordion-content {
        max-height: 1000px; 
    }

    .sort_icon{
        height:30px;
        width:30px;
        float:right;
    }

    #footer_contact{
        height:725px;
        width: 100%;
        background-color:#2c2c2c ;
        float:left;
    }
    .contact_foot{
        width: 1400px;
        height:720px;
        margin-left: auto;
        margin-right: auto;

    }

    .tel_span{
        text-decoration: none; 
        color: white; 
        cursor: text;
    }

    .article_contact_title{
        float:left;
        color:white;
        width:100%;
        text-align: center;
        padding-top:4%;
        font-size:32px;
        letter-spacing: 0.3px;
    }


    .article_footer_contact_text{
        margin-top:5%;
        height:425px;
        width:600px;
        float:left;
    }

    .input_contact_name{
        height:25px;
        float:left;
        width:100%;
        margin-bottom:2%;
        font-size:20px;
        padding:1%;
        background-image: url("/templates/it_blackwhite/images/user.png");
        background-size:3.5%;
        background-repeat: no-repeat;
        background-position:97%;
        border:none;
    }

    .input_contact_email{
        float:left;
        width:100%;
        margin-bottom:2%;
        height:25px;
        font-size:20px;
        padding:1%;
        background-image: url("/templates/it_blackwhite/images/mail.png");
        background-size:3.5%;
        background-repeat: no-repeat;
        background-position: 97%;
        border:none;
    }

    .textarea_contact_message{
        float:left;
        width:93.5%;
        height:200px;
        padding:1%;
        padding-right:7.5%;
        margin-bottom:2%;
        border:none;
        font-size:20px;
        background-image: url("/templates/it_blackwhite/images/pencil.png");
        background-size:3.5%;
        background-repeat: no-repeat;
        background-position:top 4% right 3%;
        resize:none;
    }

    .send_button_contact{
        float:left;
        margin-top:2%;
        width:200px;
        height:55px;
        font-size:18px;
        background-color:white;
        border:1px solid white;
        border-radius:10px;
        color:rgb(255, 255, 255);
        font-weight: 600;
        transition: 0.3s ease-in-out;
        color:black;
    }

    .send_button_contact:hover{
        color:white;
        background-color: #0A94DB;
        cursor: pointer;
        border:none;
    }

    .span_contact{
        float:left;
        width:100%;
    }

    .article_contact_info{
        float:left;
        width:725px;
        letter-spacing: 0.2px;
        margin-top:3.75%;
        margin-left:5%;
        color:whitesmoke;
        font-size:18px;
    }

    .location_icon_contact{
        float:left;
        padding-top:0.4%;
        padding-right:0.5%;
        width:20px;
        height:20px;
    }

    .phone_icon_contact{
        float:left;
        padding-top:0.4%;
        padding-right:0.6%;
        width:20px;
        height:20px;
    }

    .mail_icon_contact{
        float:left;
        padding-top:0.4%;
        padding-right:0.6%;
        width:20px;
        height:20px;
    
    }


    

    .footer_contact_map_phone{
        display: none;
        
    }

    

    #gallery{
        background-color: #EEEDE7;
        width: 100%;
        height: 1000px;
        float: left;

    }
    .gallery_div{
        width: 1400px;
        height: 1175px;
        margin-left: auto;
        margin-right: auto;
    }


    .container {
        text-align: center; /* Center the gallery */
      }
    
      .gallery-container {
        width: 1400px;
        height: 800px;
        overflow: hidden;
        position: relative;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        display: inline-flex; 
        align-items: center; 
        justify-content: center; 
        border-radius: 15px;
        margin-top: 6.2%;
      }
    
      .gallery-slides {
        display: flex;
        transition: transform 0.5s ease;
      }
    
      #slide {
        max-width: 100%; 
        max-height: 100%; 
        margin: auto; 
        object-fit: contain;

      }
    
      .nav-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        cursor: pointer;
        padding: 17.5px;
        z-index: 100;
        transition: background 0.3s ease;
        border-radius: 100px;
        font-size: 20px;
      }
    
      .nav-btn:hover {
        background: rgba(0, 0, 0, 0.8);
      }
    
      .prev {
        left: 10px;
      }
    
      .next {
        right: 10px;
      }

      /* Style for the stop/start button */
    .stop-start-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        cursor: pointer;
        padding: 10px 20px;
        z-index: 100;
        transition: background 0.3s ease;
    }
  
    .stop-start-btn:hover {
        background: rgba(0, 0, 0, 0.8);
    }


    #form-open {
        border: 2px solid #7d2ae8;
        border-radius: 7.5px;
        background: transparent;
        cursor: pointer;
        font-size: 20px;
        color: black;
        text-align: center;
        transition: 0.4s ease-in-out;
        list-style: none;
        background-color: #ffffff00;
        float:left;
        width:90px;
        margin-top:0.6%;
        text-align: center;
        font-weight: 500;
        height:45px;
      }

      #form-open:hover{
        color:white;
        background-color:#7d2ae8;
      }
    
      .mobile-menu {
        display: none; /* Ukryj przycisk na większych ekranach */
      }
      .menu-toggle{
        display: none;
      }

      .cred_social{
        width: 200px;
        float: left;
        padding-bottom: 5%;
    }

    .cred_social a{
        background-color: white;
        border-radius: 50%;
        padding: 5px;
        margin: 0 5px 5px;
        height: 30px;
        width: 30px;
        display: inline-block;
    }

    .article_copy{
        width: 100%;
        background-color: #2c2c2c;
        float: left;
        border-top: white 1px solid;

    }
    .copyright{
        width: 95%;
        float: left;
        color: #4b4b4b;
        height: 50px;
        margin-top: 2%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        text-align: center;
    }


    }
    



/* TELEFON */

@media  screen and  (min-width: 320px) and (max-width: 480px){
    HTML,BODY {
        
    }

    ::-webkit-scrollbar {
        width: 5px;
    }
      
    /* Track */
    ::-webkit-scrollbar-track {
        background: #d4d4d4; 
    }
       
    .footer_contact_map_tablet{
        display: none;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #0072ca; 
    }
      
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555; 
    }
    
    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
    }
      
    .sticky + #main {
        padding-top: 81px;
    }

    #gallery {
        display: none;
    }
    

    /* POCZATEK HEADERA I MENU */

    #header {
        background-color: white;
        width: 100%;
        float: left;
        box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.822);
        height: 100px;
        z-index: 999;
    }

    .header-container{
        padding: 0 10px 0px 10px;
        height: 100px;
    }

    .header-menu {
        width: 100%;
        float: left;
        margin-left: auto;
        margin-right: auto;
        padding: 5px 0 5px 0;
        height: 80px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .menu-icon {
        display: inline-block;
        cursor: pointer;
        float: right;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 3.5px;
        padding-bottom: 3.5px;
        background-color: rgb(214, 214, 214);
        border-radius: 4px;
        margin-right: 5%;
        margin-top: 1%;
    }

    /* Linie przycisku hamburgerowego */
    .menu-icon span {
        display: block;
        width: 25px;
        height: 2px;
        background-color: rgb(139, 139, 139);
        margin: 5px 0;
        
    }
    /* Checkbox do kontrolowania widoczności menu */
    .menu-toggle {
        display: none; /* Ukrywamy checkbox */
    }

    /* Definicja animacji dla rozwijania menu */
    @keyframes slideDown {
        from {
            height: 0;
            opacity: 0;
        }
        to {
            height: 224.9px;
            opacity: 1;
        }
    }
    
    /* Mobilne menu */
    .mobile-menu {
        display: none;
        position: absolute;
        top: 100px; /* Wysokość nagłówka */
        left: 0;
        width: 100%; /* Rozciąga się na całą szerokość */
        background-color: white;
        box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.822);
        z-index: 10;
        transition: height 0.5s ease, opacity 0.5s ease; /* Płynność animacji */
        overflow: hidden; /* Aby ukryć treści, które wychodzą poza menu */
        float: left;
    }

    /* Animacja rozwijania menu po włączeniu checkboxu */
    .menu-toggle:checked ~ .mobile-menu {
        display: block;
        animation: slideDown 1s ease;
        height: auto; /* Ustawiamy automatyczną wysokość, aby dopasować się do zawartości */
    }

    .mobile-menu ul {
        list-style: none;
        margin: 0;
        padding:0;
        background-color: #ffffff00;
        overflow: hidden;
        font-weight: 500;
    }
    
    .mobile-menu ul li {
        padding: 10px;
    }
    
    .mobile-menu ul li a {
        display: block;
        color: black;
        text-align: center;
        text-decoration: none;
        transition: 0.4s ease-in-out;
    }
    
    .mobile-menu ul li a:hover {
        color:#0072ca;
        transform:scale(1.1);
        letter-spacing: 1.3;
    }

    .logo {
        width: 222px;
        float: left;
        padding: 5px 0 5px 0;
        height: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /* KONIEC HEADERA I MENU */


    /* POCZATEK STRONY GLOWNEJ */

    #main {
        float:left; 
        width:100%; 
        text-align: left; 
        background-image: url("/templates/it_blackwhite/images/baner2.jpg");
        background-repeat: no-repeat;
        height:651px;
        background-position: center left;
        background-size:cover;
        
    }    
    .main_container{
        padding: 0 10px 0px 10px;
        height: 651px;

    }
    .main_resp{
        width: 100%;
        float: left;
        margin-left: auto;
        margin-right: auto;
        padding: 5px 0 5px 0;
        height: 600px;
        display: flex;
        justify-content: space-between;
        align-items: center;
       
    }

    .main_text{
        color:white;
        font-size:25px;
        float: left;
        letter-spacing: 1.3;
        font-weight: 600;
        text-shadow: 2px 1px 1px black;
        letter-spacing: 0.3px;
    
    }

    .main_text_line{
        font-size:23px;
        float: left;
        letter-spacing: 1.3;
        font-weight: 500;
        text-shadow: 2px 1px 1px black;
        width:100%;
    }

    .button_main_text{
        float:left;
        width:200px;
        height:55px;
        font-size:18px;
        background-color: rgba(255, 255, 255, 0);
        border:1px solid white;
        border-radius:10px;
        color:rgb(255, 255, 255);
        font-weight: 600;
        transition: 0.3s ease-in-out;
    }

    .button_main_text:hover{
        color:black;
        background-color: white;
        border:none;
        cursor: pointer;
    }

    /* KONIEC STRONY GLOWNEJ */


    /* POCZATEK INFORMACJI O FIRMIE */

    #article_info{
        float:left;
        height:735px;
        background-color: white;
        width:100%;

    }
    
    .info_art{
        width: 100%;
        height:735px;
        margin-left: auto;
        margin-right: auto;
        float: left;
    }

    .article_info_text{
        padding-right:7%;
        padding-left:7%;
        text-align: center;
        font-weight: 550;
        font-size:15px;
        letter-spacing: 0.3px;
    }

    .article_info_title_style{
        color:#0A94DB ;
        text-shadow: 0.5px 0.5px 0.5px black;
    }

    .article_info_company_name_style{
        color:#0A94DB  ;
        text-shadow: 0.5px 0.5px 0.5px black;
    }

    .article_info_title{
        width: 100%;
        text-align: center;
        margin-bottom:2%;
        padding-top:7%;
        font-size:25px;
        font-weight: 650;
        letter-spacing: 0.3px;
    }

    /* KONIEC USTAWIEN INFORMACJI O FIRMIE */


    /* KONIEC USTAWIEN MAPY */

    .footer_contact_map_phone{
        width: 100%;
        margin-top: 8%;
    }

    .footer_contact_map{
        display: none;
    }

    /* KONIEC USTAWIEN MAPY */


    /* POCZATEK USTAWIEN DOTYCZACYCH OFERT */
    
    #article_offers{
        float:left;
        height:2530px;
        font-size:25px;
        background-color: #0072ca;
        width: 100%;
        
    }

    .article_offers_title{
        width: 100%;
        height:2530px;
        margin-left: auto;
        margin-right: auto;
        float:left;
    }

   .title_offers{
        text-align: center;
        font-size: 30px;
        font-weight: 700;
        color: white;
        padding-top:7%;
        float:left;
        width:90%;
        margin-left: 5%;
        margin-right: 5%;
   }
   
    .row{
        width: 100%;
        height: 1215px;
        margin-top: 1%;
        float: left;
    }
    .row2{
        width: 100%;
        height: 1230px;
        float: left;
    }

    .show_btn_div_style{
        width:100%;
        height:70px;
        float:left;
        text-align: center;
        display: flex;
        justify-content: left;
        align-items: center;

    }

    /* KONIEC USTAWIEN DOTYCZACYCH OFERT */


    /* POCZATEK OFERTY CANAL PLUSA */

    .canal_img{
        height: 45px;
        width: 45px;
        padding-left: 20%;
        padding-right:20%;
        float: left;
       
    }

    .canal_img_div{
        height: 89.65%;
        float: left;
        width: 80px; 
    }

    .canal_plus{
        width: 95%;
        height: 230px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
        color: white;
        padding-bottom:5%;
        padding-top:5%;
    }

    .canal_txt{
        color: white;
        float: left;
        padding-top: 3%;
        width: 70%;
        font-size: 14px;
        height: 83%;
    }

    .canal_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float:left;
        text-align: center;
    }

    .canal_img_plus_offer{
        width: 35px;
        height: 35px;
        float: left;
        margin-right: 1%;
        margin-left: 3%;
    }

    .dekoder_img{
        width: 92%;
        height: 250px;
        float: left;
        margin:0% 4% 3% 4%;
    }

    .footer_canal_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 45px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        border-bottom: none;
        position: absolute;
        bottom: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .canal_offer_txt{
        color:black;
        float: left;
        font-size: 16px;
        width:92.5%;
        
    }

    .canal_offer_img_and_txt{
        float: left;
        width:92.5%;
    }

    .scroll_canal_text{
        width: 96%;
        max-height: calc(100% - 250px - 89px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
        float: left;
        overflow-y: auto;
        padding: 2% 0 2% 0;
        margin: 0% 2% 0 2%;
    }

    .canal_img_logo{
        width:125px;
        height: 35px;
    }

    .canal_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 17px;
        width: 100%;
        float: left;
    }

    .canal_offer_txt_style{
        padding-bottom:0.8%;
        float:left;
        padding-left:3.5%;
        width:100%;
        
    }
    .canal_offer_txt_style_last_line{
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .canal_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .canal_offer_title_style{
        padding-bottom:1.5%;
        width:100%;
        float:left;
        font-size: 18px;
        font-weight: 600;
    }

    /* KONIEC OFERTY CANAL PLUSA */



    /* POCZATEK OFERTY YANOSIKA */

    .yanosik_img{
        height: 45px;
        width: 45px;
        padding-left: 20%;
        padding-right:20%;
        float: left;
    }

    .yanosik_img_div{
        height: 89.65%;
        float: left;
        width: 80px; 
    }

    .yanosik{
        width: 95%;
        height: 290px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
        color: white;
        padding-bottom:5%;
        padding-top:5%;
    }

    .yanosik_txt{
        color: white;
        float: left;
        padding-top: 3%;
        width: 70%;
        font-size: 14px;
        height: 85%;
    }

    .yanosik_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float:left;
        text-align: center;
    }

    .yanosik_offer_img{
        width: 92%;
        height: 250px;
        float: left;
        margin:0% 4% 3% 4%;
    }

    .yanosik_img_plus_offer{
        width: 45px;
        height: 45px;
        float: left;
        margin-right: 1%;
        margin-left: 3%;
    }

    .footer_yanosik_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 45px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        margin-top: 5.3%;
        border-bottom: none;
        position: absolute;
        bottom: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .yanosik_offer_txt{
        color:black;
        float: left;
        font-size: 16px;
        width:92.5%;
    }

    .yanosik_offer_img_and_txt{
        float: left;
        width:92.5%;
        margin-bottom:5%;
    }

    .scroll_yanosik_text{
        width: 96%;
        max-height: calc(100% - 250px - 85px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
        float: left;
        overflow-y: auto;
        padding: 2% 0 2% 0;
        margin: 0% 2% 0 2%;
    }

    .yanosik_img_logo{
        width:120px;
        height: 25px;
        margin-top: 2%;
        float: left;
    }

    .yanosik_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 17px;
        width: 100%;
        float: left;
    }

    .yanosik_offer_txt_style{
        padding-bottom:0.8%;
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .yanosik_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }


    .yanosik_offer_title_style{
        padding-bottom:1.5%;
        width:100%;
        float:left;
        font-size: 18px;
        font-weight: 600;
    }

    /* KONIEC OFERTY YANOSIK */


    /* POCZATEK OFERTY AKCESORIA */

    .akcesoria_img{
        height: 45px;
        width: 45px;
        padding-left: 20%;
        padding-right:20%;
        float: left;
       
    }

    .akcesoria_img_div{
        height: 88%;
        float: left;
        width: 80px; 
    }

    .akcesoria{
        width: 95%;
        height: 255px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
        color: white;
        padding-bottom:5%;
        padding-top:5%;
    }

    .akcesoria_txt{
        color: white;
        float: left;
        padding-top: 3%;
        width: 70%;
        font-size: 14px;
        height: 84%;
    }

    .akcesoria_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float:left;
        text-align: center;
    }

    .akcesoria_img_plus_offer{
        width: 35px;
        height: 35px;
        float: left;
        margin-right: 2%;
        margin-left: 3%;
    }

    .akcesoria_offer_img{
        width: 92%;
        height: 250px;
        float: left;
        margin:0% 4% 3% 4%;
    }

    .eet_logo{
        width:100px;
        height: 25px;
        margin-top: 2%;
        float:left;
    }   

    .footer_akcesoria_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 45px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        margin-top: 5.3%;
        border-bottom: none;
        position: absolute;
        bottom: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .scroll_akcesoria_text{
        width: 96%;
        max-height: calc(100% - 250px - 65px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
        float: left;
        overflow-y: auto;
        padding: 2% 0 2% 0;
        margin: 0% 2% 0 2%;
    }

    .akcesoria_offer_txt{
        color:black;
        float: left;
        font-size: 16px;
        width:92.5%;
    }

    .akcesoria_offer_img_and_txt{
        float: left;
        width: 100%;
        margin-bottom:5%;
    }

    .akcesoria_img_logo{
        width:120px;
        height: 25px;
        margin-top: 2%;
        margin-left: 5%;
        float: left;
    }

    .akcesoria_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 17px;
        width: 100%;
        float: left;
    }

    .akcesoria_offer_txt_style{
        padding-bottom:0.8%;
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .akcesoria_offer_title{
        float: left;
        width: 100%;
        font-size: 16px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .maximum_logo{
        width:120px;
        height: 35px;
        float:left;
        margin-left:4%;
        margin-top: 1%;
        padding-bottom: 7%;
    }

    .akcesoria_offer_title_style{
         padding-bottom:1.5%;
        width:100%;
        float:left;
        font-size: 18px;
        font-weight: 600;
    }

    .akcesoria_offer_partner_style{
        color:gold;
        font-size: 24px;
        font-weight: 500;
        text-shadow: 1px 0.5px 0.5px rgba(0, 0, 0, 0.8);
        float:left;
    }

    /* KONIEC OFERT AKCESORI */


    /* POCZATEK OFERT SYSTEMOW PRZECIWPOZAROWYCH */

    .fireprotection_img{
        height: 45px;
        width: 45px;
        padding-left: 20%;
        padding-right:20%;
        float: left;
    }

    .fireprotection_img_div{
        height: 71%;
        float: left;
        width: 80px;  
        padding-top: 7%;
    }

    .fireprotection{
        width: 95%;
        height: 260px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
        color: white;
        padding-bottom:5%;
        padding-top:5%;
    }

    .fireprotection_txt{
        color: white;
        float: left;
        padding-top: 3%;
        width: 70%;
        font-size: 14px;
        height: 72%;
    }

    .fireprotection_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float:left;
        text-align: center;
    }

    .kamery_img_plus_offer{
        width: 35px;
        height: 35px;
        float: left;
        margin-right: 3%;
        margin-left: 3%;
    }

    .kamery_offer_img{
        width: 92%;
        height: 250px;
        float: left;
        margin:0% 4% 3% 4%;
    }

    .footer_kamery_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 45px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: none;
        position: absolute;
        bottom: 0%;
    }

    .kamery_offer_txt{
        color:black;
        float: left;
        font-size: 16px;
        width:92.5%;
    }

    .kamery_offer_img_and_txt{
        float: left;
        width:92.5%;
    }

    .scroll_fireprotection_text{
        width: 96%;
        max-height: calc(100% - 250px - 85px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
        float: left;
        overflow-y: auto;
        padding: 2% 0 2% 0;
        margin: 0% 2% 0 2%;
    }

    .kamery_img_logo{
        width:100px;
        height: 25px;
        margin-top: 2%;
        margin-left: 5%;
    }

    .kamery_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 17px;
        width: 100%;
        float: left;
    }

    .kamery_offer_txt_style{
        padding-bottom:0.8%;
        float:left;
        padding-left:3.5%;
        width:100%;
        
    }

    .kamery_offer_txt_style_last_line{
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .kamery_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .kamery_offer_title_style{
        padding-bottom:1.5%;
        width:100%;
        float:left;
        font-size: 18px;
        font-weight: 600;
    }

    /* KONIEC OFERT SYSTEMOW PRZECIWPOZAROWYCH */


    /* POCZATEK OFERT MONITORINGU */

    .monitoring_img{
        height: 45px;
        width: 45px;
        padding-left: 20%;
        padding-right:20%;
        float: left;
       
    }

    .monitoring_img_div{
        height: 78.5%;
        float: left;
        width: 80px;  
        padding-top: 7%;
    }

    .monitoring{
        width: 95%;
        height: 275px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
        color: white;
        padding-bottom:5%;
        padding-top:5%;
    }

    .monitoring_txt{
        color: white;
        float: left;
        padding-top: 3%;
        width: 70%;
        font-size: 14px;
        height: 85%;
    }

    .monitoring_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float:left;
        text-align: center;
    }

    .monitoring_img_plus_offer{
        width: 35px;
        height: 35px;
        float: left;
        margin-right: 5%;
        margin-left: 3%;
    }

    .monitoring_offer_img{
        width: 92%;
        height: 250px;
        float: left;
        margin:0% 4% 3% 4%;
    }

    .footer_monitoring_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 45px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        margin-top: 5.3%;
        border-bottom: none;
        position: absolute;
        bottom: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .monitoring_offer_txt{
        color:black;
        float: left;
        font-size: 16px;
        width:92.5%;
    }

    .monitoring_offer_img_and_txt{
        float: left;
        width:92.5%;
        margin-bottom:5%;
    }

    .monitoring_img_logo{
        width:125px;
        height: 35px;
    }

    .scroll_monitoring_text{
        width: 96%;
        max-height: calc(100% - 250px - 88px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
        float: left;
        overflow-y: auto;
        padding: 2% 0 2% 0;
        margin: 0% 2% 0 2%;
    }

    .monitoring_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 17px;
        width: 100%;
        float: left;
    }

    .monitoring_offer_txt_style{
        padding-bottom:0.8%;
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .monitoring_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .monitoring_offer_title_style{
        padding-bottom:1.5%;
        width:100%;
        float:left;
        font-size: 18px;
        font-weight: 600;
    }

    .microview_logo{
        width:70px;
        height: 30px;
        margin-top: 2%;
        float:left;
    }

    .monitoring_offer_title_style_last{ 
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    /* KONIEC OFERT MONITORINGU */


    /* POCZATEK OFERT ANTEN */

    .anteny_img{
        height: 45px;
        width: 45px;
        padding-left: 20%;
        padding-right:20%;
        float: left;
       
    }

    .anteny_img_div{
        height: 70%;
        float: left;
        width: 80px;  
        padding-top: 7%;
    }

    .anteny{
        width: 95%;
        height: 260px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
        color: white;
        padding-bottom:5%;
        padding-top:5%;
    }

    .anteny_txt{
        color: white;
        float: left;
        padding-top: 3%;
        width: 70%;
        font-size: 14px;
        height: 73%;
    }

    .anteny_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float:left;
        text-align: center;
    }

    .anteny_img_plus_offer{
        width: 35px;
        height: 35px;
        float: left;
        margin-right: 3%;
        margin-left: 3%;
    }

    .anteny_offer_img{
        width: 92%;
        height: 250px;
        float: left;
        margin:0% 4% 3% 4%;
    }

    .eet_logo{
        width:100px;
        height: 25px;
        margin-top: 2%;
        float:left;
    }   

    .footer_anteny_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 45px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        margin-top: 5.3%;
        border-bottom: none;
        position: absolute;
        bottom: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .scroll_anteny_offer{
        width: 96%;
        max-height: calc(100% - 250px - 75px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
        float: left;
        overflow-y: auto;
        padding: 2% 0 2% 0;
        margin: 0% 2% 0 2%;
    }

    .anteny_offer_txt{
        color:black;
        float: left;
        font-size: 16px;
        width:92.5%;
    }

    .anteny_offer_img_and_txt{
        float: left;
        width:92.5%;
    }

    .anteny_img_logo{
        width:120px;
        height: 25px;
        margin-top: 2%;
        margin-left: 5%;
        float: left;
    }

    .anteny_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 17px;
        width: 100%;
        float: left;
    }

    .anteny_offer_txt_style{
        padding-bottom:0.8%;
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .anteny_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .maximum_logo{
        width:120px;
        height: 35px;
        float:left;
        margin-left:4%;
        margin-top: 1%;
        padding-bottom: 7%;
    }

    .anteny_offer_title_style{
        padding-bottom:1.5%;
        width:100%;
        float:left;
        font-size: 18px;
        font-weight: 600;
    }

    .anteny_offer_partner_style{
        color:gold;
        font-size: 24px;
        font-weight: 500;
        text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.8);
        float:left;
    }

    .maximum_logo_2{
        width:115px;
        height: 35px;
        float:left;
        margin-top:3%;
        margin-bottom:5%;
        
    }  

    /* KONIEC OFERT ANTEN */


    /* POCZATEK OFERT STARLINKA */

    .starlink_img{
        height: 45px;
        width: 45px;
        padding-left: 20%;
        padding-right:20%;
        float: left;
       
    }

    .starlink_img_div{
         height: 78.5%;
        float: left;
        width: 80px; 
        padding-top: 7%;
    }

    .starlink{
        width: 95%;
        height: 250px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
        color: white;
        padding-bottom:5%;
        padding-top:5%;
    }

    .starlink_txt{
        color: white;
        float: left;
        padding-top: 3%;
        width: 70%;
        font-size: 14px;
        height: 85%;
    }

    .starlink_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float:left;
        text-align: center;
    }

    .starlink_img_plus_offer{
        width: 35px;
        height: 35px;
        float: left;
        margin-right: 5%;
        margin-left: 3%;
    }

    .starlink_offer_img{
        width: 92%;
        height: 250px;
        float: left;
        margin:0% 4% 3% 4%;
    }

    .footer_starlink_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 45px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        border-bottom: none;
        position: absolute;
        bottom: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .starlink_offer_txt{
        color:black;
        float: left;
        font-size: 16px;
        width:92.5%;
    }

    .starlink_offer_img_and_txt{
        float: left;
        width:92.5%;
    }

    .scroll_starlink_offer{
        width: 96%;
        max-height: calc(100% - 250px - 85px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
        float: left;
        overflow-y: auto;
        padding: 2% 0 2% 0;
        margin: 0% 2% 0 2%;
    }

    .starlink_img_logo{
        width:100px;
        height: 25px;
        margin-top: 2%;
        margin-left: 5%;
    }

    .starlink_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 17px;
        width: 100%;
        float: left;
    }

    .starlink_offer_txt_style{
        padding-bottom:0.8%;
        float:left;
        padding-left:3.5%;
        width:100%;
        
    }
    .starlink_offer_txt_style_last_line{
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .starlink_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .starlink_offer_title_style{
        padding-bottom:1.5%;
        width:100%;
        float:left;
        font-size: 18px;
        font-weight: 600;
    }

    /* KONIEC OFERT STARLINKA */


    /* POCZATEK OFERT DOMOFONOW */

    .entryphone_img{
        height: 45px;
        width: 45px;
        padding-left: 20%;
        padding-right:20%;
        float: left;
    }

    .entryphone_img_div{
         height: 67%;
        float: left;
        width: 80px;  
        padding-top: 7%; 
    }

    .entryphone{
        width: 95%;
        height: 240px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
        color: white;
        padding-bottom:5%;
        padding-top:5%;
    }

    .entryphone_txt{
        color: white;
        float: left;
        padding-top: 3%;
        width: 70%;
        font-size: 14px;
        height: 70%;
    }

    .entryphone_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float:left;
        text-align: center;
    }

    .domofony_img_plus_offer{
        width: 35px;
        height: 35px;
        float: left;
        margin-right: 3%;
        margin-left: 3%;
    }

    .domofony_offer_img{
        width: 92%;
        height: 250px;
        float: left;
        margin:0% 4% 3% 4%;
    }

    .footer_domofony_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 45px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: none;
        position: absolute;
        bottom: 0%;
    }

    .domofony_offer_txt{
        color:black;
        float: left;
        font-size: 16px;
        width:92.5%;
    }

    .domofony_offer_img_and_txt{
        float: left;
        width:92.5%;
    }

    .scroll_entryphone_offer{
        width: 96%;
        max-height: calc(100% - 250px - 85px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
        float: left;
        overflow-y: auto;
        padding: 2% 0 2% 0;
        margin: 0% 2% 0 2%;
    }

    .domofony_img_logo{
        width:100px;
        height: 25px;
        margin-top: 2%;
        margin-left: 5%;
    }

    .domofony_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 17px;
        width: 100%;
        float: left;
    }

    .domofony_offer_txt_style{
        padding-bottom:0.8%;
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .domofony_offer_txt_style_last_line{
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .domofony_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .domofony_offer_title_style{
        padding-bottom:1.5%;
        width:100%;
        float:left;
        font-size: 18px;
        font-weight: 600;
    }

    /* KONIEC OFERT DOMOFONOW */


    /* POCZATEK STYLI DO WYSUWAJACYCH SIE OFERT */

    .offer_title_art{
        background-color: rgb(83, 83, 83);
        width: 100%;
        height: 80px;
        box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.822);
        border-top:none;
        border-left:none;
        border-right:none;
    }

    .offerDiv_bigger {
        transition: opacity 0.5s ease-in-out;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.623);
        backdrop-filter: blur(2px);
        display: none;
        z-index: 999;
        overflow: hidden;
      }

      .stabilizacja_scroll_offer{
        height:35%;
        width: 96%;
        float: left;
        padding: 2% 0 4% 0;
        margin:0% 2% 0% 2%;
      }
    
      .offerDiv {
        transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Dodano transition dla opacity */
        position: fixed;
        top: -100%; /* Wyjeżdża z góry */
        left: 50%;
        transform: translate(-50%, -50%);
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.301);
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 91%;
        z-index: 1000;
        overflow-y:hidden;
        opacity: 0; /* Ukryj za pierwszym razem */
        overflow-x: hidden; /* Uniemożliwienie przewijania poziomego */
      }
    
    .offer_title_art{
        background-color: rgb(83, 83, 83);
        width: 100%;
        height: 60px;
        box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.822);
        border-top:none;
        border-left:none;
        border-right:none;
        }
        
    .show_btn_offer{
        float: left;
        width:150px;
        height:35px;
        font-size:18px;
        background-color: rgba(255, 255, 255, 0);
        border:1.5px solid white;
        border-radius:5px;
        color:rgb(255, 255, 255);
        font-weight: 600;
        transition: 0.3s ease-in-out;
        margin-top:2%;
        margin-bottom:2%;  
    }
    
    .show_btn_offer:hover{
        color:black;
        background-color: white;
        border:none;
        cursor: pointer;
    }
    
    .off_btn_offer{
        float: left;
        width:150px;
        height:35px;
        font-size:18px;
        background-color: #0072ca;
        border:1.5px solid white;
        color:rgb(255, 255, 255);
        font-weight: 600;
        transition: 0.4s ease-in-out;
    }

    .off_btn_offer:hover{
        color: white;
        filter: brightness(85%);
        border:none;
        cursor: pointer;
    }

    /* KONIEC STYLI DO WYSUWAJACYCH SIE OFERT */
    
    .desktop-menu {
        display: none;
    }

    #article_rodo {
        width: 100%;
        padding-top:8%;
        float:left;
        padding-bottom: 8%;
    }
    .rodo_art {
        width: 100%;
        height: 600px;
    }

    .rodo_title{
        float:left;
        width:90%;
        font-size: 28px;
        font-weight: 700; 
        letter-spacing: 1px;
        font-family:'Courier New', Courier, monospace;
        margin-left: 5%;
        margin-bottom:3.5%;
    }
    .rodo_main{
        width: 90%;
        margin-left: 5%;
        float: left;
        margin-bottom:2.5%;
    }
    .accordion {
        float:left;
        width:90%;
        background-color: #fff;
        color: #333;
        border-radius: 5px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        margin-top:1%;
        margin-left: 5%;
    }

    .accordion-item {
        border-bottom: 1px solid #ddd;
    }

    .accordion-item:last-child {
        border-bottom: none;
    }

    .accordion-header {
        padding: 15px;
        cursor: pointer;
        border-bottom: 1px solid #ddd;
        background-color: #f9f9f9;
    }

    .accordion-content {
        padding: 15px;
        display: none;
        transition:max-height 0.2s ease-out;
    }

    .accordion-item.active .accordion-content {
        max-height: 1000px; 
    }

    .sort_icon{
        height:30px;
        width:30px;
        float:right;
    }




    #gallery{
        display: none;

    }


    #footer_contact{
        width: 100%;
        background-color:#2c2c2c ;
        float:left;
    }
    .tel_span{
        text-decoration: none; 
        color: white; 
        cursor: text;
    }

   
    .contact_foot{
        width: 100%;

        margin-left: auto;
        margin-right: auto;

    }

    .article_contact_title{
        float:left;
        color:white;
        width:95%;
        text-align: center;
        padding-top:4%;
        font-size:28px;
        letter-spacing: 0.3px;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }


    .article_footer_contact_text{
        margin-top:5%;

        width:90%;
        float:left;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .input_contact_name{
        height:25px;
        float:left;
        width:100%;
        margin-bottom:2%;
        font-size:20px;
        padding:1%;
        background-image: url("/templates/it_blackwhite/images/user.png");
        background-size:3.5%;
        background-repeat: no-repeat;
        background-position:97%;
        border:none;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .input_contact_email{
        float:left;
        width:100%;
        margin-bottom:2%;
        height:25px;
        font-size:20px;
        padding:1%;
        background-image: url("/templates/it_blackwhite/images/mail.png");
        background-size:3.5%;
        background-repeat: no-repeat;
        background-position: 97%;
        border:none;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .textarea_contact_message{
        float:left;
        width:93.5%;
        height:200px;
        padding:1%;
        padding-right:7.5%;
        margin-bottom:2%;
        border:none;
        font-size:20px;
        background-image: url("/templates/it_blackwhite/images/pencil.png");
        background-size:3.5%;
        background-repeat: no-repeat;
        background-position:top 4% right 3%;
        resize:none;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .send_button_contact{
        float:left;
        margin-top:2%;
        width:100%;
        height:55px;
        font-size:18px;
        background-color:white;
        border:1px solid white;
        border-radius:10px;
        color:rgb(255, 255, 255);
        font-weight: 600;
        transition: 0.3s ease-in-out;
        color:black;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .send_button_contact:hover{
        color:white;
        background-color: #0A94DB;
        cursor: pointer;
        border:none;
    }

    .span_contact{
        float:left;
        width:100%;
    }

    .article_contact_info{
        float:left;
        width:95%;
        letter-spacing: 0.2px;
        margin-top:3.75%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        color:whitesmoke;
        font-size:16px;
    }

    .location_icon_contact{
        float:left;
        padding-top:0.4%;
        padding-right:0.5%;
        width:20px;
        height:20px;
    }

    .phone_icon_contact{
        float:left;
        padding-top:0.4%;
        padding-right:0.6%;
        width:20px;
        height:20px;
    }

    .mail_icon_contact{
        float:left;
        padding-top:0.4%;
        padding-right:0.6%;
        width:20px;
        height:20px;
    }
    
    .cred_social{
        width: 200px;
        float: left;
        padding-bottom: 5%;
    }

    .cred_social a{
        background-color: white;
        border-radius: 50%;
        padding: 5px;
        margin: 0 5px 5px;
        height: 30px;
        width: 30px;
        display: inline-block;
    }
    
    .article_copy{
        width: 100%;
        background-color: #2c2c2c;
        float: left;
        border-top: white 1px solid;

    }
    .copyright{
        width: 95%;
        float: left;
        color: #4b4b4b;
        height: 50px;
        margin-top: 5.5%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        text-align: center;
    }
}
/* MAŁE TABLETY */
@media screen and (min-width: 481px) and (max-width: 767px) {
    
    HTML,BODY {
    }   

    

    

    

    
    .desktop-menu {
        display: none;
    }
    
    .header-menu {
        display: none;
    }

    .footer_contact_map{
        display: none;
    }

    .footer_contact_map_phone{
        display: none;
    }
    

    .desktop-menu ul {
        display: none;
    }

    .desktop-menu ul li {
        display: none;
    }

    .desktop-menu ul li a {
        display: none;
    }

    ::-webkit-scrollbar {
        width: 5px;
    }
      
    /* Track */
    ::-webkit-scrollbar-track {
        background: #d4d4d4; 
    }
       
    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #0072ca; 
    }
      
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555; 
    }
    
    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
    }
      
    .sticky + #main {
        padding-top: 81px;
    }

    
    

    /* POCZATEK HEADERA I MENU */

    #header {
        background-color: white;
        width: 100%;
        float: left;
        box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.822);
        height: 100px;
        z-index: 999;
    }

    .header-container{
        padding: 0 10px 0px 10px;
        height: 100px;
    }

    .header-menu {
        width: 100%;
        float: left;
        margin-left: auto;
        margin-right: auto;
        padding: 5px 0 5px 0;
        height: 80px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .menu-icon {
        display: inline-block;
        cursor: pointer;
        float: right;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 3.5px;
        padding-bottom: 3.5px;
        background-color: rgb(214, 214, 214);
        border-radius: 4px;
        margin-right: 5%;
        margin-top: 1%;
    }

    /* Linie przycisku hamburgerowego */
    .menu-icon span {
        display: block;
        width: 25px;
        height: 2px;
        background-color: rgb(139, 139, 139);
        margin: 5px 0;
        
    }
    /* Checkbox do kontrolowania widoczności menu */
    .menu-toggle {
        display: none; /* Ukrywamy checkbox */
    }

    /* Definicja animacji dla rozwijania menu */
    @keyframes slideDown {
        from {
            height: 0;
            opacity: 0;
        }
        to {
            height: 225px;
            opacity: 1;
        }
    }
    
    /* Mobilne menu */
    .mobile-menu {
        display: none;
        position: absolute;
        top: 100px; /* Wysokość nagłówka */
        left: 0;
        width: 100%; /* Rozciąga się na całą szerokość */
        background-color: white;
        box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.822);
        z-index: 10;
        transition: height 0.5s ease, opacity 0.5s ease; /* Płynność animacji */
        overflow: hidden; /* Aby ukryć treści, które wychodzą poza menu */
        float: left;
    }

    /* Animacja rozwijania menu po włączeniu checkboxu */
    .menu-toggle:checked ~ .mobile-menu {
        display: block;
        animation: slideDown 1s ease;
        height: auto; /* Ustawiamy automatyczną wysokość, aby dopasować się do zawartości */
    }

    .mobile-menu ul {
        list-style: none;
        margin: 0;
        padding:0;
        background-color: #ffffff00;
        overflow: hidden;
        font-weight: 500;
    }
    
    .mobile-menu ul li {
        padding: 10px;
    }
    
    .mobile-menu ul li a {
        display: block;
        color: black;
        text-align: center;
        text-decoration: none;
        transition: 0.4s ease-in-out;
    }
    
    .mobile-menu ul li a:hover {
        color:#0072ca;
        transform:scale(1.1);
        letter-spacing: 1.3;
    }

    .logo {
        width: 222px;
        float: left;
        padding: 5px 0 5px 0;
        height: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /* KONIEC HEADERA I MENU */


    /* POCZATEK STRONY GLOWNEJ */

    #main {
        float:left; 
        width:100%; 
        text-align: left; 
        background-image: url("/templates/it_blackwhite/images/baner2.jpg");
        background-repeat: no-repeat;
        height:651px;
        background-position: center left;
        background-size:cover;
        
    }    
    .main_container{
        padding: 0 10px 0px 10px;
        height: 651px;

    }
    .main_resp{
        width: 100%;
        float: left;
        margin-left: auto;
        margin-right: auto;
        padding: 5px 0 5px 0;
        height: 600px;
        display: flex;
        justify-content: space-between;
        align-items: center;
       
    }

    .main_text{
        color:white;
        font-size:25px;
        float: left;
        letter-spacing: 1.3;
        font-weight: 600;
        text-shadow: 2px 1px 1px black;
        letter-spacing: 0.3px;
    
    }

    .main_text_line{
        font-size:23px;
        float: left;
        letter-spacing: 1.3;
        font-weight: 500;
        text-shadow: 2px 1px 1px black;
        width:100%;
    }

    .button_main_text{
        float:left;
        width:200px;
        height:55px;
        font-size:18px;
        background-color: rgba(255, 255, 255, 0);
        border:1px solid white;
        border-radius:10px;
        color:rgb(255, 255, 255);
        font-weight: 600;
        transition: 0.3s ease-in-out;
    }

    .button_main_text:hover{
        color:black;
        background-color: white;
        border:none;
        cursor: pointer;
    }

    /* KONIEC STRONY GLOWNEJ */


    /* POCZATEK INFORMACJI O FIRMIE */

    #article_info{
        float:left;
        height:720px;
        background-color: white;
        width:100%;

    }
    
    .info_art{
        width: 100%;
        height:720px;
        margin-left: auto;
        margin-right: auto;
        float: left;
    }

    .footer_contact_map_tablet{
        display: block;
        width: 100%;
      }

    .article_info_text{
        padding-right:7%;
        padding-left:7%;
        text-align: center;
        font-weight: 550;
        font-size:15px;
        letter-spacing: 0.3px;
        margin-bottom:2.5% ;
    }

    .article_info_title_style{
        color:#0A94DB ;
        text-shadow: 0.5px 0.5px 0.5px black;
    }

    .article_info_company_name_style{
        color:#0A94DB ;
        text-shadow: 0.5px 0.5px 0.5px black;
    }

    .article_info_title{
        width: 100%;
        text-align: center;
        margin-bottom:2%;
        padding-top:7%;
        font-size:25px;
        font-weight: 650;
        letter-spacing: 0.3px;
    }

    /* KONIEC USTAWIEN INFORMACJI O FIRMIE */


    /* KONIEC USTAWIEN MAPY */


    /* KONIEC USTAWIEN MAPY */


    /* POCZATEK USTAWIEN DOTYCZACYCH OFERT */
    
    #article_offers{
        float:left;
        height:2410px;
        font-size:25px;
        background-color: #0072ca;
        width: 100%;
        
    }

    .article_offers_title{
        width: 100%;
        height:2410px;
        margin-left: auto;
        margin-right: auto;
        float:left;
    }

   .title_offers{
        text-align: center;
        font-size: 30px;
        font-weight: 700;
        color: white;
        padding-top:7%;
        float:left;
        width:90%;
        margin-left: 5%;
        margin-right: 5%;
   }
   
    .row{
        width: 100%;
        height: 1100px;
        margin-top: 1%;
        float: left;
    }
    .row2{
        width: 100%;
        height: 1200px;
        float: left;
    }

    .show_btn_div_style{
        width:100%;
        height:70px;
        float:left;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    /* KONIEC USTAWIEN DOTYCZACYCH OFERT */


    /* POCZATEK OFERTY CANAL PLUSA */

    .canal_img{
        height: 45px;
        width: 45px;
        padding-left: 20%;
        padding-right:20%;
        float: left;
       
    }

    .canal_img_div{
        height: 89.65%;
        float: left;
        width: 80px; 
    }

    .canal_plus{
        width: 95%;
        height: 230px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
        color: white;
        padding-bottom:2.5%;
        padding-top:2.5%;
    }

    .canal_txt{
        color: white;
        float: left;
        padding-top: 3%;
        width: 75%;
        font-size: 14px;
        height: 83%;
        text-align: center;
        padding-left:2.5%;

    }

    .canal_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float:left;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left:1.5%;
    }

    .canal_img_plus_offer{
        width: 35px;
        height: 35px;
        float: left;
        margin-right: 1%;
        margin-left: 3%;
    }

    .dekoder_img{
        width: 55%;
        height: 250px;
        float: left;
    }

    .footer_canal_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 45px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        border-bottom: none;
        position: absolute;
        bottom: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .canal_offer_txt{
        color:black;
        float: left;
        font-size: 16px;
        width:92.5%;
    }

    .canal_offer_img_and_txt{
        float: left;
        width:92.5%;
    }

    .scroll_canal_text{
        width: 96%;
        max-height: calc(100% - 250px - 85px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
        float: left;
        overflow-y: auto;
        padding: 2% 0 2% 0;
        margin: 0% 2% 0 2%;
    }

    .canal_img_logo{
        width:125px;
        height: 35px;
    }

    .canal_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 17px;
        width: 100%;
        float: left;
    }

    .canal_offer_txt_style{
        padding-bottom:0.8%;
        float:left;
        padding-left:3.5%;
        width:100%;
        
    }
    .canal_offer_txt_style_last_line{
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .canal_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .canal_offer_title_style{
        padding-bottom:1.5%;
        width:100%;
        float:left;
        font-size: 18px;
        font-weight: 600;
    }

    .img_offer_stabilizacja{
        width:100%;
        display: flex;
        justify-content: center;
        align-items: center;
        float: left;
        
    }

    /* KONIEC OFERTY CANAL PLUSA */



    /* POCZATEK OFERTY YANOSIKA */

    .yanosik_img{
        height: 45px;
        width: 45px;
        padding-left: 20%;
        padding-right:20%;
        float: left;
    }

    .yanosik_img_div{
        height: 89.65%;
        float: left;
        width: 80px; 
    }

    .yanosik{
        width: 95%;
        height: 240px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
        color: white;
        padding-bottom:2.5%;
        padding-top:2.5%;
    }

    .yanosik_txt{
        color: white;
        float: left;
        padding-top: 3%;
        width: 75%;
        font-size: 14px;
        height: 65%;
        padding-left:1.5%;
        text-align: center;
    }

    .yanosik_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float:left;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .yanosik_offer_img{
        width: 50%;
        height: 250px;
        float: left;
    }

    .yanosik_img_plus_offer{
        width: 45px;
        height: 45px;
        float: left;
        margin-right: 1%;
        margin-left: 3%;
    }

    .footer_yanosik_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 45px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        margin-top: 5.3%;
        border-bottom: none;
        position: absolute;
        bottom: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .yanosik_offer_txt{
        color:black;
        float: left;
        font-size: 16px;
        width:92.5%;
    }

    .yanosik_offer_img_and_txt{
        float: left;
        width:92.5%;
        margin-bottom:5%;
    }

    .scroll_yanosik_text{
        width: 96%;
        max-height: calc(100% - 250px - 85px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
        float: left;
        overflow-y: auto;
        padding: 2% 0 2% 0;
        margin: 0% 2% 0 2%;
    }

    .yanosik_img_logo{
        width:120px;
        height: 25px;
        margin-top: 2%;
        float: left;
    }

    .yanosik_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 17px;
        width: 100%;
        float: left;
    }

    .yanosik_offer_txt_style{
        padding-bottom:0.8%;
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .yanosik_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }


    .yanosik_offer_title_style{
        padding-bottom:1.5%;
        width:100%;
        float:left;
        font-size: 18px;
        font-weight: 600;
    }

    /* KONIEC OFERTY YANOSIK */


    /* POCZATEK OFERTY AKCESORIA */

    .akcesoria_img{
        height: 45px;
        width: 45px;
        padding-left: 20%;
        padding-right:20%;
        float: left;
       
    }

    .akcesoria_img_div{
        height: 88%;
        float: left;
        width: 80px; 
    }

    .akcesoria{
        width: 95%;
        height: 235px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
        color: white;
        padding-bottom:2.5%;
        padding-top:2.5%;
        
    }

    .akcesoria_txt{
        color: white;
        float: left;
        padding-top: 3%;
        width: 75%;
        font-size: 14px;
        height: 84%;
        text-align: center;
        padding-left:1.5%;
    }

    .akcesoria_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float:left;
        text-align: center;
    }

    .akcesoria_img_plus_offer{
        width: 35px;
        height: 35px;
        float: left;
        margin-right: 2%;
        margin-left: 3%;
    }

    .akcesoria_offer_img{
        width: 45%;
        height: 250px;
        float: left;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .eet_logo{
        width:100px;
        height: 25px;
        margin-top: 2%;
        float:left;
    }   

    .footer_akcesoria_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 45px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        margin-top: 5.3%;
        border-bottom: none;
        position: absolute;
        bottom: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .scroll_akcesoria_text{
        width: 96%;
        max-height: calc(100% - 250px - 85px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
        float: left;
        overflow-y: auto;
        padding: 2% 0 2% 0;
        margin: 0% 2% 0 2%;
    }

    .akcesoria_offer_txt{
        color:black;
        float: left;
        font-size: 16px;
        width:92.5%;
    }

    .akcesoria_offer_img_and_txt{
        float: left;
        width: 100%;
        margin-bottom:5%;
    }

    .akcesoria_img_logo{
        width:120px;
        height: 25px;
        margin-top: 2%;
        margin-left: 5%;
        float: left;
    }

    .akcesoria_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 17px;
        width: 100%;
        float: left;
    }

    .akcesoria_offer_txt_style{
        padding-bottom:0.8%;
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .akcesoria_offer_title{
        float: left;
        width: 100%;
        font-size: 16px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .maximum_logo{
        width:120px;
        height: 35px;
        float:left;
        margin-left:4%;
        margin-top: 1%;
        padding-bottom: 7%;
    }

    .akcesoria_offer_title_style{
         padding-bottom:1.5%;
        width:100%;
        float:left;
        font-size: 18px;
        font-weight: 600;
    }

    .akcesoria_offer_partner_style{
        color:gold;
        font-size: 24px;
        font-weight: 500;
        text-shadow: 1px 0.5px 0.5px rgba(0, 0, 0, 0.8);
        float:left;
    }

    /* KONIEC OFERT AKCESORI */


    /* POCZATEK OFERT SYSTEMOW PRZECIWPOZAROWYCH */

    .fireprotection_img{
        height: 45px;
        width: 45px;
        padding-left: 20%;
        padding-right:20%;
        float: left;
    }

    .fireprotection_img_div{
        height: 71%;
        float: left;
        width: 80px;  
        padding-top: 7%;
    }

    .fireprotection{
        width: 95%;
        height: 230px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
        color: white;
        padding-bottom:2.5%;
        padding-top:2.5%;
    }

    .fireprotection_txt{
        color: white;
        float: left;
        padding-top: 3%;
        width: 75%;
        font-size: 14px;
        height: 72%;
        text-align: center;
        padding-left: 1.5%;
    }

    .fireprotection_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float:left;
        text-align: center;
    }

    .kamery_img_plus_offer{
        width: 35px;
        height: 35px;
        float: left;
        margin-right: 3%;
        margin-left: 3%;
    }

    .kamery_offer_img{
        width: 55%;
        height: 250px;
        float: left;
    }

    .footer_kamery_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 45px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: none;
        position: absolute;
        bottom: 0%;
    }

    .kamery_offer_txt{
        color:black;
        float: left;
        font-size: 16px;
        width:92.5%;
    }

    .kamery_offer_img_and_txt{
        float: left;
        width:92.5%;
    }

    .scroll_fireprotection_text{
        width: 96%;
        max-height: calc(100% - 250px - 90px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
        float: left;
        overflow-y: auto;
        padding: 2% 0 2% 0;
        margin: 0% 2% 0 2%;
    }

    .kamery_img_logo{
        width:100px;
        height: 25px;
        margin-top: 2%;
        margin-left: 5%;
    }

    .kamery_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 17px;
        width: 100%;
        float: left;
    }

    .kamery_offer_txt_style{
        padding-bottom:0.8%;
        float:left;
        padding-left:3.5%;
        width:100%;
        
    }

    .kamery_offer_txt_style_last_line{
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .kamery_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .kamery_offer_title_style{
        padding-bottom:1.5%;
        width:100%;
        float:left;
        font-size: 18px;
        font-weight: 600;
    }

    /* KONIEC OFERT SYSTEMOW PRZECIWPOZAROWYCH */


    /* POCZATEK OFERT MONITORINGU */

    .monitoring_img{
        height: 45px;
        width: 45px;
        padding-left: 20%;
        padding-right:20%;
        float: left;
       
    }

    .monitoring_img_div{
        height: 78.5%;
        float: left;
        width: 80px;  
        padding-top: 7%;
    }

    .monitoring{
        width: 95%;
        height: 275px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
        color: white;
        padding-bottom:2.5%;
        padding-top:2.5%;
    }

    .monitoring_txt{
        color: white;
        float: left;
        padding-top: 3%;
        width: 75%;
        font-size: 14px;
        height: 85%;
        text-align: center;
        padding-left: 1.5%;

    }

    .monitoring_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float:left;
        text-align: center;
    }

    .monitoring_img_plus_offer{
        width: 35px;
        height: 35px;
        float: left;
        margin-right: 5%;
        margin-left: 3%;
    }

    .monitoring_offer_img{
        width: 50%;
        height: 250px;
        float: left;
    }

    .footer_monitoring_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 45px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        margin-top: 5.3%;
        border-bottom: none;
        position: absolute;
        bottom: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .monitoring_offer_txt{
        color:black;
        float: left;
        font-size: 16px;
        width:92.5%;
    }

    .monitoring_offer_img_and_txt{
        float: left;
        width:92.5%;
        margin-bottom:5%;
    }

    .monitoring_img_logo{
        width:125px;
        height: 35px;
    }

    .scroll_monitoring_text{
        width: 96%;
        max-height: calc(100% - 250px - 85px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
        float: left;
        overflow-y: auto;
        padding: 2% 0 2% 0;
        margin: 0% 2% 0 2%;
    }

    .monitoring_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 17px;
        width: 100%;
        float: left;
    }

    .monitoring_offer_txt_style{
        padding-bottom:0.8%;
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .monitoring_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .monitoring_offer_title_style{
        padding-bottom:1.5%;
        width:100%;
        float:left;
        font-size: 18px;
        font-weight: 600;
    }

    .microview_logo{
        width:70px;
        height: 30px;
        margin-top: 2%;
        float:left;
    }

    .monitoring_offer_title_style_last{ 
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    /* KONIEC OFERT MONITORINGU */


    /* POCZATEK OFERT ANTEN */

    .anteny_img{
        height: 45px;
        width: 45px;
        padding-left: 20%;
        padding-right:20%;
        float: left;
       
    }

    .anteny_img_div{
        height: 70%;
        float: left;
        width: 80px;  
        padding-top: 7%;
    }

    .anteny{
        width: 95%;
        height: 260px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
        color: white;
        padding-bottom:2.5%;
        padding-top:2.5%;
    }

    .anteny_txt{
        color: white;
        float: left;
        padding-top: 3%;
        width: 75%;
        font-size: 14px;
        height: 73%;
        text-align: center;
        padding-left: 1.5%;
    }

    .anteny_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float:left;
        text-align: center;
    }

    .anteny_img_plus_offer{
        width: 35px;
        height: 35px;
        float: left;
        margin-right: 3%;
        margin-left: 3%;
    }

    .anteny_offer_img{
        width: 50%;
        height: 250px;
        float: left;
    }

    .eet_logo{
        width:100px;
        height: 25px;
        margin-top: 2%;
        float:left;
    }   

    .footer_anteny_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 45px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        margin-top: 5.3%;
        border-bottom: none;
        position: absolute;
        bottom: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .scroll_anteny_offer{
        width: 96%;
        max-height: calc(100% - 250px - 65px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
        float: left;
        overflow-y: auto;
        padding: 2% 0 2% 0;
        margin: 0% 2% 0 2%;
    }

    .anteny_offer_txt{
        color:black;
        float: left;
        font-size: 16px;
        width:92.5%;
    }

    .anteny_offer_img_and_txt{
        float: left;
        width:92.5%;
    }

    .anteny_img_logo{
        width:120px;
        height: 25px;
        margin-top: 2%;
        margin-left: 5%;
        float: left;
    }

    .anteny_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 17px;
        width: 100%;
        float: left;
    }

    .anteny_offer_txt_style{
        padding-bottom:0.8%;
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .anteny_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .maximum_logo{
        width:120px;
        height: 35px;
        float:left;
        margin-left:4%;
        margin-top: 1%;
        padding-bottom: 7%;
    }

    .anteny_offer_title_style{
        padding-bottom:1.5%;
        width:100%;
        float:left;
        font-size: 18px;
        font-weight: 600;
    }

    .anteny_offer_partner_style{
        color:gold;
        font-size: 24px;
        font-weight: 500;
        text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.8);
        float:left;
    }

    .maximum_logo_2{
        width:115px;
        height: 35px;
        float:left;
        margin-top:3%;
        margin-bottom:5%;
        
    }  

    /* KONIEC OFERT ANTEN */


    /* POCZATEK OFERT STARLINKA */

    .starlink_img{
        height: 45px;
        width: 45px;
        padding-left: 20%;
        padding-right:20%;
        float: left;
       
    }

    .starlink_img_div{
         height: 78.5%;
        float: left;
        width: 80px; 
        padding-top: 7%;
    }

    .starlink{
        width: 95%;
        height: 250px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
        color: white;
        padding-bottom:2.5%;
        padding-top:2.5%;
    }

    .starlink_txt{
        color: white;
        float: left;
        padding-top: 3%;
        width: 75%;
        font-size: 14px;
        height: 85%;
        padding-left: 1.5%;
        text-align:center;
    }

    .starlink_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float:left;
        text-align: center;
    }

    .starlink_img_plus_offer{
        width: 35px;
        height: 35px;
        float: left;
        margin-right: 5%;
        margin-left: 3%;
    }

    .starlink_offer_img{
        width: 40%;
        height: 250px;
        float: left;
    }

    .footer_starlink_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 45px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        border-bottom: none;
        position: absolute;
        bottom: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .starlink_offer_txt{
        color:black;
        float: left;
        font-size: 16px;
        width:92.5%;
    }

    .starlink_offer_img_and_txt{
        float: left;
        width:92.5%;
    }

    .scroll_starlink_offer{
        width: 96%;
        max-height: calc(100% - 250px - 95px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
        float: left;
        overflow-y: auto;
        padding: 2% 0 2% 0;
        margin: 0% 2% 0 2%;
    }

    .starlink_img_logo{
        width:100px;
        height: 25px;
        margin-top: 2%;
        margin-left: 5%;
    }

    .starlink_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 17px;
        width: 100%;
        float: left;
    }

    .starlink_offer_txt_style{
        padding-bottom:0.8%;
        float:left;
        padding-left:3.5%;
        width:100%;
        
    }
    .starlink_offer_txt_style_last_line{
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .starlink_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .starlink_offer_title_style{
        padding-bottom:1.5%;
        width:100%;
        float:left;
        font-size: 18px;
        font-weight: 600;
    }

    /* KONIEC OFERT STARLINKA */


    /* POCZATEK OFERT DOMOFONOW */

    .entryphone_img{
        height: 45px;
        width: 45px;
        padding-left: 20%;
        padding-right:20%;
        float: left;
    }

    .entryphone_img_div{
         height: 67%;
        float: left;
        width: 80px;  
        padding-top: 7%; 
    }

    .entryphone{
        width: 95%;
        height: 240px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
        color: white;
        padding-bottom:2.5%;
        padding-top:2.5%;
    }

    .entryphone_txt{
        color: white;
        float: left;
        padding-top: 3%;
        width: 75%;
        font-size: 14px;
        height: 70%;
        padding-left: 1.5;
        text-align: center;
    }

    .entryphone_title{
        font-size:24px;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float:left;
        text-align: center;
    }

    .domofony_img_plus_offer{
        width: 35px;
        height: 35px;
        float: left;
        margin-right: 3%;
        margin-left: 3%;
    }

    .domofony_offer_img{
        width: 50%;
        height: 250px;
        float: left;

    }

    .footer_domofony_div{
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 45px;
        float: left;
        box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: none;
        position: absolute;
        bottom: 0%;
    }

    .domofony_offer_txt{
        color:black;
        float: left;
        font-size: 16px;
        width:92.5%;
    }

    .domofony_offer_img_and_txt{
        float: left;
        width:92.5%;
    }

    .scroll_entryphone_offer{
        width: 96%;
        max-height: calc(100% - 250px - 85px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
        float: left;
        overflow-y: auto;
        padding: 2% 0 2% 0;
        margin: 0% 2% 0 2%;
    }

    .domofony_img_logo{
        width:100px;
        height: 25px;
        margin-top: 2%;
        margin-left: 5%;
    }

    .domofony_offer_txt_{
        color: rgb(97, 97, 97);
        font-size: 17px;
        width: 100%;
        float: left;
    }

    .domofony_offer_txt_style{
        padding-bottom:0.8%;
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .domofony_offer_txt_style_last_line{
        float:left;
        padding-left:3.5%;
        width:100%;
    }

    .domofony_offer_title{
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height:100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .domofony_offer_title_style{
        padding-bottom:1.5%;
        width:100%;
        float:left;
        font-size: 18px;
        font-weight: 600;
    }

    /* KONIEC OFERT DOMOFONOW */


    /* POCZATEK STYLI DO WYSUWAJACYCH SIE OFERT */

    .offer_title_art{
        background-color: rgb(83, 83, 83);
        width: 100%;
        height: 80px;
        border-top:none;
        border-left:none;
        border-right:none;
    }

    .offerDiv_bigger {
        transition: opacity 0.5s ease-in-out;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.623);
        backdrop-filter: blur(2px);
        display: none;
        z-index: 999;
        overflow: hidden;
      }

      .stabilizacja_scroll_offer{
        height:41%;
        width: 96%;
        float: left;
        padding: 2% 0 4% 0;
        margin:0% 2% 0% 2%;
      }
    
      .offerDiv {
        transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Dodano transition dla opacity */
        position: fixed;
        top: -100%; /* Wyjeżdża z góry */
        left: 50%;
        transform: translate(-50%, -50%);
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.301);
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 91%;
        z-index: 1000;
        overflow-y:hidden;
        opacity: 0; /* Ukryj za pierwszym razem */
        overflow-x: hidden; /* Uniemożliwienie przewijania poziomego */
      }
    
    .offer_title_art{
        background-color: rgb(83, 83, 83);
        width: 100%;
        height: 60px;
        border-top:none;
        border-left:none;
        border-right:none;
        }
        
    .show_btn_offer{
        float: left;
        width:150px;
        height:35px;
        font-size:18px;
        background-color: rgba(255, 255, 255, 0);
        border:1.5px solid white;
        border-radius:5px;
        color:rgb(255, 255, 255);
        font-weight: 600;
        transition: 0.3s ease-in-out;
        margin-top:2%;
        margin-bottom:2%;  
    }
    
    .show_btn_offer:hover{
        color:black;
        background-color: white;
        border:none;
        cursor: pointer;
    }
    
    .off_btn_offer{
        float: left;
        width:150px;
        height:35px;
        font-size:18px;
        background-color: #0072ca;
        border:1.5px solid white;
        color:rgb(255, 255, 255);
        font-weight: 600;
        transition: 0.4s ease-in-out;
    }

    .off_btn_offer:hover{
        color: white;
        filter: brightness(85%);
        border:none;
        cursor: pointer;
    }

    /* KONIEC STYLI DO WYSUWAJACYCH SIE OFERT */
    
    .desktop-menu {
        display: none;
    }

    #article_rodo {
        width: 100%;
        padding-top:8%;
        float:left;
        padding-bottom: 8%;
    }
    .rodo_art {
        width: 100%;
        height: 600px;
    }

    .rodo_title{
        float:left;
        width:90%;
        font-size: 28px;
        font-weight: 600; 
        letter-spacing: 1px;
        font-family:'Courier New', Courier, monospace;
        margin-left: 5%;
        margin-bottom:3.5%;
    }
    .rodo_main{
        width: 90%;
        margin-left: 5%;
        float: left;
        margin-bottom:2.5%;
    }
    .accordion {
        float:left;
        width:90%;
        background-color: #fff;
        color: #333;
        border-radius: 5px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        margin-top:1%;
        margin-left: 5%;
    }

    .accordion-item {
        border-bottom: 1px solid #ddd;
    }

    .accordion-item:last-child {
        border-bottom: none;
    }

    .accordion-header {
        padding: 15px;
        cursor: pointer;
        border-bottom: 1px solid #ddd;
        background-color: #f9f9f9;
    }

    .accordion-content {
        padding: 15px;
        display: none;
        transition:max-height 0.2s ease-out;
    }

    .accordion-item.active .accordion-content {
        max-height: 1000px; 
    }

    .sort_icon{
        height:30px;
        width:30px;
        float:right;
    }




    

    #footer_contact{
        width: 100%;
        background-color:#2c2c2c ;
        float:left;
    }
    .contact_foot{
        width: 100%;

        margin-left: auto;
        margin-right: auto;

    }

    .article_contact_title{
        float:left;
        color:white;
        width:95%;
        text-align: center;
        padding-top:4%;
        font-size:28px;
        letter-spacing: 0.3px;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }


    .article_footer_contact_text{
        margin-top:5%;

        width:90%;
        float:left;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .input_contact_name{
        height:25px;
        float:left;
        width:100%;
        margin-bottom:2%;
        font-size:20px;
        padding:1%;
        background-image: url("/templates/it_blackwhite/images/user.png");
        background-size:3.5%;
        background-repeat: no-repeat;
        background-position:97%;
        border:none;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .input_contact_email{
        float:left;
        width:100%;
        margin-bottom:2%;
        height:25px;
        font-size:20px;
        padding:1%;
        background-image: url("/templates/it_blackwhite/images/mail.png");
        background-size:3.5%;
        background-repeat: no-repeat;
        background-position: 97%;
        border:none;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .textarea_contact_message{
        float:left;
        width:93.5%;
        height:200px;
        padding:1%;
        padding-right:7.5%;
        margin-bottom:2%;
        border:none;
        font-size:20px;
        background-image: url("/templates/it_blackwhite/images/pencil.png");
        background-size:3.5%;
        background-repeat: no-repeat;
        background-position:top 4% right 3%;
        resize:none;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .send_button_contact{
        float:left;
        margin-top:2%;
        width:100%;
        height:55px;
        font-size:18px;
        background-color:white;
        border:1px solid white;
        border-radius:10px;
        color:rgb(255, 255, 255);
        font-weight: 600;
        transition: 0.3s ease-in-out;
        color:black;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .send_button_contact:hover{
        color:white;
        background-color: #0A94DB;
        cursor: pointer;
        border:none;
    }

    .span_contact{
        float:left;
        width:100%;
    }

    .article_contact_info{
        float:left;
        width:95%;
        letter-spacing: 0.2px;
        margin-top:3.75%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        color:whitesmoke;
        font-size:16px;
    }

    .location_icon_contact{
        float:left;
        padding-top:0.4%;
        padding-right:0.5%;
        width:20px;
        height:20px;
    }

    .phone_icon_contact{
        float:left;
        padding-top:0.4%;
        padding-right:0.6%;
        width:20px;
        height:20px;
    }

    .mail_icon_contact{
        float:left;
        padding-top:0.4%;
        padding-right:0.6%;
        width:20px;
        height:20px;
    }
    
    .cred_social{
        width: 200px;
        float: left;
        padding-bottom: 5%;
    }

    .cred_social a{
        background-color: white;
        border-radius: 50%;
        padding: 5px;
        margin: 0 5px 5px;
        height: 30px;
        width: 30px;
        display: inline-block;
    }
    
    .article_copy{
        width: 100%;
        background-color: #2c2c2c;
        float: left;
        border-top: white 1px solid;

    }
    .copyright{
        width: 95%;
        float: left;
        color: #4b4b4b;
        height: 50px;
        margin-top: 5.5%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        text-align: center;
    }

    /* galeria */


    #gallery{
        background-color: #EEEDE7;
        width: 100%;
        height: 680px;
        float: left;

    }
    .gallery_div{
        width: 90%;
        height: 400px;
        margin-left: auto;
        margin-right: auto;
    }


    .container {
        text-align: center; /* Center the gallery */
      }
    
      .gallery-container {
        width: 100%;
        height: 600px;
        overflow: hidden;
        position: relative;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        display: inline-flex; 
        align-items: center; 
        justify-content: center; 
        border-radius: 15px;
        margin-top: 6.2%;
      }
    
      .gallery-slides {
        display: flex;
        transition: transform 0.5s ease;
      }
    
      #slide {
        max-width: 100%; 
        max-height: 100%; 
        
        object-fit: contain;

      }
    
      .nav-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        cursor: pointer;
        padding: 17.5px;
        z-index: 100;
        transition: background 0.3s ease;
        border-radius: 100px;
        font-size: 20px;
      }
    
      .nav-btn:hover {
        background: rgba(0, 0, 0, 0.8);
      }
    
      .prev {
        left: 10px;
      }
    
      .next {
        right: 10px;
      }

      /* Style for the stop/start button */
    .stop-start-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        cursor: pointer;
        padding: 10px 20px;
        z-index: 100;
        transition: background 0.3s ease;
    }
  
    .stop-start-btn:hover {
        background: rgba(0, 0, 0, 0.8);
    }


    #form-open {
        border: 2px solid #7d2ae8;
        border-radius: 7.5px;
        background: transparent;
        cursor: pointer;
        font-size: 20px;
        color: black;
        text-align: center;
        transition: 0.4s ease-in-out;
        list-style: none;
        background-color: #ffffff00;
        float:left;
        width:90px;
        margin-top:0.6%;
        text-align: center;
        font-weight: 500;
        height:45px;
      }

      #form-open:hover{
        color:white;
        background-color:#7d2ae8;
      }

    
      



}    
 


/* TABLETY */
@media  screen and  (min-width: 768px) and (max-width: 1023px) {
        HTML,BODY {
        }   

        

        

        
        .header-menu {
            display: none;
        }

        .footer_contact_map{
            display: none;
        }

        .footer_contact_map_phone{
            display: none;
        }
        
       
        

        ::-webkit-scrollbar {
            width: 5px;
        }
          
        /* Track */
        ::-webkit-scrollbar-track {
            background: #d4d4d4; 
        }
           
        /* Handle */
        ::-webkit-scrollbar-thumb {
            background: #0072ca; 
        }
          
        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: #555; 
        }
        
        .sticky {
            position: fixed;
            top: 0;
            width: 100%;
        }
          
        .sticky + #main {
            padding-top: 81px;
        }

        
        

        /* POCZATEK HEADERA I MENU */
    
        #header {
            background-color: white;
            width: 100%;
            float: left;
            box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.822);
            height: 100px;
            z-index: 999;
        }

        .header-container{
            padding: 0 10px 0px 10px;
            height: 100px;
        }

        .header-menu {
            width: 100%;
            float: left;
            margin-left: auto;
            margin-right: auto;
            padding: 5px 0 5px 0;
            height: 80px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
    
        .menu-icon {
            display: inline-block;
            cursor: pointer;
            float: right;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 3.5px;
            padding-bottom: 3.5px;
            background-color: rgb(214, 214, 214);
            border-radius: 4px;
            margin-right: 5%;
            margin-top: 1%;
        }
    
        /* Linie przycisku hamburgerowego */
        .menu-icon span {
            display: block;
            width: 25px;
            height: 2px;
            background-color: rgb(139, 139, 139);
            margin: 5px 0;
            
        }
        /* Checkbox do kontrolowania widoczności menu */
        .menu-toggle {
            display: none; /* Ukrywamy checkbox */
        }
    
        /* Definicja animacji dla rozwijania menu */
        @keyframes slideDown {
            from {
                height: 0;
                opacity: 0;
            }
            to {
                height: 225px;
                opacity: 1;
            }
        }
        
        /* Mobilne menu */
        .mobile-menu {
            display: none;
            position: absolute;
            top: 100px; /* Wysokość nagłówka */
            left: 0;
            width: 100%; /* Rozciąga się na całą szerokość */
            background-color: white;
            box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.822);
            z-index: 10;
            transition: height 0.5s ease, opacity 0.5s ease; /* Płynność animacji */
            overflow: hidden; /* Aby ukryć treści, które wychodzą poza menu */
            float: left;
        }
    
        /* Animacja rozwijania menu po włączeniu checkboxu */
        .menu-toggle:checked ~ .mobile-menu {
            display: block;
            animation: slideDown 1s ease;
            height: auto; /* Ustawiamy automatyczną wysokość, aby dopasować się do zawartości */
        }
    
        .mobile-menu ul {
            list-style: none;
            margin: 0;
            padding:0;
            background-color: #ffffff00;
            overflow: hidden;
            font-weight: 500;
        }
        
        .mobile-menu ul li {
            padding: 10px;
        }
        
        .mobile-menu ul li a {
            display: block;
            color: black;
            text-align: center;
            text-decoration: none;
            transition: 0.4s ease-in-out;
        }
        
        .mobile-menu ul li a:hover {
            color:#0072ca;
            transform:scale(1.1);
            letter-spacing: 1.3;
        }

        .logo {
            width: 222px;
            float: left;
            padding: 5px 0 5px 0;
            height: auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        /* KONIEC HEADERA I MENU */


        /* POCZATEK STRONY GLOWNEJ */
    
        #main {
            float:left; 
            width:100%; 
            text-align: left; 
            background-image: url("/templates/it_blackwhite/images/baner2.jpg");
            background-repeat: no-repeat;
            height:651px;
            background-position: center left;
            background-size:cover;
            
        }    
        .main_container{
            padding: 0 10px 0px 10px;
            height: 651px;

        }
        .main_resp{
            width: 100%;
            float: left;
            margin-left: auto;
            margin-right: auto;
            padding: 5px 0 5px 0;
            height: 600px;
            display: flex;
            justify-content: space-between;
            align-items: center;
           
        }
    
        .main_text{
            color:white;
            font-size:25px;
            float: left;
            letter-spacing: 1.3;
            font-weight: 600;
            text-shadow: 2px 1px 1px black;
            letter-spacing: 0.3px;
            margin-left: auto;
            margin-right: auto;
        }
    
        .main_text_line{
            font-size:23px;
            float: left;
            letter-spacing: 1.3;
            font-weight: 500;
            text-shadow: 2px 1px 1px black;
            width:100%;
        }
    
        .button_main_text{
            float:left;
            width:200px;
            height:55px;
            font-size:18px;
            background-color: rgba(255, 255, 255, 0);
            border:1px solid white;
            border-radius:10px;
            color:rgb(255, 255, 255);
            font-weight: 600;
            transition: 0.3s ease-in-out;
        }
    
        .button_main_text:hover{
            color:black;
            background-color: white;
            border:none;
            cursor: pointer;
        }

        /* KONIEC STRONY GLOWNEJ */


        /* POCZATEK INFORMACJI O FIRMIE */
    
        #article_info{
            float:left;
            height:700px;
            background-color: white;
            width:100%;

        }
        
        .info_art{
            width: 100%;
            height:700px;
            margin-left: auto;
            margin-right: auto;
            float: left;
        }

        .footer_contact_map_tablet{
            width: 80%;
            display: block;
            margin-left: 10.5%;
        }
    
        .article_info_text{
            padding-right:7%;
            padding-left:7%;
            text-align: center;
            font-weight: 550;
            font-size:15px;
            letter-spacing: 0.3px;
            margin-bottom:2.5% ;
        }
    
        .article_info_title_style{
            color:#0A94DB ;
            text-shadow: 0.5px 0.5px 0.5px black;
        }
    
        .article_info_company_name_style{
            color:#0A94DB ;
            text-shadow: 0.5px 0.5px 0.5px black;
        }

        .article_info_title{
            width: 100%;
            text-align: center;
            margin-bottom:2%;
            padding-top:7%;
            font-size:25px;
            font-weight: 650;
            letter-spacing: 0.3px;
        }

        /* KONIEC USTAWIEN INFORMACJI O FIRMIE */


        /* KONIEC USTAWIEN MAPY */

        .footer_contact_map{
            width: 70%;
            margin-top: 8%;
        }

        .footer_contact_map{
            display: none;
        }
        

        /* KONIEC USTAWIEN MAPY */


        /* POCZATEK USTAWIEN DOTYCZACYCH OFERT */
        
        #article_offers{
            float:left;
            height:2410px;
            font-size:25px;
            background-color: #0072ca;
            width: 100%;
            
        }
    
        .article_offers_title{
            width: 100%;
            height:2410px;
            margin-left: auto;
            margin-right: auto;
            float:left;
        }
    
       .title_offers{
            text-align: center;
            font-size: 30px;
            font-weight: 700;
            color: white;
            padding-top:7%;
            float:left;
            width:90%;
            margin-left: 5%;
            margin-right: 5%;
       }
       
        .row{
            width: 100%;
            height: 1100px;
            margin-top: 1%;
            float: left;
        }
        .row2{
            width: 100%;
            height: 1200px;
            float: left;
        }

        .show_btn_div_style{
            width:100%;
            height:70px;
            float:left;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;

        }

        /* KONIEC USTAWIEN DOTYCZACYCH OFERT */


        /* POCZATEK OFERTY CANAL PLUSA */
    
        .canal_img{
            height: 45px;
            width: 45px;
            padding-left: 20%;
            padding-right:20%;
            float: left;
           
        }
    
        .canal_img_div{
            height: 89.65%;
            float: left;
            width: 80px; 
            display:flex;
                justify-content:center;
                align-items: flex-start;
        }
    
        .canal_plus{
            width: 95%;
            height: 230px;
            margin-left: 2.5%;
            margin-right: 2.5%;
            float: left;
            color: white;
            padding-bottom:2.5%;
            padding-top:2.5%;
        }
    
        .canal_txt{
            color: white;
            float: left;
            padding-top: 3%;
            width: 75%;
            font-size: 14px;
            height: 83%;
            text-align: center;
            padding-left:2.5%;

        }

        .canal_title{
            font-size:24px;
            font-family: 'Open Sans', sans-serif;
            width: 100%;
            float:left;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left:1.5%;
        }
    
        .canal_img_plus_offer{
            width: 35px;
            height: 35px;
            float: left;
            margin-right: 1%;
            margin-left: 3%;
        }

        .dekoder_img{
            width: 55%;
            height: 250px;
            float: left;
        }

        .footer_canal_div{
            background-color: rgb(255, 255, 255);
            width: 100%;
            height: 45px;
            float: left;
            box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
            border-bottom: none;
            position: absolute;
            bottom: 0%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    
        .canal_offer_txt{
            color:black;
            float: left;
            font-size: 16px;
            width:92.5%;
        }
    
        .canal_offer_img_and_txt{
            float: left;
            width:92.5%;
        }
    
        .scroll_canal_text{
            width: 96%;
            max-height: calc(100% - 250px - 85px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
            float: left;
            overflow-y: auto;
            padding: 2% 0 2% 0;
            margin: 0% 2% 0 2%;
        }

        .canal_img_logo{
            width:125px;
            height: 35px;
        }
    
        .canal_offer_txt_{
            color: rgb(97, 97, 97);
            font-size: 17px;
            width: 100%;
            float: left;
        }
    
        .canal_offer_txt_style{
            padding-bottom:0.8%;
            float:left;
            padding-left:3.5%;
            width:100%;
            
        }
        .canal_offer_txt_style_last_line{
            float:left;
            padding-left:3.5%;
            width:100%;
        }
    
        .canal_offer_title{
            float: left;
            width: 100%;
            font-size: 18px;
            text-align: center;
            height:100%;
            display: flex;
            justify-content: left;
            align-items: center;
        }
    
        .canal_offer_title_style{
            padding-bottom:1.5%;
            width:100%;
            float:left;
            font-size: 18px;
            font-weight: 600;
        }

        .img_offer_stabilizacja{
            width:100%;
            display: flex;
            justify-content: center;
            align-items: center;
            float: left;
            
        }

        /* KONIEC OFERTY CANAL PLUSA */
    


        /* POCZATEK OFERTY YANOSIKA */

        .yanosik_img{
            height: 45px;
            width: 45px;
            padding-left: 20%;
            padding-right:20%;
            float: left;
        }
    
        .yanosik_img_div{
            height: 89.65%;
            float: left;
            width: 80px; 
            display:flex;
                justify-content:center;
                align-items: flex-start;
        }

        .yanosik{
            width: 95%;
            height: 240px;
            margin-left: 2.5%;
            margin-right: 2.5%;
            float: left;
            color: white;
            padding-bottom:2.5%;
            padding-top:2.5%;
        }
    
        .yanosik_txt{
            color: white;
            float: left;
            padding-top: 3%;
            width: 75%;
            font-size: 14px;
            height: 65%;
            padding-left:1.5%;
            text-align: center;
        }

        .yanosik_title{
            font-size:24px;
            font-family: 'Open Sans', sans-serif;
            width: 100%;
            float:left;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    
        .yanosik_offer_img{
            width: 50%;
            height: 250px;
            float: left;
        }

        .yanosik_img_plus_offer{
            width: 45px;
            height: 45px;
            float: left;
            margin-right: 1%;
            margin-left: 3%;
        }

        .footer_yanosik_div{
            background-color: rgb(255, 255, 255);
            width: 100%;
            height: 45px;
            float: left;
            box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
            margin-top: 5.3%;
            border-bottom: none;
            position: absolute;
            bottom: 0%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    
        .yanosik_offer_txt{
            color:black;
            float: left;
            font-size: 16px;
            width:92.5%;
        }
    
        .yanosik_offer_img_and_txt{
            float: left;
            width:92.5%;
            margin-bottom:5%;
        }

        .scroll_yanosik_text{
            width: 96%;
            max-height: calc(100% - 250px - 45px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
            float: left;
            overflow-y: auto;
            padding: 2% 0 2% 0;
            margin: 0% 2% 0 2%;
        }
    
        .yanosik_img_logo{
            width:120px;
            height: 25px;
            margin-top: 2%;
            float: left;
        }
    
        .yanosik_offer_txt_{
            color: rgb(97, 97, 97);
            font-size: 17px;
            width: 100%;
            float: left;
        }
    
        .yanosik_offer_txt_style{
            padding-bottom:0.8%;
            float:left;
            padding-left:3.5%;
            width:100%;
        }
    
        .yanosik_offer_title{
            float: left;
            width: 100%;
            font-size: 18px;
            text-align: center;
            height:100%;
            display: flex;
            justify-content: left;
            align-items: center;
        }

    
        .yanosik_offer_title_style{
            padding-bottom:1.5%;
            width:100%;
            float:left;
            font-size: 18px;
            font-weight: 600;
        }

        /* KONIEC OFERTY YANOSIK */
    
    
        /* POCZATEK OFERTY AKCESORIA */
    
        .akcesoria_img{
            height: 45px;
            width: 45px;
            padding-left: 20%;
            padding-right:20%;
            float: left;
           
        }
    
        .akcesoria_img_div{
            height: 88%;
            float: left;
            width: 80px; 
            display:flex;
                justify-content:center;
                align-items: flex-start;
        }

        .akcesoria{
            width: 95%;
            height: 235px;
            margin-left: 2.5%;
            margin-right: 2.5%;
            float: left;
            color: white;
            padding-bottom:2.5%;
            padding-top:2.5%;
            
        }
    
        .akcesoria_txt{
            color: white;
            float: left;
            padding-top: 3%;
            width: 75%;
            font-size: 14px;
            height: 84%;
            text-align: center;
            padding-left:1.5%;
        }

        .akcesoria_title{
            font-size:24px;
            font-family: 'Open Sans', sans-serif;
            width: 100%;
            float:left;
            text-align: center;
        }
    
        .akcesoria_img_plus_offer{
            width: 35px;
            height: 35px;
            float: left;
            margin-right: 2%;
            margin-left: 3%;
        }

        .akcesoria_offer_img{
            width: 45%;
            height: 250px;
            float: left;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .eet_logo{
            width:100px;
            height: 25px;
            margin-top: 2%;
            float:left;
        }   

        .footer_akcesoria_div{
            background-color: rgb(255, 255, 255);
            width: 100%;
            height: 45px;
            float: left;
            box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
            margin-top: 5.3%;
            border-bottom: none;
            position: absolute;
            bottom: 0%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    
        .scroll_akcesoria_text{
            width: 96%;
            max-height: calc(100% - 250px - 45px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
            float: left;
            overflow-y: auto;
            padding: 2% 0 2% 0;
            margin: 0% 2% 0 2%;
        }
    
        .akcesoria_offer_txt{
            color:black;
            float: left;
            font-size: 16px;
            width:92.5%;
        }
    
        .akcesoria_offer_img_and_txt{
            float: left;
            width: 100%;
            margin-bottom:5%;
        }
    
        .akcesoria_img_logo{
            width:120px;
            height: 25px;
            margin-top: 2%;
            margin-left: 5%;
            float: left;
        }
    
        .akcesoria_offer_txt_{
            color: rgb(97, 97, 97);
            font-size: 17px;
            width: 100%;
            float: left;
        }
    
        .akcesoria_offer_txt_style{
            padding-bottom:0.8%;
            float:left;
            padding-left:3.5%;
            width:100%;
        }
    
        .akcesoria_offer_title{
            float: left;
            width: 100%;
            font-size: 16px;
            text-align: center;
            height:100%;
            display: flex;
            justify-content: left;
            align-items: center;
        }

        .maximum_logo{
            width:120px;
            height: 35px;
            float:left;
            margin-left:4%;
            margin-top: 1%;
            padding-bottom: 7%;
        }

        .akcesoria_offer_title_style{
             padding-bottom:1.5%;
            width:100%;
            float:left;
            font-size: 18px;
            font-weight: 600;
        }

        .akcesoria_offer_partner_style{
            color:gold;
            font-size: 24px;
            font-weight: 500;
            text-shadow: 1px 0.5px 0.5px rgba(0, 0, 0, 0.8);
            float:left;
        }

        /* KONIEC OFERT AKCESORI */


        /* POCZATEK OFERT SYSTEMOW PRZECIWPOZAROWYCH */

        .fireprotection_img{
            height: 45px;
            width: 45px;
            padding-left: 20%;
            padding-right:20%;
            float: left;
        }
    
        .fireprotection_img_div{
            height: 71%;
            float: left;
            width: 80px;  
            display:flex;
                justify-content:center;
                align-items: flex-start;

        }

        .fireprotection{
            width: 95%;
            height: 230px;
            margin-left: 2.5%;
            margin-right: 2.5%;
            float: left;
            color: white;
            padding-bottom:2.5%;
            padding-top:2.5%;
        }
    
        .fireprotection_txt{
            color: white;
            float: left;
            padding-top: 3%;
            width: 75%;
            font-size: 14px;
            height: 72%;
            text-align: center;
            padding-left: 1.5%;
        }

        .fireprotection_title{
            font-size:24px;
            font-family: 'Open Sans', sans-serif;
            width: 100%;
            float:left;
            text-align: center;
        }
    
        .kamery_img_plus_offer{
            width: 35px;
            height: 35px;
            float: left;
            margin-right: 3%;
            margin-left: 3%;
        }

        .kamery_offer_img{
            width: 55%;
            height: 250px;
            float: left;
        }

        .footer_kamery_div{
            background-color: rgb(255, 255, 255);
            width: 100%;
            height: 45px;
            float: left;
            box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
            display: flex;
            justify-content: center;
            align-items: center;
            border-bottom: none;
            position: absolute;
            bottom: 0%;
        }
    
        .kamery_offer_txt{
            color:black;
            float: left;
            font-size: 16px;
            width:92.5%;
        }
    
        .kamery_offer_img_and_txt{
            float: left;
            width:92.5%;
        }
    
        .scroll_fireprotection_text{
            width: 96%;
            max-height: calc(100% - 250px - 45px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
            float: left;
            overflow-y: auto;
            padding: 2% 0 2% 0;
            margin: 0% 2% 0 2%;
        }
    
        .kamery_img_logo{
            width:100px;
            height: 25px;
            margin-top: 2%;
            margin-left: 5%;
        }
    
        .kamery_offer_txt_{
            color: rgb(97, 97, 97);
            font-size: 17px;
            width: 100%;
            float: left;
        }
    
        .kamery_offer_txt_style{
            padding-bottom:0.8%;
            float:left;
            padding-left:3.5%;
            width:100%;
            
        }

        .kamery_offer_txt_style_last_line{
            float:left;
            padding-left:3.5%;
            width:100%;
        }
    
        .kamery_offer_title{
            float: left;
            width: 100%;
            font-size: 18px;
            text-align: center;
            height:100%;
            display: flex;
            justify-content: left;
            align-items: center;
        }
    
        .kamery_offer_title_style{
            padding-bottom:1.5%;
            width:100%;
            float:left;
            font-size: 18px;
            font-weight: 600;
        }

        /* KONIEC OFERT SYSTEMOW PRZECIWPOZAROWYCH */


        /* POCZATEK OFERT MONITORINGU */
    
        .monitoring_img{
            height: 45px;
            width: 45px;
            padding-left: 20%;
            padding-right:20%;
            float: left;
           
        }
    
        .monitoring_img_div{
            height: 78.5%;
            float: left;
            width: 80px;  
            display:flex;
                justify-content:center;
                align-items: flex-start;
        }

        .monitoring{
            width: 95%;
            height: 275px;
            margin-left: 2.5%;
            margin-right: 2.5%;
            float: left;
            color: white;
            padding-bottom:2.5%;
            padding-top:2.5%;
        }
    
        .monitoring_txt{
            color: white;
            float: left;
            padding-top: 3%;
            width: 75%;
            font-size: 14px;
            height: 85%;
            text-align: center;
            padding-left: 1.5%;

        }

        .monitoring_title{
            font-size:24px;
            font-family: 'Open Sans', sans-serif;
            width: 100%;
            float:left;
            text-align: center;
        }
    
        .monitoring_img_plus_offer{
            width: 35px;
            height: 35px;
            float: left;
            margin-right: 5%;
            margin-left: 3%;
        }

        .monitoring_offer_img{
            width: 50%;
            height: 250px;
            float: left;
        }

        .footer_monitoring_div{
            background-color: rgb(255, 255, 255);
            width: 100%;
            height: 45px;
            float: left;
            box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
            margin-top: 5.3%;
            border-bottom: none;
            position: absolute;
            bottom: 0%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    
        .monitoring_offer_txt{
            color:black;
            float: left;
            font-size: 16px;
            width:92.5%;
        }
    
        .monitoring_offer_img_and_txt{
            float: left;
            width:92.5%;
            margin-bottom:5%;
        }
    
        .monitoring_img_logo{
            width:125px;
            height: 35px;
        }

        .scroll_monitoring_text{
            width: 96%;
            max-height: calc(100% - 250px - 85px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
            float: left;
            overflow-y: auto;
            padding: 2% 0 2% 0;
            margin: 0% 2% 0 2%;
        }
    
        .monitoring_offer_txt_{
            color: rgb(97, 97, 97);
            font-size: 17px;
            width: 100%;
            float: left;
        }
    
        .monitoring_offer_txt_style{
            padding-bottom:0.8%;
            float:left;
            padding-left:3.5%;
            width:100%;
        }
    
        .monitoring_offer_title{
            float: left;
            width: 100%;
            font-size: 18px;
            text-align: center;
            height:100%;
            display: flex;
            justify-content: left;
            align-items: center;
        }
    
        .monitoring_offer_title_style{
            padding-bottom:1.5%;
            width:100%;
            float:left;
            font-size: 18px;
            font-weight: 600;
        }

        .microview_logo{
            width:70px;
            height: 30px;
            margin-top: 2%;
            float:left;
        }

        .monitoring_offer_title_style_last{ 
            float:left;
            padding-left:3.5%;
            width:100%;
        }

        /* KONIEC OFERT MONITORINGU */


        /* POCZATEK OFERT ANTEN */
    
        .anteny_img{
            height: 45px;
            width: 45px;
            padding-left: 20%;
            padding-right:20%;
            float: left;
           
        }
    
        .anteny_img_div{
            height: 70%;
            float: left;
            width: 80px;  
            display:flex;
                justify-content:center;
                align-items: flex-start;
        }

        .anteny{
            width: 95%;
            height: 260px;
            margin-left: 2.5%;
            margin-right: 2.5%;
            float: left;
            color: white;
            padding-bottom:2.5%;
            padding-top:2.5%;
        }
    
        .anteny_txt{
            color: white;
            float: left;
            padding-top: 3%;
            width: 75%;
            font-size: 14px;
            height: 73%;
            text-align: center;
            padding-left: 1.5%;
        }

        .anteny_title{
            font-size:24px;
            font-family: 'Open Sans', sans-serif;
            width: 100%;
            float:left;
            text-align: center;
        }
    
        .anteny_img_plus_offer{
            width: 35px;
            height: 35px;
            float: left;
            margin-right: 3%;
            margin-left: 3%;
        }

        .anteny_offer_img{
            width: 50%;
            height: 250px;
            float: left;
        }

        .eet_logo{
            width:100px;
            height: 25px;
            margin-top: 2%;
            float:left;
        }   

        .footer_anteny_div{
            background-color: rgb(255, 255, 255);
            width: 100%;
            height: 45px;
            float: left;
            box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
            margin-top: 5.3%;
            border-bottom: none;
            position: absolute;
            bottom: 0%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    
        .scroll_anteny_offer{
            width: 96%;
            max-height: calc(100% - 250px - 45px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
            float: left;
            overflow-y: auto;
            padding: 2% 0 2% 0;
            margin: 0% 2% 0 2%;
        }
    
        .anteny_offer_txt{
            color:black;
            float: left;
            font-size: 16px;
            width:92.5%;
        }
    
        .anteny_offer_img_and_txt{
            float: left;
            width:92.5%;
        }
    
        .anteny_img_logo{
            width:120px;
            height: 25px;
            margin-top: 2%;
            margin-left: 5%;
            float: left;
        }
    
        .anteny_offer_txt_{
            color: rgb(97, 97, 97);
            font-size: 17px;
            width: 100%;
            float: left;
        }
    
        .anteny_offer_txt_style{
            padding-bottom:0.8%;
            float:left;
            padding-left:3.5%;
            width:100%;
        }
    
        .anteny_offer_title{
            float: left;
            width: 100%;
            font-size: 18px;
            text-align: center;
            height:100%;
            display: flex;
            justify-content: left;
            align-items: center;
        }

        .maximum_logo{
            width:120px;
            height: 35px;
            float:left;
            margin-left:4%;
            margin-top: 1%;
            padding-bottom: 7%;
        }

        .anteny_offer_title_style{
            padding-bottom:1.5%;
            width:100%;
            float:left;
            font-size: 18px;
            font-weight: 600;
        }

        .anteny_offer_partner_style{
            color:gold;
            font-size: 24px;
            font-weight: 500;
            text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.8);
            float:left;
        }
    
        .maximum_logo_2{
            width:115px;
            height: 35px;
            float:left;
            margin-top:3%;
            margin-bottom:5%;
            
        }  

        /* KONIEC OFERT ANTEN */


        /* POCZATEK OFERT STARLINKA */
    
        .starlink_img{
            height: 45px;
            width: 45px;
            padding-left: 20%;
            padding-right:20%;
            float: left;
           
        }
    
        .starlink_img_div{
 	        height: 78.5%;
            float: left;
            width: 80px; 
            display:flex;
            justify-content:center;
            align-items: flex-start;
        }

        .starlink{
            width: 95%;
            height: 250px;
            margin-left: 2.5%;
            margin-right: 2.5%;
            float: left;
            color: white;
            padding-bottom:2.5%;
            padding-top:2.5%;
        }
    
        .starlink_txt{
            color: white;
            float: left;
            padding-top: 3%;
            width: 75%;
            font-size: 14px;
            height: 85%;
            padding-left: 1.5%;
            text-align:center;
        }

        .starlink_title{
            font-size:24px;
            font-family: 'Open Sans', sans-serif;
            width: 100%;
            float:left;
            text-align: center;
        }
    
        .starlink_img_plus_offer{
            width: 35px;
            height: 35px;
            float: left;
            margin-right: 5%;
            margin-left: 3%;
        }

        .starlink_offer_img{
            width: 40%;
            height: 250px;
            float: left;
        }

        .footer_starlink_div{
            background-color: rgb(255, 255, 255);
            width: 100%;
            height: 45px;
            float: left;
            box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
            border-bottom: none;
            position: absolute;
            bottom: 0%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    
        .starlink_offer_txt{
            color:black;
            float: left;
            font-size: 16px;
            width:92.5%;
        }
    
        .starlink_offer_img_and_txt{
            float: left;
            width:92.5%;
        }
    
        .scroll_starlink_offer{
            width: 96%;
            max-height: calc(100% - 250px - 45px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
            float: left;
            overflow-y: auto;
            padding: 2% 0 2% 0;
            margin: 0% 2% 0 2%;
        }
    
        .starlink_img_logo{
            width:100px;
            height: 25px;
            margin-top: 2%;
            margin-left: 5%;
        }
    
        .starlink_offer_txt_{
            color: rgb(97, 97, 97);
            font-size: 17px;
            width: 100%;
            float: left;
        }
    
        .starlink_offer_txt_style{
            padding-bottom:0.8%;
            float:left;
            padding-left:3.5%;
            width:100%;
            
        }
        .starlink_offer_txt_style_last_line{
            float:left;
            padding-left:3.5%;
            width:100%;
        }
    
        .starlink_offer_title{
            float: left;
            width: 100%;
            font-size: 18px;
            text-align: center;
            height:100%;
            display: flex;
            justify-content: left;
            align-items: center;
        }
    
        .starlink_offer_title_style{
            padding-bottom:1.5%;
            width:100%;
            float:left;
            font-size: 18px;
            font-weight: 600;
        }

        /* KONIEC OFERT STARLINKA */
    
    
        /* POCZATEK OFERT DOMOFONOW */

        .entryphone_img{
            height: 45px;
            width: 45px;
            padding-left: 20%;
            padding-right:20%;
            float: left;
        }

        .entryphone_img_div{
 	        height: 67%;
            float: left;
            width: 80px;  
            display:flex;
            justify-content:center;
            align-items: flex-start;
        }

        .entryphone{
            width: 95%;
            height: 240px;
            margin-left: 2.5%;
            margin-right: 2.5%;
            float: left;
            color: white;
            padding-bottom:2.5%;
            padding-top:2.5%;
        }
    
        .entryphone_txt{
            color: white;
            float: left;
            padding-top: 3%;
            width: 75%;
            font-size: 14px;
            height: 70%;
            padding-left: 1.5;
            text-align: center;
        }

        .entryphone_title{
            font-size:24px;
            font-family: 'Open Sans', sans-serif;
            width: 100%;
            float:left;
            text-align: center;
        }

        .domofony_img_plus_offer{
            width: 35px;
            height: 35px;
            float: left;
            margin-right: 3%;
            margin-left: 3%;
        }

        .domofony_offer_img{
            width: 50%;
            height: 250px;
            float: left;

        }

        .footer_domofony_div{
            background-color: rgb(255, 255, 255);
            width: 100%;
            height: 45px;
            float: left;
            box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
            display: flex;
            justify-content: center;
            align-items: center;
            border-bottom: none;
            position: absolute;
            bottom: 0%;
        }
    
        .domofony_offer_txt{
            color:black;
            float: left;
            font-size: 16px;
            width:92.5%;
        }
    
        .domofony_offer_img_and_txt{
            float: left;
            width:92.5%;
        }
    
        .scroll_entryphone_offer{
            width: 96%;
            max-height: calc(100% - 250px - 45px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
            float: left;
            overflow-y: auto;
            padding: 2% 0 2% 0;
            margin: 0% 2% 0 2%;
        }
    
        .domofony_img_logo{
            width:100px;
            height: 25px;
            margin-top: 2%;
            margin-left: 5%;
        }
    
        .domofony_offer_txt_{
            color: rgb(97, 97, 97);
            font-size: 17px;
            width: 100%;
            float: left;
        }
    
        .domofony_offer_txt_style{
            padding-bottom:0.8%;
            float:left;
            padding-left:3.5%;
            width:100%;
        }

        .domofony_offer_txt_style_last_line{
            float:left;
            padding-left:3.5%;
            width:100%;
        }
    
        .domofony_offer_title{
            float: left;
            width: 100%;
            font-size: 18px;
            text-align: center;
            height:100%;
            display: flex;
            justify-content: left;
            align-items: center;
        }
    
        .domofony_offer_title_style{
            padding-bottom:1.5%;
            width:100%;
            float:left;
            font-size: 18px;
            font-weight: 600;
        }

        /* KONIEC OFERT DOMOFONOW */
    

        /* POCZATEK STYLI DO WYSUWAJACYCH SIE OFERT */

        .offer_title_art{
            background-color: rgb(83, 83, 83);
            width: 100%;
            height: 80px;
            border-top:none;
            border-left:none;
            border-right:none;
        }

        .offerDiv_bigger {
            transition: opacity 0.5s ease-in-out;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.623);
            backdrop-filter: blur(2px);
            display: none;
            z-index: 999;
            overflow: hidden;
          }

          .stabilizacja_scroll_offer{
            height:41%;
            width: 96%;
            float: left;
            padding: 2% 0 4% 0;
            margin:0% 2% 0% 2%;
          }
        
          .offerDiv {
            transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Dodano transition dla opacity */
            position: fixed;
            top: -100%; /* Wyjeżdża z góry */
            left: 50%;
            transform: translate(-50%, -50%);
            box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.301);
            background-color: rgb(255, 255, 255);
            width: 100%;
            height: 91%;
            z-index: 1000;
            overflow-y:hidden;
            opacity: 0; /* Ukryj za pierwszym razem */
            overflow-x: hidden; /* Uniemożliwienie przewijania poziomego */
          }
        
        .offer_title_art{
            background-color: rgb(83, 83, 83);
            width: 100%;
            height: 60px;
            border-top:none;
            border-left:none;
            border-right:none;
            }
            
        .show_btn_offer{
            float: left;
            width:150px;
            height:35px;
            font-size:18px;
            background-color: rgba(255, 255, 255, 0);
            border:1.5px solid white;
            border-radius:5px;
            color:rgb(255, 255, 255);
            font-weight: 600;
            transition: 0.3s ease-in-out;
            margin-top:2%;
            margin-bottom:2%;  
        }
        
        .show_btn_offer:hover{
            color:black;
            background-color: white;
            border:none;
            cursor: pointer;
        }
        
        .off_btn_offer{
            float: left;
            width:150px;
            height:35px;
            font-size:18px;
            background-color: #0072ca;
            border:1.5px solid white;
            color:rgb(255, 255, 255);
            font-weight: 600;
            transition: 0.4s ease-in-out;
        }

        .off_btn_offer:hover{
            color: white;
            filter: brightness(85%);
            border:none;
            cursor: pointer;
        }

        /* KONIEC STYLI DO WYSUWAJACYCH SIE OFERT */
        
        .desktop-menu {
            display: none;
        }

        #article_rodo {
            width: 100%;
            padding-top:8%;
            float:left;
            padding-bottom: 8%;
        }
        .rodo_art {
            width: 100%;
            height: 600px;
        }
    
        .rodo_title{
            float:left;
            width:90%;
            font-size: 28px;
            font-weight: 600; 
            letter-spacing: 1px;
            font-family:'Courier New', Courier, monospace;
            margin-left: 5%;
            margin-bottom:3.5%;
        }
        .rodo_main{
            width: 90%;
            margin-left: 5%;
            float: left;
            margin-bottom:2.5%;
        }
        .accordion {
            float:left;
            width:90%;
            background-color: #fff;
            color: #333;
            border-radius: 5px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            margin-top:1%;
            margin-left: 5%;
        }
    
        .accordion-item {
            border-bottom: 1px solid #ddd;
        }
    
        .accordion-item:last-child {
            border-bottom: none;
        }
    
        .accordion-header {
            padding: 15px;
            cursor: pointer;
            border-bottom: 1px solid #ddd;
            background-color: #f9f9f9;
        }
    
        .accordion-content {
            padding: 15px;
            display: none;
            transition:max-height 0.2s ease-out;
        }
    
        .accordion-item.active .accordion-content {
            max-height: 1000px; 
        }
    
        .sort_icon{
            height:30px;
            width:30px;
            float:right;
        }




        

        #footer_contact{
            width: 100%;
            background-color:#2c2c2c ;
            float:left;
        }
        .contact_foot{
            width: 100%;

            margin-left: auto;
            margin-right: auto;
    
        }
    
        .article_contact_title{
            float:left;
            color:white;
            width:95%;
            text-align: center;
            padding-top:4%;
            font-size:28px;
            letter-spacing: 0.3px;
            margin-left: 2.5%;
            margin-right: 2.5%;
        }
    
    
        .article_footer_contact_text{
            margin-top:5%;

            width:90%;
            float:left;
            margin-left: 2.5%;
            margin-right: 2.5%;
        }
    
        .input_contact_name{
            height:25px;
            float:left;
            width:100%;
            margin-bottom:2%;
            font-size:20px;
            padding:1%;
            background-image: url("/templates/it_blackwhite/images/user.png");
            background-size:3.5%;
            background-repeat: no-repeat;
            background-position:97%;
            border:none;
            margin-left: 2.5%;
            margin-right: 2.5%;
        }
    
        .input_contact_email{
            float:left;
            width:100%;
            margin-bottom:2%;
            height:25px;
            font-size:20px;
            padding:1%;
            background-image: url("/templates/it_blackwhite/images/mail.png");
            background-size:3.5%;
            background-repeat: no-repeat;
            background-position: 97%;
            border:none;
            margin-left: 2.5%;
            margin-right: 2.5%;
        }
    
        .textarea_contact_message{
            float:left;
            width:93.5%;
            height:200px;
            padding:1%;
            padding-right:7.5%;
            margin-bottom:2%;
            border:none;
            font-size:20px;
            background-image: url("/templates/it_blackwhite/images/pencil.png");
            background-size:3.5%;
            background-repeat: no-repeat;
            background-position:top 4% right 3%;
            resize:none;
            margin-left: 2.5%;
            margin-right: 2.5%;
        }
    
        .send_button_contact{
            float:left;
            margin-top:2%;
            width:100%;
            height:55px;
            font-size:18px;
            background-color:white;
            border:1px solid white;
            border-radius:10px;
            color:rgb(255, 255, 255);
            font-weight: 600;
            transition: 0.3s ease-in-out;
            color:black;
            margin-left: 2.5%;
            margin-right: 2.5%;
        }
    
        .send_button_contact:hover{
            color:white;
            background-color: #0A94DB;
            cursor: pointer;
            border:none;
        }
    
        .span_contact{
            float:left;
            width:100%;
        }
    
        .article_contact_info{
            float:left;
            width:95%;
            letter-spacing: 0.2px;
            margin-top:3.75%;
            margin-left: 2.5%;
            margin-right: 2.5%;
            color:whitesmoke;
            font-size:16px;
        }
    
        .location_icon_contact{
            float:left;
            padding-top:0.4%;
            padding-right:0.5%;
            width:20px;
            height:20px;
        }
    
        .phone_icon_contact{
            float:left;
            padding-top:0.4%;
            padding-right:0.6%;
            width:20px;
            height:20px;
        }
    
        .mail_icon_contact{
            float:left;
            padding-top:0.4%;
            padding-right:0.6%;
            width:20px;
            height:20px;
        }
        
        .cred_social{
            width: 200px;
            float: left;
            padding-bottom: 5%;
        }

        .cred_social a{
            background-color: white;
            border-radius: 50%;
            padding: 5px;
            margin: 0 5px 5px;
            height: 30px;
            width: 30px;
            display: inline-block;
        }
        
        .article_copy{
            width: 100%;
            background-color: #2c2c2c;
            float: left;
            border-top: white 1px solid;

        }
        .copyright{
            width: 95%;
            float: left;
            color: #4b4b4b;
            height: 50px;
            margin-top: 5.5%;
            margin-left: 2.5%;
            margin-right: 2.5%;
            text-align: center;
        }

        .tel_span{
            text-decoration: none; 
            color: white; 
            cursor: text;
        }
    
   
        /* galeria */
    

        #gallery{
            background-color: #EEEDE7;
            width: 100%;
            height: 700px;
            float: left;
    
        }
        .gallery_div{
            width: 700px;
            height: 400px;
            margin-left: auto;
            margin-right: auto;
        }
    
    
        .container {
            text-align: center; /* Center the gallery */
          }
        
          .gallery-container {
            width: 700px;
            height: 600px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            display: inline-flex; 
            align-items: center; 
            justify-content: center; 
            border-radius: 15px;
            margin-top: 6.2%;
          }
        
          .gallery-slides {
            display: flex;
            transition: transform 0.5s ease;
          }
        
          #slide {
            max-width: 100%; 
            max-height: 100%; 
            
            object-fit: contain;
    
          }
        
          .nav-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            cursor: pointer;
            padding: 17.5px;
            z-index: 100;
            transition: background 0.3s ease;
            border-radius: 100px;
            font-size: 20px;
          }
        
          .nav-btn:hover {
            background: rgba(0, 0, 0, 0.8);
          }
        
          .prev {
            left: 10px;
          }
        
          .next {
            right: 10px;
          }
    
          /* Style for the stop/start button */
        .stop-start-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            cursor: pointer;
            padding: 10px 20px;
            z-index: 100;
            transition: background 0.3s ease;
        }
      
        .stop-start-btn:hover {
            background: rgba(0, 0, 0, 0.8);
        }
    
    
        #form-open {
            border: 2px solid #7d2ae8;
            border-radius: 7.5px;
            background: transparent;
            cursor: pointer;
            font-size: 20px;
            color: black;
            text-align: center;
            transition: 0.4s ease-in-out;
            list-style: none;
            background-color: #ffffff00;
            float:left;
            width:90px;
            margin-top:0.6%;
            text-align: center;
            font-weight: 500;
            height:45px;
          }
    
          #form-open:hover{
            color:white;
            background-color:#7d2ae8;
          }
        }
        
        
        
        
        
        
        /* laptopy */
@media  screen and  (min-width: 1024px) and (max-width: 1439px){
            HTML,BODY {
            }   
    
        
            
         
    
            .footer_contact_map{
                display: none;
            }
    
            .footer_contact_map_phone{
                display: none;
            }
            
    
           
    
            ::-webkit-scrollbar {
                width: 5px;
            }
              
            /* Track */
            ::-webkit-scrollbar-track {
                background: #d4d4d4; 
            }
               
            /* Handle */
            ::-webkit-scrollbar-thumb {
                background: #0072ca; 
            }
              
            /* Handle on hover */
            ::-webkit-scrollbar-thumb:hover {
                background: #555; 
            }
            
            .sticky {
                position: fixed;
                top: 0;
                width: 100%;
            }
              
            .sticky + #main {
                padding-top: 81px;
            }
    
            
            .tel_span{
                text-decoration: none; 
                color: white; 
                cursor: text;
            }
        
            /* POCZATEK HEADERA I MENU */
        
            #header {
                background-color: white;
                width: 100%;
                float: left;
                box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.822);
                height: 100px;
                z-index: 999;
            }
    
            .header-container{
                padding: 0 10px 0px 10px;
                height: 100px;
            }
    
            .header-menu {
                width: 100%;
                float: left;
                margin-left: auto;
                margin-right: auto;
                padding: 5px 0 5px 0;
                height: 80px;
                display: flex;
                justify-content: space-evenly;
                align-items: center;
            }

            

            .logo {
                height: 60px; /* Wysokość logo */
                float: left;

              }
              
              /* Menu desktopowe - Flexbox do elastycznego układu */
              .desktop-menu {
                display: block;
                width:50%;
                font-size: 17px;
                float:left;
                padding-right:2%;
                
            }
        
            .desktop-menu ul {
                list-style: none;
                margin: 0;
                padding:0;
                background-color: #ffffff00;
                overflow: hidden;
                float:left;
                font-weight: 500;
                width:750px;
                padding-top: 2%;

            }
        
            .desktop-menu ul li {
                float: left;
            }
        
            .desktop-menu ul li a {
                display: block;
                color: black;
                text-align: center;
                padding: 14px 16px;
                text-decoration: none;
                transition: 0.4s ease-in-out;
                
            }
        
            .desktop-menu ul li a:hover {
                color:#0072ca;
                transform:scale(1.1);
                letter-spacing: 1.3;
            }
    



            .mobile-menu {
                display: none;
            }
        
            .mobile-menu-icon {
                display: none;
            }
        
            #mobile_menu ul{
                display:none;
            }

              .menu-toggle{
                display: none;
              }
            /* KONIEC HEADERA I MENU */
    


    
            /* POCZATEK STRONY GLOWNEJ */
        
            #main {
                float:left; 
                width:100%; 
                text-align: left; 
                background-image: url("/templates/it_blackwhite/images/baner2.jpg");
                background-repeat: no-repeat;
                height:651px;
                background-position: center left;
                background-size:cover;
                
            }    
            .main_container{
                padding: 0 10px 0px 10px;
                height: 651px;
    
            }
            .main_resp{
                width: 100%;
                float: left;
                margin-left: auto;
                margin-right: auto;
                padding: 5px 0 5px 0;
                height: 600px;
                display: flex;
                justify-content: space-between;
                align-items: center;
               
            }
        
            .main_text{
                color:white;
                font-size:25px;
                float: left;
                letter-spacing: 1.3;
                font-weight: 600;
                text-shadow: 2px 1px 1px black;
                letter-spacing: 0.3px;
                margin-left: auto;
                margin-right: auto;
            
            }
        
            .main_text_line{
                font-size:23px;
                float: left;
                letter-spacing: 1.3;
                font-weight: 500;
                text-shadow: 2px 1px 1px black;
                width:100%;
            }
        
            .button_main_text{
                float:left;
                width:200px;
                height:55px;
                font-size:18px;
                background-color: rgba(255, 255, 255, 0);
                border:1px solid white;
                border-radius:10px;
                color:rgb(255, 255, 255);
                font-weight: 600;
                transition: 0.3s ease-in-out;
            }
        
            .button_main_text:hover{
                color:black;
                background-color: white;
                border:none;
                cursor: pointer;
            }
    
            /* KONIEC STRONY GLOWNEJ */
    
    
            /* POCZATEK INFORMACJI O FIRMIE */
        
            #article_info{
                float:left;
                height:730px;
                background-color: white;
                width:100%;
    
            }
            
            .info_art{
                width: 100%;
                height:730px;
                margin-left: auto;
                margin-right: auto;
                float: left;
            }


            .footer_contact_map_tablet{
                width: 70%;
                display: block;
                height: 400px;
                margin-left: 15%;
            }
        
            .article_info_text{
                padding-right:7%;
                padding-left:7%;
                text-align: center;
                font-weight: 550;
                font-size:15px;
                letter-spacing: 0.3px;
                margin-bottom:2.5% ;
            }
        
            .article_info_title_style{
                color:#0A94DB ;
                text-shadow: 0.5px 0.5px 0.5px black;
            }
        
            .article_info_company_name_style{
                color:#0A94DB  ;
                text-shadow: 0.5px 0.5px 0.5px black;
            }
    
            .article_info_title{
                width: 100%;
                text-align: center;
                margin-bottom:2%;
                padding-top:7%;
                font-size:25px;
                font-weight: 650;
                letter-spacing: 0.3px;
            }
    
            /* KONIEC USTAWIEN INFORMACJI O FIRMIE */
    
    
            /* KONIEC USTAWIEN MAPY */
    
            .footer_contact_map{
                width: 70%;
                margin-top: 8%;
            }
    
            .footer_contact_map{
                display: none;
            }
    
            /* KONIEC USTAWIEN MAPY */
    
    
            /* POCZATEK USTAWIEN DOTYCZACYCH OFERT */
            
            #article_offers{
                float:left;
                height:2650px;
                font-size:25px;
                background-color: #0072ca;
                width: 100%;
                
            }
        
            .article_offers_title{
                width: 100%;
                height:2650px;
                margin-left: auto;
                margin-right: auto;
                float:left;
            }
        
           .title_offers{
                text-align: center;
                font-size: 30px;
                font-weight: 700;
                color: white;
                padding-top:7%;
                float:left;
                width:90%;
                margin-left: 5%;
                margin-right: 5%;
           }
           
            .row{
                width: 100%;
                height: 1200px;
                margin-top: 1%;
                float: left;
            }
            .row2{
                width: 100%;
                height: 1250px;
                float: left;
            }
    
            .show_btn_div_style{
                width:100%;
                height:70px;
                float:left;
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center;
    
            }
    
            /* KONIEC USTAWIEN DOTYCZACYCH OFERT */
    
    
            /* POCZATEK OFERTY CANAL PLUSA */
        
            .canal_img{
                height: 45px;
                width: 45px;
                padding-left: 20%;
                padding-right:20%;
                float: left;
               
            }
        
            .canal_img_div{
                height: 89.65%;
                float: left;
                width: 80px; 
                display:flex;
                justify-content:center;
                align-items: flex-start;
            }
        
            .canal_plus{
                width: 95%;
                height: 230px;
                margin-left: 2.5%;
                margin-right: 2.5%;
                float: left;
                color: white;
                padding-bottom:2.5%;
                padding-top:2.5%;
            }
        
            .canal_txt{
                color: white;
                float: left;
                padding-top: 3%;
                width: 75%;
                font-size: 17px;
                height: 83%;
                text-align: center;
                padding-left:6%;
    
            }
    
            .canal_title{
                font-size:27px;
                font-family: 'Open Sans', sans-serif;
                width: 100%;
                float:left;
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        
            .canal_img_plus_offer{
                width: 35px;
                height: 35px;
                float: left;
                margin-right: 1%;
                margin-left: 3%;
            }
    
            .dekoder_img{
                width: 40%;
                height: 250px;
                float: left;
            }
    
            .footer_canal_div{
                background-color: rgb(255, 255, 255);
                width: 100%;
                height: 45px;
                float: left;
                box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
                border-bottom: none;
                position: absolute;
                bottom: 0%;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        
            .canal_offer_txt{
                color:black;
                float: left;
                font-size: 16px;
                width:92.5%;
            }
        
            .canal_offer_img_and_txt{
                float: left;
                width:92.5%;
            }
        
            .scroll_canal_text{
                width: 96%;
            max-height: calc(100% - 250px - 120px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
            float: left;
            overflow-y: auto;
            padding: 2% 0 2% 0;
            margin: 0% 2% 0 2%;
            }
    
            .canal_img_logo{
                width:125px;
                height: 35px;
            }
        
            .canal_offer_txt_{
                color: rgb(97, 97, 97);
                font-size: 17px;
                width: 100%;
                float: left;
            }
        
            .canal_offer_txt_style{
                padding-bottom:0.8%;
                float:left;
                padding-left:3.5%;
                width:100%;
                
            }
            .canal_offer_txt_style_last_line{
                float:left;
                padding-left:3.5%;
                width:100%;
            }
        
            .canal_offer_title{
                float: left;
                width: 100%;
                font-size: 18px;
                text-align: center;
                height:100%;
                display: flex;
                justify-content: left;
                align-items: center;
            }
        
            .canal_offer_title_style{
                padding-bottom:1.5%;
                width:100%;
                float:left;
                font-size: 18px;
                font-weight: 600;
            }
    
            .img_offer_stabilizacja{
                width:100%;
                display: flex;
                justify-content: center;
                align-items: center;
                float: left;
                
            }
    
            /* KONIEC OFERTY CANAL PLUSA */
        
    
    
            /* POCZATEK OFERTY YANOSIKA */
    
            .yanosik_img{
                height: 45px;
                width: 45px;
                padding-left: 20%;
                padding-right:20%;
                float: left;
            }
        
            .yanosik_img_div{
                height: 89.65%;
                float: left;
                width: 80px; 
                display:flex;
                justify-content:center;
                align-items: flex-start;
            }
    
            .yanosik{
                width: 95%;
                height: 240px;
                margin-left: 2.5%;
                margin-right: 2.5%;
                float: left;
                color: white;
                padding-bottom:2.5%;
                padding-top:2.5%;
            }
        
            .yanosik_txt{
                color: white;
                float: left;
                padding-top: 3%;
                width: 75%;
                font-size: 17px;
                height: 65%;
                padding-left:6%;
                text-align: center;
            }
    
            .yanosik_title{
                font-size:27px;
                font-family: 'Open Sans', sans-serif;
                width: 100%;
                float:left;
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        
            .yanosik_offer_img{
                width: 35%;
                height: 250px;
                float: left;
            }
    
            .yanosik_img_plus_offer{
                width: 45px;
                height: 45px;
                float: left;
                margin-right: 1%;
                margin-left: 3%;
            }
    
            .footer_yanosik_div{
                background-color: rgb(255, 255, 255);
                width: 100%;
                height: 45px;
                float: left;
                box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
                margin-top: 5.3%;
                border-bottom: none;
                position: absolute;
                bottom: 0%;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        
            .yanosik_offer_txt{
                color:black;
                float: left;
                font-size: 16px;
                width:92.5%;
            }
        
            .yanosik_offer_img_and_txt{
                float: left;
                width:92.5%;
                margin-bottom:5%;
            }
    
            .scroll_yanosik_text{
                width: 96%;
                max-height: calc(100% - 250px - 85px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
                float: left;
                overflow-y: auto;
                padding: 2% 0 2% 0;
                margin: 0% 2% 0 2%;
            }
        
            .yanosik_img_logo{
                width:120px;
                height: 25px;
                margin-top: 2%;
                float: left;
            }
        
            .yanosik_offer_txt_{
                color: rgb(97, 97, 97);
                font-size: 17px;
                width: 100%;
                float: left;
            }
        
            .yanosik_offer_txt_style{
                padding-bottom:0.8%;
                float:left;
                padding-left:3.5%;
                width:100%;
            }
        
            .yanosik_offer_title{
                float: left;
                width: 100%;
                font-size: 18px;
                text-align: center;
                height:100%;
                display: flex;
                justify-content: left;
                align-items: center;
            }
    
        
            .yanosik_offer_title_style{
                padding-bottom:1.5%;
                width:100%;
                float:left;
                font-size: 18px;
                font-weight: 600;
            }
    
            /* KONIEC OFERTY YANOSIK */
        
        
            /* POCZATEK OFERTY AKCESORIA */
        
            .akcesoria_img{
                height: 45px;
                width: 45px;
                padding-left: 20%;
                padding-right:20%;
                float: left;
               
            }
        
            .akcesoria_img_div{
                height: 88%;
                float: left;
                width: 80px; 
                display:flex;
                justify-content:center;
                align-items: flex-start;
            }
    
            .akcesoria{
                width: 95%;
                height: 235px;
                margin-left: 2.5%;
                margin-right: 2.5%;
                float: left;
                color: white;
                padding-bottom:2.5%;
                padding-top:2.5%;
                
            }
        
            .akcesoria_txt{
                color: white;
                float: left;
                padding-top: 3%;
                width: 75%;
                font-size: 17px;
                height: 84%;
                text-align: center;
                padding-left:6%;
            }
    
            .akcesoria_title{
                font-size:27px;
                font-family: 'Open Sans', sans-serif;
                width: 100%;
                float:left;
                text-align: center;
            }
        
            .akcesoria_img_plus_offer{
                width: 35px;
                height: 35px;
                float: left;
                margin-right: 2%;
                margin-left: 3%;
            }
    
            .akcesoria_offer_img{
                width: 35%;
                height: 250px;
                float: left;
                display: flex;
                justify-content: center;
                align-items: center;
            }
    
            .eet_logo{
                width:100px;
                height: 25px;
                margin-top: 2%;
                float:left;
            }   
    
            .footer_akcesoria_div{
                background-color: rgb(255, 255, 255);
                width: 100%;
                height: 45px;
                float: left;
                box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
                margin-top: 5.3%;
                border-bottom: none;
                position: absolute;
                bottom: 0%;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        
            .scroll_akcesoria_text{
                width: 96%;
                max-height: calc(100% - 250px - 45px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
                float: left;
                overflow-y: auto;
                padding: 2% 0 2% 0;
                margin: 0% 2% 0 2%;
            }
        
            .akcesoria_offer_txt{
                color:black;
                float: left;
                font-size: 16px;
                width:92.5%;
            }
        
            .akcesoria_offer_img_and_txt{
                float: left;
                width: 100%;
                margin-bottom:5%;
            }
        
            .akcesoria_img_logo{
                width:120px;
                height: 25px;
                margin-top: 2%;
                margin-left: 5%;
                float: left;
            }
        
            .akcesoria_offer_txt_{
                color: rgb(97, 97, 97);
                font-size: 17px;
                width: 100%;
                float: left;
            }
        
            .akcesoria_offer_txt_style{
                padding-bottom:0.8%;
                float:left;
                padding-left:3.5%;
                width:100%;
            }
        
            .akcesoria_offer_title{
                float: left;
                width: 100%;
                font-size: 16px;
                text-align: center;
                height:100%;
                display: flex;
                justify-content: left;
                align-items: center;
            }
    
            .maximum_logo{
                width:120px;
                height: 35px;
                float:left;
                margin-left:4%;
                margin-top: 1%;
                padding-bottom: 7%;
            }
    
            .akcesoria_offer_title_style{
                 padding-bottom:1.5%;
                width:100%;
                float:left;
                font-size: 18px;
                font-weight: 600;
            }
    
            .akcesoria_offer_partner_style{
                color:gold;
                font-size: 24px;
                font-weight: 500;
                text-shadow: 1px 0.5px 0.5px rgba(0, 0, 0, 0.8);
                float:left;
            }
    
            /* KONIEC OFERT AKCESORI */
    
    
            /* POCZATEK OFERT SYSTEMOW PRZECIWPOZAROWYCH */
    
            .fireprotection_img{
                height: 45px;
                width: 45px;
                padding-left: 20%;
                padding-right:20%;
                float: left;
            }
        
            .fireprotection_img_div{
                height: 71%;
                float: left;
                width: 80px;  
                display:flex;
                justify-content:center;
                align-items: flex-start;
            }
    
            .fireprotection{
                width: 95%;
                height: 230px;
                margin-left: 2.5%;
                margin-right: 2.5%;
                float: left;
                color: white;
                padding-bottom:2.5%;
                padding-top:2.5%;
            }
        
            .fireprotection_txt{
                color: white;
                float: left;
                padding-top: 3%;
                width: 75%;
                font-size: 17px;
                height: 72%;
                text-align: center;
                padding-left:6%;
            }
    
            .fireprotection_title{
                font-size:27px;
                font-family: 'Open Sans', sans-serif;
                width: 100%;
                float:left;
                text-align: center;
            }
        
            .kamery_img_plus_offer{
                width: 35px;
                height: 35px;
                float: left;
                margin-right: 3%;
                margin-left: 3%;
            }
    
            .kamery_offer_img{
                width: 35%;
                height: 250px;
                float: left;
            }
    
            .footer_kamery_div{
                background-color: rgb(255, 255, 255);
                width: 100%;
                height: 45px;
                float: left;
                box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
                display: flex;
                justify-content: center;
                align-items: center;
                border-bottom: none;
                position: absolute;
                bottom: 0%;
            }
        
            .kamery_offer_txt{
                color:black;
                float: left;
                font-size: 16px;
                width:92.5%;
            }
        
            .kamery_offer_img_and_txt{
                float: left;
                width:92.5%;
            }
        
            .scroll_fireprotection_text{
                width: 96%;
                max-height: calc(100% - 250px - 85px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
                float: left;
                overflow-y: auto;
                padding: 2% 0 2% 0;
                margin: 0% 2% 0 2%;
            }
        
            .kamery_img_logo{
                width:100px;
                height: 25px;
                margin-top: 2%;
                margin-left: 5%;
            }
        
            .kamery_offer_txt_{
                color: rgb(97, 97, 97);
                font-size: 17px;
                width: 100%;
                float: left;
            }
        
            .kamery_offer_txt_style{
                padding-bottom:0.8%;
                float:left;
                padding-left:3.5%;
                width:100%;
                
            }
    
            .kamery_offer_txt_style_last_line{
                float:left;
                padding-left:3.5%;
                width:100%;
            }
        
            .kamery_offer_title{
                float: left;
                width: 100%;
                font-size: 18px;
                text-align: center;
                height:100%;
                display: flex;
                justify-content: left;
                align-items: center;
            }
        
            .kamery_offer_title_style{
                padding-bottom:1.5%;
                width:100%;
                float:left;
                font-size: 18px;
                font-weight: 600;
            }
    
            /* KONIEC OFERT SYSTEMOW PRZECIWPOZAROWYCH */
    
    
            /* POCZATEK OFERT MONITORINGU */
        
            .monitoring_img{
                height: 45px;
                width: 45px;
                padding-left: 20%;
                padding-right:20%;
                float: left;
               
            }
        
            .monitoring_img_div{
                height: 78.5%;
                float: left;
                width: 80px;  
                padding-top: 7%;
            }
    
            .monitoring{
                width: 95%;
                height: 275px;
                margin-left: 2.5%;
                margin-right: 2.5%;
                float: left;
                color: white;
                padding-bottom:2.5%;
                padding-top:2.5%;
            }
        
            .monitoring_txt{
                color: white;
                float: left;
                padding-top: 3%;
                width: 75%;
                font-size: 17px;
                height: 85%;
                text-align: center;
                padding-left:6%;
    
            }
    
            .monitoring_title{
                font-size:27px;
                font-family: 'Open Sans', sans-serif;
                width: 100%;
                float:left;
                text-align: center;
            }
        
            .monitoring_img_plus_offer{
                width: 35px;
                height: 35px;
                float: left;
                margin-right: 5%;
                margin-left: 3%;
            }
    
            .monitoring_offer_img{
                width: 35%;
                height: 250px;
                float: left;
            }
    
            .footer_monitoring_div{
                background-color: rgb(255, 255, 255);
                width: 100%;
                height: 45px;
                float: left;
                box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
                margin-top: 5.3%;
                border-bottom: none;
                position: absolute;
                bottom: 0%;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        
            .monitoring_offer_txt{
                color:black;
                float: left;
                font-size: 16px;
                width:92.5%;
            }
        
            .monitoring_offer_img_and_txt{
                float: left;
                width:92.5%;
                margin-bottom:5%;
            }
        
            .monitoring_img_logo{
                width:125px;
                height: 35px;
            }
    
            .scroll_monitoring_text{
                width: 96%;
                max-height: calc(100% - 250px - 110px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
                float: left;
                overflow-y: auto;
                padding: 2% 0 2% 0;
                margin: 0% 2% 0 2%;
            }
        
            .monitoring_offer_txt_{
                color: rgb(97, 97, 97);
                font-size: 17px;
                width: 100%;
                float: left;
            }
        
            .monitoring_offer_txt_style{
                padding-bottom:0.8%;
                float:left;
                padding-left:3.5%;
                width:100%;
            }
        
            .monitoring_offer_title{
                float: left;
                width: 100%;
                font-size: 18px;
                text-align: center;
                height:100%;
                display: flex;
                justify-content: left;
                align-items: center;
            }
        
            .monitoring_offer_title_style{
                padding-bottom:1.5%;
                width:100%;
                float:left;
                font-size: 18px;
                font-weight: 600;
            }
    
            .microview_logo{
                width:70px;
                height: 30px;
                margin-top: 2%;
                float:left;
            }
    
            .monitoring_offer_title_style_last{ 
                float:left;
                padding-left:3.5%;
                width:100%;
            }
    
            /* KONIEC OFERT MONITORINGU */
    
    
            /* POCZATEK OFERT ANTEN */
        
            .anteny_img{
                height: 45px;
                width: 45px;
                padding-left: 20%;
                padding-right:20%;
                float: left;
               
            }
        
            .anteny_img_div{
                height: 70%;
                float: left;
                width: 80px;  
                display:flex;
                justify-content:center;
                align-items: flex-start;
            }
    
            .anteny{
                width: 95%;
                height: 260px;
                margin-left: 2.5%;
                margin-right: 2.5%;
                float: left;
                color: white;
                padding-bottom:2.5%;
                padding-top:2.5%;
            }
        
            .anteny_txt{
                color: white;
                float: left;
                padding-top: 3%;
                width: 75%;
                font-size: 17px;
                height: 73%;
                text-align: center;
                padding-left:6%;
            }
    
            .anteny_title{
                font-size:27px;
                font-family: 'Open Sans', sans-serif;
                width: 100%;
                float:left;
                text-align: center;
            }
        
            .anteny_img_plus_offer{
                width: 35px;
                height: 35px;
                float: left;
                margin-right: 3%;
                margin-left: 3%;
            }
    
            .anteny_offer_img{
                width: 35%;
                height: 250px;
                float: left;
            }
    
            .eet_logo{
                width:100px;
                height: 25px;
                margin-top: 2%;
                float:left;
            }   
    
            .footer_anteny_div{
                background-color: rgb(255, 255, 255);
                width: 100%;
                height: 45px;
                float: left;
                box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
                margin-top: 5.3%;
                border-bottom: none;
                position: absolute;
                bottom: 0%;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        
            .scroll_anteny_offer{
                width: 96%;
                max-height: calc(100% - 250px - 45px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
                float: left;
                overflow-y: auto;
                padding: 2% 0 2% 0;
                margin: 0% 2% 0 2%;
            }
        
            .anteny_offer_txt{
                color:black;
                float: left;
                font-size: 16px;
                width:92.5%;
            }
        
            .anteny_offer_img_and_txt{
                float: left;
                width:92.5%;
            }
        
            .anteny_img_logo{
                width:120px;
                height: 25px;
                margin-top: 2%;
                margin-left: 5%;
                float: left;
            }
        
            .anteny_offer_txt_{
                color: rgb(97, 97, 97);
                font-size: 17px;
                width: 100%;
                float: left;
            }
        
            .anteny_offer_txt_style{
                padding-bottom:0.8%;
                float:left;
                padding-left:3.5%;
                width:100%;
            }
        
            .anteny_offer_title{
                float: left;
                width: 100%;
                font-size: 18px;
                text-align: center;
                height:100%;
                display: flex;
                justify-content: left;
                align-items: center;
            }
    
            .maximum_logo{
                width:120px;
                height: 35px;
                float:left;
                margin-left:4%;
                margin-top: 1%;
                padding-bottom: 7%;
            }
    
            .anteny_offer_title_style{
                padding-bottom:1.5%;
                width:100%;
                float:left;
                font-size: 18px;
                font-weight: 600;
            }
    
            .anteny_offer_partner_style{
                color:gold;
                font-size: 24px;
                font-weight: 500;
                text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.8);
                float:left;
            }
        
            .maximum_logo_2{
                width:115px;
                height: 35px;
                float:left;
                margin-top:3%;
                margin-bottom:5%;
                
            }  
    
            /* KONIEC OFERT ANTEN */
    
    
            /* POCZATEK OFERT STARLINKA */
        
            .starlink_img{
                height: 45px;
                width: 45px;
                padding-left: 20%;
                padding-right:20%;
                float: left;
               
            }
        
            .starlink_img_div{
                 height: 78.5%;
                float: left;
                width: 80px; 
                display:flex;
                justify-content:center;
                align-items: flex-start;
            }
    
            .starlink{
                width: 95%;
                height: 250px;
                margin-left: 2.5%;
                margin-right: 2.5%;
                float: left;
                color: white;
                padding-bottom:2.5%;
                padding-top:2.5%;
            }
        
            .starlink_txt{
                color: white;
                float: left;
                padding-top: 3%;
                width: 75%;
                font-size: 17px;
                height: 85%;
                padding-left:6%;
                text-align:center;
            }
    
            .starlink_title{
                font-size:27px;
                font-family: 'Open Sans', sans-serif;
                width: 100%;
                float:left;
                text-align: center;
            }
        
            .starlink_img_plus_offer{
                width: 35px;
                height: 35px;
                float: left;
                margin-right: 5%;
                margin-left: 3%;
            }
    
            .starlink_offer_img{
                width: 30%;
                height: 250px;
                float: left;
            }
    
            .footer_starlink_div{
                background-color: rgb(255, 255, 255);
                width: 100%;
                height: 45px;
                float: left;
                box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
                border-bottom: none;
                position: absolute;
                bottom: 0%;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        
            .starlink_offer_txt{
                color:black;
                float: left;
                font-size: 16px;
                width:92.5%;
            }
        
            .starlink_offer_img_and_txt{
                float: left;
                width:92.5%;
            }
        
            .scroll_starlink_offer{
                width: 96%;
                max-height: calc(100% - 250px - 85px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
                float: left;
                overflow-y: auto;
                padding: 2% 0 2% 0;
                margin: 0% 2% 0 2%;
            }
        
            .starlink_img_logo{
                width:100px;
                height: 25px;
                margin-top: 2%;
                margin-left: 5%;
            }
        
            .starlink_offer_txt_{
                color: rgb(97, 97, 97);
                font-size: 17px;
                width: 100%;
                float: left;
            }
        
            .starlink_offer_txt_style{
                padding-bottom:0.8%;
                float:left;
                padding-left:3.5%;
                width:100%;
                
            }
            .starlink_offer_txt_style_last_line{
                float:left;
                padding-left:3.5%;
                width:100%;
            }
        
            .starlink_offer_title{
                float: left;
                width: 100%;
                font-size: 18px;
                text-align: center;
                height:100%;
                display: flex;
                justify-content: left;
                align-items: center;
            }
        
            .starlink_offer_title_style{
                padding-bottom:1.5%;
                width:100%;
                float:left;
                font-size: 18px;
                font-weight: 600;
            }
    
            /* KONIEC OFERT STARLINKA */
        
        
            /* POCZATEK OFERT DOMOFONOW */
    
            .entryphone_img{
                height: 45px;
                width: 45px;
                padding-left: 20%;
                padding-right:20%;
                float: left;
                
            }
    
            .entryphone_img_div{
                 height: 67%;
                float: left;
                width: 80px;  
                display:flex;
                justify-content:center;
                align-items: flex-start;
                
            }
    
            .entryphone{
                width: 95%;
                height: 240px;
                margin-left: 2.5%;
                margin-right: 2.5%;
                float: left;
                color: white;
                padding-bottom:2.5%;
                padding-top:2.5%;
            }
        
            .entryphone_txt{
                color: white;
                float: left;
                padding-top: 3%;
                width: 75%;
                font-size: 17px;
                height: 70%;
                padding-left:6%;
                text-align: center;
            }
    
            .entryphone_title{
                font-size:27px;
                font-family: 'Open Sans', sans-serif;
                width: 100%;
                float:left;
                text-align: center;
            }
    
            .domofony_img_plus_offer{
                width: 35px;
                height: 35px;
                float: left;
                margin-right: 3%;
                margin-left: 3%;
            }
    
            .domofony_offer_img{
                width: 35%;
                height: 250px;
                float: left;
    
            }
    
            .footer_domofony_div{
                background-color: rgb(255, 255, 255);
                width: 100%;
                height: 45px;
                float: left;
                box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.404);
                display: flex;
                justify-content: center;
                align-items: center;
                border-bottom: none;
                position: absolute;
                bottom: 0%;
            }
        
            .domofony_offer_txt{
                color:black;
                float: left;
                font-size: 16px;
                width:92.5%;
            }
        
            .domofony_offer_img_and_txt{
                float: left;
                width:92.5%;
            }
        
            .scroll_entryphone_offer{
                width: 96%;
                max-height: calc(100% - 250px - 85px - 35px); /* Maksymalna wysokość, odejmujemy wysokość dekodera i stopki */
                float: left;
                overflow-y: auto;
                padding: 2% 0 2% 0;
                margin: 0% 2% 0 2%;
            }
        
            .domofony_img_logo{
                width:100px;
                height: 25px;
                margin-top: 2%;
                margin-left: 5%;
            }
        
            .domofony_offer_txt_{
                color: rgb(97, 97, 97);
                font-size: 17px;
                width: 100%;
                float: left;
            }
        
            .domofony_offer_txt_style{
                padding-bottom:0.8%;
                float:left;
                padding-left:3.5%;
                width:100%;
            }
    
            .domofony_offer_txt_style_last_line{
                float:left;
                padding-left:3.5%;
                width:100%;
            }
        
            .domofony_offer_title{
                float: left;
                width: 100%;
                font-size: 18px;
                text-align: center;
                height:100%;
                display: flex;
                justify-content: left;
                align-items: center;
            }
        
            .domofony_offer_title_style{
                padding-bottom:1.5%;
                width:100%;
                float:left;
                font-size: 18px;
                font-weight: 600;
            }
    
            /* KONIEC OFERT DOMOFONOW */
        
    
            /* POCZATEK STYLI DO WYSUWAJACYCH SIE OFERT */
    
            .offer_title_art{
                background-color: rgb(83, 83, 83);
                width: 100%;
                height: 80px;
                border-top:none;
                border-left:none;
                border-right:none;
            }
    
            .offerDiv_bigger {
                transition: opacity 0.5s ease-in-out;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.623);
                backdrop-filter: blur(2px);
                display: none;
                z-index: 999;
                overflow: hidden;
              }
    
              .stabilizacja_scroll_offer{
                height:41%;
                width: 96%;
                float: left;
                padding: 2% 0 4% 0;
                margin:0% 2% 0% 2%;
              }
            
              .offerDiv {
                transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Dodano transition dla opacity */
                position: fixed;
                top: -100%; /* Wyjeżdża z góry */
                left: 50%;
                transform: translate(-50%, -50%);
                box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.301);
                background-color: rgb(255, 255, 255);
                width: 100%;
                height: 91%;
                z-index: 1000;
                overflow-y:hidden;
                opacity: 0; /* Ukryj za pierwszym razem */
                overflow-x: hidden; /* Uniemożliwienie przewijania poziomego */
              }
            
            .offer_title_art{
                background-color: rgb(83, 83, 83);
                width: 100%;
                height: 60px;
                border-top:none;
                border-left:none;
                border-right:none;
                }
                
            .show_btn_offer{
                float: left;
                width:150px;
                height:35px;
                font-size:18px;
                background-color: rgba(255, 255, 255, 0);
                border:1.5px solid white;
                border-radius:5px;
                color:rgb(255, 255, 255);
                font-weight: 600;
                transition: 0.3s ease-in-out;
                margin-top:2%;
                margin-bottom:2%;  
            }
            
            .show_btn_offer:hover{
                color:black;
                background-color: white;
                border:none;
                cursor: pointer;
            }
            
            .off_btn_offer{
                float: left;
                width:150px;
                height:35px;
                font-size:18px;
                background-color: #0072ca;
                border:1.5px solid white;
                color:rgb(255, 255, 255);
                font-weight: 600;
                transition: 0.4s ease-in-out;
            }
    
            .off_btn_offer:hover{
                color: white;
                filter: brightness(85%);
                border:none;
                cursor: pointer;
            }
    
            /* KONIEC STYLI DO WYSUWAJACYCH SIE OFERT */

            #article_rodo {
                width: 100%;
                padding-top:8%;
                float:left;
                padding-bottom: 8%;
            }
            .rodo_art {
                width: 100%;
                height: 600px;
            }
        
            .rodo_title{
                float:left;
                width:90%;
                font-size: 28px;
                font-weight: 600; 
                letter-spacing: 1px;
                font-family:'Courier New', Courier, monospace;
                margin-left: 5%;
                margin-bottom:3.5%;
            }
            .rodo_main{
                width: 90%;
                margin-left: 5%;
                float: left;
                margin-bottom:2.5%;
            }
            .accordion {
                float:left;
                width:90%;
                background-color: #fff;
                color: #333;
                border-radius: 5px;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                margin-top:1%;
                margin-left: 5%;
            }
        
            .accordion-item {
                border-bottom: 1px solid #ddd;
            }
        
            .accordion-item:last-child {
                border-bottom: none;
            }
        
            .accordion-header {
                padding: 15px;
                cursor: pointer;
                border-bottom: 1px solid #ddd;
                background-color: #f9f9f9;
            }
        
            .accordion-content {
                padding: 15px;
                display: none;
                transition:max-height 0.2s ease-out;
            }
        
            .accordion-item.active .accordion-content {
                max-height: 1000px; 
            }
        
            .sort_icon{
                height:30px;
                width:30px;
                float:right;
            }
    
    
    
    
            
    
            #footer_contact{
                width: 100%;
                background-color:#2c2c2c ;
                float:left;
            }
            .contact_foot{
                width: 100%;
    
                margin-left: auto;
                margin-right: auto;
        
            }
        
            .article_contact_title{
                float:left;
                color:white;
                width:95%;
                text-align: center;
                padding-top:4%;
                font-size:28px;
                letter-spacing: 0.3px;
                margin-left: 2.5%;
                margin-right: 2.5%;
            }
        
        
            .article_footer_contact_text{
                margin-top:5%;
    
                width:90%;
                float:left;
                margin-left: 2.5%;
                margin-right: 2.5%;
            }
        
            .input_contact_name{
                height:25px;
                float:left;
                width:100%;
                margin-bottom:2%;
                font-size:20px;
                padding:1%;
                background-image: url("/templates/it_blackwhite/images/user.png");
                background-size:3.5%;
                background-repeat: no-repeat;
                background-position:97%;
                border:none;
                margin-left: 2.5%;
                margin-right: 2.5%;
            }
        
            .input_contact_email{
                float:left;
                width:100%;
                margin-bottom:2%;
                height:25px;
                font-size:20px;
                padding:1%;
                background-image: url("/templates/it_blackwhite/images/mail.png");
                background-size:3.5%;
                background-repeat: no-repeat;
                background-position: 97%;
                border:none;
                margin-left: 2.5%;
                margin-right: 2.5%;
            }
        
            .textarea_contact_message{
                float:left;
                width:93.5%;
                height:200px;
                padding:1%;
                padding-right:7.5%;
                margin-bottom:2%;
                border:none;
                font-size:20px;
                background-image: url("/templates/it_blackwhite/images/pencil.png");
                background-size:3.5%;
                background-repeat: no-repeat;
                background-position:top 4% right 3%;
                resize:none;
                margin-left: 2.5%;
                margin-right: 2.5%;
            }
        
            .send_button_contact{
                float:left;
                margin-top:2%;
                width:100%;
                height:55px;
                font-size:18px;
                background-color:white;
                border:1px solid white;
                border-radius:10px;
                color:rgb(255, 255, 255);
                font-weight: 600;
                transition: 0.3s ease-in-out;
                color:black;
                margin-left: 2.5%;
                margin-right: 2.5%;
            }
        
            .send_button_contact:hover{
                color:white;
                background-color: #0A94DB;
                cursor: pointer;
                border:none;
            }
        
            .span_contact{
                float:left;
                width:100%;
            }
        
            .article_contact_info{
                float:left;
                width:95%;
                letter-spacing: 0.2px;
                margin-top:3.75%;
                margin-left: 2.5%;
                margin-right: 2.5%;
                color:whitesmoke;
                font-size:16px;
            }
        
            .location_icon_contact{
                float:left;
                padding-top:0.4%;
                padding-right:0.5%;
                width:20px;
                height:20px;
            }
        
            .phone_icon_contact{
                float:left;
                padding-top:0.4%;
                padding-right:0.6%;
                width:20px;
                height:20px;
            }
        
            .mail_icon_contact{
                float:left;
                padding-top:0.4%;
                padding-right:0.6%;
                width:20px;
                height:20px;
            }
            
            .cred_social{
                width: 200px;
                float: left;
                padding-bottom: 5%;
            }
    
            .cred_social a{
                background-color: white;
                border-radius: 50%;
                padding: 5px;
                margin: 0 5px 5px;
                height: 30px;
                width: 30px;
                display: inline-block;
            }
            
            .article_copy{
                width: 100%;
                background-color: #2c2c2c;
                float: left;
                border-top: white 1px solid;
    
            }
            .copyright{
                width: 95%;
                float: left;
                color: #4b4b4b;
                height: 50px;
                margin-top: 5.5%;
                margin-left: 2.5%;
                margin-right: 2.5%;
                text-align: center;
            }
       
            /* galeria */
        
    
            #gallery{
                background-color: #EEEDE7;
                width: 100%;
                height: 700px;
                float: left;
        
            }
            .gallery_div{
                width: 800px;
                height: 400px;
                margin-left: auto;
                margin-right: auto;
            }
        
        
            .container {
                text-align: center; /* Center the gallery */
              }
            
              .gallery-container {
                width: 800px;
                height: 600px;
                overflow: hidden;
                position: relative;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
                display: inline-flex; 
                align-items: center; 
                justify-content: center; 
                border-radius: 15px;
                margin-top: 6.2%;
              }
            
              .gallery-slides {
                display: flex;
                transition: transform 0.5s ease;
              }
            
              #slide {
                max-width: 100%; 
                max-height: 100%; 
                
                object-fit: contain;
        
              }
            
              .nav-btn {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                background: rgba(0, 0, 0, 0.5);
                color: white;
                border: none;
                cursor: pointer;
                padding: 17.5px;
                z-index: 100;
                transition: background 0.3s ease;
                border-radius: 100px;
                font-size: 20px;
              }
            
              .nav-btn:hover {
                background: rgba(0, 0, 0, 0.8);
              }
            
              .prev {
                left: 10px;
              }
            
              .next {
                right: 10px;
              }
        
              /* Style for the stop/start button */
            .stop-start-btn {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                background: rgba(0, 0, 0, 0.5);
                color: white;
                border: none;
                cursor: pointer;
                padding: 10px 20px;
                z-index: 100;
                transition: background 0.3s ease;
            }
          
            .stop-start-btn:hover {
                background: rgba(0, 0, 0, 0.8);
            }
        
        
            #form-open {
                border: 2px solid #7d2ae8;
                border-radius: 7.5px;
                background: transparent;
                cursor: pointer;
                font-size: 20px;
                color: black;
                text-align: center;
                transition: 0.4s ease-in-out;
                list-style: none;
                background-color: #ffffff00;
                float:left;
                width:90px;
                margin-top:0.6%;
                text-align: center;
                font-weight: 500;
                height:45px;
              }
        
              #form-open:hover{
                color:white;
                background-color:#7d2ae8;
              }
         
          
        
        
        
        
        
        
        
        
        
    }