* {

    vertical-align: baseline;

    font-family: 'Kodchasan', sans-serif;

    border: 0 none;

    box-sizing: border-box;

    outline: 0;

    padding: 0;

    margin: 0;

    }





body {

    background-color: #fff;

    color: #4B1F1B;

    font-family: 'Kodchasan', sans-serif;

    font-size: 16px;

    line-height: 1.5;

    margin: 0;

    padding: 0;

    overflow: hidden !important;

    

}



@media all and (min-width: 992px) {

	.navbar .nav-item .dropdown-menu{ display: none; }

	.navbar .nav-item:hover .nav-link{   }

	.navbar .nav-item:hover .dropdown-menu{ display: block; }

	.navbar .nav-item .dropdown-menu{ margin-top:0; }

}



.footer-container{

  

  padding-top: 10%;

  width: 100% !important;

  background: url(../img/footer-back.png);

  height: 70vh;

  background-size: 100% 100%;

}



.navbar-nav{

  align-items: center;

}



.subpage{

  overflow-y: scroll !important;

}



.subpage .footer-container{

  

  bottom: 0px;

  left: 0px;

  position: relative;

  width: 100% !important;

  background: url(../img/footer-page.png);

  height: auto !important;

 

  background-size: 100% 100%;

}



.subpage .footer-container .e-bulten{

  

  padding-left: 10% !important;

    padding-right: 10% !important;

    margin-top:-5%;

    display: flex;

    justify-content: center;

    align-items: center;

}



.subpage .footer-container .footer-social{

  

  display: flex !important;

  flex-direction: column;

  align-items: center;

}



.subpage .footer-container .footer-social .social-icons{

 align-items: center;

 text-align: center;



}



.subpage .navbar {

  padding-bottom: 0px !important;

  padding-top: 50px !important;

  background-image: url('../img/alt-bant.png');

}



.subpage .container-fluid {

  

  

  background-color: white;

}



.subpage .container-fluid .navbar-brand img{

  width: 120px !important;

  height: 68px !important;

}



.subpage-content{

  background-image: url('../img/group-187-1@1x.png');

  

}



.subpage-content .gdpr-content{

  display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: center;

    align-content: center;

    margin-bottom: 50px;

}



.subpage-content .gdpr-content .content-gdpr {

  display: flex;

    align-content: center;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    padding: 0px;

}



.content-gdpr h2{

  text-align: center;

  color: #4B1F1B;

  padding-left: 20px;

  padding-right: 20px;

  font-size: 30px;

  margin-top: 25px;

  margin-bottom: 100px;

  

}



.gallery-gdpr h2{

  text-align: center;

  color: #4B1F1B;

  padding-left: 20px;

  padding-right: 20px;

  font-size: 20px !important;

  font-weight: 600;

  margin-top: 25px;

  margin-bottom: 100px;

  

}



.content-gdpr .download{

  position: absolute;

  text-align: center;

  width: 50px !important;

  margin-top: 90px !important;

  color: #4B1F1B;

  background: white;

  font-size: 30px;

  margin-bottom: 25px;

  transition: opacity 400ms ease-in-out;

}



.content-gdpr .front:hover{

  opacity: 0;

  cursor: pointer;

}



.vision-content h3{

  text-align: center;

  color: #4B1F1B;

  font-size: 20px;

  color: #FFBA00;

  

  margin-top: 25px;

  margin-bottom: 25px;

  

}



.vision-image{

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  margin-bottom: 50px;

}



.content-gdpr img{

  width: 100px;

  margin-top: 50px;

  margin-bottom: 25px;

}



.main-header h1{

  color: #4B1F1B;

  font-weight: 700;

  text-align: center;

  margin-top: 50px;



}



.main-header p {

  color: #4B1F1B;

  text-align: center;

  margin-top: 20px;

}



.main-content .content-type-image{

 margin-top: 100px;

 margin-bottom: 100px;

 max-width: 100%;

 object-fit: cover;

 padding: 0px;

}



.main-content .content-type-image img{

 

  max-width: 100%;

  object-fit: cover;

  padding: 0px;

 }



.main-content .content-type-text{

  object-fit: cover;

  padding: 50px;

 }



 .main-content .content-type-text > h1,p {

  color: #4B1F1B;

  text-align: center;

  

 }



.main-content{

  text-align: center;

  

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  align-items: center;

  margin-bottom: 50px !important;

}



.breadcrumb .container{



background-image: url('../img/alt-bant.png');  

width: 100% !important;

padding: 0px !important;

max-width: 100% !important;



}

.breadcrumb .container ul{



  display: flex;

  align-items: center;

  justify-content: center; 

  padding-top:20px;

    padding-bottom:10px;

  }





  .breadcrumb .container ul li{



    

    text-align: center;

    list-style-type: none;

    text-decoration: none;

    

    

    }



    .breadcrumb .container ul li a{

      color: #4B1F1B !important;

      font-size: 14px !important;

      font-weight: 400 !important;

      text-decoration: none !important;

    }



.section {

    text-align:center;

    font-size: 3em;

    font-family: arial;

  }



  .navbar{

    background-color: #fff4e5 !important;

  }



