@charset "utf-8";
/* CSS Document */


body{
    background-color: #ECE8E0;
    font-family: 'Lato', sans-serif;
}

p{
   font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #6A6663;
}

h2{
    color: #593F28;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 20px;
}

h3{
    color: #593F28;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    font-size: 28px;
}

h4{
    color: #593F28;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    font-size: 20px;
}

h5{
    color: #593F28;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    font-size: 18px;
}


a{
    color: #593F28;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    text-decoration: none;
    transition: all 0.3s;
}

a:hover{
    color: #E72472;
}

a > i{
   color: #E72472;
}

.product-promo{
    padding-top: 80px;
}

.product-promo-title img{
    float: left;
    margin-right: 15px;
}

.product-promo-title h2{
    margin-bottom: 0px;
    margin-top: -8px;
}

.product-promo-title{
    margin-bottom: 30px;
}

.product-grid{
   background-color: #F1EFEC; 
    border: 1px solid #D8D8D8;
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
    transition: all 0.3s;
}

.product-grid:hover{
    border: 1px solid #D9AD77;
}

.product-grid h4{
    margin-bottom: 0px;
}

.product-grid p{
   font-size: 14px;
}


.shop a{
    font-weight: 300;
    position: absolute;
    right: 20px;
}

.shop a > i{
     color: #D9AD77 !important;
    font-size: 20px;
}

.product-new-label{
    background-color: #F36F42;
position: absolute;
    padding: 3px 10px 3px 6px;
    font-size: 12px;
    color: #fff;
    right: 0px;
    top: 20px;
    font-weight: 400;
}
.product-sale-label{
    background-color: #E72472;
position: absolute;
    padding: 3px 10px 3px 6px;
    font-size: 12px;
    color: #fff;
    right: 0px;
    top: 20px;
    font-weight: 400;
}

.product-best-label{
    background-color: #C8B8A6;
position: absolute;
    padding: 3px 10px 3px 6px;
    font-size: 12px;
    color: #fff;
    right: 0px;
    top: 20px;
    font-weight: 400;
}

.product-promo-more{
    margin-top: 10px;
}

.dog-cat{
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url("../img/pies_kot_bg.svg");
    background-repeat: no-repeat;
    background-position: 70% 90%;
}

.dog-cat h2{
    margin-top: 80px;
}

.brand{
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
}

.brand h2{
    margin-top: 90px;
}

.brand h2 > span{
    font-weight: 300;
}

.grey-box{
   background-color: #C8B8A6;
    color: #fff;
    padding: 25px;
    position: absolute;
    max-width: 460px;
    top: 445px;
    left: 22%
    
}

.grey-box h4{
    color: #fff;
}

.grey-box p{
    color: #fff;
    margin-bottom: 0px;
}

.brand-x img{
    margin-top: 60%;
}

.future h2{
    margin-top: 30px;
}

.info-box{
    background-color: #F1EFEC;
    border: 1px solid #D8D8D8;
    text-align: center;
    padding: 30px;
    margin-bottom: 20px;
}

.info-box h4{
    font-size: 18px;
    font-weight: 700;
}

.info-box i{
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 36px;
    margin-top: 20px;
}

.info{
    background-image: url("../img/pies_kot_bg.svg");
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 80px;
}

.banner{
    padding-top: 100px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("../img/baner.jpg");
    background-size: cover;
}

.banner h2{
   color: #fff; 
}

.banner p{
    color: #ECE8E1;
}

.banner2{
    padding-top: 100px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("../img/baner2.jpg");
    background-size: cover;
}

.banner2 h2{
   color: #593F28; 
}

.banner2 p{
    color: #95775c;
}

.dostawa-info{
    margin-top: 30px;
}

.dostawa-info span{
    color: #F04E60;
    font-weight: 700;
}

.dostawa-info i{
    color: #F04E60;
    font-size: 36px;
    float: left;
    margin-right: 15px;
    margin-top: 10px;
}

.footer{
    padding-top: 60px;
    padding-bottom: 20px;
    border-top: 1px solid #F04767;
    font-size: 14px;
    color: #97938C;
}

.footer button:hover{
    background-color: #593F28;
    border-color: #593F28;
}

.footer button:active{
    background-color: #593F28;
    border-color: #593F28;
}
.footer button:focus{
    background-color: #593F28;
    border-color: #593F28;
}

.footer p{
    color: #97938C;
    font-size: 14px;
}

.footer a{
    color: #97938C;
    font-size: 14px;
    font-weight: 400;
}

.footer ul{
    padding-left: 0px;
}
.footer li{
    list-style-type: none;
}

.footer a:hover{
    color: #F04767;
    font-size: 14px;
}

.footer h5{
    color: #593F28;
    font-size: 14px;
    font-weight: 700;
}

.footer .form-control{
    border-radius: 0px;
    font-size: 14px;
    box-shadow: none;
}

.footer .form-control:hover{
     border-color: #E72472;
}

.footer .form-control:target{
     border-color: #E72472;
}
.footer .form-control:active{
     border-color: #E72472;
}

.btn-success{
    border-radius: 0px;
    background-color: #E72472;
    border-color: #E72472;
}

.swiper {
        width: 100%;
        height: 80vh;
    margin-top: 110px;
      }

      .swiper-slide h1{
       font-size: 48px;
          font-weight: 700;
          color: #fff;
          text-transform: uppercase;
          margin-top: 35%;
      }

.slider span{
    font-weight: 300;
}

.slider b{
    color: #E72472
}

.slider p{
    color: #fff;
}

.slider a{
    color: #fff;
}

.slider a > i{
    margin-left: 7px;
}

