/*Product details*/
    
*{
  margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	box-sizing: border-box;
}

@font-face{
  font-family: 'Lemon Tuesday';
  src: url('../../assets/font/LemonTuesday.otf') format('truetype');
}
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Raleway:wght@300&display=swap');

body {
  justify-content: center;
  align-items: center;
  font-family: 'Raleway', sans-serif;
  padding: 0;
  margin: 0;

}   

/*Product Card*/
.card{
  position: relative;
  width: 100%;
  height: 340px;
  display: flex;
  flex-direction: column;
margin-top: 3rem;

}
    
@media(max-width:700px){
  .card {
  /* margin-right: 40%;*/
   height: 500px;
position: center;
margin-bottom: -10rem;
margin-top: -15rem;
}
.card img{
  height: auto;
  width: auto;


}
}

    
.card span{
  position: absolute; 
  top:0;
  left: calc(100% / 5 * var(--i));
  width: calc(100% / 5 );
  height: 100%;
}
      
.card img{
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  pointer-events: none;
  border-radius: 15px;
}

.card img:nth-child(2),
.card span:hover + img{
  opacity: 1;
  background: transparent;

 }



.textmuted {
  color: #0c7451;
  font-size: 1.8rem;
  font-family: 'Raleway', sans-serif;
  font-weight: bolder;
}

.fs-14{
  color: #0c7451;
  font-size: 1.8rem;  
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
}

@media screen and (max-width:300px){
  .fs-14{
    text-align: right;
    justify-content: right;
    align-items: right;
    justify-items: right;
  }

}

.pe-1{
  font-size: 3.4rem;
  font-family: 'Lemon Tuesday';
  color: #0a7350;
  font-weight: bold;
}

/*Product container*/

/*description*/
/*description icon*/
.socialicon i{
  float: left;
  padding: 10px;
  margin: 5px;
  height: 25px;
  width: 20px;
  font-size: 20px;
  color: #0a5039;
}

.div{
padding:5%;
margin: auto;
width: 100%;height: auto; text-align: center;
}
.textdescription{
    font-size: 1.5rem;
    color: #0a7350;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
}

.textheader{
    font-size: 2.5rem;
    color: #0a7350;
    font-family: 'Lemon Tuesday';
    font-weight: bold;
    line-height: 3rem;
 
}
.featuredprod{
  font-size: 2.5rem;
  color: #0a7350;
  font-family: 'Lemon Tuesday';
  font-weight: bold;
  line-height: 3rem;
 
}