.navbar-brand img {

    width: 150px;

    /*height: 85px;*/

    margin-top: 15px;

    margin-left: 30px;

    margin-bottom: 30px;

    margin-right: 50px;

    }



    .nav-link{

    color: #4B1F1B !important;

    font-size: 16px !important;

    margin-right: 30px ;

    }



    .dropdown-menu{

    background-color: #fff4e5 !important;

    border: 0px !important;

    

    }



    .dropdown-toggle::after{

        content: none !important;

        display: none;

    }

    

    .dropdown-item{

        color: #4B1F1B !important;

        font-weight: 600 !important;

    }



    .nav-link{

        color: #4B1F1B !important;

        display: block;

        width: 120px;

        font-size: 16px;

        height: 50px;

        letter-spacing: 1px;

        margin: 0 20px;

        padding: 0 4px;

        position: relative !important;

        text-align: center !important;

        text-decoration: none !important;

        

        transition: all 0.5s ease !important;

        -webkit-transition: all 0.5s ease !important;

    }



    .nav-link:hover{

        /* border-bottom: 1px solid rgb(28, 121, 184); */

        color: rgb(255, 255, 255) !important;

        transition: all 1s ease;

        -webkit-transition: all 1s ease;

        

        background-size: cover;

        transition: width 0.5s cubic-bezier((0.22, 0.61, 0.36, 1));

        z-index: 1;

    }



    .nav-link:before {

        content: '';

        

        position: absolute;

        width: 0%;

        height: 50px;

        bottom: 0px;

        

        background-size: cover;

      }

      

      .nav-link:before {

        background-image: url('../img/menu-hover.png') !important;

        background-size: cover !important;

        left: -10px;

        transition: 0.5s;

        z-index: -1;

      }

      

      

      

      .nav-link:hover:before {

        background: url('../img/menu-hover.png') !important;

        background-size: cover !important;

        width: 120%;

        z-index: -1;

        

      }



      .swiper {

        width: 100%;

        height: calc(100vh - 160px);

      }



      



      .swiper-slide {

        text-align: center;

        font-size: 18px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;

        background: transparent;

      }





      .mySwiper {

       background: url('../img/bg-main.png');

       background-position: center;

       background-size: 150vw 110vh;

       overflow: visible;

      }



      .swiper-slide img {

        display: block;

        width: 100%;

        height: 100%;

        object-fit: cover;

      }



      .swiper-slide h1{

        text-align: left;

        font-size: 80px;

        color: #4B1F1B;

        font-weight: 600;

        text-shadow: 0 0 10px rgb(248, 244, 244);

      }



      .swiper-slide p{

        text-align: left;

        font-size: 16px;

        color: #4B1F1B;

        margin-top: 20px;

        text-shadow: 0 0 10px rgb(248, 244, 244);

      }





      .review-button{

        color: #4B1F1B !important;

        text-align: left;

        width: 100%;

        font-size: 14px;

        height: 50px;

        letter-spacing: 1px;

       

        padding-top: 10px;

        position: relative !important;

        text-decoration: none !important;

        transition: all 0.5s ease !important;

        -webkit-transition: all 0.5s ease !important;

    }



    .review-button:hover{

        /* border-bottom: 1px solid rgb(28, 121, 184); */

        color: rgb(255, 255, 255) !important;

        transition: all 1s ease;

        -webkit-transition: all 1s ease;

        

        background-size: cover;

        transition: width 0.5s cubic-bezier((0.22, 0.61, 0.36, 1));

        z-index: 1;

    }



    .review-button:before {

        content: '';

        position: absolute;

        width: 0%;

        height: 50px;

        bottom: 0px;

        

        background-size: cover;

      }

      

      .review-button:before {

        background-image: url('../img/menu-hover.png') !important;

        background-size: cover !important;

        left: -5%;

        transition: 0.5s;

        z-index: -1;

      }

      

      

      

      .review-button:hover:before {

        background: url('../img/menu-hover.png') !important;

        background-size: cover !important;

        width: 40%;

        z-index: -1;

        

      }



      .section-back {

        background: url('../img/row-back.png');

        background-size: 100% 100%;

      }



      .section-back-page3 {

        background: url('../img/page3-back.png');

        background-size: 100% 100%;

      }



      .section-back-page4 {

        background: url('../img/page4-back.png');

        background-size: 100% 100%;

      }



      .section-back-page5 {

        background: url('../img/page5-back.png');

        background-size: 100% 100%;

      }



      .section-back-page6 {

        background: url('../img/footer-back.png');

        background-size: 100% 100%;

      }

    



      .fp-overflow{

        height: 100% !important;

        overflow-y: hidden !important;

        overflow: hidden !important;

      }



    

      .slider-back-img{

        position: absolute;

        overflow: visible;

        width: 95% !important;

        top: -1%;

        max-height: 92% !important;

        margin-left: 110px;

        padding: 10px;

        z-index: 2;

        transform: translateX(1600px) translateY(-750px) scale(.6);

        transition: 3000ms;

      }



      .slider-product-img{

        height: 300px !important;

        width: 80%;

        margin-top: -20%;

      }



      .slider-wrap-motion{

        display: block;

        position: relative;

        overflow: visible;

        left:50px;

      }



      .slider-back-img {

        max-height: 300px !important;

        height: 320px !important;

        margin-top: -20%;

        overflow: visible !important;

        width: 80% !important;

      }



      .slider-cloud-img{

        position: absolute;

        overflow: visible;

        width: 50% !important;

        height: 40% !important;

        max-height: 290px !important;

        margin-left: 100px;

        padding: 0px;

        z-index: 2;

        transform: translateX(1600px) translateY(-750px) scale(.6);

    transition: 3000ms;

      }



      .slider-milk-img{

        position: absolute;        

        width: 50% !important;

        left: 45% !important;

        top: 20%;

        max-height: 250px !important;

        z-index: 3;

        transform: translateX(1600px) translateY(-750px) scale(.6);

        transition: 3000ms;

      }



      .slider-product-img{

        position: absolute;

    overflow: visible !important;

    width: 100% !important;

    

    left: 15% !important;

    top: 0;

    max-height: 700px !important;

    z-index: 2;

    transform: translateX(1600px) translateY(-750px) scale(.6);

    transition: 3000ms;

  

   

      }



      @media screen and (min-width: 1920px) {

        .slider-back-img{

          

          max-width: 99% !important;

          

        }

      }

        



        .text-slider-animation {

            content: '';

            position: relative;

            left: 10%;

            top: 25%;

            height: 100%;

            transform: translateX(-1600px) translateY(-750px) scale(.6);

            transition: 3000ms;

        }



        .image-slider-animation {

            content: '';

            position: relative;

            left: 0px;

            top: 25%;

            height: 100%;

            transform: translateX(-1600px) translateY(-750px) scale(.6);

            transition: 3000ms;

            overflow: hidden;

        }



        



        .swiper-slide-next .text-slider-animation{

           

            transform: translateX(-1600px) translateY(-750px) scale(.6);

           

           

        }



        .swiper-slide-prev .text-slider-animation{

          

            transform: translateX(-1600px) translateY(750px) scale(.6);

            

           

        }



        .swiper-slide-active .text-slider-animation {

            

            transform: translateX(0px) translateY(0px) scale(1);

           

        }



        

        .swiper-slide-active .slider-product-img {

            

          transform: translateX(0px) translateY(0px) scale(1);

         

      }



      



      .swiper-slide-prev .slider-product-img{

        

          transform: translateX(1600px) translateY(750px) scale(.6);

          

         

      }



      .swiper-slide-active .slider-cloud-img {

            

        transform: translateX(0px) translateY(0px) scale(1);

       

    }



    



    .swiper-slide-prev .slider-cloud-img{

      

        transform: translateX(1600px) translateY(750px) scale(.6);

        

       

    }



    .swiper-slide-active .slider-milk-img {

            

      transform: translateX(0px) translateY(0px) scale(1);

     

  }



  



  .swiper-slide-prev .slider-milk-img{

    

      transform: translateX(1600px) translateY(750px) scale(.6);

      

     

  }



   

  .swiper-slide-active .slider-back-img {

            

    transform: translateX(0px) translateY(0px) scale(1);

   

}