.slider{
    background-image: url("../img/slider.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.slider2{
    background-image: url("../img/slider2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.slider2 h1{
    color: #593F28;
}

.slider3{
    background-image: url("../img/slider3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.slider3 h1{
    color: #593F28;
}
.slider3 h1 > span{
    color: #E72472;
}

.slider2 h1 > span{
    color: #E72472;
}

.slider4{
    background-image: url("../img/slider4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.slider4 h1{
    color: #fff;
}

.footer-bottom-logo{
    text-align: center;
}

.footer-bottom-t{
    margin-top: 30px;
}

.footer-bottom{
    padding-bottom: 15px;
    padding-top: 15px;
}

.left-nav-page{
    border-bottom: 1px solid #D4D1CB;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.left-nav-page a{
    font-weight: 400;
}

.left-nav-page li:hover{
    color: #E72472;
}

.left-nav-page li{
    transition: all 0.3s;
    margin-bottom: 5px;
}

.left-nav-page ul{
    margin-left: 25px;
}

.top-page{
    background-image: url("../img/top_page_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 120px;
    margin-top: 118px;
}

.top-page h1{
    font-size: 72px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.top-page2{
    background-image: url("../img/top_page_bg2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 120px;
    margin-top: 118px;
}

.top-page2 h1{
    font-size: 72px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.top-page3{
    background-image: url("../img/top_page_bg3_1.jpg");
    background-repeat: no-repeat;
    background-size:  cover;
    padding-top: 120px;
    padding-bottom: 120px;
    margin-top: 118px;
}

.top-page3 h1{
    font-size: 72px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.top-page4{
    background-image: url("../img/top_page_bg4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 120px;
    margin-top: 118px;
}

.top-page4 h1{
    font-size: 72px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.top-page5{
    background-image: url("../img/top_page_bg5.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 120px;
    margin-top: 118px;
}

.top-page5 h1{
    font-size: 55px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.list-product-page{
    padding-top: 80px;
    padding-bottom: 80px;
    background-image: url("../img/bg_x_page.svg");
    background-repeat: no-repeat;
    background-position: left bottom;
}

.list-product-page h3{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}

.list-product-page h4{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.contact-w-box{
    background-color: #f4f1eb;
    padding: 30px;
}

.contact-box{
    border-bottom: 1px solid #e4e0d9;
    margin-bottom: 20px;
    padding-bottom: 10px;
    margin-top: 20px;
}

.contact-box i{
    float: left;
    font-size: 36px;
    margin-right: 15px;
    font-weight: 300;
}

.contact{
    padding-top: 80px;
    padding-bottom: 80px;
}

.contact input{
    border-radius: 0px;
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f4f1eb;
}

.contact textarea{
    border-radius: 0px;
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f4f1eb;
}

.contact h3{
    margin-bottom: 30px;
}

.btn-danger{
  background-color: #EF3F6F;  
    border-radius: 0px;
    font-size: 16px;
}

.mapa{
    margin-top: 80px;
}

.company{
    padding-top: 80px;
    padding-bottom: 80px;
}

.company1 h2{
    margin-top: 40px;
}

.company1{
    margin-bottom: 80px;
}

.company2 h2{
    margin-top: 40px;
}

.menu-top{
    background-color: #ece8e0;
    border-bottom: 1px solid #E1E1E1;
    color: #979289;
    font-size: 14px;
}

.menu-top a{
    color: #979289;
    font-weight: 300;
    font-size: 14px;
}

.menu-top p{
    color: #979289;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.menu-top i{
    color: #979289;
}

.menu-top a:hover{
    color: #E72472;
}

.bg-light{
    background-color: #ece8e0 !important;
    border-bottom: 1px solid #EF3F6F;
}

.nav-link{
    font-weight: 600;
    color: #593F28;
    transition: all 0.3s;
}

.shop-item{
    font-size: 8px;
    background-color: #E72472;
    position: absolute;
    height: 13px;
    width: 13px;
    color: #fff;
    text-align: center;
    border-radius: 45px;
    left: 20px;
}

.nav-link i{
    margin-right: 6px;
}

.shoppingcard{
    position: relative;
}
.nav-link i{
    color: #593F28;
}

.nav-link:hover{
    color: #E72472;
}

.video{
    margin-bottom: 30px;
}

.wideo{
    margin-top: 20px;
}

.receptury h2{
    margin-bottom: 0px;
}

.pink{
    border-top: 1px solid #E72472;
    margin-top: 40px;
    padding-bottom: 40px;
    width: 30%;
}

@media only screen and (max-width: 425px) {
  .swiper {
    width: 100%;
    height: 100vh;
    margin-top: 85px;
}
    .swiper-slide h1 {
    margin-top: 45%;
}
    .swiper-slide h1 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin-top: 45%;
}
    .dog-cat img{
        margin-top: 30px;
    }
    .grey-box {
    background-color: #C8B8A6;
    color: #fff;
    padding: 25px;
    position: absolute;
        top: 120px;
    left: 0%;
}
    .brand-x img {
    margin-top: 0%;
}
    .brand img{
        margin-bottom: 20px;
    }
    .brand h2 {
    margin-top: 40px;
}
    .future h2 {
    margin-top: 0px;
}
    .future img{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .top-page {
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 85px;
}
    .company1 h2 {
    margin-top: 0px;
}
    .footer-bottom-t {
    margin-top: 0px;
}
    .top-page h1 {
    font-size: 48px;
}
    .list-product-page {
    padding-top: 40px;
    padding-bottom: 40px;
}
    .contact h3 {
    margin-bottom: 30px;
    margin-top: 30px;
}
    .mapa {
    margin-top: 60px;
}
}