.slider_home{
  text-align: center !important;
}

.slider_home .n2-ss-item-content{
  display: inline-block !important;
  padding: 8px 0;
  margin-bottom: 40px;
}

/* Nagłówki w sliderze */
.slider_hom0{
  color: #fff;
  font-size: 51px;
  font-weight: 900;
  text-transform: uppercase;
}

@media (max-width: 1024px){
  .slider_hom0{ font-size: 42px; }
}

@media (max-width: 768px){
  .slider_hom0{
    font-size: 32px;
    line-height: 1.2;
  }
}

@media (max-width: 480px){
  .slider_hom0{ font-size: 33px; }
}

.slider_hom1{
  color: #e95b21;
  font-size: 48px;
  font-weight: 900;
  text-transform: uppercase;
}

@media (max-width: 1024px){
  .slider_hom1{ font-size: 34px; }
}

@media (max-width: 768px){
  .slider_hom1{
    font-size: 26px;
    line-height: 1.25;
  }
}

/* ---------------------------------------------------------
   SLIDER – PRZYCISKI (2x CTA) + UŁOŻENIE OBOK SIEBIE
   --------------------------------------------------------- */

/* HOME + ten slider: ustaw układ treści jako GRID */
.home .sp-slider-item.active .sp-slider-content-align-center{
  display: grid !important;
  grid-template-columns: repeat(2, max-content);
  justify-content: center;       /* całość na środku */
  justify-items: center;
  column-gap: 16px;              /* odstęp między buttonami */
  row-gap: 16px;
  text-align: center;
}

/* Domyślnie: wszystkie warstwy (nagłówki, opis itd.) mają zajmować całą szerokość (2 kolumny) */
.home .sp-slider-item.active .sp-slider-content-align-center > *{
  grid-column: 1 / -1;
}

/* DWA konkretne layery z buttonami ustawiamy w jednym wierszu, w 2 kolumnach */
.home #sp-slider-inner-item-1765898950244-num-1-key{ grid-column: 1; }
.home #sp-slider-inner-item-1765898950244-num-2-key{ grid-column: 2; }

/* porządek w <p> */
.home #sp-slider-inner-item-1765898950244-num-1-key p,
.home #sp-slider-inner-item-1765898950244-num-2-key p{
  margin: 0 !important;
}


/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/



/* Wspólne style */
.button_slider_home,
.button_slider_home2{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 26px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}

/* Button 1 */
.button_slider_home{
  background-color: #e95b21d6;
  color: #ffffff;
}

.button_slider_home:hover{
  background-color: #d84f1c;
  transform: translateY(-1px);
}

/* Button 2 */
.button_slider_home2{
  background-color: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  gap: 10px;
}

.button_slider_home2:hover{
  background-color: rgb(0 0 0 / 10%);
  border-color: rgba(255, 255, 255, 0.9);
}

.button_slider_home2 i,
.button_slider_home2 svg{
  font-size: 18px;
}

/* ---------------------------------------------------------
   HOME – LICZBY
   --------------------------------------------------------- */
.home_liczby{
  max-width: 1100px;
  margin: 0 auto;
  padding: 10px 0;
}

.home_liczby .sppb-addon-content{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 60px;
}

.home_liczby .item{
  flex: 1 1 0;
  text-align: left;
}

.home_liczby .value{
  font-family: "Playfair Display", serif;
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 1;
}

.home_liczby .label{
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 2px;
  color: #7A7A7A;
  text-transform: uppercase;
}

@media (max-width: 768px){
  .home_liczby .sppb-addon-content{
    flex-direction: column;
    gap: 30px;
  }
}

/* ---------------------------------------------------------
   BUTTON – CONTACT_US
   --------------------------------------------------------- */
.contact_us{
  position: relative;
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  border: 2px solid #858585;
  padding: 15px 40px;
  border-radius: 14px;
  background: #373331ba;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.contact_us::after{
  content: "→";
  display: inline-block;
  margin-left: .5rem;
  transition: transform 0.2s ease, opacity 0.2s ease;
  opacity: 0.8;
}

