@font-face {
  font-family: 'Oswald';
  src: url('./static/Oswald-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('./static/NotoSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('./static/NotoSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

body {
        background: url(./img/bg-black_sand.webp) #000;
        background-size: 100% auto;
        background-attachment: fixed;
        color: #ccc;
    font-family: 'Noto Sans JP';
    font-weight: 300;
    padding-top:150px;
        
}

h1,h2,h3 {font-family: 'Oswald', sans-serif;}

.row-line {
    display: grid;
grid-template-columns: 270px 1fr;
        min-height: 80px;
        padding: 40px 0;
        align-items: center;
        border-bottom: solid 1px rgba(102, 102, 102, .5)
}

.row-line:nth-of-type(1) {
    border-top: solid 1px rgba(102, 102, 102, .5)
}
.labe {
    color: #ccc;
    font-weight: 300;
    font-size:16px;
}

.req {
            font-size: 13px;
        color: #BA9328;
        margin-left: 10px;
}

.rows input {
            flex-grow: 1;
        line-height: 35px;
        text-indent: 10px;
        border: solid 1px #999;
        background-color: rgba(255, 255, 255, 0.2);
        width:100%;
        color:#ccc;
}

.rows textarea {
            flex-grow: 1;
        line-height: 35px;
        text-indent: 10px;
        border: solid 1px #999;
        background-color: rgba(255, 255, 255, 0.2);
        width:100%;
        color:#ccc;
        height: 100px;
}

.field {
            display: flex
;
        align-items: center;
        flex: 1;
        gap: 0 20px;
}
.field .f1 {
    width:100%;
}

input::placeholder,textarea::placeholder {
  color: #ccc; /* or any color you like */
  opacity: 1; /* optional: make sure the color isn't faded */
}

.rows input:focus-visible,.rows textarea:focus-visible {
    outline:none;
}


.taxonomy-header img {
    width: 100%;
        vertical-align: bottom;
        opacity: .3;
}

.taxonomy-header  {
    position:relative;
            overflow: hidden;
        display: flex
;
        background-color: #000;
}

.post-border h1 {color:#fff;font-size:36px;     margin:0 !important;
     line-height:1.6;}
.post-border{
display: flex;
        align-items: center;
        justify-content: center;

        border: solid 2px #ccc;
        position: absolute;
        top:50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10 !important;
        min-width:500px;
        padding-left:15px;
        padding-right:15px;
 
}
.page-wrapper {padding-top:100px;}
.cardread a{
display:block;
position: relative;
padding-bottom:100px;
max-width:345px;
}

.image-area {
        text-align: center;
        display: grid
;
        height: 220px;
        padding-bottom: 45px;
        position: relative;}

        .image-area img {
        max-width: 150px;
        max-height: 200px;
        place-self: center;
        filter: drop-shadow(0 0 10px rgba(0, 0, 0, .8));
        transition: 0.5s;
    }



    .cardread a:hover .image-area img {
        transform: scale(1.07);
    }

    .image-area .icn-area {
        position: absolute;
        width: 100%;
        bottom: 10px;
        display: flex
;
        gap: 0 2px;
    }

    .image-area .icn-new {
        font-size: 16px;
        background-color: rgba(255, 255, 255, 0.2);
        font-weight: 400;text-transform:uppercase;
        font-family: 'Oswald', sans-serif;
        padding: 0 3px;
        color: #fff;
        text-align: center;
        line-height: 1.3;
        flex: 1;}
        .cardread a h3,.cardread a:hover h3 {color:#fff;}
    .etykiety {
                display: flex
;
        flex-wrap: wrap;
        gap: 5px;
        padding: 10px 0 20px;
        list-style:none;
    }

    .etykiety li {
                font-size: 13px;
        border-radius: 5px;
        background-color: rgba(255, 255, 255, 0.2);
        color: #fff;
        width: 170px;
        padding: 0;
        text-align: center;
        margin: 0;

    }

    .zajawka {font-size:13px;color:#ccc;}
    .btn-area {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);}
    .btn-area span,.plik a {         border: solid 1px transparent;
       
        color: #ccc;
    display: block;
        border: solid 1px #ccc;
        border-radius: 20px;
        line-height: 40px;
        text-align: center;
        width: 250px;
        font-size: 16px;
        transition: 0.5s;
        background-color: transparent;
    }

    .btn-area:hover span,.plik a:hover,.cardread a:hover .btn-area span {
         background-color: rgba(255, 255, 255, 0.7);
         color:#000;
    }

    .area-wrapper {
    width: 1440px;
    margin: 0 auto;
   display: flex
;background-color: rgba(255, 255, 255, 0.2);
        padding: 100px 0; 
}
    #pro-title-area .left-area {
        padding-left: 120px;
        padding-right: 20px;
    }
    #pro-title-area .right-area {
        margin-left: auto;
        padding-right: 120px;
    }

    .left-area h1 {
       
     margin-bottom:50px;
        font-size: 48px;
        color: #fff;
        padding-right: 40px;}

        #pro-title-area .right-area img {
       
      
    filter: drop-shadow(0 0 10px rgba(0,0,0,.4));
    max-width: 400px;
    max-height: 370px;
}

.left-area h2 img ,.cardread h4 img{
        max-height: 28px;max-width:100%;
    }

    #products-area {
        padding-top:200px;
        text-align:center;
        padding-bottom:100px;
    }

    #products-area h2,.sekcja.h2 h2,#products h2,.title-section h1,.fotograf h2 {
                color: #ccc;
        font-size: 24px;
        font-family:'Oswald',sans-serif;
        font-weight: 300;
        text-align: center;
        padding-bottom:100px;
    }

    #products-area h2:before,.sekcja.h2 h2:before,#products h2:before,.title-section h1:before,.fotograf h2:before {
        content: '';
        display: block;
        position: relative;
        left: 50%;
        height: 70px;
        width: 1px;
        margin-bottom: 5px;
        background-color: #ccc;
    }

    #products-area table,.sekcja.table table {
        border-collapse: collapse;
        border-spacing: 0;
        width:100%;
        table-layout: fixed;
    }

    #products-area table tr,.sekcja.table table tr {
                border-bottom:1px solid  rgba(102, 102, 102, .5) !important;
    }

         #products-area table th:nth-child(1),.sekcja.table table th:nth-child(1)
 {
        background-color: transparent;
    }
        #products-area table thead th,.sekcja.table table thead th {
                border-bottom: rgba(102, 102, 102, .5);
                text-align: center;
        padding: 30px 10px;
        background:rgba(255, 255, 255, 0.03);
        color:#fff;
      
    }