/*button*/

  
.button {
  border: none;
  color: white;
	background: linear-gradient(to right,#0c7451, #81b585);
  padding: 8px 22px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  font-family: 'Raleway', sans-serif;
}

.buy {
  background-color: white; 
  color: #fff; 
  font-family: 'Raleway', sans-serif;
  border-radius: 6px;
  font-weight: bold;
}

.buy:hover {
  background-color: #fff;
  color: white;
}
/**/

/*===================BANNER=================*/
.highlight{
  color: #fff;
  font-family: 'Lemon Tuesday';
  font-size: 3.5rem;
  text-shadow: 3.5px 3.5px #0a7350;
}

.myid h2{
  line-height: 90px;
  font-size: 3.5rem;
  font-weight: bold;
  color: #0c7451;
  font-family: 'Lemon Tuesday';
  margin-top:-0.5px;
  text-shadow: 4px 4px #ffffff;
}
.titlename{
  line-height: 170px;
  font-size: 1rem;
  color: #0c7451;
  font-family: 'Lemon Tuesday';
  margin-top:5%
}

.myid p{
  color: #0c7451;
  font-size: 2rem;
  font-weight: bold;
}

.clearout{
  height: 90px;
  clear: both;
} 
    

/*MY FOOTER*/
.details img{

	width: 90px;
	height: 85px;
	
}
.details{
text-align: center;
justify-content: center;
align-items: center;
justify-items: center;
}
.details p{
font-size: 2rem;
color: #0c7451;
font-weight: bold;
}
.details a{
font-size: 2rem;
color: #0c7451;
font-weight: bold;
text-decoration: none;
}
.details a:hover{
color: #82b585;
text-decoration: none;

}
.copyright{
width: 100%;
height: auto;
background: linear-gradient(to right,#0a7350, #82b585);
justify-items: center;
justify-content: center;
align-items: center;
text-align: center;

}
.copyright p{
font-size: 1.5rem;
color: white;
}
@media screen and (max-width: 600px) {
.copyright p {
  font-size: 13px;
}


}

.copyright a{

color: #0a2e22;
font-weight: bold;


}
.copyright i{
width: 30px;
height: 30px;
color: white;
font-size: 2rem;
}
.copyright i:hover{

color: #0a7350;
}
.copyright a:hover{

color: white;
text-decoration:none;
}


/*Nav bar*/
    #header a {
      color: #ffffff;
      transition: 0.5s;
      font-family: 'Raleway', sans-serif;
    
      }
      #header a:hover,
      #header a:active,
      #header a:focus {
      color: #bdf3bb;
      outline: none;
      text-decoration: none;
      }
      
      #header p {
      padding: 0;
      margin: 0 0 30px 0;
      }
      
      #header h1,
      #header h2,
      #header h3,
      #header h4,
      #header h5,
      #header h6 {
      font-weight: 400;
      margin: 0 0 20px 0;
      padding: 0;
      }
      
      /* Back to top button */
      
      .back-to-top {
        position: fixed;
        display: none;
        background: #0c7451;
        color: #fff;
        width: 44px;
        height: 44px;
        text-align: center;
        line-height: 1;
        font-size: 16px;
        border-radius: 50%;
        right: 15px;
        bottom: 15px;
        transition: background 0.5s;
        z-index: 11;
        }
        
        .back-to-top i {
        padding-top: 12px;
        color: #fff;
        }
      
      /*--------------------------------------------------------------
      # Top Bar
      --------------------------------------------------------------*/
      
     
  #topbar {
    padding: 0 0 10px 0;
    font-size: 14px;
    transition: all 0.5s;
    }
    
    #topbar .social-links {
    text-align: right;
    }
    
    #topbar .social-links a {
      margin-top: 5px;
    color: #ffffff;
    padding: 4px 12px;
    display: inline-block;
    line-height: 1px;
    }
    
    #topbar .social-links a:hover {
    color: #0c7451;
    }
    
    #topbar .social-links a:first-child {
    border-left: 0;
    }
    
      /*--------------------------------------------------------------
      # Header
      --------------------------------------------------------------*/
      
      #header {
        height: 95px;
        transition: all 0.5s;
        z-index: 997;
        transition: all 0.5s;
        padding: -8px 0;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        transition: all 0.5s;
        z-index: 997;
      border:none;
        background: linear-gradient(to right,#0a7350, #82b585);
        font-family: 'Raleway', sans-serif;
        
        }
        
        #header.header-scrolled,
        #header.header-pages {
        height: 70px;
        padding: 15px 0;
        background-color: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);
        }
        
        #header.header-scrolled #topbar,
        #header.header-pages #topbar {
        display: none;
        }
        
        #header .logo h1 {
        font-size: 36px;
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: 400;
        letter-spacing: 3px;
        text-transform: uppercase;
        }
        
        #header .logo h1 a,
        #header .logo h1 a:hover {
        color: #413e66;
        text-decoration: none;
        }
       #header .logo img {
        padding: 0;
        margin: -25px 0;
        max-height: 80px;
        
        }
      
        
        .main-pages {
        margin-top: 60px;
        }
        
      
      /*--------------------------------------------------------------
      # Navigation Menu
      --------------------------------------------------------------*/
      
      /* Desktop Navigation */

      #activedropdown{
        background-color: #0c7451;
        border-radius: 0;
      }

      .shop{
        background-color: #135c40;
        border: 2px solid rgb(255, 255, 255);
        border-radius: 5px;
        
        }
      
      .main-nav,
      .main-nav * {
      margin: 0;
      padding: 0;
      list-style: none;
      }
      
      .main-nav > ul > li {
      position: relative;
      white-space: nowrap;
      float: left;
      font-family: 'Raleway', sans-serif;
      }
      
      .main-nav a {
      display: block;
      position: relative;
      color: #413e66;
      padding: 10px 15px;
      transition: 0.3s;
      font-size: 14px;
      font-family: 'Raleway', sans-serif;
      font-weight: 600;
      text-decoration: none;
    
    
      }
      
      .main-nav a:hover,
      .main-nav .active > a,
      .main-nav li:hover > a {
      color: #9ffa8d;;
      text-decoration: none;
      }
      
      .main-nav .drop-down ul {
      display: block;
      position: absolute;
      left: 0;
      z-index: 99;
      opacity: 0;
      visibility: hidden;
      padding: 10px 0;
      background: linear-gradient(to right,#0a7350, #82b585);
      box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
      transition: ease all 0.3s;
      font-family: 'Raleway', sans-serif;
      }
      
      .main-nav .drop-down:hover > ul {
      opacity: 1;
      top: 100%;
      visibility: visible;
      
      }
      
      .main-nav .drop-down li {
      min-width: 180px;
      position: relative;
      font-family: 'Raleway', sans-serif;
    
      }
      
      .main-nav .drop-down ul a {
      padding: 10px 20px;
      font-size: 14px;
      font-weight: 500;
      text-transform: none;
      color: #065e77;
      font-family: 'Raleway', sans-serif;
    
      }
      
      .main-nav .drop-down ul a:hover,
      .main-nav .drop-down ul .active > a,
      .main-nav .drop-down ul li:hover > a {
      color: #1bb1dc;
      }
      
      .main-nav .drop-down > a:after {
      content: "\f107";
      font-family: FontAwesome;
      padding-left: 10px;
      }
      
      .main-nav .drop-down .drop-down ul {
      top: 0;
      left: calc(100% - 30px);
      }
      
      .main-nav .drop-down .drop-down:hover > ul {
      opacity: 1;
      top: 0;
      left: 100%;
      }
      
      .main-nav .drop-down .drop-down > a {
      padding-right: 35px;
      }
      
      .main-nav .drop-down .drop-down > a:after {
      content: "\f105";
      position: absolute;
      right: 15px;
      }
      
      /* Mobile Navigation */
      
      .mobile-nav {
      position: fixed;
      top:90px;
      bottom: 0;
      z-index: 9999;
      overflow-y: auto;
      left: -260px;
      width: 260px;
      padding-top: 25px;
      background: rgba(47, 88, 59, 0.582);
      transition: 0.4s;
    text-align: center;
      }
      
      .mobile-nav * {
      margin: 0;
      padding: 0;
      list-style: none;
    
      }
      
      .mobile-nav a {
      display: block;
      position: relative;
      color: #fff;
      padding: 10px 40px;
      font-weight: 600;
      font-size: 1.5rem;
    
      }
    
      .mobile-nav a:hover,
      .mobile-nav .active > a,
      .mobile-nav li:hover > a {
      color: #9ffa8d;
      text-decoration: none;
      }
      
      .mobile-nav .drop-down > a:after {
      content: "\f078";
      font-family: FontAwesome;
      padding-left: 10px;
      position: absolute;
      right: 15px;
      text-decoration: none;
    
      }
      
      .mobile-nav .active.drop-down > a:after {
      content: "\f077";
      }
      
      .mobile-nav .drop-down > a {
      padding-right: 35px;
      }
      
      .mobile-nav .drop-down ul {
      display: none;
      overflow: hidden;
      text-decoration: none;
    
      }
      
      .mobile-nav .drop-down li {
      padding-left: 20px;
      }
      
      .mobile-nav-toggle {
      position: fixed;
      right: 0;
      top: 0;
      z-index: 9998;
      border: 0;
      background: none;
      font-size: 24px;
      transition: all 0.4s;
      outline: none !important;
      line-height: 1;
      cursor: pointer;
      text-align: right;
      }
      
      .mobile-nav-toggle i {
      margin: 30px 18px 0 0;
      color: white;
      }
      
      .mobile-nav-overly {
      width: 100%;
      height: 100%;
      z-index: 9997;
      top: 0;
      left: 0;
      position: fixed;
      background: rgba(47, 70, 38, 0.8);
      overflow: hidden;
      display: none;
      margin-top: 90px;
    
      }
      
      .mobile-nav-active {
      overflow: hidden;
      }
      
      .mobile-nav-active .mobile-nav {
      left: 0;
      }
      
      .mobile-nav-active .mobile-nav-toggle i {
      color: #fff;
      }
      
  
 /*--------------------------------------------------------------
 # Responsive Media Queries
--------------------------------------------------------------*/

@media (max-width: 991px) {
#topbar {
   display: none;
}
        
#header {
  height: 90px;
  padding: 30px 0;
}