.contact_us:hover{
  background-color: rgba(55, 51, 49, 0.9);
  border-color: #aaa;
}

.contact_us:hover::after{
  transform: translateX(4px);
  opacity: 1;
}

.contact_us_white {
  position: relative;
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  border: 1px solid #dbd9d9;
  padding: 15px 40px;
  border-radius: 50px;
  background: #3733310d;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.contact_us_white a {
  color: #000;
}


/* ---------------------------------------------------------
   HOME – TAB (BLUR HOVER)
   --------------------------------------------------------- */
.home_tab_home{
  position: relative;
  overflow: hidden;
}

.home_tab_home::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0);
  backdrop-filter: blur(0);
  transition: all 0.4s ease;
  z-index: 1;
}

.home_tab_home:hover::before{
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(3px);
}

.home_tab_home .sppb-addon-content,
.home_tab_home .sppb-addon-content *{
  position: relative;
  z-index: 2;
}

@media (max-width: 767px){
  .home_tab_home{
    min-height: 26vh;
    background-position: center top;
  }
}

.home_tab_home p{
  margin-bottom: 0 !important;
}

/* ---------------------------------------------------------
   HEADER / MENU
   --------------------------------------------------------- */
.nr_tel_menu a{ color: #ffffff; }

.nr_tel_menu{
  color: #ffffff;
  padding: 12px 0 0 0;
  font-weight: 700;
  font-size: 22px;
}

.nr_tel_menu img{
  margin-left: 50px;
  padding-top: 4px;
}

#sp-header-topbar .container-inner > .row{
  min-height: 60px;
}

#sp-header{ height: 0px; }

#sp-header-topbar .container-inner{
  border-bottom: 1px solid #323232;
}

#sp-menu.menu-center .sp-megamenu-wrapper{
  justify-content: right;
}

.sp-megamenu-parent > li > a{
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a{
  color: #bfbbbb;
  font-weight: 400;
  text-transform: uppercase;
}

.burger-icon > span{
  background-color: #ffffff;
}

/* Uwaga: globalne .row może wpływać na Bootstrap – zostawiam jak było */
.row{
  border-bottom: 1px solid #747373;
}

/* ---------------------------------------------------------
   SOCIAL / KONTAKT
   --------------------------------------------------------- */
.social_maedia_kontakt img{
  display: inline-block;
  margin-right: 5px;
  width: 40px;
}

.social_media img{
  width: 48px;
  height: auto;
}

/* ---------------------------------------------------------
   HOME – SCROLL / KOLUMNY (usunąłem duplikat reguł)
   --------------------------------------------------------- */
.home_scroll_kol_faq{
  max-width: 1450px;
  margin: 0 auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.home_scroll_kol{
  max-width: 1450px;
  margin: 0 auto !important;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.home_scroll_kol::before,
.home_scroll_kol::after{
  content: "";
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  background: #ececec;
  z-index: -1;
}

.home_scroll_kol::before{ right: 100%; }
.home_scroll_kol::after{ left: 100%; }

#home_scroll{
  position: relative;
  z-index: 0;
}

#home_scroll::before{ right: 100%; }
#home_scroll::after{ left: 100%; }

/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */
.faqcss h3{
  font-size: 17px;
  display: inline;
}

/* ---------------------------------------------------------
   THREE-ICONS
   --------------------------------------------------------- */
.three-icons{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
}

.three-icons img{
  display: block;
  width: 106px;
  height: 106px;
  object-fit: contain;
}

.three-icons img:not(:last-child){
  border-right: 1px solid #cacaca;
  padding-right: 40px;
}

@media (max-width: 600px){
  .three-icons{
    flex-direction: column;
    gap: 20px;
  }
  .three-icons img:not(:last-child){
    border-right: none;
    padding-right: 0;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 20px;
  }
}

/* ---------------------------------------------------------
   DODATKI / RÓŻNE
   --------------------------------------------------------- */
.wiecej{
  padding: 11px;
  margin-top: 20px;
  display: block;
  max-width: 200px;
  color: #000000;
  border: solid #bbb9b9 1px;
}

.foto_obramowanie{
  position: relative;
  display: inline-block;
}

/* Jeśli te ID nadal istnieją – zostawione (Twoja korekta) */
#sppb-addon-1755512232020 .sppb-addon-title,
#sppb-addon-1755513193114 .sppb-addon-title,
#sppb-addon-1755513193117 .sppb-addon-title{
  margin-top: -100px !important;
}

/* ---------------------------------------------------------
   SZEROKI CONTAINER + STRZAŁKA (POPRAWIONE: domknięty @media)
   --------------------------------------------------------- */
@media (min-width: 1400px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    max-width: 1640px !important;
  }
}

