/* =====================================================
   MODUŁY GLOBALNE
===================================================== */

.moduletable {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Ukrycie domyślnego logo Cassiopeia */

.navbar-brand {
    display: none !important;
}

/* =====================================================
   MENU GÓRNE
===================================================== */

.container-topbar {

    max-width: 100%;
    margin: 0 auto;
  
    background: linear-gradient(
        90deg,
        #17231d,
        #243128,
        #17231d
    );

    min-height: 80px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.container-topbar .mod-menu {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    gap: 35px !important;

    list-style: none;
    padding: 0;

    width: 100%;
    margin: 0 auto;
    max-width: 2050px;
}

.container-topbar .mod-menu a {
  
    color: #e8d4a2 !important;
    text-decoration: none;

    font-size: 14px !important;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: 1px;

    transition: .3s;
}

.container-topbar .mod-menu a:hover {
  
    color: #cfa95a;
}

.container-header .grid-child {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
}

/* =====================================================
   LOGO
===================================================== */

.logo-tk {
    height: 70px;
    width: auto;
}

#mod-custom113 {
    position: absolute;
    left: 35px;
    top: 50%;

    transform: translateY(-50%);

    margin-top: 8px;
}

/* =====================================================
   HERO
===================================================== */

.hero-tk {
    max-width: 100%;
    margin: 0 auto;
  
    background:
        linear-gradient(
            rgba(0,0,0,.45),
            rgba(0,0,0,.45)
        ),
        url('/images/Pracownia/HERO/hero.jpg');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    min-height: 700px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-align: center;
    color: white;
}

.hero-tk h1 {
    font-size: 3rem;
    margin-bottom: 20px;
    text-shadow: 0 2px 10px rgba(0,0,0,.6);
}

.hero-tk p {
    font-size: 1.3rem;
    margin-bottom: 30px;
    text-shadow: 0 2px 10px rgba(0,0,0,.6);
}

.hero-btn {
    background: #cfa95a;
    color: #fff;

    text-decoration: none;

    padding: 18px 40px;

    border-radius: 6px;

    font-weight: 600;

    transition: all .3s ease;

    display: inline-block;
  
    text-transform: uppercase;
    letter-spacing: 1px;

    cursor: pointer;
}

.hero-btn:hover {
    background: #b89043;
    color: #fff;

    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
}

/* =====================================================
   O NAS - STARA WERSJA
===================================================== */

.about-tk {
    max-width: 1100px;
    margin: 80px auto;
    padding: 0 20px;
    text-align: center;
}

.about-tk h2 {
    font-size: 2.8rem;
    color: #2d2d2d;
    margin-bottom: 30px;
}

.about-tk p {
    font-size: 1.15rem;
    line-height: 1.9;
    color: #555;

    max-width: 850px;

    margin: 0 auto 20px;
}

.about-tk .hero-btn {
    margin-top: 20px;
}

/* =====================================================
   O NAS PREMIUM
===================================================== */

.about-premium {
    max-width: 2130px;
    margin: 20px auto;

    display: grid;
    grid-template-columns: 550px 1fr 260px;

    gap: 50px;

    align-items: start;

    padding: 40px;
}

.about-image img {
    width: 100%;
    max-width: 550px;

    border-radius: 10px;

    display: block;
}

.about-subtitle {
    color: #cfa95a;
    font-weight: 600;
    letter-spacing: 2px;
}

.about-content h2 {
    font-size: 2.5rem;

    margin: 15px 0 30px;

    color: #1f2c24;

    line-height: 1.2;
}

.about-content p {
    font-size: 1.1rem;
    line-height: 1.9;

    color: #555;
}

.about-features {
    margin-top: 35px;
}

.feature {
    margin-bottom: 15px;

    font-weight: 600;
    color: #1f2c24;
}

.about-benefits {
    display: flex;
    flex-direction: column;

    gap: 25px;

    padding-top: 50px;
}

.benefit {
    color: #1f2c24;

    font-weight: 600;

    line-height: 1.5;

    text-align: center;
}

.benefit::first-line {
    color: #cfa95a;
}

/* =====================================================
   NASZE USŁUGI
===================================================== */

.services-tk {
    max-width: 2050px;
    margin: 20px auto 80px;
    padding: 80px 40px;

    background: #f5f1e8;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,.04);

    text-align: center;
}

.services-tk h2 {
    text-align: center;
    font-size: 2.8rem;
    margin-bottom: 50px;
    color: #2d2d2d;
}

.services-tk h2::before {
    content: "NASZE USŁUGI";
    display: block;

    color: #cfa95a;
    font-size: 14px;
    letter-spacing: 2px;

    margin-bottom: 10px;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

/* KAFEL */

.service-box {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;

    overflow: hidden;

    box-shadow: 0 5px 15px rgba(0,0,0,.05);
    transition: .3s ease;
}

.service-box:hover {
    transform: translateY(-5px);
}

/* ZDJĘCIE */

.service-photo {
    width: 100%;
    height: 180px;
    object-fit: cover;

    display: block;
}
/* IKONA + TYTUŁ */

.service-header {
    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 6px;

    padding: 12px 20px 8px;
}

.service-icon {
    width: 48px;
    height: 48px;

    display: block;
}

.service-header h3 {
    margin: 0;

    font-weight: 700;
    color: #2d2d2d;

    text-align: center;
}

/* OPIS */

.service-box p {
    margin: 0;

    padding: 0 20px 20px;

    color: #666;
    line-height: 1.6;

    text-align: center;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1200px) {

    .services-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}

@media (max-width: 900px) {

    .about-premium {
        grid-template-columns: 1fr;
    }

    .about-content h2 {
        font-size: 2.2rem;
    }

    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 768px) {

    .services-grid {
        grid-template-columns: 1fr;
    }
      .container-topbar.menu-open .phone-top{
        display:none;
    }

}
/* =====================================================
   TELEFON
===================================================== */

.mobile-toggle{
    display:none;
}

@media (max-width:768px){
  
#mod-custom115{
    position:absolute;
    left:47%;
    transform:translateX(-50%);
    margin:0;
}

    .container-topbar{
        min-height:65px;
    }

    #mod-custom114{
        position:absolute;
        right:20px;
        top:15px;
        transform:none;
        margin:0;
    }

    .mobile-toggle{
        position:static;
        display:block;
        font-size:26px;
        line-height:1;
        color:#e8d4a2;
        cursor:pointer;
    }

    .container-topbar .mod-menu{
        display:none !important;
    }

    .container-topbar.menu-open{
        padding-top:15px;
        padding-bottom:20px;
    }

    .container-topbar.menu-open .mod-menu{
        clear:both;
        width:100%;
        display:flex !important;
        flex-direction:column;
        align-items:center;
        gap:20px !important;
        margin-top:70px;
    }

    #mod-custom113{
        position:absolute;
        left:20px;
        top:4px;
        transform:none;
        margin:0;
    }

    .logo-tk{
        height:55px;
    }
  .gallery-header h1{

    font-size:2.2rem;

}