#header .logo img{
  height: 80px;
}

#header .logo h1 {
  font-size: 28px;
  padding: 8px 0;
  }     
 }
        
@media (max-width: 768px) {
  .back-to-top {
  bottom: 15px;
}
}
 
/* Products */
.product-item:hover{
  color: #17996e;
}

.product-item-title h2{
  color: #0a7350;
  font-family: Lemon Tuesday;
}

.product-item-category p{
  color: #0a7350;
  font-size: 2rem;
  text-align: justify;
}

.grid { display: grid; }
.grid-x-wrapper {
max-width: 80%; 
align-items: center;
justify-content: center;
text-align: center;
margin: 0  auto;
display: flex;
}
.product-item .product-item-content { 
display: block; 
position: relative; 
transition: all .3s cubic-bezier(.785,.135,.15,.86); 
}
        
.product-item {display: block;text-align: center; 
  color: #000;padding: 2rem;overflow: hidden;
  margin-bottom: 1rem;margin: 20px 0;border-radius: 7px;
  transform:scale(0.97,0.97);
  transition: all .17s cubic-bezier(0.24, 0.71, 0.58, 0.57);
}
        
.product-item:hover {
  box-shadow: 0 0px 50px -10px rgba(0,0,0,0.3); 
  transform:scale(1,1);
}

        
.product-item:hover .product-item-image { 
  transition-delay: .2s; 
  -ms-transform: scale(.8) translateY(-15%); 
  transform: scale(.8) translateY(-15%);
 }
       