.swiper-slide-prev .slider-back-img{

  

    transform: translateX(1600px) translateY(750px) scale(.6);

    

   

}



 

    .page2 .container{

      width: 100%;

      height: 100%;

      padding: 0;

      max-width: 100%;

      transform: translateX(0px) translateY(-0px) scale(2);

      transition: 3000ms;

    }



    .page3 .container{

      width: 100%;

      height: 100%;

      padding: 0;

      max-width: 100%;

      transform: translateX(0px) translateY(-0px) scale(2);

      transition: 3000ms;

    }

    

    .page4 .container{

      width: 100%;

      height: 100%;

      padding: 0;

      max-width: 100%;

      transform: translateX(0px) translateY(-0px) scale(2);

      transition: 3000ms;

    }



    .page5 .container{

      width: 100%;

      height: 100%;

      padding: 0;

      max-width: 100%;

      transform: translateX(0px) translateY(-0px) scale(2);

      transition: 3000ms;

    }



    .page6 .container{

      width: 100%;

      height: 100%;

      padding: 0;

      max-width: 100%;

      transform: translateX(0px) translateY(150px) scale(0.6);

      transition: 3000ms;

    }







    .active .section-back {

      background: url('../img/row-back.png');

      background-size: 100% 100%;

      transform: translateX(0px) translateY(0px) scale(1);

      

    }



    .active .section-back-page3 {

      background: url('../img/page3-back.png');

      background-size: 100% 100%;

      transform: translateX(0px) translateY(0px) scale(1);

      

    }



    .active .section-back-page4 {

      background: url('../img/page4-back.png');

      background-size: 100% 100%;

      transform: translateX(0px) translateY(0px) scale(1);

      

    }



    .active .section-back-page5 {

      background: url('../img/page5-back.png');

      background-size: 100% 100%;

      transform: translateX(0px) translateY(0px) scale(1);

      

    }



    .active .section-back-page6 {

      background: url('../img/footer-back.png');

      background-size: 100% 100%;

      transform: translateX(0px) translateY(0px) scale(1);

      

    }



    .page2 h1 {

      text-align: left;

        font-size: 40px;

        color: #4B1F1B;

        font-weight: 600;

        text-shadow: 0 0 10px rgb(248, 244, 244);

        transform: translateX(-1060px) translateY(-0px) scale(2);

        transition: 3000ms;

    }



    .page2 p {

      text-align: left;

        font-size: 18px;

        color: #4B1F1B;

        font-weight: 600;

        text-shadow: 0 0 10px rgb(248, 244, 244);

        transform: translateX(-1060px) translateY(-0px) scale(0.6);

        transition: 3000ms;

    }



    .image-catalog img{

      width: 80% !important;

    }



    .page3 h1 {

      margin-top:15px;

      text-align: left;

        font-size: 40px;

        color: #4B1F1B;

        font-weight: 600;

        text-shadow: 0 0 10px rgb(248, 244, 244);

        transform: translateX(-1060px) translateY(-0px) scale(2);

        transition: 3000ms;

    }



    .page4 h1 {

      margin-top:15px;

      text-align: left;

        font-size: 45px;

        color: #4B1F1B;

        font-weight: 600;

       

        transition: 3000ms;

    }



    .page3 .down{

      bottom:0px;

position:fixed;

    }



    .page4 .up{

      text-align: center;

      width: 100%;

      padding-top: 5%;

    }



    .page3 .down h1 {

      margin-top:15px;

      text-align: center;

        font-size: 45px;

        color: #4B1F1B;

        text-shadow: none !important;

        font-weight: 700;

        transform: translateX(-1060px) translateY(-0px) scale(2);

        transition: 3000ms;

    }



    .page3 .down p {

      text-align: center;

        font-size: 18px;

        bottom: 0;

        text-shadow: none !important;

        color: #4B1F1B;

        font-weight: 400;

        transform: translateX(-1060px) translateY(-0px) scale(0.6);

        transition: 3000ms;

    }



    .page4 .up h1 {

      margin-top:15px;

      text-align: center;

        font-size: 45px;

        color: #4B1F1B;

        text-shadow: none !important;

        font-weight: 700;

        transform: translateX(-1060px) translateY(-0px) scale(2);

        transition: 3000ms;

    }



    .page4 .up p {

      text-align: center;

        font-size: 18px;

        bottom: 0;

        text-shadow: none !important;

        color: #4B1F1B;

        font-weight: 400;

        transform: translateX(-1060px) translateY(-0px) scale(0.6);

        transition: 3000ms;

    }



    .page3 p {

      text-align: left;

        font-size: 18px;

        color: #4B1F1B;

        font-weight: 600;

        text-shadow: 0 0 10px rgb(248, 244, 244);

        transform: translateX(-1060px) translateY(-0px) scale(0.6);

        transition: 3000ms;

    }





    .page2 .text-prod2 h1 {

      text-align: left;

        font-size: 40px;

        color: #4B1F1B;

        font-weight: 600;

        text-shadow: 0 0 10px rgb(248, 244, 244);

        transform: translateX(1060px) translateY(-0px) scale(2);

        transition: 3000ms;

    }



    .page2 .text-prod2 p {

      text-align: left;

        font-size: 18px;

        color: #4B1F1B;

        font-weight: 600;

        text-shadow: 0 0 10px rgb(248, 244, 244);

        transform: translateX(1060px) translateY(-0px) scale(0.6);

        transition: 3000ms;

    }





    .text-prod{

      margin-left: 19%;

      margin-top: 5% !important;

      max-width: 30% !important;

    }



    .text-prod2{

      margin-left: 7%;

    margin-top: 10% !important;

    max-width: 30% !important;

    }



    .active .text-prod2 h1 {

      

      background-size: 100% 100%;

      transform: translateX(0px) translateY(0px) scale(1);

      

    }



    .active .text-prod2 p {

      

      background-size: 100% 100%;

      transform: translateX(0px) translateY(0px) scale(1);

      

    }



    .active .down h1 {

      

      background-size: 100% 100%;

      transform: translateX(0px) translateY(0px) scale(1);

      

    }



    .active .up h1 {

      

      background-size: 100% 100%;

      transform: translateX(0px) translateY(0px) scale(1);

      

    }



    .active .down p {

      

      background-size: 100% 100%;

      transform: translateX(0px) translateY(0px) scale(1);

      

    }



    .active .up p {

      

      background-size: 100% 100%;

      transform: translateX(0px) translateY(0px) scale(1);

      

    }



    .active .text-prod h1 {

      

      background-size: 100% 100%;

      transform: translateX(0px) translateY(0px) scale(1);

      

    }



    .active .text-prod p {

      

      background-size: 100% 100%;

      transform: translateX(0px) translateY(0px) scale(1);

      

    }





    .review-info-button{

      color: #4B1F1B !important;

      text-align: left;

      width: 350px;

      font-size: 12px !important;

      text-align: left !important;

      padding-left: 23px;

      height: 50px;

      letter-spacing: 1px;

      background-image: url('../img/button-back.png');

      background-repeat: no-repeat;

      background-size: contain !important;

      text-shadow: none !important;

      padding-top: 10px;

      left: 10%;

      position: relative !important;

      text-decoration: none !important;

      transition: all 0.5s ease !important;

      -webkit-transition: all 0.5s ease !important;

    

      

  }



  .review-info-button:hover{

      /* border-bottom: 1px solid rgb(28, 121, 184); */

      color: rgb(255, 255, 255) !important;

      transition: all 1s ease;

      -webkit-transition: all 1s ease;

    

      background-size: cover;

      transition: width 0.5s cubic-bezier((0.22, 0.61, 0.36, 1));

      z-index: 1;

  }



  .review-info-button:before {

      content: '';

      position: absolute;

      width: 0%;

      height: 50px;

      bottom: 0px;

      

      background-size: cover;

    }

    

    .review-info-button:before {

      background-image: url('../img/menu-hover.png') !important;

      background-size: cover !important;

      left: 0%;

      transition: 0.5s;

      z-index: -1;

    }

    

    

    

    .review-info-button:hover:before {

      background: url('../img/menu-hover.png') !important;

      background-size: cover !important;

      width: 40%;

      z-index: -1;

      

    }



    .image-prod img{

      margin-top: 5% !important;

    margin-left: -15% !important;

    width: 60%;

    transform: translateX(1060px) translateY(-0px) scale(0.6);

    transition: 3000ms;

}