#products-area table th,#products-area table td,.sekcja.table table td,.sekcja.table table th {
    padding: 40px 10px;
    color:#fff;
    font-weight:300;
}
     #products-area table  tr ,.sekcja.table table tr{
        background:transparent;
     }

       #products-area table thead th img ,.sekcja.table table thead th img{
        width: 85px;
        display: block;
        margin: 0 auto;
        margin-bottom: 5px;
    }
     #products-area table td,.sekcja.table table td {
 background:rgba(255, 255, 255, 0.03);
 color:#fff;

     }
     .sekcja.table table tbody {
        background:transparent !important;
     }

     .gwiazdki {
        padding:50px 100px 0;
     }

     .gwiazdki li {
        display:flex;
        font-size:13px;
        background: transparent;
    padding: 0px;
    color: #ccc;
    text-align:left;
     }

     .gwiazdki li:before {
        display: block;
        content: '※';
     }

     .plik {
        padding-top:100px;
        text-align:center;
     }
          .plik a {
            margin:auto;
          }

          ul.list-icon {
        display: flex
;list-style:none;
        align-items: center;
        padding-top: 10px;}

        ul.list-icon img {
        width: 55px;
        margin-right: 10px;
        opacity: .7;
    }
.blok-extra {
margin-top:50px;
border: solid 1px rgba(102, 102, 102, .5);
        padding: 50px 0;
        font-size:18px;text-align:center;
}
.cardread {
    display:flex;
    height:100%;
    justify-content: center;
    
}

.tax-produkt .page-wrapper .row {
    justify-content: center;row-gap: 40px;
}