.strzalka{
  position: fixed !important;
  bottom: 20px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(45deg) !important;
  width: 28px;
  height: 28px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  z-index: 99999 !important;
  opacity: 0.9;
  cursor: pointer;
  animation: strzalkaDown 2s infinite ease-in-out !important;
}

@keyframes strzalkaDown{
  0%{
    transform: translateX(-50%) translateY(0) rotate(45deg);
    opacity: 0.3;
  }
  50%{
    transform: translateX(-50%) translateY(10px) rotate(45deg);
    opacity: 1;
  }
  100%{
    transform: translateX(-50%) translateY(0) rotate(45deg);
    opacity: 0.3;
  }
}
.button_slider_home:hover,
.button_slider_home2:hover {
    color: #fff5e7;
} 

.sppb-panel-modern {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 18%), 0 6px 4px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.04);
}
@media (max-width: 600px) {
    #sppb-addon-1767798021449 .sppb-addon-content p {
        flex-direction: column;
    }
} 

/* Wspólne */
.bezplatna_wycena,
.telefon_stopka {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 26px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 14px;
    text-decoration: none;
    white-space: nowrap;
}

/* Bezpłatna Wycena */
.bezplatna_wycena {
    background: #ffffff;
    color: #ff6a00;
}

/* Telefon */
.telefon_stopka {
    background: transparent;
    color: #ffffff;
    border: 1.5px solid rgba(255, 255, 255, 0.7);
    gap: 10px;
} 

/* Ikona telefonu (CSS) */
.telefon_stopka::before {  
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background-color: #ffffff;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.46 15.46 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1v3.5a1 1 0 01-1 1C10.3 22 2 13.7 2 3.5a1 1 0 011-1H6.5a1 1 0 011 1c0 1.25.2 2.46.57 3.59a1 1 0 01-.24 1.01l-2.2 2.19z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.telefon_stopka {
  margin-left: 16px;
}

@media (max-width: 600px) {
  .telefon_stopka { margin-left: 10px; }
}

.sp-megamenu-parent>li:hover>a {
    color: #e95b21;
}
.slider-buttons{
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 20px;
}

@media (max-width: 600px){
  .slider-buttons{
    flex-direction: column;
  }
}

.pion_klima {
    border-right: 2px #a1a1a138 solid;
}



/* kontener obrazu – pilnuje obszaru */
.foto_klimatyzacja_pod .sppb-img-container{
  position: relative;
  overflow: hidden;   /* 🔑 KLUCZOWE */
}

/* samo zdjęcie */
.foto_klimatyzacja_pod img{
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  filter: blur(0);
  transition: transform .4s ease, filter .4s ease;
}

/* hover: powiększenie + blur */
.foto_klimatyzacja_pod:hover img{
  transform: scale(1.12);
  filter: blur(2px);
}

#column-id-1767967154751 {
    box-shadow: 0 0 0 0 #fff;
}

.left_klimatyzacja {
    padding-left: clamp(16px, 16vw, 300px);
    padding-right: clamp(16px, 2vw, 40px);
}