.image-prod2 img{

  margin-top: 5% !important;

  margin-left: 15% !important;

  width: 60%;

  transform: translateX(-1060px) translateY(0px) scale(0.6);

  transition: 3000ms;

}



.active .image-prod2 img {

      

  background-size: 100% 100%;

  transform: translateX(0px) translateY(0px) scale(1);

  

}



.active .image-prod img {

      

  background-size: 100% 100%;

  transform: translateX(0px) translateY(0px) scale(1);

  

}







.active .section-back-page4 .products-group .product {

      

  background-size: 100% 100%;

  transform: translateX(0px) translateY(0px) scale(1);

  

}





.products-group{

  margin-top: 10%;

  display: flex;

  justify-content: space-around;

  align-items: center;

  flex-direction: row;

  padding-left: 10%;

  padding-right: 10%;



}



.page4 .products-group .product {

  height: 400px;

  width: 350px;

  border: #fff 10px solid;

  border-radius: 10px;

  color: #4B1F1B;

  transform: translateX(0px) translateY(1060px) scale(0.6);

  transition: 1500ms;

}



.products-group-pp .product {

  height: 400px;

  width: 350px;

  border: #ffffff 10px solid;

  border-radius: 10px;

  color: #4B1F1B;



}



.products-group-pp .product:hover {

  height: 290px;

  width: 350px;

  border: #FFBA00 10px solid;

  border-radius: 10px;

  color: #4B1F1B;

  background-color: #fff;

  transform: translateY(-80px);

  transition: 600ms;

}