.opcja {
display: flex;
padding: 10px 0 10px;
list-style:none;
margin:0px;
}

.opcja li {
    font-size:13px;
        width: auto;
        padding: 0;
        margin: 0;
        color:#ccc !important;

}
.opcja li + li::before {
        content: '|';
        margin: 0 10px;
}


#products-area .table td + td ,.sekcja.table table td + td{
    border-left: solid 1px rgba(102, 102, 102, .5);
}
.sekcja.table table {text-align:center;margin-top:50px;margin-bottom:50px;}

.cardread *,.cardread *::before,.cardread *::after {
  box-sizing: content-box;
}

#mega-menu-main-menu a {
    font-family: 'Oswald', sans-serif !important;
}
#header {
        position: fixed;
        top: 40px;
        width: 100%;
        padding: 0;
        z-index:999;
}
.zatab {margin-bottom:100px;}
.navbar-brand {
    position:absolute;
    left:50px;
    z-index:10;
}
.sekcja.table h3 {padding-top:100px}
.przedtab p {background-color: transparent !important;color:#ccc !important;}

.list-photos {
    overflow: hidden;
        display: flex
;
        background-color: #000;
}

    .list-photos ul {
        display: flex
;list-style:none;padding:0px;margin:0px;
        flex-shrink: 0;
        width: 100%;
    }

    .list-photos ul {
        display: flex
;
        flex-shrink: 0;
        width: 100%;
    }
        .list-photos li img{
            width: 100%;
            vertical-align: bottom;
            }
    @keyframes slide_anime1{
        0% {
            transform: translateX(100%);
            }
        to {
            transform: translateX(-100%);
            }
        }
        .list-photos ul:nth-of-type(1){
            animation: slide_anime1 90s -45s linear infinite;
            }
    @keyframes slide_anime2{
        0% {
            transform: translateX(0%);
        }
        to {
            transform: translateX(-200%);
            }
        }
        .list-photos ul:nth-of-type(2){
            animation: slide_anime2 90s linear infinite;
            }


.tab-sec {
    padding-top:200px;
    padding-bottom:100px;
}
.sekcja.edytor,.sekcja.obrazek  {
    margin-bottom:35px;
}
.sekcja.obrazek {
    text-align:center;
}
.sekcja.h2 {
    margin-top:20px;
}
.inside {
    max-width:960px;
    margin:auto;
}

h3 {
      color: #ccc;
    font-weight: 300;
    font-size:24px;
    text-align: center;
    padding-bottom: 50px;
}

.video-area {
        position: relative;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
    
    }
body.page-template-page-home {
    padding-top:0px;
}
.page-template-page-home #main {
    margin-top:0px;
        overflow-x:hidden;
        position:relative;
      
}

    #topimage {
        width: 100%;
        height: 100vh;
        position: relative;
        background-color: #000;
    }

#topimage .image-area{
        opacity: 0;
        animation: fadein_08 3.5s forwards;
        }
        @keyframes fadein_08{
            0%{
                opacity: 0;
            }
            100%{
                opacity: .8;
            }
        }
    #topimage h1 svg {
        width: 25vw;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .svg-suneast-wakku {
        stroke: #fff;
        stroke-linejoin: round;
        stroke-width: 2px;
        fill-rule: evenodd;
        animation: svg 2.5s ease-in both ;
        animation-delay: .5s;
        stroke-dasharray: 4000px;
        }
            @keyframes svg {
                    0% {
                        fill: transparent;
                        stroke-dashoffset: 4000px;
                    }
                    80% {
                        fill: transparent;
                    }
                    100%{
                        stroke-dashoffset: 0;
                        fill: #fff;
                    }
                }
