/*Widget-menu*/

.banner-box{
  margin-top: 0px;
}
.container-menu{
  padding:50px 0px 30px 0px
}
.box-menu{
  background-color:rgba(255,255,255,0.4);padding:20px 0px 20px 0px; border-radius:8px;border:2px solid rgba(255,255,255,0.6);
}
.box-menu a{
  font-size:14px;color:rgba(255,255,255,0.8);
}
.img-menu{
  width:45px
}

/*Widget-content*/
.bg-home-bb {
  background-color:#000; 
}
.bg-home-bb .bb-title{
  font-size: 20px;   color: #FFF;
  margin-bottom: 20px;
}

.bg-home-bb .bb-desc{
  font-size: 16px;   color: #FFF;
  line-height: 28px; font-weight: 300;
}

.click-map{
  cursor: pointer;
}

.map-icon{
  margin-top:-135px;z-index:1000;position:absolute;left: 50%; transform: translate(-50%, -50%);
}


.product-image{
  object-fit: cover; height:290px; width:100%; border-radius: 8px; cursor: pointer;
}

.product-gradient{
  cursor: pointer;
  position:absolute;
  bottom:0px; 
  background-image: linear-gradient(rgb(255, 255, 255, 0.0), rgb(0, 0, 0,0.6));
  height:140px; width:100%;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
}

.product-hover-zoom {
  overflow: hidden; border-radius: 8px;
}

.product-hover-zoom img {
  transition: transform .90s ease; border-radius: 8px;
}

.product-hover-zoom:hover img { 
  transform: scale(1.1);  border-radius: 8px;
}

.product-caption{ 
  cursor: pointer;
  position: absolute; 
  bottom:0px; 
  width:100%; 
  text-align:center;
  left:0px;
}

.btn-shop-now{
  background-color:rgba(103, 24, 116, 0.7);color:#FFF;font-size:18px;padding:5px 20px;
}

.article-image{
  object-fit: cover; height:45vh; width:100%;
}

.article-hover-zoom {
  overflow: hidden;
}

.article-hover-zoom img {
  transition: transform .90s ease;
}


.box-widget{
  padding:0px 25px;
}

.widget-main{
  font-size: 30px;
  color: #FFF;
  margin-top:-10px;
  margin-bottom:40px;
}
.widget-title{
  padding-top:20px;
}
.widget-line{
  height: 2px;
  border: 1px solid  #671874;
}
.widget-desc{
 font-size: 14px; padding: 0px 10px; color: rgba(255,255,255,0.7);
}

.news-hover-zoom {
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top:2px solid rgba(255,255,255,0.5);
  border-left:2px solid rgba(255,255,255,0.5);
  border-right:2px solid rgba(255,255,255,0.5);
}

.news-hover-zoom img {
  transition: transform .90s ease;
}

.news-hover-zoom:hover img {
  transform: scale(1.2);
}

/*Photo Widget*/
.col-image{
  padding:4px
}
.photo-image{
  object-fit: cover; height:240px; width:100%;
}
.photo-hover-zoom {
  overflow: hidden;
}

.photo-hover-zoom img {
  transition: transform .90s ease;
}

.photo-hover-zoom:hover img {
  transform: scale(1.2);
}

.btn-photo-more{
  color:#949494; font-size:14px; text-decoration: none; 
}

.img-more-right{
  margin-left:10px;margin-top:-2px; width:10px; margin-right:20px;
}
/*partner*/
.partner-title{
  letter-spacing: 4px;color:#FFFFFF;
}
.partner-box{
  padding:30px 30px
}
.partner-box-img{
  border-radius:18px;
  padding:18px 10px; 
  text-align:center;
  background-color:rgba(255,255,255,1);
  box-shadow: 2px 2px 20px rgba(0,0,0,0.3);
}
.story-box{
  padding:0px
}
.story-box-img{

  padding:0px; 
  text-align:center;
  background-color:rgba(255,255,255,1);
  box-shadow: 2px 2px 20px rgba(0,0,0,0.3);
}

.content-center{
  display: flex;
  justify-content: center;
  align-items: center;

}

.widget-banner{
  height:100vh; width: 100%; 
}
.widget-banner iframe{
  border-radius: 12px;
}

@media only screen and (max-width: 768px) {

  .banner-box{
    margin-top: 0px;
  }
  .news-main{
      font-size:18px;margin-top:40px;margin-bottom:0px;
  }

  .partner-box{
    padding:10px 10px
  }
  .partner-box-img{
    border-radius:18px;
    padding:10px 10px; 
    text-align:center;
    background-color:rgba(255,255,255,1);
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
  }
  .story-box{
    padding:10px 10px
  }
  .story-box-img{
    border-radius:18px;
    padding:10px 10px; 
    text-align:center;
    background-color:rgba(255,255,255,1);
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
  }

  .widget-banner{
    height:auto; width: 100%; padding-top:7vh; 
  }

}