.products-group-pp{

  margin-top: 10%;

    display: flex;

    justify-content: space-around;

    align-items: center;

    flex-direction: row;

    padding-left: 10%;

    padding-right: 10%;

    flex-wrap: wrap;

}



.page4 .products-group .product:hover {

  height: 350px;

  width: 350px;

  border: #fff 10px solid;

  border-radius: 10px;

  color: #4B1F1B;

  background-color: #fff;

  transform: translateY(-55px);

  transition: 600ms;

}



.products-group .product:hover .category-list {

 rotate: -20deg;

  transform: translateY(-10px);

  transition: 600ms;

}



.products-group-pp .product:hover .category-list {

  rotate: -20deg;

   transform: translateY(-10px);

   transition: 600ms;

 }



.products-group .product .category-list {

  display: inline-block;

  position: relative;

  width: 70%;

  height: 175px;

  border: none;

  margin-top: -80px;

  

  

}



.products-group-pp .product .category-list {

  display: inline-block;

  position: relative;

  width: 70%;

  height: 175px;

  border: none;

  margin-top: -80px;

  

  

}



.products-group .product h2 {

  padding-top: 20%;

  font-size: 35px;

  font-weight: 700;

  color: #4B1F1B;



}





.products-group .product h3 {

  

  font-size: 27px;

  font-weight: 700;

  color: #4B1F1B;



}



.subcategory-group{

  display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}



.subcategory-group .product{

  margin-top: 10%;

}



.subcategory-group .product img{

width: 70%;

    margin-left: 15%;

    max-height: 250px;

}



.subcategory-group .product h2 {

  color: #4B1F1B;

  font-size: 24px;

  font-weight: 700;

  padding: 15px;

}



.dp-product {

  position: relative;

  width: 100%;

  height: 100%;

  text-align: center;

  transition: transform 0.6s;

  transform-style: preserve-3d;

  backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  display: flex;

  align-items: center;

  flex-direction: column;

}