#topimage{
    width: 100%;
    height: 100vh;
    position: relative;
    background-color: #000;
    }
    #topimage .video-area{
        position: relative;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        }
        #topimage .video-area video{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
            width: 100%;
            height: 100%;
            object-fit: cover;
            }

    #topimage .image-area{
  
        background-size: cover;
        position: absolute;
        top: 0;
        left:0;
        width: 100vw;
        height: 100vh;
        }
        #topimage h1 svg{
            width: 25vw;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            }

    .svg-suneast-wakku {
        stroke: #fff;
        stroke-linejoin: round;
        stroke-width: 2px;
        fill-rule: evenodd;
        animation: svg 2.5s ease-in both ;
        animation-delay: .5s;
        stroke-dasharray: 4000px;
        }
            @keyframes svg {
                    0% {
                        fill: transparent;
                        stroke-dashoffset: 4000px;
                    }
                    80% {
                        fill: transparent;
                    }
                    100%{
                        stroke-dashoffset: 0;
                        fill: #fff;
                    }
                }
    #topimage .image-area{
        opacity: 0;
        animation: fadein_08 3.5s forwards;
        }
        @keyframes fadein_08{
            0%{
                opacity: 0;
            }
            100%{
                opacity: .8;
            }
        }
.display-bl-pc {
    display:block !important;
}
#main_video_en {opacity:0;}
#brand-introduction .image-area {
width: 100%;
        height: 100vh;
        background-image: url(./img/img-topbrand.webp);
        background-attachment: fixed;
        background-size: cover;
        opacity: .2;

}

    #brand-introduction {
        position: relative;
        width: 100%;
        animation: fadein 3.5s forwards;
        background-color: #000;
        z-index:3;
    }

   

.contents-area {
        position: absolute;
        top: 0;
        left: 0;
        bottom:0;
        right:0;
        display: grid
;
        width: 100%;
        height: 100%;
        place-content: center center;
    }
.contents-area h2, .contents-area div {
    max-width:960px;
    margin:auto;
    width:100%;}


    .contents-area h2 {
margin-bottom:50px;
    }
#brand-introduction .contents-area  img 
{
    max-width:165px;
    width:100%;
    height:auto;
}
.slidess1 {
    display: flex
;
        justify-content: center;
        align-items: center;
        gap: 0 25px;
        padding-top: 100px;
}

.slidess1 div {
    max-width:165px;
}





    .container {
        max-width:1464px !important;
        
    }

body.page-template-page-home {
    background-image:none;
}

.page-template-page-home #products,.fotograf {
            background: url(./img/bg-black_sand.webp);
        background-size: 100% auto;
        background-attachment: fixed;
        position:relative;
        z-index:3;
        padding-top:250px;
}

.post-border-2 {
        display: flex
;
    align-items: center;
    justify-content: center;
    border: solid 2px #ccc;
    z-index: 10 !important;
   width:350px;padding-top:5px;padding-bottom:5px;
margin:0 auto 50px;
    padding-left: 15px;
    padding-right: 15px;
}

.post-border-2 h3 {
    font-size:24px;
    padding-bottom:0px;
    margin-bottom:0px;
}

#products .page-wrapper {
    padding-top:0px;
    margin-top:-100px;
}

.row.lista {
    padding-bottom:150px;
}

.post-border-2 .button {
display: block;
        background-color: rgba(255, 255, 255, 0.7);
        color: #000;
        font-size: 13px;
        font-weight: 500;
        border-radius: 20px;
        transition: 0.5s;
        line-height: 20px;
        padding: 0 10px;
        margin-left:10px;
}

    .title-section
 {
        padding-top: 100px;
        text-align: center;
    }

    .image-area2 {
        width:100%;
        height:350px;
        position:relative;
background-size:cover;
vertical-align: bottom;
        transition: 0.5s;
             opacity: 0.3;
             z-index:1;
    }

    .fotografia-item a:hover .image-area2 {
        opacity: 0.8;
    }





    .fotografia-item a {
        display:block;width:100%;height:100%;transition:0.5s;
    }

    .text-area p {
        color: #fff;
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        margin-bottom:0px;
    }

    .text-area {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
                opacity: 0;
        transform: translateX(-45%);
        transition: 0.5s;
    }

     .fotografia-item a:hover .text-area{

opacity:1;
     }

    .fotografia-item a:hover .text-area {
        opacity: 1;
        transform: translateX(-50%);transition:0.5s;
    }

    .fotografia-item,.galeria .poj {
        filter: drop-shadow(0 0 10px rgba(0,0,0,.4));transition:0.5s;
    }

        .fotografia-item:hover,.galeria .poj:hover {
                    filter: drop-shadow(0 0 10px rgba(0,0,0,.8));
        }

        .fotograf {
            padding-top:0px;
        }
        .fotografia-list .row {row-gap:20px;padding-bottom:200px;}