.gallery-header p{

    font-size:1rem;

}

    /* STRONA O NAS */

    .item-page{
        margin:20px;
        padding:25px;
    }

    .item-page h1::after{
        width:70px;
    }

    /* HERO */

    .hero-tk{
        min-height:500px;
    }

    .hero-tk h1{
        font-size:2.4rem;
        line-height:1.15;
        padding:0 20px;
    }

    .hero-tk p{
        font-size:1rem;
        line-height:1.5;
        padding:0 20px;
    }

    /* O NAS */

    .about-premium{
        grid-template-columns:1fr;
        padding:20px;
        gap:25px;
    }

    .about-benefits{
        padding-top:0;
    }

    .about-content h2{
        font-size:2.2rem;
    }

    /* USŁUGI */

    .services-grid{
        grid-template-columns:1fr;
    }

}
/* =====================================================
   STRONA O NAS
===================================================== */

body.about-page .com-content-article.item-pageabout-page{
    max-width:1200px;
    margin:80px auto;
    padding:60px;

    background:#faf8f3;
    border-left:5px solid #cfa95a;
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,.04);
}

body.about-page .com-content-article.item-pageabout-page h1{
    font-size:2.0rem;
    font-weight:700;
    color:#1f2c24;
    margin-bottom:25px;
}