.contact-area{

  display: flex;

  margin-top: 75px;

    flex-direction: row;

    align-content: center;

    justify-content: center;

    align-items: center;

}



.cont-form{

  display: flex;

    flex-direction: column;

    align-content: center;

    justify-content: center;

    align-items: center;

}



.cont-form input{

  width: 50%;

  height: 50px;

  border: 1px solid #EBD49B;

  border-radius: 75px;

  margin-bottom: 20px;

  padding-left: 10px;

  font-size: 24px;

  color: #7A7A7A;

}



.cont-form .area{

  width: 50%;

  height: 250px;

  border: 1px solid #EBD49B;

  border-radius: 50px;

  margin-bottom: 20px;

  padding-left: 10px;

}



.cont-form .button{

  width: 20%;

  height: 50px;

  border: 1px solid #EBD49B;

  border-radius: 50px;

  margin-bottom: 20px;

  padding-left: 10px;

  color: #EBD49B;

  background: none;

  

}



.contact-info{

  

  margin-bottom: 50px;

}

.footer-container > .row {
flex-direction: column;
}



.contact-info p{

  color: #4B1F1B;

  font-size: 25px;

  text-align: center;

  text-align: left;

  margin-left: 20%;

}



.product-info-button{

  color: #ebd39f !important;

  text-align: center;

  width: 100%;

  font-size: 14px;

  height: 50px;

  letter-spacing: 1px;

  background-image: url(../img/menu-hover.png) !important;

  background-repeat: no-repeat;

  background-size: contain!important;

  background-position-x: 54%;

  padding-left: 10px;

  padding-top: 10px;

  margin-top: 70px;

  position: relative !important;

  text-decoration: none !important;

  transition: all 0.5s ease !important;

  -webkit-transition: all 0.5s ease !important;

}



.product-info-button:hover{

  /* border-bottom: 1px solid rgb(28, 121, 184); */

  color: #4B1F1B !important;

  transition: all 1s ease;

  -webkit-transition: all 1s ease;

  

  background-size: cover;

  transition: width 0.5s cubic-bezier((0.22, 0.61, 0.36, 1));

  z-index: 1;

}



.product-info-button:before {

  content: '';

  position: absolute;

  width: 0%;

  height: 50px;

  bottom: 0px;

  margin-left: -17px;

  background-size: cover;

}



.product-info-button:before {

  background-image: url('../img/button-back.png') !important;

  background-position-x: 50% !important;

  background-size: cover !important;

  align-items: center;

  

  transition: 0.5s;

  z-index: -1;

}







.product-info-button:before {

  background: url('../img/button-back.png') !important;

  background-size: cover !important;

  width: 150px;

  z-index: -1;

  

}



.text-area {

  display: flex;

  justify-content: flex-end;

  flex-direction: column;

  align-items: center;

  flex-wrap: wrap;

  align-content: center;

  padding-top: 10%;

  padding-left: 10%;

  padding-right: 10%;

}



.text-area img {

  width: 6%;

  height: 100%;

  object-fit: cover;

}



.text-area h1 {

  font-size: 50px;

  font-weight: 700;

  color: #EBD49B;

  

  margin-bottom: 25px;

}



.text-area h2 {

  font-size: 30px;

  font-weight: 700;

  color: #EBD49B;

  margin-top: 50px;

  margin-bottom: 15px;

}



.text-area p {

  font-size: 16px;

  font-weight: 600;

  padding-left:30%;

  padding-right: 30%;

  line-height: 40px;

  color: #fff;

  margin-top: 50px;

  margin-bottom: 15px;

}



.special-button {

  background-image: url('../img/button-back.png') !important;

  background-size: contain !important;

  background-repeat: no-repeat;

  background-position-x: 50% !important;

  color: #4B1F1B !important;

}



.insta-images {

  margin-top: 20px !important;

  

}



.instagram h1{

  font-size: 50px;

  font-weight: 700;

  color: #4B1F1B;

  margin-bottom: 25px;

}



.e-bulten{

padding-left: 10% !important;

padding-right: 10% !important;

padding-top: 5% !important;

display: flex;

justify-content: center;

    align-items: center;

}



.text-bulten{

  background-color: #ebd39f;

  width: 45%;

  border-radius: 78px;

  padding: 20px;

  margin-left: -20px;

  z-index: 1;

}



.text-bulten p {

  font-size: 16px;

  font-weight: 600;

  

  color: #4B1F1B;

  margin-top: 18px;

}



.text-bulten h1 {

  font-size: 50px;

  font-weight: 700;

  

  color: #4B1F1B;

  margin-top: -10px;

}



.text-bulten2{

  background-color: #ebd39f;

  width: 45%;

  text-align: center;

  border-radius: 78px;

  padding: 20px;

  margin-left: -20px;

  z-index: 1;

}



.text-bulten2 p {

  font-size: 16px;

  font-weight: 600;

  

  color: #4B1F1B;

  margin-top: 18px;

}



.text-bulten2 h1 {

  font-size: 50px;

  font-weight: 700;

  

  color: #4B1F1B;

  margin-top: -10px;

}



