/* Main */
        h1{
            color: #0170b9;
            text-align: center;
        }
        main{
            display: flex;
            flex-wrap: wrap;
        }
        /* Primavet */
        .op{
            flex-basis: 100%;
            z-index: 1;
            display: flex;
            flex-wrap: wrap;
            background-color: #fdfdfd;
            z-index: 2;
            margin-top: -276px;
            transition: .2s;
        }
        .alldog{
            background-image: url(../Img/piesb.avif);
            background-size:cover;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: 50% 0%;
            width: 100%;
        }
        section{
            display: flex;
            flex-direction: column;
            position: relative;
            margin: 0 auto;
            overflow: hidden;
            width: 100%;
            max-width: 1700px;
        }
        .lef{
            flex-basis: 1%;
            display: flex;
            border-radius: 20px;
            margin: 25px 20px;
            justify-content: space-around;
        }
        section>.lef>h1{
            text-align: left;
            margin: 30px 30px;
            text-decoration: underline;
            font-family:Trebuchet MS, sans-serif;
            color: #0170b9;
            width: 100%;
            font-size: 82px;
            text-shadow: #111 1px 1px 1px;
        }
        section>.lef>.mr>p,
        section>.righ>p{
            background-color: rgba(0, 0, 0, 0.459);
            border: rgb(235, 91, 25) 3px solid;
            border-style: none none none solid;
            margin: 20px;
            flex-basis: 5%;
            padding: 20px;
            max-width: 1140px;
            flex-basis: 100%;
            text-align: left;
            color: #ffffff;
            font-size: 24px;
            font-weight: 600;
        }
        .mr{
            margin-top: 175px;
            flex-basis: 50%;
        }
        section>.lef>.mr>p:nth-child(2){
            text-shadow: black 0px 0px 1px;
            font-size: 18px;
            color: #0170b9;
            transition: 0.1s;
            text-align: center;
        }
        section>.lef>.mr>p:nth-child(2):hover{
            cursor: pointer;
            color: #e0781c;
            user-select: none;
        }
        .mr>p>i{
            transform: rotate(0deg);
            transition: 0.2s;
            text-shadow: 0;
        }

        .fo{
            display: flex;
            justify-content: center;
            margin: auto;
            height: 450px;
        }

        .righ{
            display: flex;
            justify-content: space-around;
            flex-basis: 52%;
        }
        .righ>.fo>img{
            height: 250px;
            margin-top: 43px;
        }
        /* Wetterimin */
        .cal{
            max-width: 1140px;
            margin: 30px auto;
            flex-wrap: wrap;
            display: flex;
            justify-content: center;

        }
        .cal>h1{
            width: 50%;
            margin: 10px auto;
            float: left;
            font-size: 34px;
            margin-top: 50px;
        }
        .to{
            display: flex;
            justify-content: space-around;
            width: 50%;
            float: left;
            margin: 1px;
        }
        .to>button>i{
           font-size: 25px;
        }
        .to>a>button{
            height: 70px;
            width: 261px;
            font-size: 20px;
            color: #fff;
            background-color: #e0781c;
            border: none;
            border-radius: 5px;
            font-weight: 600;
        }
        .to>a>button:hover{
            color: #0170b9;
            cursor: pointer;
            transition: .2s linear;
        }
        .calender{
            flex-basis: 50%;
            flex-wrap: wrap;
            position: relative;
            display: flex;
            justify-content: space-around;
        }
        .termins{
            flex-basis: 50%;
            flex-wrap: wrap;
            position: relative;
            display: flex;
            justify-content: space-around;
        }
        .calender>a>img{
            flex-basis: 100%;
            max-width: 350px;
            height: 120px;
        }
        .calender>h1{
            flex-basis: 100%;
        }
        .calender>p{
            flex-basis: 100%;
            text-align: center;
            margin: 0;
            color: #db2535;
        }
        /* personel */
        .personel{
            display: flex;
            flex-basis: 100%;
        }
        .personel>h1{
            text-align: center;
            flex-basis: 100%;
        }
        /* carusele */
        .arrows{
            position: relative;
            display: unset;
            height: 420px;
            flex-basis: 120%;
            max-width: 1100px;
            margin: 0 auto;
        }
        .arrows>i:hover{
            cursor: pointer;
        }
        .arrows>i:nth-child(2){
            position: absolute;
            font-size: 50px;
            color: #e0781c;
            top: 50%;
            z-index: 2;
            left: -5px;
            transform: rotate(180deg) translateY(50%);
            opacity: 0.5;
        }
        .arrows>i:nth-child(1){
            position: absolute;
            font-size: 50px;
            color: #e0781c;
            top: 50%;
            transform: translateY(-50%);
            z-index: 2;
            right: -5px;
            opacity: 1;
        }
        .carusele{
            flex-direction: row;
            position: relative;
            width: 100%;
            height: 100%;
            max-width: 1000px;
            margin: 0 auto;
            /* overflow: hidden; */
            overflow-x: auto;
            transition: .2s;
        }
        .worker{
            position: relative;
            flex-basis: 100%;
            display: flex;
            height: 390px;
            flex-wrap: wrap;
            justify-content: center;
            box-sizing: border-box;
            background-color: #ccc;
            z-index: -1;
            border: #eeeeee 5px solid;
            border-radius: 20px;
            overflow: hidden;
        }
        .worker>img{
            display: flex;
            width: 234px;
            height: 300px;
            transition: .4s;
            
            border-radius: 20px;
        }
        .worker:hover>img{
            transform: scale(1.1);
        }
        .worker:hover>h1{
            margin-top: 20px;
        }
        .worker>h1{
            font-size: 18px;
            text-align: center;
            line-height: 12px;
            z-index: 1;
            opacity: 1;
            transition: 0.4s;
            z-index: 1;
            width: 100%;
            background-color: #ccc;
            margin: 0;
        }
        .worker>h1>p{
            font-size: 15px;
        }
        .fullspace{
            --Move : 0;
            position: absolute;
            display: flex;
            width: 2750px;
            transform: translateX(0);
            transition: .2s;
            transition: .2s;
            transform: translateX(calc(var(--Move)*-250px));
        }

        .wi{
            position: absolute;
            height: 50px;
            width: 50px;
            top: 10px;
            right: 10px;
            background-color: #e0781c;;
            z-index: 2;
            border-radius: 100%;

        }
        .wi>i{
            transition: .4s;
            font-size: 24px;
            line-height: 50px;
            text-align: center;
            width: 50px;
            color: #eee;
        }
        .wi>i:hover{
            cursor: pointer;
            font-size: 30px;
            color: #0170b9;
        }
        .view{
            background-color: royalblue;
            overflow: hidden;
            display: none;
            flex-direction: row;
            position: fixed;
            top: 5%;
            bottom: 5%;
            right: 5%;
            left: 5%;
            z-index: 20;
        }
        .lv{
            flex-basis: 50%;
            height: 100%;
            float: left;
            background-image: url(../Img/mariusz.avif);
            background-position: 20% 30%;
            background-size: cover;
            background-repeat: no-repeat;
        }
        .rv{
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            flex-basis: 50%;
            float: left;
            background-image: linear-gradient(135deg, transparent 20%, transparent 17%, rgba(227, 235, 246, 0.2) 17%, rgba(205, 222, 246, 0.2) 59%,transparent 59%, transparent 64%, rgba(158, 178, 239, 0.2) 64%, rgba(126, 155, 234, 0.2) 100%),
            linear-gradient(45deg, transparent 0%, transparent 2%, rgba(87, 146, 234, 0.5) 2%, rgba(87, 146, 234, 0.5) 46%, rgba(114, 178, 239, 0.5) 46%, rgba(114, 178, 239, 0.5) 54%,transparent 54%,
                    transparent 63%, rgba(116, 162, 236, 0.41) 63%, rgb(82, 112, 210) 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
        }
        .rv>h1{
            font-size: 40px;
            text-shadow: rgb(0, 0, 0) 1px 1px;
        }
        .rv>p{
            margin: 0 25px;
            font-size: 18px;
            overflow-y: auto;
            text-align: center;
        }
        .rv>p:nth-child(3){
            text-align: end;
            height: 18px;
            overflow: unset;
            padding: 5px;
        }
        .close{
            position: absolute;
            right: 0;
            top: 5px;
            height: 50px;
            width: 50px;
        }
        .close>i{
            font-size: 60px;
            text-align: center;
            line-height: 50px;
        }

        /* Artykuły */
        .articules>.wet>h1{
            font-size: 60px;
            color: #e0781c;
            text-align: center;
            width: 100%;
        }
        .articules{
            margin: 50px 0;
            width: 100%;
            background-image: url('../Img/kotb.avif');
            background-position: 50% 0%;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size:cover;
            min-height: 500px;
            display: flex;
            justify-content: center;
        }
        .wet{
            display: flex;
            flex-wrap: wrap;
            max-width: 1600px;
            margin: auto auto;
        }
        .item{
            flex: 1 1 ;
            background-image: url('../Img/prof.avif');
            background-position: center;
            background-size: cover;
            width: 400px;
            margin: 30px;
            border-radius: 10px;
        }
        .item:nth-child(2){
            background-image: url('../Img/prof.avif');
        }
        .item:nth-child(3){
            background-image: url('../Img/mops.avif');
        }
        .item:nth-child(4){
            background-image: url('../Img/EZ.avif');
        }
        .item:nth-child(5){
            background-image: url('../Img/buldog.avif');
        }
        .text{
            text-align: center;
            padding: 20px;
            color: #eeeeee;
            text-shadow: 1px 1px 2px rgb(66, 66, 66);
        }
        .text>p{
            overflow: hidden;
            background-color: rgba(1,1,1,0.6);
            border-radius: 10px;
            font-size: 18px;
            padding: 10px;
            height: 275px;
        }
        .czytaj{
            line-height: 30px;
            margin: 0 auto;
            text-align: center;
            background-color: #111;
            color: #e0781c;
            text-decoration: none;
            font-size: 22px;
            font-weight: 700;
        }
        .item>a{
            text-decoration: none;
        }
        .czytaj>P{
            transition: .2s;
        }
        .item>a:hover .czytaj>p{
            text-decoration: none;
            color: #0170b9;
        }
        .pethelp{
            color: #db2535;
            text-shadow: 1px 1px 2px rgb(211, 211, 211);
        }


        /* shop */
        .shop{
            flex-basis: 100%;
            display: flex;
            flex-wrap: wrap;
        }
        .space{
            max-width: 1140px;
            margin: 0 auto;
        }
        .shop>h1{
            flex-basis: 100%;
            font-size: 38px;
        }
        .pictures{
            position: relative;
            display: flex;
            flex-wrap: wrap;
            flex-basis: 100%;
            justify-content: start;
        }
        .pictures>img:nth-child(1){
            flex-basis: 100%;
            height: 168px;
        }
        .pictures>img:nth-child(2){
            width: 556px;
            height: 356.6px;
            margin-top: -60px;
        }
        .pictures>a>button{
            margin-top: 110px;
            margin-left: 150px;
            height: 70px;
            width: 261px;
            font-size: 20px;
            border: none;
            border-radius: 5px;
            font-weight: 600;
            background-color: #61ce70;
            transition: .4s;
        }
        .pictures>a>button>i{
            top: 240px;
            left: 700px;
            font-size: 38px;
            position: absolute;
            color: #0170b9;
            animation: auto 6s linear infinite;
            z-index: -1;
        }
        @keyframes auto {
            0%{left: 700px;}
            50%{left: 920px; transform: rotate(0);}
            50.1%{transform: rotateY(180deg);}
            100%{transform: rotateY(180deg);}
        }
        /* lokalizacja */
        .loc{
            display: flex;
            flex-basis: 100%;
            flex-wrap: wrap;
        }
        .place{
            max-width: 1140px;
            margin: 0 auto;
            flex-wrap: wrap;
            display: flex;
            flex-basis: 100%;
        }
        .place>h1{
            flex-basis: 100%;
        }
        .left{
            display: flex;
            flex-wrap: wrap;
            flex-basis: 50%;
            justify-content: space-around;
            height: 200px;
        }
        .left>p{
            text-align: center;
            color: #0170b9;
            flex-basis: 100%;
            font-size: 38px;
        }
        .left>p:nth-child(2){
            text-align: center;
            color: #0170b9;
            flex-basis: 100%;
            font-size: 18px;
            margin-top: -40px;
        }
        .left>a>button{
            margin-top: 50px;
            height: 70px;
            width: 261px;
            font-size: 20px;
            background-color: #e0781c;
            border: none;
            border-radius: 5px;
            font-weight: 600;
            transition: .4s;
        }
        .place>iframe{
            height: 420px;
            width: 570px;
        }
        @media (min-width: 1700px) {
            .rv>p{
            margin: 0 100px;
            font-size: 26px;
            }
        }
        @media (max-width: 1100px) {

            #b{
                display: none;
            }
            .view{
                flex-direction: column;
            }
            .rv>h1{
                font-size: 35px;
                text-shadow: rgb(0, 0, 0) 1px 1px;
            }
            .rv{
                height: 50%;
            }
            .lef{
                flex-direction: column;
            }
            .mr{
                margin-top: 0;
            }
        }
        @media (max-width: 1154px) {
            #text>p:nth-child(2){
                display: block;
            }
            section{
                background-size:cover;
            }
            .cal>h1{
                margin-top: 50px;
            }
            .to{
                height: 70px;
            }
            .carusele{
                width: 750px;
                overflow-x: auto;
            }
            .arrows>i{
                display: none;
                width: 100%;
            }
            .shop{
                width: 100vw;
            }
            .pictures{
                justify-content: space-around;
            }
            .pictures>img:nth-child(2){
                flex-basis: 100%;
                height: 100%;
            }
            .pictures>img:nth-child(1){
                width: 10px;
            }
            .pictures>a>button{
                flex-basis: 100%;
            }
            .pictures>a>button{
                height: 70px;
                width: 261px;
                font-size: 20px;
                border: none;
                border-radius: 5px;
                font-weight: 600;
                background-color: #61ce70;
                transition: .4s;
                margin: 0 auto;
                flex-basis: 100%;
            }
            .pictures>a>button>i{
                display: none;
            }
            .social{
                flex-basis: 100%;
            }
            .left{
                display: flex;
                flex-wrap: wrap;
                flex-basis: 100%;
                justify-content: space-around;
                height: 200px;
            }
            iframe{
                height: 420px;
                width: 570px;
                margin: 100px auto;
            }
            .google{
                padding: 20px;
                flex-basis: 100%;
            }
            .fb{
                display: none;
            }
        }
            @media (max-width: 764px) {
                .view{
                    margin-top: 100px;
                }
                .grid{
                    width: 95%;
                }
                .member{
                    flex-basis: 100%;
                    font-size: 14px;
                }
                .member:nth-child(even) .sq{
                    order:1;
                }
                .member:nth-child(even) .img{
                    order:2;
                }
                .member:nth-child(even) .img:after{
                    left: 0;
                    right: auto;
                    transform: translateY(-50%) rotateZ(180deg);
                }
                .anim{
                    display: none;
                }
                .articules{
                    display: none;
                }
                .cal{
                    height: 350px;
                    margin-bottom: 100px;
                    /* flex-direction: column; */
                }
                .carusele{
                    width: 505px;

                }
                .place>iframe{
                    height: calc(420px/1.7);
                    width: calc(570px/1.7);
                }
                .calender>img{
                    margin: 20px 0;
                    width: 200px;
                    height: 200px;
                }
                .cal>h1{
                    margin: 20px 0;
                }
                .anim{
                    top: 100px;
                    left: 60px;
                }
                .pictures>img:nth-child(2){
                    width: 100%;
                }
                .to>a>button{
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                }
                .pictures>img:nth-child(1){
                    height: 20vw;
                }
                .personel{
                    margin-top: 225px;
                }
            }
            @media (max-width: 520px) {
                .lef>.fo>img{
                    height: 400px;
                }
                .carusele{
                    width: calc(505px/2);
                }
            }