body.about-page .com-content-article.item-pageabout-page h1::after{
    content:"";
    display:block;

    width:90px;
    height:3px;

    background:#cfa95a;

    margin-top:15px;
}

body.about-page .com-content-article.item-pageabout-page p{
    line-height:1.9;
    color:#444;
}

/* =====================================================
   GÓRNY TELEFON
===================================================== */

.phone-top{
    color:#e8d4a2 !important;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.phone-top:hover{
    color:#cfa95a !important;
}

.phone-icon{
    color:#cfa95a !important;
}

#mod-custom115{
    margin-right:40px;
}

/* =====================================================
   PRZYCISKI HERO
===================================================== */

.hero-buttons{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

.hero-btn-phone{
    background:#243128;
    color:#fff;
}

.hero-btn-phone:hover{
    background:#17231d;
    color:#fff;
}

.hero-buttons .hero-btn{
    width:260px;
    text-align:center;
}
/* ===========================
   GALERIA
=========================== */

.gallery-grid{

    max-width:1200px;
    margin:60px auto 35px;
    padding:0 20px;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;

}

.gallery-card{

    display:block;
    text-decoration:none;

    background:#fff;

    border-radius:16px;
    overflow:hidden;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    transition:.35s;

}

.gallery-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 50px rgba(0,0,0,.15);

}

.gallery-card img{

    width:100%;
    height:300px;

    object-fit:cover;
    display:block;

    transition:.5s;

}

.gallery-card:hover img{

    transform:scale(1.06);

}

.gallery-title{

    padding:22px;

    background:#203226;

    color:#e8d4a2;

    font-size:1.2rem;

    font-weight:600;

    text-align:center;

}

.gallery-feature{

    max-width:1200px;
    margin:0 auto 60px;
    padding:0 20px;

}

.gallery-card-wide{

    width:100%;

}

.gallery-card-wide img{

    height:380px;

}
/* ===========================
   NAGŁÓWEK GALERII
=========================== */

.gallery-header{

    max-width:900px;

    margin:20px auto 55px;

    padding:0 20px;

    text-align:center;

}

.gallery-subtitle{

    color:#cfa95a;

    font-size:14px;

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:15px;

}

.gallery-header h1{

    color:#1f2c24;

    font-size:3rem;

    margin-bottom:20px;

}

.gallery-header p{

    color:#666;

    font-size:1.1rem;

    line-height:1.8;

    max-width:720px;

    margin:0 auto;

}

/* Tablet */

@media (max-width:991px){

.gallery-grid{

grid-template-columns:repeat(2,1fr);

}

}

/* Telefon */

@media (max-width:700px){

.gallery-grid{

grid-template-columns:1fr;

}

.gallery-card img{

height:260px;

}

.gallery-card-wide img{

height:300px;

}

}
/* ==========================================
   STRONA GALERIA
========================================== */

.gallery-page .item-page{

    max-width:100%;
    margin:0;
    padding:0;

    background:none;
    border:0;
    border-radius:0;
    box-shadow:none;

}
/* ==========================================
   GALERIA - PODSTRONY KATEGORII
========================================== */

.gallery-subtitle {
    color: #cfa95a;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.gallery-back {
    margin-top: 40px;
    text-align: center;
}

.gallery-back .btn {
    background: #cfa95a;
    color: #1f2d23;
    border: none;
    border-radius: 30px;
    padding: 12px 28px;
    font-weight: 600;
    transition: all .3s ease;
}

.gallery-back .btn:hover {
    background: #b99142;
    color: #ffffff;
}
/* Ukryj sortowanie */
#imgordering,
label[for="imgordering"]{
    display:none !important;
}