.text-input {

  width: 50%;

  margin-left: 20%;

  border: white;

  border-radius: 50px;

  font-size: 17px !important;

  padding: 10px;

  pointer-events: fill;

}



.special-send-button{

  background-image: url(../img/button-back.png) !important;

  background-size: contain !important;

  background-repeat: no-repeat;

  background-position-y: 50% !important;

  color: #4B1F1B !important;

  border-radius: 50px;

  font-size: 20px !important;

  padding: 15px;

  margin-left: 50px;

  margin-top: 25px;

}



.form-element{

  background-color: #4b1f1b;

  width: 56%;

  border-radius: 78px;

  padding: 25px;

  margin-left: -125px;

  

  display: flex;

}



.form-element input {border: 0;

  border-bottom: 1px solid #7e1f46;}



  .form-element2 {

    background-color: #4b1f1b;

    width: 56%;

    border-radius: 78px;

    padding: 25px;

    margin-left: -125px;

    z-index: 0;

    display: flex;

  }

  

  .form-element2 input {border: 0;

    border-bottom: 1px solid #7e1f46;}

  

  .footer-logo2 > img {

    width: 30%;

    margin-left: 50%;

    margin-top: 35px;

    margin-bottom: 30px;

  }









  .footer-logo2 > li {

    text-decoration: none;

    font-size: 12px;

    font-weight: 400;

    color: #4B1F1B;

    margin-bottom: 25px;

    list-style-type:none;

    line-height: 0px;

    text-align: left;

    align-items: center;

    margin-left: 40%;

    

  }



  .footer-logo > li {

    text-decoration: none;

    font-size: 12px;

    font-weight: 400;

    color: #4B1F1B;

    margin-bottom: 25px;

    list-style-type:none;

    line-height: 0px;

    text-align: left;

    align-items: center;

    margin-left: 40%;

    

  }



  .footer-menu ul{

    text-align: left;

    margin-left: -50%;

    margin-top: 54%;

  }



  .footer-menu li {

    text-decoration: none;

    font-size: 16px;

    font-weight: 400;

    color: #4B1F1B;

    margin-bottom: 25px;

    list-style-type:none;

    line-height: 0px;

    text-align: left;

    align-items: center;

    margin-left: 40%;

    

  }



  

  .footer-products ul{

    text-align: left;

    margin-left: -60%;

    margin-top: 25%;

  }



  .footer-products li {

    text-decoration: none;

    font-size: 16px;

    font-weight: 400;

    color: #4B1F1B;

    margin-bottom: 25px;

    list-style-type:none;

    line-height: 0px;

    text-align: left;

    align-items: center;

    margin-left: 40%;

    

  }



  .footer-rules ul{

    text-align: left;

    margin-left: -80%;

    margin-top: 25%;

  }



  .footer-rules li {

    text-decoration: none;

    font-size: 16px;

    font-weight: 400;

    color: #4B1F1B;

    margin-bottom: 25px;

    list-style-type:none;

    line-height: 0px;

    text-align: left;

    align-items: center;

    margin-left: 40%;

    

  }



  .footer-social {

    margin-left: -6%;

    margin-top: 3% !important;

  }



  .footer-social h1{

    font-size: 30px;

    font-weight: 700;

    color: #4B1F1B;

    margin-bottom: 25px;

   

  }



  .social-icons img {

    width: 10%;

    

  }



  .swiperNews{

    margin-top: 5%;;

    

    

  }



  .news-slider{

    

    width: 250px;

    width: 80%;

    display: flex;

    flex-direction: column;

    align-content: center;

    justify-content: center;

    align-items: center;

    



  }





  .news-slider h2{

    font-size: 30px;

    color: #4B1F1B;

    margin-top: 25px;

  }



  .news-slider p{

    font-size: 20px;

    color: #4B1F1B;

    text-align: center;

    display: -webkit-box !important;

    -webkit-line-clamp: 3;

    line-height: 25px;

    -webkit-box-orient: vertical; 

    overflow:hidden;





  }



  .swiperFuar{

    margin-top: 5%;;

    background: #FFF8EE;

    

  }



  .fuar-slider{

    

    width: 250px;

    width: 80%;

    display: flex;

    flex-direction: column;

    align-content: center;

    justify-content: center;

    align-items: center;

    



  }





  .fuar-slider h2{

    font-size: 30px;

    color: #4B1F1B;

    margin-top: 25px;

  }



  .fuar-slider p{

    font-size: 20px;

    color: #4B1F1B;

    text-align: center;

    display: -webkit-box !important;

    -webkit-line-clamp: 3;

    line-height: 25px;

    -webkit-box-orient: vertical; 

    overflow:hidden;





  }





  .newsfuar-wrapper{

    position: relative;

    overflow: hidden;

    width: 90%;

    left: 5%;

  }



  .fuar-back{

    background-color: #fff8ee;

    padding-bottom: 50px;

  }



  .fuar-back h1{

    color: #4B1F1B;

    text-align: center;

    margin-top: 50px;

    padding-top: 20px;

  }



  .gallery-item {

    position: relative;

    overflow: hidden;

    cursor: pointer;

    

    margin-top: 35px !important;

    padding: 20px;

  }



  .gallery-item img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 0.3s ease-in-out;

  }



  .video-gallery{

    background-color: #FFF8EE;

    padding-top: 20px;

    margin-top: 5%;

    padding-bottom: 50px;

  }



  .mph-p{

    color: #4B1F1B;

    font-weight: 700;

  }



  .product-info{

    width: 175px;

    border: 1px solid;

    border-color: #FFBA00;

   

  }



  .pinfo-name {

    background-color: white;

    color: #4B1F1B;

    font-size: 12px;

    text-align: center;

    padding: 5px;

    margin-bottom: 0px !important;

  }



  .pinfo-ans{

    background-color: #F2F0ED;

    color: #4B1F1B;

    padding: 5px;

    font-size: 18px;

    font-weight: 600;

    text-align: center;

    margin-bottom: 0px !important;

  }

  

  #lightbox{

 position: fixed;

 display: none;

 z-index: 100;

 top: 0;

 left: 0;

 width: 100vw;

 height: 100vh;

 background-color: rgba(0, 0, 0, .6);

}