.fotograf-template-default .page-wrapper {
    padding-top:0px;margin-bottom:0px;padding-bottom:100px;
}
.edytor1 {
    margin-bottom:50px;
}

.galeria .row {
    display:flex;
    row-gap:30px;
}

.galeria img {
    width:100%;
    height:auto;
}
.txt-signature p {
    text-align:right;
}

.profile-area {
        display: grid;
        grid-template-columns: 1fr 130px;
        padding: 30px 30px;
        gap:30px;
        font-size:13px;
        background-color: rgba(255,255,255,0.2);}

        .profile-area img {
            width:100%;
            height:auto;
            max-width:100%;
        }
 .profile-area h3 {
    color:#fff;
    text-align: left;
     font-family: 'Noto Sans JP';
     font-weight:500;
     font-size:16px;
     margin-bottom:0px;
     padding-bottom:10px;
 }

     #footer {
       background: url(./img/bg-black_sand.webp);
        background-attachment: fixed;
        background-size: cover;
        position: relative;
    }

    #footer .row {
        border-top:
            1px solid rgba(255,255,255,0.2);
            padding-top:50px;
    }

.single-post p {
    font-size:18px;
    margin-bottom:35px;
}

.single-post p a,.single-post p a:hover {
    color:#fff;
}

.single-post .title-section h1 {

    padding-bottom:0px;
}

.single-date {
    padding-bottom:100px;
    color:#999;
    font-size:16px;
}

.single-post .single-date p {
    font-size:16px;
}

.line_link:after {
            content: '';
        display: block !important;
        border-bottom: solid 1px #ccc;
        margin: 0 auto;
        transform: translateY(2px);
        transition: 0.5s;
        position:relative;
        width:20px;
}

.line_link:hover:after {
    width:50px;
} 

.back-link {
    display:flex;
    justify-content: center;
}

.back-link a {
    color:#fff;
}

