:root {
  --color-red: #a90303;
  --color-link-blu: #1587bb;
  --color-link-blu-hover: #12678f;
  --color-primary: #27932e;
  --color-shadow: #0003;
  --color-font-primary: #37414c;
  --color-input-border: #b9c0c7;
  --color-bg-1: #e5e9e4;
  --round-box: 3px;
}
::-webkit-input-placeholder {
  color: #000;
  text-align: center;
  font-family: Calibri, Verdana, Arial, sans-serif;
  font-size: 12px;
}
*{ box-sizing: border-box; }
a, a:hover, a:active {text-decoration: none;}
a:link, a:visited {text-decoration: none; color: black;}
input, textarea {  
  padding: 6px;
  &:focus{outline: none;}
  &[type=submit] {cursor: pointer; }
  &.alert-input{ border: 2px solid red !important; }
}
input{ min-height: 34px; }
img {border: 0;}
h1, h2 {font-size: 1.1rem; text-transform: uppercase; font-weight: bold; padding: 0;}
h1, h2, h3, h4 {margin: 0;}
p { margin-block-end: 0px; margin-block-start: 0px; }

html {
  width:100%;
  height:100%;
  scroll-behavior: smooth;
  font-size:15px;
  line-height:1.4;
  font-family: 'Inter', sans-serif;
}
body { color: var(--color-font-primary); background:#FFF; margin: 0px;  }

main {
     transition: opacity 1s;
     opacity: 1;
     @starting-style {  opacity: 0; }
}
.loading-mod {
    transition: scale .3s, opacity .3s;
    position: fixed;
    top: 0;
    width: 0dvw;
    height: 0dvw;
    opacity: 0;
    margin: auto;
    display: grid;
    place-items: center;
    scale: 0;
    width: 100dvw;
    height: 100dvh;
    @starting-style {
       scale: 2;
       margin: auto;
       opacity: 1;
    }
}


/* ---  global --- start --- */
.hidde-mobile{ @media(max-width: 768px){display: none; }}
body .btn {
  border-radius: 2px;
  padding: 8px 8px 7px;
  cursor: pointer;
  text-transform: uppercase;
  line-height: 1;
  transition: color .3s, background .3s;
  display: grid;
  place-content: center;
  font-size: .8rem;
  font-weight: 600;
  &.btn-green, &.btn-akcept{
    border: 1px solid var(--color-primary);
    background: var(--color-primary);
    color: #fff;
    &:hover { background: #fff; color: var(--color-primary);}
  }
  &.btn-blu, &.btn-navi {
    border: 1px solid var(--color-link-blu);
    background: var(--color-link-blu);
    color: #fff;
    &:hover { background: #fff; color: var(--color-link-blu); }
  }
  &.btn-login {
    border: 1px solid #e50000;
    background: #e50000;
    color: #fff;
    &:hover { background: #fff; color: #e50000; }
  }
}
.norm-txt-desc p, .norm-txt-desc ul {padding: 5px 0; }


/* --- Header --- start --- */
header {}
.header_top {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr .4fr;
  margin-top: 58px;
  gap: 20px;
  @media(max-width:1167px){ grid-template-columns: 1fr; }
  @media(max-width:768px) { margin-top: 95px; gap: 0;}
}
.header_one {
  order: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  @media (max-width: 568px) {
    height: auto;
    margin: 0px;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
    order: 0; 
    margin-bottom: 15px;
  }
  .logo_CB{
    order: 1;
    display: flex;
    @media (max-width: 568px) {
      flex-direction: column;
      text-align: end;
      margin: 0;
    }
    .inf_gosp {
       text-transform: uppercase;
       font-size: 1.2em;
       color: #000;
       margin: 51px 0 0 11px;
       order: 1;
       padding-left: 5px;
       border-left: 2px solid #f0f0f0;
       @media(max-width: 568px){ display: none; }
    }
  }
  .row_flag {
    order: 3;
    width: 100%;
    align-items: center;
    margin-top: 28px;
    gap: 20px;
    @media(max-width: 568px) { 
      flex-direction: column; 
      text-align: center; 
      width: auto; margin: 0 5% 0 10%;
    }
    .flag_lands {
      display: flex;
      justify-content: start;
      align-items: center;
      gap: 7px;
      @media(max-width: 568px) { flex-direction: column; width: auto; height: 100%; margin: 0px; }
      img {
        border: 1px solid;
        transition: filter .3s;
        &.deActFlag {
          filter: grayscale(0.75) opacity(0.4);
          &:hover{ filter: grayscale(0) opacity(1);}
        }
      }
    }
    .infolinia { 
       margin-bottom: 5px; font-weight: normal; order: 3; 
       @media(max-width: 568px) { position: absolute; bottom: 0; right: 96px; margin: 2px; }
    }
  }
}
.header_three {
  order: 3;
  align-self: stretch;
  @media(max-width:1167px){ order: 5; grid-column: 1/3; }
  @media(max-width: 767px){ grid-column: auto;}
}
.header_four {
  order: 4;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  @media (max-width:1167px) { justify-self: end; }
  @media (max-width: 767px){ justify-self: stretch; }
}


@media (max-width: 767px){ .pasek-info-zapyt h2 { font-size: 12px; }}
.inf_gosp_mobil {
  display: none;
  @media(max-width: 564px){ 
    display: block;
    border-top: 1px solid #ccd0d5;
    text-transform: uppercase; 
    font-size: 1.2em;
    font-weight: normal; 
  }
}
.asp{height: 4px; }
.ekran_left {
      display: inline-block;
      height: 209px;
      width: 30px;
      background: url("images/tablica1_03.png");
}
.ekran_center {
        display: inline-block;
        height: 209px;
        width: 100%;
        padding-top: 25px;
        background: url("images/tablica2_03.png");
        background-repeat: repeat-x;
        overflow: hidden;
}
.ekran_right {
        display: inline-block;
        height: 209px;
        width: 30px;
        background: url("images/tablica3_03.png");
        background-repeat: no-repeat;
        background-position: right;
}
.strefa_logowania{
  @media (max-width: 485px) { margin: 45px auto 30px auto; }
  .login{
    display: grid;
    width: 100%;
    gap: 11px;
    grid-template-columns: 1fr;
    @media (max-width: 485px) {gap: 15px;}
  }
  .logged-in {
     display: grid;
     gap: 7px;
     .btn {
        min-height: 25px;
        &.href{ min-height: 50px; text-align: center; line-height: 1.4;}
     }
  }
   
  .labtes {
     display: grid;
     grid-template-columns: 1fr auto;
     position: relative;
     border: 1px solid #aaa;
     border-radius: 3px;
     .flow {
          position: absolute;
          top: 50%;
          padding: 2px 0 0;
          left: 6px;
          font-size: .9rem;
          line-height: 1;
          transform:  translateY(-50%);
          transition: top .3s, left .3s,  background .3s, padding .3s, font-size .3s;
      }
      input {
          border: none;
          &:valid + .flow, &:focus  + .flow{
             padding: 0 2px;
             left: 4px;
             background: #fff;
             font-size: .8rem;
             top: 0%;
          }
     }
     button {
        border: none;
        background: #fff;
        display: grid;
        place-content: center;
        width: 46px;
        cursor: pointer;
        svg {
           width: 26px;
           transition: transform .3s, opacity .3s, width .3s;
           fill: #aaa;
        }
        .icon-eye {
           transform: translate(0, 1px);
           &.close{ transform: scale(0); opacity: 0; width: 1px; }
        }
        .icon-eye-off {
           width: 1px;
           transform: scale(0);
           opacity: 0;
           &.open {
              width: 26px;
              transform: scale(1);
              opacity: 1;
           }
        }
     }
  }
  .action { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
}

.m_strefa_t {
  font-size: 1.3em;
  text-transform: uppercase;
  color: #7c7c7c;
  font-weight: 600;
  display: grid;
  @media (max-width: 485px) {margin-bottom: 32px; font-size: 1.75em;}
  a { color: var(--color-link-blu); font-size: .9rem; text-transform: none; font-weight: 400;
  }
  .alert {
    font-size: .9rem;
    text-transform: initial;
    font-weight: 500;
    linie-height: 1.1;
  }
}

.content-baner.baner{
  position: relative;
  overflow: hidden;
  background: #404873;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  padding: 24px;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 12px;
  @media(max-width: 567px) {
    .backgroud-baner{ top: 0; width: 60%; }
  }
  img { position: absolute; right: 0;}
  .title{
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.3;
    color: #fff;
    font-weight: 500;
    align-self: center;
    position: relative;
    z-index: 11;
  }
  a{
    border: 1px solid #fff;
    display: grid;
    place-items: center;
    width: fit-content;
    padding: 10px 18px;
    line-height: 1;
    color: #fff;
    transition: background .3s, color .3s;
    position: relative;
    z-index: 12;
    &:hover{ color: #000; background: #fff; }
  }
}
/* --- Header --- end --- */
.pasek-info-body {
  position: fixed;
  bottom: 0;
  z-index: 16;
  left: 0;
  h2 {
    box-sizing: border-box;
    box-shadow: 1px 1px 5px #0003;
    border-radius: 3px;
    background-color: #FFEB3B;
    font-size: 1.1rem;
    font-weight: 800;
    padding: 18px 28px;
    line-height: 1.3;
    word-spacing: 3px;
    display: grid;
    width: fit-content;
    place-items: center;
    text-align: center;
    margin: 0 0 7px -20px;
    transition: margin .3s;
    &:hover { margin: 0 0 7px; }
    @media(max-width: 889px) {width: 100%; margin: 0;}
  }
}
.pasek-info-zapyt {
  position: fixed;
  z-index: 1;
  bottom: 0;
  display: grid;
  grid-template-columns: 1fr;
  .splide__track {
    background-color: var(--color-red);
    padding: 0;
    li {
      display: grid;
      grid-template-columns: 2px 1fr auto;
      gap: 12px;
      height: 100%;
      align-items: center;
      padding:4px;
      &:before {
        display: block; content: ''; width: 2px; height: 80%; background: #fff5;
      }
      &:after { 
        display: block;
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 3.175 3.175'%3E%3Cpath d='M 0,0 3.175,1.5875 0,3.175 Z' fill='%23fff' stroke-width='.26458'/%3E%3C/svg%3E");
        opacity: .6;
        transition: opacity .3s;
      }
      &:hover:after {  opacity: 1; }
    }
    a h3{
      color: #fff;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.2;
    }
  }
}
.info_mess{
  position: fixed;
  top: 75%;
  left: calc(100% - 68px);
  border: 0px solid #000;
  cursor: pointer;
  z-index: 0;
  transition: left .3s;
  @media (max-width: 485px) {display: none;}
  &:hover{ left: calc(100% - 180px); }
  .icon-chat{
     color: #fff;
     font-weight: 700;
     background: #113cc2;
     padding: 12px 8px 12px 12px;
     border-radius: 10px 0 0 10px;
     display: grid;
     gap: 14px;
     grid-template-columns: 45px 120px;
     font-size: 1.14rem;
     svg{ fill: #fff; align-self: center; }
     text-transform: uppercase;
     span{font-size: .90rem; font-weight: 500;}
  }
}
.pasekx{
  border-bottom: 1px solid #27932E; width: 100%; margin: 45px 0 15px;
  .name_firmx{
    color: #27932E;
    font-weight: bold;
    font-size: 1.1em;
    padding: 8px 0px;
    text-transform: uppercase;
    line-height: 1;
    a{color: #27932E; }
  }
  &.bcblu {
    border-bottom: 1px solid #2d98d9;
    .name_firmx {
       color: #2d98d9;
       a{color: #2d98d9;}
    }
  }
}
.forgo {
   margin: auto;
   padding: 60px 0;
   display: grid; 
   justify-content: center;
   &.komunikat{ 
      text-align: center; 
      .word_spec{ color: var(--color-link-blu);}
   }
   .field {
     display: grid;
     gap: 10px; 
     justify-items: center;
     input{ text-align: center; }
     &.koniec { padding-top: 30px; }
   }
}
/* ---  global --- end --- */ /* --- page home --- start --- */
.homeogloszenia .ogloszenia_glowna {
   content-visibility: auto;
   display: grid;
   align-content: flex-start;
   grid-template-rows: auto auto auto auto;
   gap: 11px;
   box-shadow: 0 0 1px #0007;
   transition: all .5s;
   &:hover{
     box-shadow: 1px 1px 12px #ddd; 
     border-radius: 8px;
  }
}
.index_main_gielda {
  margin-bottom: 20px;
  column-gap: 30px;
  .body_sprzedam_glowna {
    text-align: center;
    display: grid;
    align-content: start;
    transition: transform .3s;
  }
  .img_sprzedam_glowne {
    position: relative;
    border: 1px solid #bbb;
    border-radius: 2px;
    height: max-content;
    &:hover .imgGo{ transform: scale(1.25);}
    .icon-sp {
      width: 32px;
      height: 32px;
      border: 2px solid #000;
      border-radius: 30px;
      background: #fff9;
      position: absolute;
      top: 7px;
      right: 7px;
      z-index: 15;
      cursor: pointer;
      transition: color .3s, background .3s;
      &:hover {
        border-color: var(--color-link-blu);
        background-color: #fff;
      }
    }
    .close-sp { display: none; }
    .href-images {
      display: grid;
      border-radius: 2px;
      place-content: center;
      overflow: hidden;
      width: 100%;
      aspect-ratio: 5/3;
      position: relative;
    }
  }
  .imgGo{
    width: 100%;
    height: 100%;
    transition: transform 1s;
    object-fit: cover;
    object-position: center;
  }
}

.index_main_gielda .contSellIndex{ 
  display: grid;
  align-content: space-between;
  font-size: 13px; 
  text-align: left; 
  padding: 10px;
  position: absolute;
  background: #fffd;
  top: -100%;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  z-index: -9999;
  opacity: 0;
  transform: scale(1, .01);
  transition: top .3s, opacity .3s, transform .3s;
  &>div{ font-weight: 700; }
  &.active{ 
    top: 0;
    z-index: 9;
    transform: scale(1, 1);
    opacity: 1;
  }
}

.index_main_gielda .sendSellIndex { 
   padding: 4px;
   background: var(--color-link-blu);
   color: #fff;
   margin-top: 6px;
   border-radius: 2px;
   span{ font-weight: 700; }
}

.index_main_gielda .flagig_sprzedam_glowna { 
  display: flex;
  margin: 15px 0 0;
  justify-content: start;
  gap: 7px;
  img{
    transition: all 0.3s; 
    filter: grayscale(.8);
    opacity: .4;
    width: 28px;
    aspect-ratio: 28/18;
     border: 1px solid;
    &:hover{ 
      transform: scale(1.2); box-shadow: 1px 1px 5px #0003;
      opacity: 1; filter: grayscale(0);
    }
  }
}

.index_main_gielda .titleSellIndex, 
.index_main_gielda .body_sprzedam_glowna>a{
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0 0;
    text-align: start;
}
.index_main_gielda a {padding-top: 7px; text-align: start;}
.index_main_gielda .body_sprzedam_glowna>a:is(:link, :visited) {color: var(--color-link-blu);}
.index_main_gielda .body_sprzedam_glowna>a:hover {color: var(--color-link-blu-hover);}
.index_main_gielda .sellH3Index { font-size: 1em;}
@media (max-width: 767px){.index_main_gielda .img_sprzedam_glowne .icon-sp {width: 36px; height: 36px;}}
@media (max-width: 567px){.homeogloszenia .img_sprzedam{ aspect-ratio: 7/3 !important; }}
@media (max-width: 485px){.homeogloszenia .tresc_glowna_prawa{ gap: 45px; }}
/* --- page home --- end --- */

/* --- page zapyt-single --- start --- */
.oferta_dane{margin: 21px 0px; 
   display: grid; 
   grid-template-columns: auto 1fr; 
   gap: 7px; 
}
.ofert_cellop{text-align: right;}
.ofert_cell.code{ color: #ddd; position: relative; top: 4px;}
.oferta_body{ 
   border: 1px solid var(--color-primary);
   border-radius: 5px;
   overflow: hidden;
   display: grid;
   grid-template-columns: 2fr 1fr; 
   margin: 15px 0 45px ;
}
.oferta_body_podobne{display: flex; justify-content: space-between; margin: 15px 0px; flex-wrap: wrap;}
.oferta_co{ margin-bottom: 25px;}
.oferta_tresc{
   padding: 0 30px 30px;
   width: 100%;
   box-sizing: border-box;
}
.oferta_kraj{margin:15px 0 0 0;}
.oferta_opis{text-align: justify; font-size: 1rem;}
.oferta_tresc_podobne{
   width: 23%; 
   margin: 0px 0px 45px 0px; 
   border-left: 1px solid #27932e;
   padding: 0 0 0 10px;
}
.opis_oferty_podobne{font-size:22px; color: #27932e; font-weight: 700; text-transform: uppercase;}
.oferta_dane_dekod {
      margin: 21px 0px; display: table;
      padding: 0px 0px;
      border-top: 1px solid #b1b1b1;
      border-bottom: 1px solid #b1b1b1;
}
@media (max-width: 768px){.oferta_body{ grid-template-columns: 1fr; gap: 20px; }}

/* --- page zapyt-single --- end --- */
figure[class=table] table{ 
   border: 1px solid #bfbfbf;
   border-collapse: collapse;
}
figure[class=table] td { 
   border: 1px solid #bfbfbf;
   padding: 5px;
   border-spacing: 0;
}
.blog {
  margin-top: 35px;
  padding: 20px 0 45px;
  border-top: 1px solid #aaa;
  a { 
    color: var(--color-link-blu);
    transition: color .3s;
  }
  .all-articles a {
    h2 { font-size: 1.25rem; color: #444;}
    span { font-size: .8rem; font-weight: 500;}
  }
  .all-articles a:hover span { color: #aaa; }
  .title{ font-size: 1.7rem; font-weight: bold; margin-bottom: 10px; }
  .prologue { padding-bottom: 30px; font-size: .9rem !important; }
  .class-more { position: relative; }
  .class-more>a{
    position: absolute;
    bottom: 0;
    width: 80px;
    right: 0;
    box-sizing: content-box;
    font-size: .8rem;
    line-height: 1;
    border: 1px solid #ccc;
    border-radius: 3px;
    transition: width .3s, color 1s;
    text-align: center;
    padding: 6px 12px;
    &:hover {
      width: 60%;
      border-color: var(--color-link-blu);
    }
  } 
  .descript{
    text-align: justify;
    line-height: 1.4;
    font-size: 1.1rem;
    padding-bottom: 35px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    padding: 10px 0;
  }
  .akapit{ margin: 15px 0; font-size: .8rem; padding-bottom: 20px; }
  .question { 
    font-weight: bold;
    font-size: 1.25rem;
    border-top: 1px solid #ccc;
    padding: 5px 0 0;
    text-align: left;
    min-height: 50px;
  }
  .full_content {
    max-height: auto;
    overflow: hidden;
    transition: max-height 5s;
    .unhidde{ max-height: 1px; padding: 0; transition: max-height 5s; }
  }
}

.komunikatbez_nowylad { 
  padding: 30px 0; 
  .title {
    color: red;
    font-weight: bold;
    font-size: 1.2rem;
    padding-bottom: 10px;
  }
  span {  color: red; }
  a:link, a:visited, a {
    color: var(--color-link-blu);
    &:hover  { color: var(--color-link-blu-hover); }
  }
}

.linkFile {font-weight: bold; color: #1877f2;}
ul { padding: 0px; margin: 0px; }
#preview .img_module img {width: 100%; }
.reg_par {
  font-size: 1.1em; 
  font-weight: bold; 
  margin: 11px 0px; 
  border-bottom: 1px solid #bbb;
  background: #ddd;
  padding: 7px;
}
.reg_tresc {margin-bottom: 31px;}
.regulation{
  ol {padding: 0px 15px;}
  ul {padding: 11px 40px;}
  ol ul>li { list-style-type: lower-latin;}
  li {padding-top: 7px;}
}
.fontRed{ font-size: 1.05em; color: #b90101; }
.fbCont { margin-bottom: 21px;} 
.fbShare { display: flex; font-size: 11px; padding: 11px 0px; } 
.fbShareButton {
  font-size: 11px;
  font-weight: bold;
  background: #1877f2;
  color: #fff;
  padding: 2px 9px;
  width: fit-content;
  border-radius: 3px;
  margin-right: 3px;
}
.fbShareInfo { padding-top: 2px; }
.fb_none { margin-bottom: 21px; }
.container  {
  margin: 0 auto;
  border: 0px solid black;
  padding-right: 7%;
  padding-left: 7%;
}
.images_ogl { float:left; margin:6px; width:200px; }
.images_100 { float:left; margin:6px; width:100px; }
.header {margin:2px 0px;}
#marqueecontainer{
  position: relative;
  width: 100%; /*marquee width */
  height: 67%; /*marquee height */
  overflow: hidden;
  padding: 2px;
  margin-top: 8px;
}
#mid_dle {float:left; margin:0; border: 1px solid black;}
#left {float:left; margin:0; border: 1px solid black;}
#right {float:right; margin:0; border: 1px solid black;}

/* --- index kostrukcja --- */
.modul_search {
  --color-input-send: #5f6160;
  padding: 20px;
  background: #e5e9e4;
  border-radius: 3px;
  @media(max-width: 800px){ background: none; padding: 10px 0 25px; }
  .check-radio {
    display: flex;
    justify-item: center;
    gap: 20px;
    padding-bottom: 20px;
    @media(max-width: 800px){  
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
    label {
      @media(max-width: 800px){ }
      display: grid;
      place-items: center;
      cursor: pointer;
      box-shadow: 0 0 0 1px #aaa;
      border-radius: 1px;
      padding: 4px;
      width: 100%;
      transition: box-shadow .3s;
      &:has([type="radio"]:checked){ box-shadow: 0 0 0 2px var(--color-link-blu); background:  var(--color-link-blu); color: #fff; font-weight: 500;}
      &:hover {box-shadow: 0 0 0 2px var(--color-link-blu); }
      [type="radio"]{ position: absolute; opacity: 0; height: 0; width: 0; margin: 0; }
    }
  }
  .seaModul {
     display: grid; grid-template-columns: 3fr 1fr; gap: 20px;
     @media(max-width: 800px){ grid-template-columns: 1fr; gap: 12px;}
     input {
       border: 1px solid #a94103;
       border: 1px solid var(--color-font-primary);
       border-radius: 3px;
       &[type=text] {
          text-align: left; padding-left: 9px; 
          &::placeholder { text-align: left; color: #555;}
          @media(max-width: 800px){ padding: 12px; height: 35px; }
       }
       &[type=submit] {
         border: none;
         padding: 7px;
         line-height: 1;
         background: #a90303;
         background: var(--color-input-send);
         text-transform: UPPERCASE;
         border: 1px solid var(--color-input-send);
         color: #fff;
         font-size: 1.1em;
         font-weight: 500;
         letter-spacing: .1rem;
         transition: color .3s, background .3s, border .3s;
         &:hover {
           background: none;
           color: var(--color-input-send);
        }
      }
    }
  }
}

.hid_label {position: absolute; left: -1000px;}
.star-red {
   color: red;
   position: relative;
   top: -4px;
   font-size: .85rem;
}
#pasek {
    width: 100%;
    height: 29px;
    background-image: url(images/GLOWNA1_19.jpg);
    background-repeat: repeat-x;
    margin-top: 10px;
    margin-bottom: 10px;
}
#graf1 {
    float: left;
    background-image: url(images/GLOWNA1_17.jpg);
    background-repeat: no-repeat;
    background-position: left;
    height: 100%;
    width: 22px;
}
#graf2 {
    float: right;
    background-image: url(images/GLOWNA1_22.jpg);
    background-repeat: no-repeat;
    background-position: right;
    height: 100%;
    width: 15px;
}
#name_firm {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 5px;
}
#www {
    height: 100%;
    float: right;
    font-size: 14px;
    color: blue;
    margin-right: 0px;
    margin-top: 4px;
}
#body_contents {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 10px;
}
#tytul {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 2rem;
    padding: 0 0 24px;
}
.link_oferty { margin: 32px 0 50px 10px; text-align: end; }
.link_oferty a{font-weight: bold; color:#028ad4;}
.redEmpty{ font-weight: bold; color: red; }

/* --- responsive     */
/* -- end nowy_styl -- start strukcture.css */
.ul_menu_g{
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #fff;
  font-weight: 600;
  width: 100%;
  gap: 1px;
  padding-top: 1px;
  margin: 15px 0 5px;
  border-top: 2px solid #27932e;
}
.li_menu_g, .men_active {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  background-color: #27932e;
  flex: 1 1 auto;
  transition: background .2s, color .2s;
}
.li_menu_g a {
   color: #fff;
   padding: 8px 8px 6px;
}
.li_menu_g:hover { background-color: #9be9a0; color: #006006; }
.men_active {background-color: #006006; padding: 8px 8px 6px; }
.men_active a {color: #fff;}
.li_menu_g:visited {text-decoration: none;}
.graf1_blu {
    float: left;
    background-image: url(images/glowna1_07.jpg);
    background-repeat: no-repeat;
    background-position: left;
    height: 100%;
    width: 22px;
}
.graf2_blu {
    float: right;
    background-image: url(images/pas_end.jpg);
    background-repeat: no-repeat;
    background-position: right;
    height: 100%;
    width: 15px;
}
.name_firm {
    height: 100%;
    float: left;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 5px;
}
.divTable { display: table; width: 100%; }
.divTable_LEFT{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    vertical-align: top;
}
.divTableRow { display: flex; flex-direction: row; }
.divTableRow_2 { display: table; width: 100%; border: 1px solid #e8e8e8; }
.divTableHeading { background-color: #EEE; display: table-header-group; }
.divTableCell_Prawy {
    flex-grow: 1;
    margin-left: 10px;
    display: inline-flex;
    flex-direction: column;
}
.divTableCell_C { padding: 0; display: inline-block; }
.divTableCell_LEFT { flex-grow: 1; }
.divTableCell_1 {
    display: table-cell;
    padding: 3px 10px;
    width: 75%;
    text-align: left;
}
.divTableCell_1test {
    display: table-cell;
    width: 100px;
    text-align: left;
    border: 1px solid;
}
.divTableCell_2test {
    display: table-cell;
    padding: 3px 10px;
    width: 200px;
    text-align: left;
    border: 1px solid;
}
.divTableCell_2 {
    display: table-cell;
    width: 24%;
    padding: 3px 10px;
    text-align: center;
}
.divTableCell_1og {
    display: table-cell;
    width: 24%;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}
.divTableCell_2og {
    display: table-cell;
    width: 73%;
    text-align: left;
    vertical-align: middle;
}
.divTableCell_1ci { position: relative; float: left; }
.divTableCell_2ciek {
    width: 80%;
    text-align: justify;
    float: right;
    position: relative;
    margin: 5px;
}
.divTableCell_RIGHT { display: table-cell; width: 24%; padding: 3px 10px; }
.divTableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; }
.divTableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; }
.divTableBody { display: table-row-group; }
.ogloszenia_zielony {
    background-color:#ddf8cb;
    background-repeat:no-repeat;
    vertical-align:middle;
    color: #000;
    height: 27px;
    border-color: #a9d48c;
    text-transform: uppercase;
}
.ogloszenia_jasnoniebieski{
    background-color:#ddf8cb;
    background-repeat:no-repeat;
    vertical-align:middle;
    color: #000;
    height: 27px;
    border-color: #a9d48c;
    text-transform: uppercase;
}

.komunikaty_str{
    width:22px;
    background-color:#ffffff;
    background-image: url("images/3_22.png");
    background-repeat:no-repeat;
    height: 28px;
}
.komunikaty_zielony{
    width: 210px;
    border-width: 1px;
    border-style: solid;
    border-left: 0px solid #797;
    background-color: #73b640;
    background-repeat:no-repeat;
    vertical-align:middle;
    color: #FFF;
    height: 27px;
    border-color: #73b640;
}
.divTableRowX { display: table-row; }
.divTableBodyX  { display: table-row-group; }
.divTable_new { display: table; width: 1100px; }
.divTableCell_C_new { padding-top: 5px; float: left; }
.divTableCell_1test_new{
  display: table-cell;
  width: 100px;
  text-align: left;
  border: 1px solid;
}
.divTableCell_2test_new{
  display: table-cell;
  padding: 3px 10px;
  width: 200px;
  text-align: left;
  border: 1px solid;
}
.divTableCell_new, .divTableHead_new { float: left; }
.divTableRow_new { width: 1100px; }
.divTableRow_2ciek {
    padding-left: 10px;
    padding-top: 10px;
    border: 1px solid #e8e8e8;
    min-height: 160px;
}
@media (max-width: 580px) {
    .li_menu_g {width:100%;}
    .ul_menu_g {border: none;}
}
@media (max-width: 485px) {
   .li_menu_g { border: none; margin: 2px 0px; }
    .ul_menu_g { margin: 0px; }
    .men_active { border: 2px solid #eee; }
}
/* -- end strukcture.css -- */

.dni14 {
    background-image: url(images/telefon.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 30%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    order: 2;
    width: 235px; height: 180px; border: solid 1px #e7e7e7; text-align: center; font-size: 16px; font-weight: 900; }
.pierwszy_raz  {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    font-size: 15px;
    padding: 30px;
    background: #dff9c9;
    justify-content: center;
    align-items: center;
}
.rozkoduj {
    display: flex;
    background: #fff;
    width: 184px;
    height: 40px;
    border:solid 2px red;
    border-radius: 5px;
    color: red;
    font-weight: 900;
    justify-content: space-around;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 16px;
    text-transform: uppercase;
}
.jeszcze { margin-top: 25px; margin-bottom: 15px; }
.rozkoduj_body { display: flex; justify-content: space-between;}
.rozkoduj a {color: red; }
.dopisek {border-top: 1px solid #aaa; color: #777;}
.dopis {color: #406922;}
.spec_right {text-align: end; padding-right: 7px;}
.dane_form_zap {
    display: grid;
    flex-direction: row;
    justify-content: space-around;
    background-color: #d8f3c4; 
    padding: 7px;
    margin: 11px;
}
.dane_form_row {display: table-row;}
.dane_form_cell {display: table-cell;}
.InpAbonLang{ width: 95%; margin: 3px;}
.InpAreaAbon{ width: 95%; height: 160px; }

.inpOfert{width: 100%;}
.areaOfert{width: 100%; height: 120px;}
.inpOfertPers{width: 100%; margin: 3px; }
.inpOfertPersTel{margin: 3px; }
.add_comp_cyber_stopka {width: 100%; display: inline-flex; flex-direction: row; margin: 0px 0px 10px 0px;}
.add_comp_cyber_left {
  text-align: end;
  margin: 5px;
  font-weight: bold;
  border-right: 1px solid #b0d18c;
  padding-right: 10px;
}
.add_comp_cyber_right{ margin: 5px 5px 5px 5px; flex: 3 1;}
.add_comp_name {
  width: 100%;
  text-align: center;
  margin-top: 85px;
  margin-bottom: 65px;
  display: flex;
  flex-wrap: wrap;    
  justify-content: center;
}
.view_youtub  { 
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 27px 0px;
}
.film_you{ margin:7px;}
.view_img {width: 100%; display: flex; flex-direction: column; text-align: center; }
.img_full {width: 100%; margin: 35px auto; }
.img_full_07 {width: 60%; margin: 35px auto; }
.wrapper { width: 100%; margin: 40px auto; }
.add_com_form_row, .add_com_form_rowx {display: table-row;}
.add_com_form_rowx_hidd { display: none;}
.add_com_form_cell { display: table-cell; text-align: right; padding-right: 5px; margin: 3px 0px;}
.add_com_form_cell_l{margin: 3px 0px;}
.add_com_form_cell_1, .add_com_form_cell_12 {display: table-cell; text-align: left; padding: 3px;  width: 70%;}
.add_com_wyslij { background-color: #d8f3c4; text-align: end; padding: 10px;}
.add_com_input {height: 22px; width: 100%; margin: 0px;}
.add_com_error {font-weight: bold; background-color: #ffb2b2; width: 100%; text-align: center; color: #000; margin: 11px 0px;}
.add_innererror{ margin: 7px;}
.add_com_dys {margin: 5px;}
.addWidth100{width: 55%; }
.inp_fin{ height: 28px;}
.add_comcheckbox{}
.add_com_textalert{ font-weight: bold; color: red; text-align: center;}
.spec_width { width: 145px; height: 28px;}
.spec_width350 { width: 350px; padding: 3px 3px;}
.spec_width220 { width: 220px; padding: 3px 3px; height: 28px;}
.spec_width75 { width: 77px;}
.add_com_uwagi {margin: 20px 0px; text-align: center;}
.add_com_inline {margin: 20px 0px;}
.buttonbold {padding: 0px 11px; height: 28px; cursor: pointer;}
.add_com_strzalki { margin: 0px 10px;}
.add_com_oferta {text-align: left; margin: 10px;}
.add_com_tytul {font-weight: bold; text-transform: uppercase; text-align: center;}
.add_table_list {background-color: #d8f3c4}
.dodaj_lista {background-color: #fff;}
.text_wyrozniony {color: #b50000; font-weight: bold;}
.abonament_form_body {background-color: #d8f3c4; display: inline-flex; width: 100%; flex-direction: column; align-items: center;}
.abonament_form {display: table; }
.abonament_line {display: table-row;}
.abonament_cell {display: table-cell; padding: 3px; text-align: left;}
.celleft {text-align: right;}
.kategorie {column-count: 2;}
.ixmages_100{width: 140px;} 
.strona_www_firmy {margin-top: 10px;}
.view_kontakt_og{display: flex; justify-content: space-between; margin: 15px 0px 5px 0px; border-top: solid 1px #ebebeb; padding-top: 5px; }
.view_kontakt{display: flex; justify-content: space-between; }
.view_napisz{background-color: #028ad4; color: #fff;  font-weight: bold; border-radius: 7px;
    padding: 4px;
    text-align: center;
}
.view_napisz a{color: #fff; display: block; padding: 2px 18px; min-width: 120px;}
.view_napisz_buttom{background-color: #028ad4; color: #fff;  
  text-transform: uppercase;
  font-weight: bold; border-radius: 7px; border: none; padding: 7px 18px;}
.view_napisz_buttom:hover{background-color: #1e4dab;}
.view_napisz:hover{background-color: #1e4dab;}
.view_napisz_wsk{background-color: #78b8da; color: #fff;  font-weight: bold; border-radius: 7px; text-align: right;}
.buttom_blu {background-color: #028ad4; color: #fff;  font-weight: bold; border-radius: 4px; border: none; padding: 6px 18px; text-transform: uppercase; cursor: pointer;}
.buttom_blu:hover {background-color: #105475;}
.imgstat{ width:100%; }
.enter{margin: 15px 0px;}
.enter_sms{margin: 15px 0px;}
.input_p{height: 22px; border-radius: 4px; padding: 0px 3px; }
.view_enter_buttom{background-color: #028ad4; color: #fff;  font-weight: bold; border-radius: 0px 4px 4px 0px; border: none; padding: 6px 18px;}
.view_enter_buttom:hover{background-color: #1e4dab;}
.caly_srodek_sprzedam {display: inline-flex; flex-direction: row; }
.tresc_glowna_prawa, .index_main_gielda {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 20px;
   margin-bottom: 20px;
}
.youtub_frame{width: 350px; height: 350px;}
.dodatek_body { order: 0; }
.dodatek_body-1 { order: 1; flex: 1.5 1; margin-left: 10px; }
#dodatek {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.body_firmy_wyszkiwanie_g {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}


.fb_iframe_widget {align-self: flex-start; width: fit-content; text-align: center; display; block;}
.fb_log { font-weight: bold; font-size: 1.5em; color: #fff;}
#facebook-likebox {
  height: 480px;
  width: 294px;
  position: fixed;
  right: -305px;
  top: 65%;
  margin-top: -246px;
  background-color: #ffffff;
  border-top: 1px solid #335F9D;
  z-index: 6;
  &:hover { right: 0; }
}
#facebook-likebox-button { position: absolute; left: -50px; top: -1px; display: block; }
.lat20 {
   text-transform: lowercase;
   width: 100%;
   text-align: right;
}

.cyberMobil {
  display: grid;
  justify-items: end;
  width: 90%;
  margin: 20px auto 40px;
  .lat20_mobil {
    font-size: 1.2em;
    text-transform: lowercase;
    color: #7f7f7f;
    font-family: serif;
    font-style: italic;
    text-align: right;
    margin: 7px 0px 0px;
  }
  .btn-blu{
     margin-top: 12px;
     padding: 12px 24px;
     font-size: 1.1rem;
     box-sizing: border-box;
     width: 100%;
     &:hover{ background: none !important; }
  }
}

.buttom_wyslij {
    padding: 7px 14px;
    background-color: #0054d2;
    color: #fff;
    font-weight: bold;
    border: none;
    border-radius: 4px;
}
.buttom_wyslij:hover{background-color: #003a92;}
.buttom_wyslij a{ color: #fff;}
.buttom_dodaj_oferte {
    display: block;
    margin: 11px 0px;
    padding: 6px 16px;
    background-color: #018611;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    border: none;
    text-align: end;
}
.wiecej {font-weight: bold; text-transform: uppercase;}
.wiecej a{color: #777;}
.wiecej:link{color: #5d5d5d;}
.wiecej:hover{color: #2f5605;}
.wiecej:visited{color: #49820b;}
.wiecej:visited:hover{color: #2f5605;}
.buttom_dodaj_oferte:hover{background-color: #016b0e;}
.buttom_dodaj_oferte a{ color: #fff;}
.uns_email, .komunikat_uns{margin: 120px 0px;  text-align: center; width:100%; }
.komunikat_uns{font-size: 15px; font-weight: bold; }
.uns_pole{margin: 15px 0px;}
.uns_input{ font-size: 1em;  padding: 3px 6px;  width: 310px; margin: 0px 0px 47px 0px;}
.firma_sprzedam, .titleOglIndex, .opis_sprzedam  {padding: 0 10px;}
.firma_sprzedam{transition: color .3s;}
.firma_sprzedam:hover{color: var(--color-link-blu);}
.opis_sprzedam  {padding: 0 10px 10px; transition: all .5s;}
.titleOglIndex {
  text-align: left;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  transition: color .3s;
  color: #006006;
}
.titleOglIndex:hover{color: #27932e;}
.opis_sprzedam{font-size: .95rem;}
.opis_sprzedam a:link{ font-weight: normal; color: #000;}
.homeogloszenia{
  .ogloszenia_glowna:hover .img_sprzedam img{transition: transform 1s; transform: scale(1.25);}
  .img_sprzedam {
    aspect-ratio: 5/3;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: 1px solid #27932e;
    width: 100%;
    img { transition: transform 1s; height: 100%; width: 100%; object-fit: cover; }
  }
}

.testt {border: solid 2px;}
.name_firm {
  height: 100%;
  float: left;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 5px;
}
.youtub{ margin: 10px 0 21px 0;}
.glowna_prawa {
  display: inline-block;
  background: #fdca6f;
  margin-bottom: 15px;
  padding: 31px 0px 23px 0px;
}
.glowna_srodkowa { display: inline-block; flex: 2 1;}
.naglowek_sell_glowna {
    font: bold 15px;
    padding: 6px;
    background-color: #e8e8e8;
}
.naglowek_sell_glowna a:link {color: #1d60b1;}
.body_tresc_sprzedam_g { font-weight: normal; font-size: 14px; display: flex; margin-left: 14px;}
.flagi_sprzedam_glowna{order: 2; margin: 0px 7px;}
.flag_margin {
  margin: 0px 9px 2px 9px;
  justify-content: center;
}
.ramka_info_sprzedam_g {
  border: 1px solid #a2c0ca;
  background-color: #cfe7f1;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.info_sprzedam {
  margin: 1px;
  flex: 1 1;
  display: flex;
  justify-content: space-around;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.info_sprzedam_a {}
.info_sprzedam_b { font-weight: bold;}
#top {
 width: 100%; display: grid; grid-template-columns: 1fr 220px;
 gap: 35px;
 @media (max-width: 991px) {
    grid-template-columns: 1fr;
 }
 .column_Lewy {
    @media (max-width: 991px) {
      order: 1;
    }
  }
 .column_Prawy {
    @media (max-width: 991px) {
      order: 0;
      &>.link {display: none; }
    }
  }
}
.column_sprzed {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.column_Lewy_single { display: inline-flex; flex-direction: column; width: 100%; }
.podpowiedz {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0px 11px 11px 11px;
}
.red_first { margin-left: 4px; margin-right: 4px; }
.red_first:first-letter { color: #FF0000; font-weight: bold; }
.raport { margin: 57px auto; font-weight: bold; }


.txt_reg{margin: 25px 0px; font-size: 15px; text-align: justify;}
.txt_reg a{color: #08397b;}
.txt_reg_h1{font-weight: bold; margin: 31px 0px 7px 0px; font-size: 16px;}
.txt_reg_h2{text-transform: uppercase;}

/* --- prawa kolumna --- */
/* --- lista na podstronach --- */
.items-list-ofert{
  display: grid; gap: 30px;
  .item-list-ofert {
    padding: 30px;
    border-radius: 5px;
    box-shadow: 2px 2px 7px #0003;
    width: 100%;
  }
  .item-oglo, .item-ciek {
    display: grid;
    grid-template-columns: 200px 1fr;
    justify-contetnt: start;
    gap: 30px;
    @media(max-width: 768px) { grid-template-columns: 1fr; }
    .block-images{
      width: 100%;
      aspect-ratio: 1;
      border-radius: 3px; overflow: hidden;
      @media(max-width: 768px) { aspect-ratio: 2.1; }
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }
    }
  }
}

/* --- lista na podstronach --- end --- */
.obraz{
    display: inline-flex;
    align-items: center;
    width: 200px;
    height: 120px;
    overflow: hidden;
    margin: 10px;
}





#divTable_LEFT { width: 100%; background-color: white; }
#columna_left .columna_left {
  display: inline-flex;
  justify-content: center;
  width: 200px;
  height: 200px;
  overflow: hidden;
  align-items: center;
}
#columna_left img, .columna_left img{
   width: 200px;
   height: 200px;
   object-fit: contain;
}
#columna_right,
.columna_right {
  flex: 1 1;
  display: inline-flex;
  flex-direction: column;
  margin-left: 15px;
  text-align: left;
}
.columna_right .content_tytul,
#columna_right .content_tytul {padding: 0 0 4px;}
#columna_right_body {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    margin-left: 20px;
}




.content_reklama { text-align: center;}
.multirom {
  margin: 0px 0px 30px 0px;
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  font-weight: bold;
  border-bottom: 1px solid #ebebeb;
}
.multirom_firm {
  margin: 35px 0px 0px 0px;
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  font-weight: bold;
  border-top: 1px solid #ebebeb;
}
.rom_1 { flex: 1 1; text-align: left; font-weight: normal; }
.rom_wysietlono {font-weight: normal;}
.rom_result {color:red; margin-left: 8px;}
.rom_2 { width: 33%;color: darkred; font-weight: normal;}
.rom_2_body { flex: 1 1; color: darkred; font-weight: normal;}
.rom_3 { display: flex; }
.rom_3 strong { color: red; }
.ziel { color: #6bb836; } 
.zielb { color: #49861f; font-weight: bold; padding: 0px 3px; }
.ile_pag {height: 20px; width: 45px; border-radius: 4px;}
.input_ziel {
    background: #6bb836;
    border: none;
    border-radius: 4px;
    height: 20px;
    padding: 0px 7px;
    color: #000;
    text-transform: uppercase;
    margin-left: 3px;
    margin-bottom: 2px;
}
.input_ziel:hover {
    background: #27932e;
    border: none;
    color: #fff;
}
.ord { order: 3;}
.mailing_single { display: inline-flex; flex-direction: column; }
#mailing_naglowek { width: 100%; margin-bottom: 5px; }
#mailing_opis { text-align: center; font-size: 14px; margin-bottom: 45px; }
#wyszukaj_mailing {
  width: 100%;
  display: inline-flex;
  justify-content: center;
}
.komunikat_cyber {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin: 180px 0px 180px 0px;
}
.naglowek_single_mailing{
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 0 20px;
  padding: 0 0 5px;
  border-bottom: 1px solid #eaeaea;
}
.naglowek_single_mailing .kat {font-size: 16px; margin-left: 4px; color: var(--color-link-blu); }
.naglowek_single_mailing .kat span {color: #aaa; }
.naglowek_single_mailing .bran { font-size: 16px; font-weight: bold; }
.lokalizacja_firmy_mailing { flex: 1 1; display: flex; flex-direction: row-reverse; }
.srodkow_teresc_mailing { display: inline-flex; flex-direction: row; }
.flagi_mailing {
  margin-left: 2%;
  margin-right: 2%;
  display: inline-flex;
  flex-direction: column;
}
.img_mailing {
    text-align: center;
    width: 195px;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 3px;
}
.img_mailing img {    width: 100%; height: 100%; object-fit: cover; }
.srodkow_texty_mailing {
  margin-right: 2%;
  margin-left: 2%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}
.rozesłano_mailing {
   flex:1 1;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
}
.nazwa_firmy_mailing { margin-bottom: 5px; }
.informacje_mailing {
  border-top: 1px solid #c2c2c2;
  margin: 15px 0 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.informacje_mailing .view_napisz{white-space: nowrap;}
.mailCena{display: flex; width: 100%;}
.celi_mailing a:link { color: #000;}
.ceimg_mailing {
  flex: 1 1;
  display: flex;
  justify-content: flex-end;
  margin: 1%;
}
.celi_mailing { width: 50%; margin: 7px 0px; }
.sepcena {
  border-right: 1px solid #c2c2c2;
  width: 2px;
  height: 38px;
  margin: 7px;
}
.div_zielony {
  border: 1px solid white;
  display: inline-block;
  width: auto;
  padding: 5px 5px 5px;
  overflow:visible;
  background-color: #27932e;
  color: #000000;
}
a.menu_link { color: white; text-decoration: none; }
.button_czerwony {
    background-color: #f45f01;
    border: 1px solid #da4044;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    display: inline-block;
    text-decoration: none;
    color: #ffFFFF;
    font-size: 14px;
    outline: none;
    padding: 3px 10px;
    text-align: center;
    width: 150px;
    font-weight: bold;
    text-transform: uppercase;
    overflow:visible;
}
.center{ text-align: center; }
.button_czerwony:active {
    -moz-box-shadow: 2px 2px 3px #cccccc inset;
    -webkit-box-shadow: 2px 2px 3px #cccccc inset;
    box-shadow: 2px 2px 3px #cccccc inset;
}
.font_ziel_stopka {
color: #f3f6ef;
font-size: 15px;
text-align: left;
}
.font_stopka_middle { color: #000; text-align: left;}
.font_stopka_middle:link{color: #000;}
.br_low {line-height: 4px;}
.search_mailing { display: flex; }
.tekst_scroll:hover{text-decoration: none;}
.tekst_czarny_a, .tekst_scroll {
    text-decoration: none;
    text-transform: lowercase;
    color: #3300ff;
    font-size: 13px;
    padding: 0;
    text-align: left;
    font-weight: bold;
}
.scrol{padding: 7px 0px; line-height: 1.1; transition: font-size .3s; }
.scrol:hover{margin: 11px 0px; font-size: 1.2em;}
.tekst_scroll:link {color: #0048ff;}
.bold{font-weight: bold;}
.tekst_scroll_br {
    font-size: 10px;
    line-height:10px;
    content: " ";
}
.link_txt {font-weight: bold; }
.link_txt:link{color: #4080ff;}
.link_txt a:visited{color: #4080ff;}
.sms_rek{margin: 25px 0px; }
.firmy_heading_name {
    width:200px;
    background-color:#73b640;
    text-align:left;
    padding: 4px;
    color: #ffffff;
    height: 21px;
    float: left;
    text-align: left;
}
.firmy_heading_str {
    width:22px;
    background-color:#ffffff;
    background-image: url("images/3_22.png");
    background-repeat:no-repeat;
    height: 29px;
    float: left;
}
.firmy_heading_url{
    width:500px;
    background-color:#73b640;
    padding: 4px;
    color: #ffffff;
    height: 21px;
    float: left;
    text-align: left;
}
.firmy_heading { width:100%; height: 29px; background-color:#73b640; }
.firmy_body{ width:100%; height: 400px; }
.firmy_body_left {
    width:222px;
    height: 420px;
    padding: 4px;
    float: left;
    text-align: left;
}
.firmy_body_right {
    width:811px;
    height: 570px;
    padding: 4px;
    float: left;
    text-align: left;
    overflow-y: scroll;
}
.firmy_body_logo {
    border: 2px solid #f3f3f3;
    width: 220px;
    height: 120px;
    margin:auto;
}
.logo, .firmy_body_logo {
    bottom:50%; right:50%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.firmy_body_wersja {
    border: 2px solid #aad586;
    width: 218px;
    height: 20px;
    margin:auto;
    background-color: #dff9cc;
}

/* STYL STOSOWANY MENU GIELDA */
.ul_menu { display: grid;  }
.ul_menu a:hover { background-color: #279b1c; color: #fff; }
.ul_menu a:active { background-color: #279b1c; color: #fff; }
.ul_menu_sel a:link, ul:visited {
  display: block;
  width: 260px;
  text-decoration: none;
  padding: 5px 10px;
  font-weight: bold;
  background-color: #dff9cc;
  color: #000;
}
.ul_menu_sel a:hover {
  background-color: #dff9cc;
  background: #dff9cc url("images/dadajf1_03.png") no-repeat left top;
  color: #000;
}
/* KONIEC STYL MENU GIELDA */
.listsub2 {
    text-decoration:none;
    font-size: 10pt;
    font-style: normal;
    color: #006600;
}
.listsub2 a:link{color: #0048ff;}
.sell_pasek { width: 99%; height: 20px; vertical-align: middle; }
/*---------------------------------Sprzedaz w Firmach----------------------------------------------------*/
.sell_hr {
   border: 0;
   background-color: transparent;
   border-bottom: 8px solid #e0e0e0;
   width: 68%;
   vertical-align: middle;
}
.align_left { float: left; margin: 0 auto; vertical-align: middle; padding: 5px; }
.align_left_width{width: 78%;}
.align_right_width{width: 18%;}

.sep { height: 5px; width: 100%; }
.sell_b_4_3 {width: 40%;}
.sell_b_4_3x { width: 100%; text-align: left; }
.wyslij_ziel, .wyslij_nieb {
    height: 26px;
    width: 128px;
    color: #fff;
    font-weight: 900;
    font-size: 12px;
}
.wyslij_ziel { background: linear-gradient( #4ad532, #398a2d); border: solid 1px #348b22; }
.wyslij_ziel:hover {background: linear-gradient(#398a2d, #4ad532);}
.wyslij_ziel_ab {
        height: 26px;
        color: #fff;
        padding: 0px 5px;
        background: linear-gradient( #4ad532, #398a2d);
        border: solid 1px #348b22;
}
.wyslij_ziel_ab:hover {background: linear-gradient(#398a2d, #4ad532);}
.wyslij_nieb {
    background: linear-gradient( #3b6fd5, #1f4e9c);
    border: solid 1px #29509f;
}
.wyslij_nieb:hover {background: linear-gradient(#1f4e9c, #3b6fd5);}
.opis_oferty_kupna { color:#000000; font-size:11px; text-decoration:none; }
.option_res { width: 263px; padding: 4px; }
.input_res, .option_res { border: 1px solid #ff5a00; margin: 5px 0px 12px 0px; border-radius: 2px; padding: 7px;  }
.ogloszenia_str {
    width:22px;
    background-color:#ffffff;
    background-image: url("images/hgielda_03_03.jpg");
    background-repeat:no-repeat;
    height: 28px;
}
.ogloszenia_zielony {
    width:830px;
    border-width: 1px;
    border-style: solid;
    border-left: 0px solid #797;
}
.font_margin_5{margin-bottom: 5px;}
.ogloszenia_zielony{
    background-color:#ddf8cb;
    background-repeat:no-repeat;
    vertical-align:middle;
    color: #000;
    height: 27px;
    border-color: #a9d48c;
}
.komunikaty_str {
    width:22px;
    background-color:#ffffff;
    background-image: url("images/3_22.png");
    background-repeat:no-repeat;
    height: 28px;
}
.komunikaty_zielony {
    width: 210px;
    border-width: 1px;
    border-style: solid;
    border-left: 0px solid #797;
    background-color: #73b640;
    background-repeat:no-repeat;
    vertical-align:middle;
    color: #FFF;
    height: 27px;
    border-color: #73b640;
}
.ciekawostki_str {
    width:22px;
    background-color:#000000;
    background-image: url("images/glowna1_07.jpg");
    background-repeat:no-repeat;
    height: 28px;
}
.ciekawostki_zielony {
    width: 150px;
    border-width: 1px;
    border-style: solid;
    border-left: 0px solid #797;
    background-color: #73b640;
    background-repeat:no-repeat;
    vertical-align:middle;
    color: #FFF;
    height: 27px;
    border-color: #73b640;
}
.ciekawostki_jasnoniebieski {
    border-width: 1px;
    border-style: solid;
    border-left: 0px solid #c9edf9;
    background-color: #c9edf9;
    background-repeat:no-repeat;
    vertical-align:middle;
    color: #000;
    height: 27px;
    border-color: #8dbfd6;
    text-align: left;
    padding:  0 10px;
}
.wyszukaj_towar_str {
    width:28px;
    background-color:#ffffff;
    background-image: url("images/wyszuk3_03.png");
    background-repeat:no-repeat;
    height: 28px;
}
.bigger_upp {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.rights_formula{ font-size: 12px; margin-top: 31px; text-align: justify; border-top: solid 1px #ccc;}
.menu_small{margin: 10px;}
.pole_input_towar_ogl{ height: 23px; width: 180px; border: 0px; padding: 0 3px; }
.pole_input_towar_firmy{ height: 23px; width: 150px; border: 0px; padding: 0 3px; }
.search_width{
    align-items: center;
    display: inline-block;
    height: 40px;
    font-weight: bold;
    align-self: center;
    width: 232px;
    margin-right: 10px;
}
.search_width_tight{ float: left; width: 162px; }
.captSub { 
    margin: 0 auto 30px; 
    text-align: right;
    padding: 3px 0;
    border-top: 1px solid #028ad4;
    [type=submit]{ padding: 12px 20px; }
    @media(max-width: 689px) { text-aign: center; 
      padding-top: 6px;
      [type=submit]{ width: 100%;}
    }
}
.unsxForm {font-size: 14px;}
.unsx {padding-bottom: 30px; border-bottom: 1px solid; margin-bottom: 11px;}
.unsx, .unsx2 { display: grid; grid-template-columns: auto 1fr; gap: 11px;}
.unsx div {text-align: right; margin-top: 4px;}
.unsx input { border: 1px solid #aaa; height: 26px;}
.unsx input[name=kod_akcept]{ border: 1px solid #aaa; height: auto;}
.unsx textarea {height: 120px; padding: 7px;}
.unsx .red {color: red;}
.unsx input[type=submit] {
   grid-column: 2/3; 
   border: none; 
   height: 32px;
   justify-self: end;
   width: 50%;
   text-align: center;
}
.unsx2 div {text-align: left;}

/*------------wyszukiwarka do firm i towarów------------------------*/
.lista_podpowiedzi { display: inline-flex; flex-direction: column; align-items: center; }
.body_ogloszenia_wyszkiwanie { display: inline-flex; flex-direction: row; flex-wrap: wrap; }
.search_width_firmy{
  display: inline-flex;
  flex-direction: row;
  flex: 1 1 auto;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 25px;
  background: #e6e6e6;
  padding: 10px 0px
}
.input_res { border: 1px solid #ff5a00; margin: 5px 0px 12px 0px; }
.wyszukaj_towar_firmy{
  width:250px;
  background-color:#fff;
  background-repeat:no-repeat;
  vertical-align:middle;
  display: inline-flex;
  align-items: center;
  color: #000;
  height: 25px;
    border-width: 2px;
    border-right: 0px;
    border-style: solid;
    border-color: #ff521d;
    float: left;
    font-family: Arial,Calibri, Verdana,  sans-serif;
    font-size: 14px;
    outline: none;
}
.search_width_firmy_small_g { display: inline-flex; flex-direction: row; }
.sep_g{ width: 5px;height: 15px;}
.search_width_firmy_big { display: inline-flex; flex-direction: row; justify-content: center; flex-wrap: wrap;  margin: 0px 11px;}
.lbch{font-size: 1.2em; font-weight: bold;}
.inch{ margin: 0px;}
.chSearch{
    margin: 6px;
    border: 1px solid #bbb;
    padding: 2px 7px;
    border-radius: 5px;
    width: 36px;
    text-align: center;
}
.box_firmy { width: 520px;}
.separate_firmy { float: left; width: 20px; }
.hr_line { width: 100%; height: 6px; color: #ccc; }
.tekst_czerwony {
    text-decoration:none;
    font-size: 10pt;
    color: #ff0000;
    font-weight: bold;
}
.div_czerwony_woj {
    text-decoration:none;
    font-size: 10pt;
    color: #930205;
    font-weight: bold;
    text-align: right;
    width: 48%;
    float: right;
    padding: 4px;
}
.div_left {
    text-decoration:none;
    font-size: 10pt;
    color: #0000FF;
    font-weight: bold;
    text-align: left;
    width: 48%;
    float: left;
    padding: 4px;
}
.tekst_small {
    text-decoration:none;
    font-size: 6pt;
    font-weight: normal;
    text-align: right;
}
.div_tekst_normal {
    text-decoration:none;
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
    width: 98%;
}
.body_ogloszenia {padding: 5px 5px 5px 5px;}
.tablica_border_color { border: solid 1px #cacaca; text-align: left; }
.uns{ width: 80%;}
.about_kontakt { 
  width: 100%; 
  text-align: start; 
  display: grid;
  column-gap: 12vw;
  justify-content: start;
  grid-template-columns: auto 1fr;
  padding: 30px 0;
}
.about_kontakt .about_position {
  grid-column: 2/3;
  text-align: start;
  width: 100%;
  margin-bottom: 35px;
}
.about_kontakt .about_position .block-contact{
   display: grid;
   grid-template-columns: auto 1fr;
   column-gap: 6px;
}
.about_kontakt .about_position:first-child{ 
   grid-row: span 4;
   grid-column: 1/2;
} 
.about_kontakt .about_position:not(:first-child) {
   border-left: 1px solid var(--color-primary);
   padding-left: 15px;
}

.class_active {
   display: block;
   text-decoration: none;
   padding: 5px 10px;
   font-weight: bold;
   background-color: #006006;
   color: #00ff00;
}
.list_trade_find{width: 100%;}
.list_trade_input{     
    width: 100%;
    border: none;
    background: #fff;
    text-align: left;
    margin-top: 11px;
    font-size: 1.1em;
    cursor: pointer;
    color: #555;
    padding: 3px 0px;
}
.list_trade_input:hover{color: #111; font-weight: bold;} 
.list_of_article {
     text-decoration: none;
     font-weight: bold;
     font-size: 12pt;
     color: #00f;
     border-bottom: 1px solid gray;
}
.list_of_article a:link { color: #0048ff;}
.list_of_article a:visited { color: #0048ff;}
.link_from_firmy { color: #000000; }
.index_main_detail { width: 400px; }
#dodatek_sr {display: none;}
.dlugBoxTitle {margin: 21px 0px;}
.dlugTab{ width: 100%;}
.dlugRow{display: flex; flex-wrap: wrap;}
.dlugLeft{ background: #cacaca; border-bottom: 1px solid #aaa; width: 160px; padding: 7px; margin: 0px 3px 3px 0px; text-align: end; font-weight: bold;}
.dlugRight{ padding: 7px;}
.dlugiSend{ text-align: end; }
.button_blue_3 { height: 28px; border: none; background: #028ad4; text-transform: uppercase; font-weight: bold; color: #fff; cursor: pointer;}
.button_blue_3:hover{background: #2766ad; }
.div_table_grey { background-color: #def9cc; }
.div_table_white, .div_table_grey { width: 100%; display: flex; flex-direction: row; border-bottom: 1px solid #bbb; padding-top: 11px;}
.div_small1, .div_small2, .div_small3, .div_small4 { display: flex; flex-direction: row; }
.div_small1 {width: 5%;}
.div_small2 {width: 45%;}
.div_small2 a{ color: #2766ad;}
.div_small3 { width: 30%;}
.div_small4 { width: 20%;}

.box_content{ display: grid; grid-template-columns: 1fr; gap: 15px; }
.right_ciek {
  width: 100%; transition: all .7s;
  box-shadow: 1px 1px 6px #0003;
  border-radius: 3px;
  &:hover {opacity: .8;}
  .kom_temat { margin: 11px 7px 7px; }
  .kom_opis { 
     margin: 15px 7px 7px; 
     font-weight: normal;
     font-size: 13px;
     text-align: left;
     transition: all .7s;
     text-transform: lowercase;
     &::first-letter { text-transform: uppercase;}
  }
  .obraz_ciekawostki {
    border-top: 2px solid #27932e;
    display: flex;
    align-items: center;
    height: 120px;
    overflow: hidden;
    & img { transition: transform 1s; width: 100%; object-fit: cover; height: 100%;}
  }
}
  .right_ciek:hover .obraz_ciekawostki img {transform: scale(1.2);}
  .right_ciek .kom_opis {margin-top: 5px;}

.komuikaty {
  padding: 10px 0 20px;
  gap: 20px;
  .all-kom {
    padding-bottom: 20px;
    display: block;
    color: #167ac6 !important;
    font-size: .9rem;
  }
 .news_stat {
  margin: 0;
  transition: all .7s;
  box-shadow: 1px 1px 4px #ccc;
  border-radius: 4px;
  overflow: hidden;
  &:hover .kom_foto_view img {transform: scale(1.2);}
  .kom_foto_view{
      aspect-ratio: 7/5; overflow: hidden; width: 100%;
      img {width: 100%; aspect-ratio: 7/5; transition: transform 1s; object-fit: cover;}
  }
  .kom_temat { margin: 0; padding: 25px 10px 5px;}
  .kom_opis {margin: 0; padding: 0 10px 10px;}
}
}
.newcompany_hom {
  width: 100%;
  display: grid;
  margin: 15px 0;
  .splide__track { padding-bottom: 25px; }
  .new-item {
    margin: 15px 0;
    height: 100%;
    border-radius: 6px; 
    transition: box-shadow .6s;
    &:hover {
       box-shadow: 0 0 5px #0001;
       img{transform: scale(0.8);}
    }
    .text-view{
      padding: 10px 20px 0;
      text-align: center;
      .name{
        border-top: 1px solid #0003;
        padding: 7px 0 5px;
        text-transform: uppercase;
        font-size: 1.05rem;
      }
      .desc{ text-transform: uppercase; color: #777; font-weight: normal; font-size: .9rem;}
    }
    .img-view{
      height: 140px; display: grid;  place-content: center; padding: 20px 0 0; 
      img { width: 140px; height: 140px; object-fit: contain; transition: all .7s; }
    }
  }
}

.komunikaty_index { 
   margin: 15px 0 30px; 
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 15px;
   width: 100%;
}
.kom_temat {
      font-weight: bold;
      font-size: 14px;
      color: #333333;
      text-transform: uppercase;
      transition: all .7s;
}
.kom_temat a:link, .kom_index a:link{color: #3d454e;}
.kom_index {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin: 11px 0px 0px 0px;
    padding: 4px 0px;
    color: #333333;
    text-transform: uppercase;
    min-height: 50px;
    border-top: 1px solid #27932e;
}

.kom_nex {
  font-weight: bold;
  font-size: 14px;
  text-align: right;
  margin: 1px 5px 0px 5px;
}
.kom_foto_det { width: 500px; }
.kom_opis_det, .kom_temat_det {
      text-align: justify;
      margin-top: 5px;
      width: 100%;
}
.kom_temat_det { font-weight: bold; font-size: 14px; }
.kom_opis_det { font-weight: normal; font-size: 13px; }
.kom_foto_list_1 {width: 200px;}
.kom_opis_list, .kom_temat_list { text-align: justify; margin-top: 5px; width: 100%; }
.back_link  { text-align: end; width: 100%; }
.div_facebook { height: 30px; order: 2; margin-top: 34px; }
.kupie_sprzedam  { width: 100px; }
.chat_akcept{margin:15px 5% 0px 5%; padding: 0px 0px 55px 0px; }
.chat_body {background-color: #f1f1f1;}

.form_tytul { margin-bottom: 5px; }
.akcept_form_row { display: table-row; }
.akcept_form_cell_p { display: table-cell; text-align: right; padding: 5px; }
.akcept_form_cell_l { display: table-cell; text-align: justify; padding: 5px; }
.uwaga_form {
    border-bottom: 1px solid #73b740;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 16px;
    text-align: justify;
}
.ofertContent{ width: 100%; margin-bottom: 21px;}
.rowGielda{display: flex; justify-content: space-between; border-bottom: 1px solid #ddd;}
.rowGielda:hover { border-bottom: 1px solid #aaa; border-bottom: 1px solid #aaa; background: #ddd; }
.ofertBox{ display: flex;}
.ofertType{ margin-left: 11px; width: 99px;}
.KatGielda:hover a{ color: #2766ad; }

/* -- mobile menu -- */
.menu-mobil{
  width: 100%;
  background: #eee;
  display: none;
  @media(max-width: 768px) { 
    display: block;
    &.mobil_static {position: fixed; top:0; z-index: 2000;}
  }
  .block {
    max-height: 1px;
    overflow: hidden;
    transition: max-height .1s;
    &.activ{
      transition: max-height .6s;
      max-height: 2000px;
      display: block;
      text-align: center;
      padding: 5px 17px;
    }
  }
  .panel {
    display: flex;
    width: 100%;
    justify-content: space-around;
    padding: 12px 0 0;
    border-bottom: 1px solid #bbb;
  }
  .action {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    text-align: center;
    flex: auto;
    position: relative;
    .mobmimg{ margin: 0px auto; width: 50px;}
    .mobminfo {margin: 2px 0; text-transform: uppercase;}
    #Mclose img{position: absolute; top: 25%; height: 50%; left: 50%; transform: translate(-50%, -50%);}
    &.activ{ .mobmimg { opacity: 0;}}
    &:focus {outline: none; background: none;} 
    &:hover{ background: none;}
  }
}
.listDeb{
  display: grid; grid-template-columns: auto  1fr repeat(2, auto); gap: 7px;
  div {padding:5px; text-align: right;}
  div:nth-child(-n+4){background: #0072bc; color: #fff; border-bottom: 1px solid #0072bc;}
  a {text-decoration: none; color: #29509f; }
  .titleListHead { color: #000; text-align: left; padding: 5px;}
  .titleList { text-align: left; text-decoration: none; color: #29509f; border-bottom: 1px solid #fff;}
  .titleList:hover {border-bottom: 1px solid #aaa;}
  .cityList { text-align: left;}
  .lpList {background: #eee;}
}
.capt{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 11px;
  width: 60%;
  margin: 25px auto 0;
  span { height: 5px; margin-bottom: 5px; border-bottom: 1px solid #ddd; }
  @media(max-width: 768px) { width: 100%; }
  @media(max-width: 458px) { grid-template-columns: 1fr;  gap: 2px; }
  .captCell{
    text-align: right; 
    vertical-align: middle;
    font-weight: bold;
    color: #555;
    margin-top: 6px;
    @media(max-width: 458px) { text-align: left; margin-top: 11px; }
  }
  .captInpt, .captArea{
    border: 1px solid var(--color-input-border);
    border-radius: 3px;
    @media(max-width: 458px) { width: auto; }
  }
  .captArea{height: 120px;}
}
.form-send{ /* ma zastopic w formularzach wysylania .capt */
   display: grid;
   grid-template-columns: auto 1fr;
   align-items: center;
   gap: 11px;
   width: 60%;
   margin: 25px auto 0;
   label { 
     justify-self: end; 
     display: flex;
     gap: 3px;
   }
   input, textarea {
     padding: 4px 6px;
     &::placeholder{ text-align: start; color: #aaa; font-size: 1rem; }
   }
   span {
     height: 5px;
     margin-bottom: 5px;
     border-bottom: 1px solid #ddd;
   }
   strong{ color: red; font-size: .9rem; }
   .inarea { align-self: start; }
   @media(max-width: 889px){ width: 100%; }
   @media(max-width: 489px){
      grid-template-columns: 1fr;
      gap: 3px;
      label {  justify-self: start; padding-top: 14px; }
      span { border: none; }
   }
}

.OffertNo { display: grid; grid-template-columns: auto 1fr .2fr .2fr; gap: 6px; margin-bottom: 7px; }
.OffertNo .title { background: #6bb836; color: #fff; font-weight: bold; align-items: center; }
.OffertNo .title.nuLptop{ width: 33px; display: grid; place-content: center; }
.OffertNo .opcja{ display: grid;  align-items: center; }
.OffertNo .fajka {text-align: center; display: flex; justify-content: center;}
.fajka img {margin: auto;}
.OffertNo .row2mod {background: #eee;}
.OffertNo div, .OffertNo span {padding: 4px; border-radius: 2px;}
.OffertNo span {background: #6bb836; height: 0; padding: 3px;}
.OffertNo .nuLp { background: #ddd;  display: grid; place-content: center; }
.flag_lands img {width: 30px; height: 20px; }
.logo_CB .infolinia { display: none;}

@media (max-width: 1367px){
   .oferta_tresc_podobne {width: 31%;}
   .listDeb { grid-template-columns: auto 2fr 1fr; font-size: 0.85em;}
   .listDeb span:nth-child(-n+4) { padding: 7px;}
   .listDeb .titleListHead, .listDeb .titleList { grid-column: auto/span 2;}
   .listDeb .lpList {grid-row: auto/span 2;}
   .listDeb .lpList, .listDebProfil .lpList {background: #eee; border-top: 1px solid #ddd; padding: 7px; color: #555; font-size: 1.1em;}
   .listDeb span, .listDebProfil div {padding-top: 4px;}
   .listDeb .titleList, .listDebProfil .titleList { padding: 0px 7px; padding-top: 7px; border-top: 1px solid #ddd;}
   .listDeb h2 {font-size: 1.15em;}
   .rom_3 { flex-direction: row;}
   .roz_sprzedaz { display: inline-flex;}
}

@media (max-width:991px) {
  .body_tresc_sprzedam_g, .roz_sprzedaz {flex-direction: column; align-items: center;}
  .flagi_sprzedam_glowna {display: flex; margin-top: 21px;}
  .oferta_tresc_podobne {width: 48%;}
  .media {margin-top: 10px;}
  .dane_form_zap {flex-direction: column; align-items: flex-end; padding-right: 23%;}
  .licznik_gielda {flex-direction: column; align-items: center; margin-top: 10px;}
  .body_firmy_wyszkiwanie_gielda {flex-direction: column;}
  .search_width_firmy_gielda {margin-bottom: 0;}
  .table_cell_zielona_dluznicy_cena {font-size: 13px;}
  .column_Prawy {order: 2;}
  .glowna_trzy_columny {flex-wrap: wrap;}
  #dodatek_sr {display: none;}
  .nal{flex-direction: column; text-align: center;}
  .nal_tex {
    text-align: center;
    padding-bottom: 10px;
    margin: 10px 0;
    font-size: 16px;
    border-bottom: 1px solid #007d00;
    width: 90%;
  }
  .addWidth100{ width: 100%;}
  .tresc_glowna_prawa, .index_main_gielda {grid-template-columns: 1fr 1fr 1fr;}
  #body_contents { flex-direction: column; }
  #lewy{
    width: 100%;
    margin-left: 0;
    justify-content: space-between;
    flex-direction: row;
  }
  .divTableCell_1x {margin: 0px;}
  .dodatek_body-1{margin-left: 0px;}
  #dodatek {flex-direction: column;}
  #columna_left {margin-bottom: 15px; width: 100%;}
  #columna_right { margin: 0px;}
  aside .box_content { grid-template-columns: 1fr 1fr; width: auto; }
  aside .ciek {display: none;}
  .naglowek_firm_lista { flex-direction: column; align-items: center; margin-bottom: 10px; }
  .images_ogl {width:280px;}
  .images_100 {width:120px;}
  .komunikaty_resp {display: flex; flex-wrap: wrap; justify-content: space-between;}
  .komunikaty_index {   grid-template-columns: repeat(2, 1fr); }
  .kom_temat {width: 90%;}
  .fotoImg{ width: 100%;}
}

@media (max-width:768px) {
   .item-ciek{
      grid-template-columns: 1fr;
      justify-items: center;
      text-align: center;
   }
   .about_kontakt { grid-template-columns: 1fr; }
   .about_kontakt .about_position:first-child { grid-row: auto; grid-column: auto; }
   .about_kontakt .about_position { grid-row: auto; grid-column: auto; }
   .grid_captch {width: 80%;}
   .ogloszenia_glowna {width:auto;}
   .body_sprzedam_glowna {width: 100%;}
   .blog .descript { grid-template-columns: 1fr;}
   .blog .question { min-height: auto; }
   .images_ogl {width:220px;}
   .tresc_glowna_prawa, .index_main_gielda  {grid-template-columns: 1fr 1fr;}
   .body_firmy_wyszkiwanie_g {flex-direction: column; margin: 25px 0px 25px 0px; }
   .div_table_white, .div_table_grey{margin-top: 11px; flex-wrap: wrap; justify-content: flex-end; padding: 0px 3px;}
   .div_small1{display: none; }
   .div_small2{text-align: left; width: 100%; margin-bottom: 6px; color: #2766ad;}
   .div_small3 { width: 40%;   justify-content: flex-end; }
   .div_small4 {justify-content: flex-end;  text-align: end;}
  .mailing_single .naglowek_single_mailing,
  .mailing_single .srodkow_teresc_mailing{flex-direction: column; }
  .naglowek_single_mailing .kat { margin: 0; }
  .naglowek_single_mailing .kat span { display: none; }
  .mailing_single .flagi_mailing{flex-direction: row; }
  .mailing_single .flagi_mailing {margin: auto;}
  .mailing_single .img_mailing { width: 100%; aspect-ratio: 2.1; margin: 0 0 20px; }
  .mailing_single .mailFlag{margin: 11px 7px;}
  .mailing_single .celi_mailing { width: auto; }
  .mailing_single .informacje_mailing{flex-direction: column; margin: 15px 0;}
  .sepcena{height: 2px; margin: 4px; display: none;}
  .view_napisz{ margin-top: 21px; }
  .hiddeDiv, .noMobile, .header_four { display: none; }
}
@media (max-width: 567px){
  .caly_srodek_sprzedam{ flex-direction: column;}
  .ul_menu_li{ width: auto;}
  .wyszukiwarka{text-align: center; }
  .ifoto { width: 100%;}
  .seaModul { grid-template-columns: 1fr; gap: 7px; }
  .seaModul input {
      border: 1px solid #aaa;
      height: 28px;
      padding: 0 0 0 6px;
  }
  .seaModul input[type=submit] { border-radius: 2px; border-left: 1px solid #a90303 !important; padding: 7px; height: auto;}
  .oferta_tresc_podobne {width: 100%;}
  .rozkoduj_body{width: 100%; margin: 0px;}
  .pierwszy_raz, .dni14{width: 100%;}
  .header_two { order: 1; margin: 0 0 0 5%; }
  #dane_firm, #mapy { align-items: center; }
}
@media (max-width: 485px) {
  .items-list-ofert .item-kup {flex-direction: column;}
  aside .box_content { grid-template-columns: 1fr 1fr; }
  aside .box_content .new_stat { width: 100%;}
  .abonament .add_company_form { grid-template-columns: 1fr; }
  .sellH3Index {min-height: auto;}
  .scrol {padding: 17px 0px;}
  .OffertNo {grid-template-columns: auto 1fr 1fr ;}
  .OffertNo div {padding: 6px;}
  .OffertNo .nuLptop, .OffertNo .nuLp {grid-row: span 2;}
  .OffertNo .opcja { grid-column: span 2;}
  .OffertNo .opcja:not(.title) {background: #eee; font-size: 1.1em; border-top: 2px solid #ccc;}
  .OffertNo span.end { display: none;}
  .OffertNo .row2mod:not(.opcja) {background: none;}
  .OffertNo .fajka:not(.title) {background: #eee;}
  .#kod_captch .captInput {width: 100%;}
  .capt span {border: none; height: 15px;}
  .index_main_gielda .titleSellIndex {min-height: 0;}
  .tresc_glowna_prawa, .index_main_gielda {grid-template-columns: 1fr;}
  .index_main_gielda {gap: 65px;}
  .unsx { grid-template-columns: 1fr;}
  .unsx div {text-align: left; margin: 11px 0px -5px 0px; }
  .unsx input[type=submit]{grid-column: auto;}
  .unsx input[name=kod_akcept] {height: 36px;}
  .komunikaty_resp_list { padding: 15px;}
  .komunikaty_resp_list .kom_foto_list_1 { width: 110px; }
  .wyslij_ziel, .wyslij_nieb, .wyslij_red { width: auto;}
  .view_kontakt_og {margin-bottom: 0px; flex-direction: column; }
  .divTableCell_2x { order: 0; text-align: center; margin-bottom: 6px;}
  .stepNoNull {width: 100%;}
  .divTableCell_3x { order: 1; margin: 0px 3px;}
  .container { padding: 0px 4%;}
  .pole_input_towar_firmy { width: 100%;}
  .rowGielda, .ofertBox{flex-direction: column;}
  .rowGielda{ padding-top: 17px; }
  .ofertType{margin: 0px 0px; }
  .flag_lands img {width: 34px; height: 22px; }
  .flag_lands a {margin: 0; height: 22px;}
  .logo_CB .infolinia { display: block; margin-bottom: 0;}
  .youtub_frame{ width: 100%; }
  #facebook-likebox{ display: none;}
  .zielona_lista{ width: 100%;}
  .dane_form_zap{ padding: 0px; display: block;}
  .dane_form_table{ display: block;}
  .dane_form_cell{ display: block; text-align: start; margin: 0 7px 0 7px;}
  .dane_form_row { display: block; margin: 7px; }
  .inpOfertPers { margin: 0px;}
  .naglowek_sell_glowna{ text-align: center;}
  .dlugRight{ text-align: right; padding: 3px; }
  .dlugLeft{ background: none; width: 100%; text-align: left; padding: 3px; }
  .dlugRow{ margin-bottom: 23px; }
  .add_company_table1 {width: 100%;}
  .add_com_word {width: 100%;}
  .spec_width { margin-top: 11px; }
  .add_company_table {width: 100%;}
  .add_company_area { width: 100%; }
  .add_com_form_cell { display: initial;}
  .add_com_form_cell_1 { display: initial; text-align: center;}
  .add_com_form_row_kat { display: flex;}
  .add_com_form_cell_kat {display: flex; padding: 2px 7px; width: auto;}
  .add_com_form_cell_1kat {display: flex; width: auto;}
  .shide{display: none;}
  .add_com_form_cell_12 { padding: 3px 7px 7px 7px; width: auto;}
  .add_company_form_tel{ width: 100%; padding: 0px;}
  .add_company_form { display: block; margin: 0px;}
  .add_com_form_cell_l{width: 100%; display: flex; padding: 0px; margin: 0px;}
  .spec_width350 {width: 100%; display: flex;}
  .add_com_form_rowx{ display: block; margin: 21px 7px;}
  .fb_none { display: none; }
  .galery_spec {width: 55px; height: 55px;}
  #columna_right_body { margin: 20px 0px 0px; }
  #prawy_firma #prawy #tytul, #prawy_firma #prawy #info  {margin: 10px 0px;}
  .modul_search {margin-bottom: 0px;}
  .right_box { display: none;}
  #lewy {flex-direction: column;}
  #naglowek { width: 100%; margin: auto; }
}
/* --- footer --- start --- */
footer { 
  margin: 65px 0 0;
  padding: 0 7%;
  display: grid;
  grid-template-columns: 13fr 6fr;
  gap: 2px;
  justify-content: space-between;
  width: 100%;
  @media (max-width: 889px) {
       padding: 0px;
       grid-template-columns: 1fr;
  }
  a { transition: color .3s; 
    &:visited {color: #000;}
    &:hover {color: var(--color-link-blu);}
  }
  .block {display: grid; gap: 7px; align-content: start;}
  .link_stopka .block{ padding: 5px 0; }
  .stopka_left, .stopka_right {  background: #eaeaea; padding-bottom: 100px;  }
  .stopka_left {
    @media (max-width: 991px) { padding-bottom: 30px; }
    .stopka_left_text {
      position: relative;
      grid-template-columns: 1fr 3fr 3fr;
      @media (max-width: 991px) { margin: 21px; grid-template-columns: 1fr; }
      &:link{color: #000;}
      .logo {
        width: 100%;
        padding-right: 20px;
        @media (max-width: 991px) { display: none; }
        img { filter: grayscale(1) opacity(0.2); width: 100px; }
      }
    }
  }
  .stopka_right { @media (max-width: 991px) { padding-bottom: 95px; } }
  .stopka_top { width: 100%; height: 25px; background-color: #73b740; }
  .stopka_left_text, .stopka_right_text{
    color: #000;
    text-transform: uppercase;
    margin: 25px;
    display: grid;
    gap: 25px;
  }

  .media-social-link svg {
    width: 32px;
    fill: #666;
    margin-left: -2px;
    transition: fill .3s;
    &:hover { fill: #000; }
  }
  .stopka_naglowek {
    background: #555;
    color: #fff;
    font-size: 1.05em;
    text-transform: uppercase;
    padding:  8px 25px 6px;
  }
}
body .choices {
  margin-bottom: 0;
  .choices__inner {
    box-sizing: border-box;
    min-height: auto;
    padding: 2px !important;
  }
}