/*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 {
  margin-top:-6px;
  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%);
}

/*widget-news*/
.btn-news-showmore{
   color:#949494; font-size:14px; text-decoration: underline; 
}

.news-content-bg{
  background-color: #C84D90; height:190px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom:2px solid rgba(255,255,255,0.2);
  border-left:2px solid rgba(255,255,255,0.2);
  border-right:2px solid rgba(255,255,255,0.2);

}
.news-content-text{
  line-height:18px;
  font-size:13px;
  color:#000;
  width: auto;
  background-color: #FFF;
  position: absolute;
  margin:0px 12px 0px 10px;
  bottom:0px;
  padding:15px ;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 200px;
}

.news-show-more{
  font-size:13px;
  font-weight: bold;
  color:#A83FBD;
  width: 100%;
  position: absolute;
  bottom:0px;
  padding:10px 26px;
}

.news-gradient{
  position:absolute;
  bottom:190px; 
  background-image: linear-gradient(rgb(255, 255, 255, 0), rgba(200,77,144));
  height:60px; width:100%;
}

.news-image{
  object-fit: cover; height:230px; width:100%;
}

.product-image{
  object-fit: cover; height:350px; width:100%; border-radius: 8px;
}
.product-hover-zoom {
  overflow: hidden;

}

.product-hover-zoom img {
  transition: transform .90s ease; border-radius: 8px;
}

.product-hover-zoom:hover img { 
  transform: scale(1.2);  border-radius: 8px;
}


.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:99%; /*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; 
  }

}