/*
 * modernaweb.net
 * * * * * * * * * */

 body { background: #f4f6f9; }
 a:focus,
 a:hover {color: #000;
    text-align: justify;

}
 
 
 /* Products
 ************************** */
 .grid-x-wrapper {max-width: 85%; margin: 0 auto;}
 .product-item .product-item-content { display: block; position: relative; transition: all .3s cubic-bezier(.785,.135,.15,.86); }
 .product-item {display: block; color: #000;padding: 2rem;overflow: hidden; margin-bottom: 1rem; box-shadow: 0 4px 14px 0px rgba(162, 162, 162, 0.1); margin: 20px 0;background: #fff;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: 1rem; transform: translate3d(0,0,0); transition: all .5s 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: #97e7a2; background-color: #ffffff; border-radius: 100%; -ms-transform: translate(-50%,-100%) scale(0); transform: translate(-50%,-100%) 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(-60px); transform: translateY(-60px); }
 .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: 8pt !important; }
 .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(-60px); transform: translateY(-60px); }
 .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-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(-38px); transform: translateY(-38px); }
 .product-item:hover { text-decoration: none !important}
 .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: 12pt !important; }
 .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; margin: 0 20%;  position: relative;font-size: 10pt;font-weight: 600;color:#A60101 !important;text-transform: uppercase; border-radius: 5px; border: 1px #ffffff !important; 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-weight: 800;color:#252525 !important; text-transform: uppercase; border: 1px #ffffff !important; border-radius: 5px; 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%;}
     .col-lg-4 {padding: 0 5px;}
 }
 @media(min-width:1024px) and (max-width:1200px) {
     .product-item .product-item-title {}
     .product-item .product-item-price {font-size: 0.788rem; padding: 7px 0 0;}
     .col-lg-4 {padding: 0 7px;}
 }
 
 .product-item-image img{
width: 150px !important;
border-radius: 0% !important;
height: 150px !important;
object-fit: cover;
 }

 .navbar-inverse .navbar-nav>.active>a, nav>.active>a:focus{
    background-color: #ffffff00 ! important;
    
}

#more3 {display: none;}

.product-item-image img{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 70%;
height: 70%;
}

.test-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 100px;
    list-style: none;
  }
  .test-list li {
    width: 23%;
    margin-bottom: 10px;
  }
  img {
    width: 100%;
    height: auto;
    vertical-align: top;
  }
  .swiper {
    padding-bottom: 40px;
    margin-bottom: 100px;
  }
  .js-test-title01 {
    font-weight: bold;
  }


  .box-c {
    background: rgba(255, 255, 255, 0.7);
    height: 100%;
    width: 100%;
    box-shadow: 1px 3px 11px #cccccc66;
    border-radius: 10px;
    position: relative;
    float: right;
    align-items: center;
    display: flex;
    padding: 10px;
    margin-bottom: 25px;
}

.circle2 {
width: 126px;
object-fit:cover;
height: 126px;
  display: inline-block;
}

.circle3 {
  width: 126px;
  object-fit:fill;
  height: 126px;
    display: inline-block;
  }
  

#ro p{
    
    height:9em;
    overflow: hidden;
   
    text-overflow: ellipsis;
    
  }

  .curvy{
    padding: 25px;
    position: relative;
    width: 100%;
    bottom: -201px;
    background: white;
    border-radius: 25px 25px 0 0;
    z-index: 2;
  }
  .prosec{
    margin: auto;
    display: block;
    object-fit: scale-down;
    width: 318px;
    height: 219px;

  }
  .box-c h4{
    text-align: left !important;
  }