/* Ukryj wybór ilości zdjęć */
#limit,
label[for="limit"]{
    display:none !important;
}

/* Ukryj napis "Strona X z Y" */
#phocagallery .counter.pull-right{
    display:none !important;
}

/* Ukryj Powered by */
#phocagallery .pg-footer,
#phocagallery .ph-footer,
#phocagallery .phoca-footer{
    display:none !important;
}
/* Ukryj napis Powered by Phoca */
#phocagallery > div[style*="text-align:right"]{
    display: none !important;
}
/* Ukryj teksty "Ordering" i "Display Num" */
#phocagallery .pagination.pagination-centered {
    font-size: 0;
}

#phocagallery .pagination.pagination-centered .pagination {
    font-size: 1rem;
}
/* ===== PHOCA - dolna nawigacja ===== */

.com_phocagallery form[name="adminForm"] > .pagination.pagination-centered{
    display:flex;
    justify-content:center;
    align-items:center;
}

.com_phocagallery form[name="adminForm"] > .pagination.pagination-centered > select,
.com_phocagallery form[name="adminForm"] > .pagination.pagination-centered > .counter{
    display:none;
}

/* usuń napis Detail */
.com_phocagallery .pg-icon-detail,
.com_phocagallery .pg-icon-detail + span,
.com_phocagallery .pg-icon-detail::after{
    display:none !important;
}

/* usuń stopkę Phoca */
#phocagallery + div[style*="text-align:right"]{
    display:none !important;
}
.services-grid .service-box{
    display:block;
    text-decoration:none;
    color:inherit;
}

.services-grid .service-box:hover{
    text-decoration:none;
    color:inherit;
}
/* ===== Nawigacja galerii ===== */

.gallery-back {
    margin-top: -20px;
    margin-bottom: 0px;
    text-align: center;
}
/* ==========================================================
   KONTAKT - KARTY DANYCH KONTAKTOWYCH
   ========================================================== */

.contact-cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
    margin:20px 0 50px;
}

.contact-card{
    background:#fff;
    border-radius:20px;
    padding:35px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:all .3s ease;
}

.contact-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 36px rgba(0,0,0,.10);
}

.contact-card h3{
    display:flex;
    align-items:center;
    gap:14px;
    margin:0 0 18px;
    color:#cfa95a;
    font-size:1.30rem;
    font-weight:600;
}

.contact-icon{
    width:40px;
    height:40px;
    object-fit:contain;
    flex-shrink:0;
    opacity:.95;
    transition:transform .3s ease;

}

.contact-card p{
    margin:0;
    line-height:1.8;
    color:#555;
    font-size:1rem;
}

.contact-card a{
    color:#1f4739;
    font-weight:500;
    font-size:1rem;
    text-decoration:none;
    transition:color .3s ease;
}

.contact-card a:hover{
    color:#cfa95a;
}
.contact-card:hover .contact-icon{
    transform:rotate(-8deg) scale(1.08);
}
/* =====================================================
   HERO - KONTAKT
===================================================== */

.contact-hero{

    position:relative;

    background-image:url("/images/Pracownia/Kontakt/sofa_tlo.jpg");
    background-size:cover;
    background-position:center;

    min-height:460px;

    overflow:hidden;
}

.contact-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(20,28,23,.80) 0%,
        rgba(20,28,23,.70) 35%,
        rgba(20,28,23,.30) 70%,
        rgba(20,28,23,.15) 100%
    );
}

.contact-hero-inner{

    position:relative;
    z-index:2;

    max-width:1300px;
    margin:auto;

    height:460px;

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

    padding:0 60px;
}
/* Desktop */
.contact-hero-text{

    max-width:520px;

    color:#fff;

    transform:translateX(-280px);

    text-shadow:0 2px 12px rgba(0,0,0,.35);
}

.contact-hero-medal{
  
    transform:translateX(170px);
  
    flex-shrink:0;
}