#lightbox.active{

 display: flex;

 justify-content: center;

 align-items: center;

}



#lightbox img{

  height: 90%;

}



.footer-social-wrapper {

  display: flex;

  gap: 20px;

}



.footer-social-wrapper a img {

  width: 55px;

  height: 55px;

}



.footer-copyright {

  background-color: #4b1f1b;

  height: 50px;



}



img,

picture {

  max-width: 100%;

  display: block;

}



a {

  background-color: transparent;

  color: inherit !important;

  text-decoration: unset !important;

}



.footer-copyright>div {

  max-width: 1280px;

  margin: 0 auto;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  color: #EBD49B;

  height: 100%;

  align-items: center;

  padding: 0 20px;

}



.footer-menu-container {

  display: flex;

  margin-top: 100px;

  align-items: flex-start;

  gap: 20px;

}



.footer-menu-container div:not(:last-child) {

  width: 20%;

}



.footer-logo {



  display: flex;

  width: 160px;

  height: auto;

  margin: 0 auto 10px;

}



.footer-container-menu ul {

  list-style: none;

  padding: 0;

  display: flex;

  flex-direction: column;

  gap: 10px;

  font: normal normal normal 16px/20px Kodchasan;

  letter-spacing: 0px;

  color: #4B1F1B;

}



.footer-social-container>div,

.footer-social-container>h1 {

  width: 100% !important;

}



.footer-social-container {

  display: flex;

  flex-direction: column;

  gap: 25px;

}



.footer-social-container h1 {

  font: normal normal bold 31px/34px Kodchasan;

  letter-spacing: 0px;

  color: #4B1F1B;

}



.footer-container-menu {

  display: flex;
  justify-content: center;

  gap: 50px;

}



.footer-container-wrapper {

  max-width: 1920px !important;

  margin: 0 auto;

  padding: 0 20px !important;

}



@media screen and (max-width: 1200px) {

  .footer-menu-container>div:not(:last-child) {

    display: none !important;

  }



  .footer-container-menu {

    gap: 20px;

    justify-content: center;



  }

}



@media screen and (max-width:768px) {

  .footer-menu-container {

    margin-top: unset;

  }



  .footer-social-container {

    text-align: center;

    padding-bottom: 20px;

  }



  .footer-container-menu ul {

    gap: 5px;

    font-size: 12px;

  }



  .footer-social-container h1 {

    font-size: 24px;

  }



  .footer-copyright>div {

    justify-content: center;

    padding: 5px 5px;

    align-items: unset;

    flex-direction: column;

  }



  .footer-container-menu {

    margin-top: 30px;

    gap: 0;

    align-items: center;

    flex-direction: column;

  }



  .footer-logo {

    justify-content: center;

    width: 220px;

  }



  .text-bulten2 {

    width: 100%;

  }



  .text-bulten2 h1 {

    font-size: 23px;

  }



  .e-bulten {

    flex-direction: column;

  }



  .text-bulten2 {

    margin-left: unset;

    border-radius: unset;

    border-top-right-radius: 40px;

    border-top-left-radius: 40px;

  }



  .footer-copyright {

    text-align: center;

  }



  .form-element2 {

    width: 100%;

    margin-left: unset;

    padding: 20px;

    align-items: center;

    border-radius: unset;

    border-bottom-right-radius: 40px;

    border-bottom-left-radius: 40px;

  }



  .form-element2 input {

    height: 40px;

  }



  .special-send-button {

    padding: 0 10px;

    margin: unset;

    margin-left: 10px;

  }

}

.footer-contact li {
  text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    color: #4B1F1B;
    margin-bottom: 25px;
    list-style-type: none;
    line-height: 0px;
    text-align: left;
    align-items: center;
    margin-left: 40%;
}
@media screen and (max-width: 992px) {
    .footer-contact li {
        margin-left: 0% !important;
    }
}