.right_klimatyzacja{
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.right_klimatyzacja img{
  display: block;
  width: 100%;
  height: auto;
}

/* ====== BUTTONY SLIDERA – slider-buttons1 ====== */

.slider-buttons1{
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
}

/* WSPÓLNE */
.slider-buttons1 a{ 
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 14px;
  text-decoration: none;
  white-space: nowrap;
  transition: all .3s ease;
}

.button_slider_hom4{
  background: #e95b21;
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(233, 91, 33, 0.35);
}

.button_slider_hom4:hover{
  background: #d84f1c;
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(233, 91, 33, 0.45);
  color: #ffffff;

  
}

.button_slider_home5 {
    color: #e95b21;
    border: 1.5px solid rgb(0 0 0 / 60%);
    gap: 10px;
}

.button_slider_home5 i{
  font-size: 16px;
}

.button_slider_home5:hover{
  background: rgba(255,255,255,0.12);
  border-color: #ffffff;
  transform: translateY(-2px);
  border: 1.5px solid #FF6700;
  color: #000;
  
}

/* MOBILE */
@media (max-width: 600px){
  .slider-buttons1{
    flex-direction: column;
    gap: 12px;
  }
}

.ikonki_klima img {
	max-width: 77px;
    height: auto;
} 

.button_slider_home5 i.fa-phone::before{
  content: none !important;
}

.button_slider_home5 i.fa-phone{
  width: 16px;
  height: 16px;
  display: inline-block;
  background-color: #e95b21; /* pomarańczowy */
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.46 15.46 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1v3.5a1 1 0 01-1 1C10.3 22 2 13.7 2 3.5a1 1 0 011-1H6.5a1 1 0 011 1c0 1.25.2 2.46.57 3.59a1 1 0 01-.24 1.01l-2.2 2.19z'/%3E%3C/svg%3E") no-repeat center / contain;
  font-size: 0; /* ubija FA definitywnie */
}

/* === STOPKA: przywrócenie animacji "podniesienia" na hover === */
.bezplatna_wycena,
.telefon_stopka{
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease, background-color .3s ease, color .3s ease;
  will-change: transform;
}
.bezplatna_wycena:hover,
.telefon_stopka:hover{
  transform: translateY(-2px);
}

/* (opcjonalnie) delikatny cień */
.bezplatna_wycena:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,.12);
}
.telefon_stopka:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
}


/*MOBILE*/

/* <= 992px (mniejsze laptopy/tablety) */
@media (max-width: 992px){
  .nr_tel_menu{
    font-size:20px;
    padding:10px 0;
  }
}

/* <= 768px (tablety/duże telefony) */
@media (max-width: 768px){
  .nr_tel_menu{
    font-size:18px;
    padding:8px 0;
  }
}

.nr_tel_menu a{
    color:inherit;
    text-decoration:none;
    word-break:break-word;
  }
}

@media (max-width: 360px){
  .nr_tel_menu{
    font-size:14px;
    max-width: 62vw;
  }
} 


@media (max-width: 575px){
.nr_tel_menu img {
    margin-left: 3px;
    padding-top: 7px;
}
}

@media (max-width: 575px){
slider_hom0 {
        font-size: 26px;
		}
}

@media (max-width: 575px){
.logo-image {
    height: 41px !important;
}
}

@media (max-width: 575px){
.button_slider_home {
    display: none;
  }
}

@media (max-width: 575px){
.sp-slider #sp-slider-item-1767644416563-num-0-key #sp-slider-inner-item-1767644416564-num-0-key {
    line-height: 0px;
    padding: 0px 0px 85px 0px !important
}
}
@media (max-width: 768px) {
    .pion_klima {
        border-right: none;
    }
}

@media (max-width: 576px) {
    .pion_klima {
        border-right: none;
    }
}

@media (max-width: 576px) {
    .left_klimatyzacja {
        padding-left: 0px;
    }
}
  
/*buttony*/



/* === MOBILE: poprawa 2 buttonów (Bezplatna wycena + Telefon) === */
@media (max-width: 600px) {

  /* linki (a) jako blok, żeby button mógł mieć 100% szerokości */
  a .bezplatna_wycena,
  a .telefon_stopka{
    display: flex !important;
    width: 100% !important;
    max-width: 320px;            /* możesz zmienić np. na 360px */
    margin: 10px auto 0 !important;
    box-sizing: border-box;
  }

  /* wspólne parametry przycisków */
  .bezplatna_wycena,
  .telefon_stopka{
    justify-content: center !important;
    align-items: center !important;
    padding: 14px 18px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
  }

  /* usuń przesunięcia, które psują wygląd */
  .telefon_stopka{
    margin-left: 0 !important;
  }

  /* styl: pierwszy (wypełniony) */
  .bezplatna_wycena{
    background: #ffffff !important;
    color: #ff6a00 !important;
    border: 2px solid #ffffff !important;
  }

  .telefon_stopka{
    background: transparent !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.7) !important;
  }
}