.contact-hero-text h1{

    font-size:4rem;
    color:#fff;
    margin-bottom:10px;
}

.hero-divider{

    width:90px;
    height:4px;

    background:#cfa95a;

    margin:18px 0 30px;
}

.contact-hero-text h2{

    color:#fff;
    margin-bottom:20px;
}

.contact-hero-text p{

    color:#f5f5f5;
    line-height:1.9;
}

.contact-hero-medal img{

    width:240px;
    display:block;
}
/* =====================================================
   KONTAKT - DOJAZD
===================================================== */

.visit-section{

    max-width:1300px;
    margin:80px auto;

    display:grid;
    grid-template-columns:430px 1fr;

    border-radius:22px;
    overflow:hidden;

    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.visit-content{

    background:#1f2c24;

    color:#fff;

    padding:45px;
}

.visit-content h2{

    color:#fff;

    margin-bottom:15px;

    margin-top:10px;
}

.visit-divider{

    width:80px;
    height:3px;

    background:#cfa95a;

    margin-bottom:30px;
}

.visit-content p{

    line-height:2.0;

    color:#ececec;
}

.visit-signature{

    margin-top:20px;

    font-family:"Alex Brush", cursive;

    font-size:2.1rem;

    color:#cfa95a;

    text-shadow:
        0 0 2px rgba(255,255,255,.12),
        0 2px 6px rgba(0,0,0,.25);
}

.visit-map{

    display:flex;

    align-self:stretch;

    overflow:hidden;
}

.visit-map iframe{

    flex:1;

    width:100%;

    border:0;

    display:block;
}

/* Przycisk trasy */

.visit-route-btn{

    display:inline-flex;
    align-items:center;
    gap:10px;

    margin-top:30px;

    padding:14px 26px;

    background:#cfa95a;
    color:#1f2c24;

    text-decoration:none;
    font-weight:700;

    border-radius:40px;

    transition:.3s ease;

    box-shadow:0 8px 18px rgba(0,0,0,.20);
}

.visit-route-btn:hover{

    background:#ddb76b;

    transform:translateY(-3px);

    color:#1f2c24;

    box-shadow:0 14px 28px rgba(0,0,0,.28);
}

.visit-route-btn span{

    transition:.3s;
}

.visit-route-btn:hover span{

    transform:translateX(6px);
}
/* =====================================================
   KONTAKT - WYSYŁANIE ZDJĘĆ
===================================================== */

.photo-contact{

    max-width:1300px;
    margin:40px auto 80px;

    background:#1f2c24;

    border-radius:22px;
    overflow:hidden;

    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.photo-contact-content{

    padding:45px 60px;

    display:grid;
    grid-template-columns:auto 1fr auto;

    align-items:center;

    gap:35px;
}

.photo-contact-icon{

    width:70px;
    height:70px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#cfa95a;

    font-size:2rem;

    box-shadow:0 8px 18px rgba(0,0,0,.20);
}

.photo-contact-text h2{

    margin:0 0 12px;

    color:#fff;

    font-size:1.8rem;
}

.photo-contact-text p{

    margin:0;

    color:#ececec;

    line-height:1.7;
}

.photo-contact-hint{

    margin-top:8px !important;

    font-size:.9rem;

    color:#cfcfcf !important;
}

.photo-contact-buttons{

    display:flex;

    flex-direction:column;

    gap:12px;

    min-width:210px;
}

.photo-btn{

    display:flex;

    align-items:center;
    justify-content:center;

    padding:13px 20px;

    border-radius:40px;

    text-decoration:none;

    font-weight:700;

    transition:.3s ease;

    white-space:nowrap;
}

.photo-btn-messenger{

    background:#cfa95a;

    color:#1f2c24;
}

.photo-btn-email{

    background:transparent;

    color:#fff;

    border:1px solid #cfa95a;
}

.photo-btn:hover{

    transform:translateY(-2px);

    text-decoration:none;
}

.photo-btn-messenger:hover{

    background:#ddb76b;

    color:#1f2c24;

    box-shadow:0 8px 18px rgba(0,0,0,.20);
}

.photo-btn-email:hover{

    background:#cfa95a;

    color:#1f2c24;
}
/* =====================================================
   RESPONSYWNOŚĆ - KONTAKT
   Desktop pozostaje bez zmian
===================================================== */

@media (max-width: 767px){

    /* ---------------------------------------------
       KAFELKI KONTAKTOWE
    --------------------------------------------- */

    .contact-cards{
        grid-template-columns:1fr;
        gap:18px;
    }

    .contact-card{
        width:100%;
    }


    /* ---------------------------------------------
       DOJAZD / MAPA
    --------------------------------------------- */

    .visit-section{
        display:grid;
        grid-template-columns:1fr;
        grid-template-rows:auto 300px;

        width:100%;
        max-width:100%;

        margin:40px auto;

        border-radius:18px;
        overflow:hidden;
    }

    .visit-content{
        padding:40px 28px;

        display:block;
        visibility:visible;
        opacity:1;

        position:relative;

        transform:none !important;
    }

    .visit-content h2{
        font-size:2rem;
        line-height:1.2;
    }

    .visit-content p{
        font-size:1rem;
        line-height:1.8;
    }

    .visit-signature{
        font-size:2.4rem;
        margin-top:30px;
    }

    .visit-map{
        position:relative;

        width:100%;
        height:300px;
        min-height:300px;

        overflow:hidden;
    }

    .visit-map iframe{
        position:absolute;
        inset:0;

        display:block;

        width:100% !important;
        height:100% !important;

        border:0;
    }


    /* ---------------------------------------------
       WYCENA ZE ZDJĘĆ
    --------------------------------------------- */

    .photo-contact{
        width:100%;
        max-width:100%;

        margin:40px auto;

        border-radius:18px;
    }

    .photo-contact-content{
        display:flex;
        flex-direction:column;
        align-items:center;

        gap:22px;

        padding:35px 25px;

        text-align:center;
    }

    .photo-contact-icon{
        flex:0 0 auto;
    }

    .photo-contact-text{
        width:100%;
    }

    .photo-contact-text h2{
        margin-bottom:15px;
        font-size:1.8rem;
    }

    .photo-contact-text p{
        line-height:1.7;
    }

    .photo-contact-hint{
        margin-top:12px !important;
    }

    .photo-contact-buttons{
        width:100%;

        display:flex;
        flex-direction:column;

        gap:12px;

        min-width:0;
    }

    .photo-contact-buttons .photo-btn{
        width:100%;
        box-sizing:border-box;

        justify-content:center;
        white-space:normal;
    }


    /* ---------------------------------------------
       HERO KONTAKT
    --------------------------------------------- */

    .contact-hero-inner{
        height:auto;
        min-height:420px;

        padding:45px 25px;

        display:flex;
        flex-direction:column;
        justify-content:center;

        box-sizing:border-box;
    }

    .contact-hero-inner > *{
        transform:none !important;
    }

    #mod-custom113,
    #mod-custom114,
    #mod-custom115{
        position:static;
        transform:none !important;
    }

}
@media (max-width: 768px){

    .container-topbar{
        position:relative;
    }

    #mod-custom114{
        position:absolute;
        right:20px;
        top:50%;
        transform:translateY(-50%) !important;
        z-index:10;
    }

}
@media (max-width: 768px){

    .container-topbar{
        position:relative;
        min-height:70px;
    }

    /* LOGO - lewa strona */
    #mod-custom113{
        position:absolute;
        left:20px;
        top:50%;
        transform:translateY(-50%) !important;
        z-index:10;
    }

    /* HAMBURGER - prawa strona */
    #mod-custom114{
        position:absolute;
        right:20px;
        top:50%;
        transform:translateY(-50%) !important;
        z-index:10;
    }

}
.photo-contact-icon{
    line-height:1;
    padding-bottom:10px;
    box-sizing:border-box;
}