.blog .fotografia-item {background:#000;}
.blog .inside .row {padding-bottom:100px;row-gap:30px;}
.blog .text-area {opacity:1;        transform: translate(-50%, -50%);}
.blog .fotografia-item a:hover .text-area {opacity:1;        transform: translate(-50%, -50%);}
.blog .text-area span {display:block;font-weight:300;color:#ccc;padding-top:15px;}
.nothumb {
    background-image: url(./img/logo-ultimate_pro.svg);
    background-size: 75% auto;
        background-position: center center;
        background-repeat:no-repeat;
}

.fotografia-item {background:#000;}
.page-template-page-contact form {
    padding-top:50px;
}
.page-template-page-contact p {font-size:16px;}
footer .logo-brand img {
        width: 200px;
        margin-right: 20px;
    }
    .mid-line {
        display:flex;
        column-gap: 50px;
        padding-top:15px;
    }

    .mid-line ul {
        list-style:none;
        padding-left:0px;
    }

       .mid-line a {
        font-weight:500;
        padding-bottom:20px;
        color:#fff;
        position:relative;
        display:block;
        font-size:13px;
       }

       .mid-line a:after {
                content: '';
        display: block !important;
        border-bottom: solid 1px #ccc;
        margin: 0 auto;
        transform: translateY(2px);
        transition: 0.5s;
        position:absolute;
        width:0px;
       }

         .mid-line a:hover:after {
            width:50px;
         }

         #footer .sidebar1 p,#footer .sidebar5 p {margin-top:0px;
    font-weight:500;color:#fff;font-size:13px;
         }

            .mid-line .sidebar1 a,.mid-line .sidebar5 a {
                font-weight:300;
                color:#ffffffb0;
                font-size:13px;
            }
            .sidebar6 {
                max-width:440px;
                margin-top:-20px;
                margin-left:100px;
            }
            .sidebar6 img {
                max-width:120px;
                height:auto;
                margin:0px !important;
            }
           .mid-line .sidebar6 a:after {
                display:none !important;
            }
            .sidebar6 a {
                margin-bottom:0px;
                padding-bottom:0px;
            }

            .cf-member {
                        background-color: rgba(255,255,255,0.2);
        padding: 0 10px;
        margin-bottom: 20px;
        text-align: center;
        font-size:13px;

            }


   .inne_produkty    .otherlist-external-storage {
        width:100%;
        height: 350px;
        background-color: #000;
        position: relative;
        filter: drop-shadow(0 0 10px rgba(0, 0, 0, .4));
    }

    .inne_produkty .image-area {
    
        position: absolute;
        z-index: 1;
        width: 100%;
       height:100%;
        opacity: 0.3;
        vertical-align: bottom;
        transition: 0.5s;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .fotograf.inne {
        padding-bottom:300px;
    }

    .fotograf.inne .text-area {
      opacity:1;
      transform:translate(-50%, -50%);
    }

     .inne_produkty .btn-area2 {
    opacity: 0;
    transition: 0.5s;
    height: 0;
}
 .inne_produkty  h3 {
color: #fff;
        text-align: center;
        padding-bottom: 20px;
        font-size: 18px;
        font-weight: 500;
            font-family: 'Noto Sans JP';
            margin:0px;
          
 }

 .inne_produkty .btn-area2 span {
        display: block;
        border: solid 1px #ccc;
        border-radius: 20px;
        line-height: 40px;
        text-align: center;
        width: 250px;
        font-size: 16px;
        transition: 0.5s;
        background-color: transparent; }

        .inne_produkty a:hover  .btn-area2
 {
        opacity: 1;
        height: 42px;
    }

       .inne_produkty    .otherlist-external-storage:hover {

        filter: drop-shadow(0 0 10px rgba(0, 0, 0, .8));
    }

       .inne_produkty    .otherlist-external-storage:hover  .image-area {
        opacity: 0.8;
    }

    .inne_produkty a:hover .btn-area2 span  {
        border: solid 1px transparent;
        background-color: rgba(255,255,255,0.7);
        color: #000;
    }
    .table td img {
        margin-bottom:5px;
    }

.special1 th, .special1 td:nth-last-of-type(2) {
    width:250px;
}

.special1.table td + td {
    text-align:left;
}

.special1.table tr:first-child td + td {
    text-align: center;
}

.singlep h3 {
    padding-bottom:0px;
}

.page-template-default .post-border-2 {
    margin-bottom:0px;
}

#footer p {
    font-size:13px;
}

.sidebar1 {
    width:200px;
}

.t1 {
    display:grid;
    grid-template-columns: 200px 1fr;
}

.t1 div:first-child {
    display:flex;
    align-items: center;
}

.zgody {text-align: center;padding-top:50px;padding-bottom:35px;}
.rows .wpcf7-form-control input {width:30px;}
.rows input.wpcf7-submit {
    width:200px;
}

.center p {
   align-items: center;
    display:flex;
    flex-direction: column;
}

    .title-category {
        display: flex
;max-width:560px;
        align-items: center;
        justify-content: center;
        margin: 0 auto 50px;
        border: solid 2px #ccc;
      
    }

    .footer-flex {display:flex;
    column-gap:20px;}
    .menu-footermenu-container .nav-link {color:#ccc;padding:0px;margin-right:10px;font-size:13px;margin-top:10px;}
    .menu-footermenu-container .nav-link:after {
    content: '';
    display: block !important;
    border-bottom: solid 1px #ccc;
    margin: 0 auto;
    transform: translateY(2px);
    transition: 0.5s;
    position: absolute;
    width: 0px; }
     .menu-footermenu-container .nav-link:hover:after {width:100px;}
#header.scroll {background:#000;padding-top:20px;padding-bottom:20px;top:20px;transition: 0.5s;}

    @media (max-width: 1450px)
{
.area-wrapper {width:100%;}
.sidebar6 {margin-left:0px;}
.mid-line {flex-wrap:wrap;}
}




      @media (max-width: 991.8px) { 
.mid-line {flex-direction:column;} 
     .title-section {
        padding-top:30px;
     }
     .title-section h1 {
        font-size:18px;
     }
    .page-template-page-contact p {font-size:13px;}
.sekcja.h2 h2, #products h2, .title-section h1, .fotograf h2
{padding-bottom:35px;}
 .row-line {
    display:flex;flex-direction: column;align-items:flex-start;
 }
 .inside {padding-left:15px;padding-right:15px;}
.row-line {padding:20px 0;}
.field {width:100%}
.t1 {grid-template-columns: 1fr;}
body {padding-top:100px;}
.blog .text-area span,.text-area p {font-size:13px;}
.blog .text-area {width:100%;padding-left:30px;padding-right:30px;}
.image-area2 {height:250px;}
.contents-area {
    left:15px;right:15px;
    width:calc(100% - 30px);
}
.slidess1 {text-align:center;}
.page-template-page-home #products, .fotograf {padding-top:100px;}
h3 {text-align:left;}
.cardread a h3 {padding-bottom:0px;}
.row.lista {padding-bottom:50px;}
.page-template-page-home #products, .fotograf,body
 {
    background: url(./img/bg-black_sand.webp);
    background-size: auto 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;}
.image-area img {
        max-width: 110px;
        max-height: 150px;

}
.list-photos li img {width:35vw;}
.fotograf {
        padding-top: 50px;
    }
.fotografia-list .row {padding-bottom:0px;}
.post-border h1 {font-size:24px;}
.post-border {width:80vw;min-width:80vw}
.page-wrapper {padding-top:50px;}


.contents-area p {font-size:13px;}
#brand-introduction .contents-area img {max-width:75px;}
.area-wrapper {flex-direction:column;padding:30px 0;}
#pro-title-area .left-area {padding-left:15px;padding-right:15px;}
.left-area h1 {font-size:30px;padding-right:0px;}
#pro-title-area .right-area {padding:30px;text-align:center;}
#pro-title-area .right-area img {max-width:100%;max-height:35hv;}
#products-area {padding-top:30px;padding-bottom:30px;}
.gwiazdki {padding:20px;}
.plik {padding-top:30px;}
.table table {
    width: 100%;
        table-layout: fixed;
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-text-size-adjust: 100%;
        -webkit-overflow-scrolling: touch;
        font-size:13px;
}
#topimage h1 svg {width:50vw;}
.list-feature {font-size:13px;}
.list-feature ul {padding-left:20px;}
table img {max-width:60px;}



.arrow-hori-scroll{
    width: 70px;
    height: 0;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    position: relative;
    margin-left: calc(100% - 90px);
    animation: hori_anime 3s infinite;
    margin-bottom: 10px !important;
    }
    .arrow-hori-scroll::after{
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        top: -3px;
        width: 7px;
        height: 1px;
          
        /* triangle */
        border-left: 7px solid rgba(255,255,255,0.7);
        border-top: 3px solid transparent;
        border-bottom: 3px solid transparent;
        }
        @keyframes hori_anime {
            0% {
                width: 70px;
            }
            25% {
                width: 55px;
            }
            50% {
                width: 70px;
            }
          }




.sekcja.h2 {margin-top:50px;}
.przedtab p {padding:0px;}
.inside p {font-size:13px;}
.taxonomy-header img {
    object-fit:cover;
    height: 22.4vw;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {font-size:16px;line-height:40px;}



      }


.kupprodukt {
    margin-top:-20px;
    margin-bottom:20px;
    height:40px;
    padding-left:50px;
    padding-right:50px;
    display:inline-flex;
    justify-content: center;
    align-items:center;
      font-family: 'Oswald';
      text-transform:uppercase;
      color:#fff;
      font-size:20px;
      background-color: #BA9328;
}
.kupprodukt:hover {
     background-color:#ba9428;
}



/* CM add */
.edytor a { color:#ba9428;}

   @media (max-width: 400px) {  
.etykiety li {
    padding-top:10px;
    padding-bottom:10px;
    width:100%;
}

   }