.product-item .product-item-image { display: block; 
  position: relative; margin-bottom: 2rem; 
  transform: translate3d(0,0,0); 
  transition: all .1s cubic-bezier(.68,-.55,.265,1.55); 
}
        
.product-item .product-item-image img { 
  border-radius:100%; 
  position: relative; 
  z-index: 3; }
        
.product-item:hover .product-item-image-hover { 
  transition-delay: .1s;
   -ms-transform: translate(-50%,-42%) scale(.85);
    transform: translate(-50%,-42%) scale(.85); 
  }
        
.product-item .product-item-image-hover { 
  position: relative; z-index: 2; 
  width: 100%;
 height: 100%; background: #0a7350;
 background: -moz-linear-gradient(135deg,  #0a7350 0%,#82b585   100%); 
 background: -webkit-linear-gradient(135deg,  #0a7350 0%,#82b585    100%); 
 background: linear-gradient(135deg,  #0a7350 0%,#82b585    100%); 
 border-top-left-radius: 50% 25%;
 border-top-right-radius: 1em 3em;
  border-bottom-right-radius: 50% 25%;
 border-bottom-left-radius: 1em 3em;
-ms-transform: translate(-50%,-120%) scale(0); transform: translate(-50%,-120%) scale(0); position: absolute;
 top: 50%;
  left: 50%; transition: all .6s cubic-bezier(.68,-.55,.265,1.55); opacity: 0; 
  visibility: hidden;
}
        
.product-item:hover .product-item-image-hover { 
  opacity: 1; 
  visibility: visible;
}

        
.product-item:hover .product-item-category { 
  transition-delay: .3s; 
}

.product-item:hover .product-item-category,
.product-item:hover .product-item-price,
.product-item:hover .product-item-title { 
  -ms-transform: translateY(-50px);
  transform: translateY(-50px); 
}
.product-item .product-item-category,
.product-item .product-item-price,
.product-item .product-item-title { 
  transition: all .3s cubic-bezier(.785,.135,.15,.86);
}
.product-item .product-item-category { 
  font-size: .875rem;
 }
.product-item:hover .product-item-title {
   transition-delay: .4s; 
  }
.product-item:hover .product-item-category,
.product-item:hover .product-item-price,
.product-item:hover .product-item-title { 
  -ms-transform: translateY(-50px); 
  transform: translateY(-50px);
 }
.product-item .product-item-category,
.product-item .product-item-price,
.product-item .product-item-title { 
  transition: all .3s cubic-bezier(.785,.135,.15,.86);
 }

.product-item .product-item-title { 
  font-size: 1.125rem; font-weight: 600;
 }

.product-item:hover .product-item-price { 
  transition-delay: .5s; 
}

.product-item:hover .product-item-category,
.product-item:hover .product-item-price,
.product-item:hover .product-item-title { 
  -ms-transform: translateY(-50px); transform: translateY(-50px); 
}

.product-item .product-item-category,
.product-item .product-item-price,
.product-item .product-item-title { 
  transition: all .3s cubic-bezier(.785,.135,.15,.86);
 }

.product-item .product-item-price { 
  font-size: 1.0625rem;
 }
.product-item:hover .button-pill { 
  transition-delay: .6s;
}

.product-item:hover .button-pill {opacity: 1;
  -ms-transform: translateY(5px) translateX(-50%);
  transform: translateY(5px) translateX(-50%);
}

.product-item .button-pill { 
  position: absolute; 
  bottom: 0; left: 50%; 
  -ms-transform: translateY(30px) translateX(-50%);
   transform: translateY(30px) translateX(-50%); 
   opacity: 0;
    transition: all .3s cubic-bezier(.785,.135,.15,.86);
   }

.button-pill span 
{
  display: inline-block;
  position: relative;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
    background: #0a7350; background: -moz-linear-gradient(135deg,  #0a7350 0%,#eddc97    100%);
    background: -webkit-linear-gradient(135deg,  #0a7350 0%,#0f772e    100%);
     background: linear-gradient(135deg,  #0a7350 0%,#eddc97    100%);
      color: #000;border-radius: 1.5rem;padding-top: .6rem;padding-bottom: .6rem;padding-left: 2.1rem;padding-right: 2.1rem;box-shadow: 0 14px 25px 0px rgba(75,204,140,0.1); transition: all .37s ease;
    }

.button-pill:hover span {
  display: inline-block;position: relative;font-size: 1.5rem;
  font-weight: 600;letter-spacing: .09em;text-transform: uppercase; 
   background: #5f5f5f; background: #0a7350; 
   background: -webkit-linear-gradient(135deg,  #5f5f5f 0%,#0a7350    100%);
    background: linear-gradient(135deg,  #5f5f5f 0%,#0a7350    100%); 
    color: #fff;border-radius: 1.5rem;
    padding-top: .6rem;padding-bottom: .6rem;
    padding-left: 2.1rem;padding-right: 2.1rem; box-shadow: 0 14px 25px 0px rgba(0,0,0,0.1);}

@media(min-width:1200px) and (max-width:1366px) {
 .button-pill {width: 100%;}
  .product-box {padding: 0 10px;}
}
@media(min-width:1024px) and (max-width:1200px) {
.product-item .product-item-title {font-size: 0.888rem;}
 .product-item .product-item-price {font-size: 0.788rem; padding: 7px 0 0;}
.product-box {padding: 0 7px;}
}
        
@media screen and (max-width: 600px) {
 .grid-x-wrapper {
  display: block;
 }
 }
   
 /*text logo*/
.detailslogo{
  text-align: right;
  justify-content: right;
  align-items: right;
  justify-items: right;
  margin-top: -2rem;
 
}
.detailslogo img{
	width: 90px;
	height: 90px;
  margin-top: -16rem;
  margin-right: -1rem;

}
@media(max-width: 700px){
  .detailslogo img{
    width: 90px;
    height: 90px;
    margin-top: -18rem;
    margin-right: -1rem;
  }
}
  
  /*TAB */
  .responsive-tabs {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  margin-top: 3rem;

  position:relative;
  border-radius: 6px;
  }

.responsive-tabs dt{
  text-align: center;
  padding: 0.4em;
  cursor: pointer;
  font-weight: bold;
  border-radius: 6px;
  height: 3.9rem;
  font-family: 'Raleway', sans-serif;
  margin-left: 2rem;

}

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

  .responsive-tabs{
    font-weight: bolder;
    margin: 1.5rem;
    padding: 0;
  }

  .responsive-tabs dt {
  font-size: 1.8rem;
  font-weight: 900;
  margin-top: 3rem;
  margin-left:0;
  }
}

.responsive-tabs dt:first-child {
  border-top: 0;
}
.responsive-tabs .active {
  background: linear-gradient(to right,#0a7350, #82b585);
  color: #fff;
}
.responsive-tabs .active + dd {
  display: block;
}
.responsive-tabs dd {
  display: none;
  padding: 0.5em;
  margin: 0;
  font-weight: bold;
  
}

.responsive-tabs dd .textheader{
    font-size: 3rem;
  line-height:5rem;

}

.responsive-tabs dd, .textdescription{
  font-size: 1.8rem;
  text-align: justify;

}

.responsive-tabs-placeholder {
  display: none;
  font-size: 1rem;
  text-align: justify;
  margin: -2rem;
  font-family: 'Raleway', sans-serif;
  }


@media only screen and (min-width: 768px) {
 .responsive-tabs dt {
    float: left;
    border-top: 0;
    font-size: 1.rem;
    font-weight: bolder;
    text-align: justify;
    font-size: 1.8rem;
  }

  .responsive-tabs .active + dd {
    display: none;
    text-align: justify;
    
  }

  .responsive-tabs-placeholder {
    clear: both;
    display: block;
    padding: 2rem;
    margin-top: 3rem;
    margin-left:0;
     font-size: 3.5rem;
     text-align: justify;
     font-family: 'Raleway', sans-serif;

  }
  .responsive-tabs dd .textheader{
    font-size: 3.4rem;
  line-height: 3.5rem;

}
}


  /*=================*hr================================*/
  .hr-theme-slash-2 {
    display: flex;
    
    
    }
    .hr-theme-slash-2 .hr-line {
      width: 100%;
      position: relative;
      margin: 20px;
      height: 2px;
      background-image: linear-gradient(to right, transparent, #078058, transparent);
    
    }
    .hr-theme-slash-2 .hr-icon {
      position: relative;
    
      color: #0a7350;
      font-size: 3rem;
    }

    .wrapper2
    {
      padding-top: 1px;
    justify-content: center;
    align-items: center;
    
    }
    .wrapper2 h3{
      color:#0a7350 ;
      font-size: 3rem;
    }
    
    .divider2
    {
      position: relative;
      margin-top: 5px;
      height: 1px;
    }
    
    .div-transparent2:before
    {
      content: "";
      position: absolute;
      top: 0;
      left: 5%;
      right: 5%;
      width: 90%;
      height: 1px;
      background-image: linear-gradient(to right, transparent, rgb(22, 122, 27), transparent);
    }
    
    .div-arrow-down2:after
    {
      content: "";
      position: absolute;
      z-index: 1;
      top: -7px;
      left: calc(50% - 7px);
      width: 14px;
      height: 14px;
      transform: rotate(45deg);
      background-color: white;
      border-bottom: 1px solid rgb(25, 66, 9);
      border-right: 1px solid rgb(11, 71, 38);
    }
    

/*Application*/

.portfolio-item{
	width:10%;
  padding: 0;
  margin: 0;
  margin-bottom: 2rem;
  object-position: center;
  align-items: center;
  cursor: pointer;
}
.portfolio-item .item{
	width:103px;
	float:left;
	margin-bottom:1px;

  cursor: pointer;

}

.item img{
  border: 1px solid; 
  color: #fff;
}

@media only screen and (max-height:700px) {
  .owl-carousel .item{
    margin: 8px;
  }
}

@media screen and (max-width:700px) {
  .portfolio-item{
    cursor: pointer;
    padding: 0rem;
   margin: 0;
   object-position: center;
   align-items: center;

  }
  .portfolio-item .item{
    object-position: center;
    align-items: center;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }
}

/*product slider*/

/*----------------------------*\
	Section
\*----------------------------*/

.Container{
  margin: 5rem;
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;

}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: hand;

}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

.slick-slide.dragging img {
  pointer-events: none;


}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.img-fill {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center;


}

.img-fill img {
  height: 100%;
  min-width: 100%;
  position: relative;
  display: inline-block;
  max-width: none;
  border: 2px solid transparent;
  background: #fff;
}
/* Slider Theme Style */


.Container:after,
.Container .Head:after {
  content: '';
  display: block;
  clear: both;
}

.Container .Head {
  font: 20px/50px NeoSansR;
  color: #222;
  height: 52px;
  overflow: hidden;
  border-bottom:1px solid rgba(0,0,0,.25);
}

.Container .Head .Arrows {
  float: right;
}

.Container .Head .Slick-Next,
.Container .Head .Slick-Prev {
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-top: 6px;
  background: #2b2b2b;
  color: #FFF;
  margin-left: 5px;
  cursor: pointer;
  font: 18px/36px FontAwesome;
  text-align: center;
  transition: all 0.5s;
}

.Container .Head .Slick-Next:hover,
.Container .Head .Slick-Prev:hover {
  background: #33687a;
}

.Container .Head .Slick-Next:before {
  content: '\f105'
}

.Container .Head .Slick-Prev:before {
  content: '\f104'
}

.SlickCarousel {
  margin: 0 -7.5px;
  margin-top: 10px;
}

.ProductBlock {
  padding: 0 7.5px;
}

.ProductBlock .img-fill {
  height: 200px;
  border: 2px solid transparent;
}

.ProductBlock .img-fill img{
  width: 100%;
  height: 100%;
}

@media screen and (max-width:700px) {
  .ProductBlock .img-fill img {
  width: 100%;
  height: 90%;
   
  }
}


@media screen and (max-width:900px) {
  .ProductBlock .img-fill img{
    width: 30%;
    height: 30%;
  }
  .ProductBlock .img-fill{
    width: 100%;
    height: auto;
  }
}


.ProductBlock h3 {
  font-size: 2rem;
  color: #0a7350;
  font-family: 'Lemon Tuesday';
  margin-top: 5px;
  text-align: center;

}
.ProductBlock h2 {
  font-size: 3rem;
  font-weight: 600;
  color: #0a7350;
  font-family: 'Lemon Tuesday';
  margin-top: 5px;
  text-align: center;

}