@media (max-width: 768px) {

  /* kontener */
  .sppb-addon-content .slider-buttons1{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
  }

  .sppb-addon-content .slider-buttons1 > a.button_slider_hom4,
  .sppb-addon-content .slider-buttons1 > a.button_slider_home5{
    display: flex !important;
    width: 100% !important;
    max-width: 320px !important;      /* zmień np. na 360px jeśli chcesz szersze */
    margin: 0 auto !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 14px 20px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
  }

  .sppb-addon-content .slider-buttons1 > a.button_slider_hom4{
    background: #e95b21 !important;
    color: #ffffff !important;
    border: 2px solid #e95b21 !important;
  }

  .sppb-addon-content .slider-buttons1 > a.button_slider_home5{
    background: transparent !important;
    color: #e95b21 !important;
    border: 2px solid #e95b21 !important;
  }

  .sppb-addon-content .slider-buttons1 > a i{
    margin-right: 8px !important;
  }
}


.sppb-addon-content a:has(.contact_us){
  display: inline-block;
  text-decoration: none !important;
}

.sppb-addon-content a .contact_us{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100%;
  max-width: 320px;
  margin: 0 auto;

  padding: 14px 20px !important;
  border-radius: 14px !important;

  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;

  box-sizing: border-box;
}

/* mobile: trochę ciaśniej i pewniej */
@media (max-width: 768px){
  .sppb-addon-content a .contact_us{
    max-width: 340px;
    padding: 14px 18px !important;
  }
}

/* fallback bez :has() */
.sppb-addon-content a > .contact_us{
  text-decoration: none !important;
}   

/* === FIX: CTA "KONTAKT Z NAMI" (konkretny addon) === */
#sppb-addon-1754568676713 a {
  display: block !important;
  text-decoration: none !important;
}

#sppb-addon-1754568676713 a .contact_us{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  width: 100% !important;
  max-width: 340px !important;
  margin: 0 auto !important;

  padding: 14px 20px !important;
  border-radius: 14px !important;

  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;

  box-sizing: border-box !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* mobile: delikatne dopasowanie */
@media (max-width: 768px){
  #sppb-addon-1754568676713 a .contact_us{
    max-width: 320px !important;
  }
}
 

/*nr telefony ukryty*/

/* === MOBILE: ukryj numer telefonu, zostaw ikonę === */
@media (max-width: 768px) {

  /* ukryj tekst numeru */
  .nr_tel_menu a {
    font-size: 0 !important;   /* tekst znika */
  }

  /* przywróć rozmiar ikonki */
  .nr_tel_menu a::before,
  .nr_tel_menu i {
    font-size: 20px !important;
  }

  /* zmniejsz padding – tylko ikonka */
  .nr_tel_menu {
    padding: 6px 8px !important;
  }
}

.ikonki_klima_czyszczenie img {
    max-width: 100px;
    height: auto;
    padding-top: 8px;
} 

/*linia pionowa*/

/* Kontener sekcji */
#section-id-1768736725955 {
    position: relative;
}

/* Pozioma linia */
#section-id-1768736725955::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 1px;
    background-color: #ccc;
}

.kontakt_pl IMG {
    width: 23px;
    display: inline-block;
    margin-right: 5px;
}

.offcanvas-menu {
    background-color: #101727;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #efefef;
}

.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #ff6700;
}

.pion_klimatlo {
    box-shadow: 4px 4px 15px 1px #c5c3c3 !important;
	border-radius: 8px !important;

}
.nr_tel_menu a:hover {
    color: #d84f1c;
}