*{margin:0; padding:0; outline:none; box-sizing:border-box;}
:root {--light-grey:#f0efef;--grey:#767676; --darkgrey:#565656;--displayFlex: flex; --justifyContent: space-between; --wrap: wrap; --nowrap: no-wrap;}
body{font-family:Poppins,Arial,Sans-Serif;color:#000;font-size:14px;line-height:22px;background:#fff}
a{text-decoration:none; color:#000000;}
ul li{list-style:none;}
img{border:none; max-width:100%; width: 100%; height: 100%;}
h1{font-weight:normal;}
.mainhd{display:block;}
.mainhd h2{font-size:30px; line-height:40px; margin-bottom:30px; padding-bottom:10px; text-align:center; position:relative;}
.mainhd h2:hover{color:#915907;}
.mainhd h2:after{content:''; width:275px; height:1px; background-color:#e3e1dc; position:absolute; bottom:0; transform:translate(-50%, 0px); left:50%; z-index:1;}
.mainhd h2:before{content:''; width:130px; height:3px; background-color:#915907; position:absolute; bottom:0; transform:translate(-50%, 1px); left:50%; z-index:2;}
.clr{clear:both; display:block;}
.clr:after{content:''; clear:both; overflow:hidden; display:block;}
.d-flex{display: var(--displayFlex);}
.d-wrap{flex-wrap: var(--wrap);}
.d-nowrap{flex-wrap: var(--nowrap);}
.jst-content{justify-content: var(--justifyContent);}
i{display:inline-block; background-repeat:no-repeat; background-position:center; background-size:100%;}
section{display:block; width: 100%; clear: both; padding: 40px 0; min-height: 200px; position: relative;}
.vtContainer{max-width: 1100px; margin: 0 auto; clear: left;}
h2, h3 {text-align: center;font-size: 26px; color: #000; margin-bottom: 20px; position: relative; font-weight: 400;line-height: 36px;}
.bold{font-weight: 600;}
.bold span{color: #00ab5f;}
.vtContainer p {text-align: center;font-size: 16px; line-height: 32px;}
.webstories {flex-wrap: var(--nowrap); justify-content: var(--justifyContent); gap:0px; width: 100%; display: var(--displayFlex); height: 335px;}
.webstories li {width: 18% !important; margin-left: 0;border: 1px solid #000; box-shadow: 0 0 10px #ccc;}
.webstories li .figure {position: relative; overflow: hidden; border-radius: 0px;  height: 334px;  background-position: center 41px;}
.webstories .figure img {display: block; width: 100%; object-fit: cover; -webkit-transform-style: preserve-3d; position: relative; transform-style: preserve-3d; box-shadow: 0 0 10px #000;}
.webstories .figure:after {content: '';position: absolute; left: 0px; bottom: 10px; width: 100%; border-bottom: 0px dashed #fff;}
.webstories .figure .webStoriesblock {position: absolute; z-index: 2; padding: 40px 15px 15px; bottom: 0; box-sizing: border-box; left: 0; width: 100%; cursor: pointer; overflow: hidden; background:-moz-linear-gradient(top,rgba(248,80,50,0) 0,rgba(0,0,0,1) 100%); background: -webkit-gradient(left top,left bottom,color-stop(0,rgba(248,80,50,0)),color-stop(100%,rgba(0,0,0,1))); background:linear-gradient(to bottom,rgba(248,80,50,0) 0,rgba(0,0,0,1) 100%);}
.webstories li a p {color: #fff; white-space: pre-wrap; line-height: 1.5; font-size: .85rem; padding: 10px 0 0;}
.webstories li .figure a{position: relative; z-index: 1;}
.webstories li .figure a span {position: absolute; top: 5px; right: 4px; height: 24px; z-index: 2;}
.webstories li .figure a span svg {width: 17px;height: 17px; display: inline-block; fill: #fff; top: 2px; left: 2px;}

.vt-benefits {display: var(--displayFlex); gap: 60px;  flex-wrap: var(--nowrap); justify-content: center; overflow: hidden;}
.vt-benefits li {width: calc(24% - 24px);}
.vt-benefits li figure {position: relative; margin-bottom: 5px; height: 235px; width: 240px; display: block; box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 10px;}
.vt-benefits li figure img {position: relative; z-index: 0; display: block; border-radius: 10px; overflow: hidden;}
.vt-benefits li figure i{width: 60px; height: 60px; border-radius: 100px; overflow: hidden; background: #fff; border: 2px solid #343e04; position: absolute; bottom: -30px; right: 2px;}
.vt-benefits li figure i svg {width: 40px; height: 40px; position: relative; top: 8px; left: 9px; fill: #343e04;}
figure img {font-size: 0;}
.vt-benefits li .caption span {display: block; margin-bottom: 5px;}
.vt-benefits li .caption p a, .vt-benefits li .caption p {font-size: 16px; line-height: 1.8; text-align: left; display: block;}

.common-box {display: var(--displayFlex); gap: 19px;  flex-wrap: var(--nowrap); justify-content: var(--justifyContent);}
.common-box li {width: calc(25% - 0px); box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 10px; overflow: hidden; background: #fff;}
.common-box li figure {position: relative; margin-bottom: 5px; height: 165px; width: 260px; display: block; }
.common-box.uncut li figure iframe{width: 100%; height: 162px; min-height: auto;}
.common-box li figure iframe{width: 100%; height: auto; min-height: 270px;}

.common-box li figure img {position: relative; z-index: 0; display: block;}
.common-box li figure i{width: 70px; height: 70px; border-radius: 100px; overflow: hidden; background: #fff; border: 2px solid #333; position: absolute; bottom: -35px; right: 2px;}
.common-box li .caption span {display: block; margin-bottom: 10px; font-size: 11px; color: #8b8b8b; padding-top: 15px;}
.common-box li .caption p a, .common-box li .caption p {font-size: 14px; line-height: 1.7; text-align: left; display: block;}
.common-box li .caption p {padding: 5px 15px 15px;}
.common-box.uncut{flex-wrap: var(--wrap); width: calc(54% - 0px); gap: 20px;}
.common-box.firstImage{width: calc(43% - 0px);}
.common-box.firstImage li{width: calc(100% - 0px);}
.common-box.firstImage li .caption p{padding: 10px 20px;}
.common-box.firstImage li .caption p a, .common-box.firstImage li .caption p {font-weight: bold; font-size: 18px; line-height: 1.8rem;}
.common-box.uncut li {width: calc(48% - 0px);}
.common-box li figure{width: 100%;}
.common-box.firstImage li figure {position: relative; margin-bottom: 5px; height: 265px; width: 100%;  display: block;}
.common-box.firstImage li figure i.video {position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; border-radius: 50px;  display: flex; align-items: center; z-index: 2; border: 0; background: none;}
.common-box.firstImage li figure i svg {width: 50px; height: 50px; fill: var(--red);}
.bg-gradient{background-color: #ebe9e3; background-image: linear-gradient(to right, #ebe9e3, #eee0d0, #fffffc, #f6ded9);}
.bg-gradient-1{background-image: linear-gradient(to right, rgba(233,231,224),  rgba(250,235,228));}
.bg_top{background: url(../images/curve_bg-top.png) bottom center no-repeat; display: block; height: 38px; position: relative;top: -17px;}
.bg_bot{background: url(../images/curve_bg.png) bottom center no-repeat; display: block; height: 17px; position: relative;top: 15px;}
.common-box.uncut li figure i.video {position: absolute; top: 50%; left: 50%; z-index: 1;  margin: -20px 0 0 -20px; width: 50px;  height: 50px; border-radius: 50px; background: none; display: flex; align-items: center; z-index: 2;}
.common-box.uncut li figure i svg {width: 35px; height: 35px;  fill: var(--red);}
.uncutBox{display: var(--displayFlex); justify-content: var(--justifyContent);}
.pb{padding-bottom: 0;}
.vt-jbooti{width: 100%; background: url(../images/vt-banner-n.png) no-repeat center bottom; height: 390px; position: relative;background-size: 65%;}
.vt-jbooti.bgnone{background: none; height: auto;}
.vt-jbooti .readmore{position: absolute; bottom: 100px; left:44%;}
.vt-jbooti .readmore a{background-color: #00ab5f; padding: 9px 35px 6px; border-radius: 8px; color: #fff; font-size: 15px;}
.vt-jbooti .readmore a:hover{background: rgb(11, 140, 83, .8);transition: 2s;}

.common-box.swiper-wrapper{gap: 0;}
.swiper-container{margin:auto; z-index:1; position:relative; overflow:hidden;padding: 15px 0;}
.long-slider-1 .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.long-slider-1 .swiper-slide{-webkit-flex-shrink:0;-ms-flex: 0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.long-slider-1 .swiper-button-prev, .long-slider-1 .swiper-button-next{position:absolute; bottom:43px; width:30px; height:35px; cursor:pointer; padding: 20px 0; z-index:999999; border-radius:2%; background-color:rgba(18,18, 18, 0.8); transition: 2s;}
.swiper-button-prev:hover, .swiper-button-next:hover{ background-color: #000000;   animation: bounceLeft 2s infinite; }
.long-slider-1 .swiper-button-prev:hover i, .long-slider-1 .swiper-button-next:hover i{ border:solid #fff; border-width:0 2px 2px 0; }
.long-slider-1 .common-box.swiper-wrapper li figure{height: 175px;}
.long-slider-1 .swiper-slide .caption p a{height: 65px;}


.long-slider-2 .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.long-slider-2 .swiper-slide{-webkit-flex-shrink:0;-ms-flex: 0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.long-slider-2 .swiper-button-prev, .long-slider-2 .swiper-button-next{position:absolute; bottom:43px; width:30px; height:35px; cursor:pointer; padding: 20px 0; z-index:999999; border-radius:2%; background-color:rgb(255 255 255 / 80%); transition: 2s;}
.long-slider-2 .swiper-button-prev:hover i, .long-slider-2 .swiper-button-next:hover i{ border:solid #9e9e9e; border-width:0 2px 2px 0; }

@keyframes bounceLeft {
	0%,	20%,50%,80%,100% {
	  -ms-transform: translateX(0);
	  transform: translateX(0);
	}
	40% {
		-ms-transform: translateX(6px);
		transform: translateX(6px);
	  }
  }
.long-slider-1 .swiper-button-prev i, .long-slider-1 .swiper-button-next i{border:solid #9b9b9b; border-width:0 2px 2px 0; display:inline-block; padding:5px; position:absolute; top:14px; }
.long-slider-1 .swiper-button-prev i{right:8px;}
.long-slider-1 .swiper-button-next i{left:8px;}
.long-slider-1 .swiper-button-prev i{transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.long-slider-1 .swiper-button-next i{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.long-slider-1 .swiper-button-prev{right:25%;}
.long-slider-1 .swiper-button-next{right:21%;}
.long-slider-1 .swiper-button-prev, .long-slider-1 .swiper-button-next{top:45%;}
.long-slider-1 .swiper-button-prev{left:0;}
.long-slider-1 .swiper-button-next{right:0;}

.long-slider-2 .swiper-button-prev i,.long-slider-2 .swiper-button-next i{border:solid #000; border-width:0 2px 2px 0; display:inline-block; padding:5px; position:absolute; top:14px; }
.long-slider-2 .swiper-button-prev i{right:8px;}
.long-slider-2 .swiper-button-next i{left:8px;}
.long-slider-2 .swiper-button-prev i{transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.long-slider-2 .swiper-button-next i{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.long-slider-2 .swiper-button-prev{right:25%;}
.long-slider-2 .swiper-button-next{right:21%;}
.long-slider-2 .swiper-button-prev, .long-slider-2 .swiper-button-next{top:45%;}
.long-slider-2 .swiper-button-prev:hover, .long-slider-2 .swiper-button-next:hover{ background-color: #c5c5c5;   animation: bounceLeft 2s infinite; }
.long-slider-2 .swiper-button-prev{left:0;}
.long-slider-2 .swiper-button-next{right:0;}

.media {display: grid; grid-template-columns: 47.5% 49.5%; gap: 44px; margin-bottom: 30px;}
.media .col {width: 100%;}
.media .col h3 {margin-bottom: 15px; font-size: 20px; text-align: center; font-weight: 600;}
.video-iframe {position: relative; padding-bottom: 47%;  padding-top: 25px; height: 0; margin-bottom: 12px;clear: both;}
.video-iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
.media .common-box.swiper-wrapper{gap: 0;}
.media .common-box li {box-shadow: 0 0 0px rgba(0,0,0,.2); border-radius: 0;}
.media .swiper-container{margin:auto; z-index:1; position:relative; overflow:hidden;padding: 0;}
.gallerySwiper .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.gallerySwiper .swiper-slide{-webkit-flex-shrink:0; -ms-flex: 0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.gallerySwiper .swiper-button-prev, .gallerySwiper .swiper-button-next{position:absolute; bottom:43px; width:30px; height:35px; cursor:pointer; padding: 20px 0; z-index:999999; border-radius:2%; background-color:rgba(18,18, 18, 0.8); transition: 2s;}
.swiper-button-prev:hover, .swiper-button-next:hover{ background-color: #000000;   animation: bounceLeft 2s infinite; }
.gallerySwiper .swiper-button-prev:hover i, .gallerySwiper .swiper-button-next:hover i{ border:solid #fff; border-width:0 2px 2px 0; }
@keyframes bounceLeft {
	0%,	20%,50%,80%,100% {
	  -ms-transform: translateX(0);
	  transform: translateX(0);
	}
	40% {
		-ms-transform: translateX(6px);
		transform: translateX(6px);
	  }
  }
.gallerySwiper .swiper-button-prev i, .gallerySwiper .swiper-button-next i{border:solid #9b9b9b; border-width:0 2px 2px 0; display:inline-block; padding:5px; position:absolute; top:14px; }
.gallerySwiper .swiper-button-prev i{right:8px;}
.gallerySwiper .swiper-button-next i{left:8px;}
.gallerySwiper .swiper-button-prev i{transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.gallerySwiper .swiper-button-next i{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.gallerySwiper .swiper-button-prev{right:25%;}
.gallerySwiper .swiper-button-next{right:21%;}

.gallerySwiper .swiper-button-prev, .gallerySwiper .swiper-button-next{top:45%;}
.gallerySwiper .swiper-button-prev{left:0;}
.gallerySwiper .swiper-button-next{right:0;}

section.topSection {display: block; width: 100%; clear: both; padding: 0; min-height: auto;}
section.topmenuBox {display: block; width: 100%; clear: both; padding: 15px 0; min-height: auto;}
.topBanner .swiper-container{padding: 0;}
.topBanner .common-box.swiper-wrapper{gap: 0;}
.topBanner  .common-box li {box-shadow: 0 0 0px rgba(0,0,0,.2); border-radius: 0; width: 100%;}
.media .swiper-container{margin:auto; z-index:1; position:relative; overflow:hidden;padding: 0;}
.vttopban .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.vttopban .swiper-slide{-webkit-flex-shrink:0; -ms-flex: 0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.vttopban .swiper-button-prev, .vttopban .swiper-button-next{position:absolute; bottom:35px; width:45px; height:45px; cursor:pointer; padding: 16px 0; z-index:999999; border-radius:50%; background-color:rgba(255,255, 255, 0.8); transition: 2s;}
.swiper-button-prev:hover, .swiper-button-next:hover{ background-color: #000000;   animation: bounceLeft 2s infinite; }
.vttopban .swiper-button-prev:hover i, .vttopban .swiper-button-next:hover i{ border:solid #fff; border-width:0 2px 2px 0; }
.vttopban .common-box li figure{height: auto;}
.vttopban .swiper-button-prev i, .vttopban .swiper-button-next i{border:solid #9b9b9b; border-width:0 3px 3px 0; display:inline-block; padding:5px; position:absolute; top:18px; }
.vttopban .swiper-button-prev i{right:14px;}
.vttopban .swiper-button-next i{left:14px;}
.vttopban .swiper-button-prev i{transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.vttopban .swiper-button-next i{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.vttopban .swiper-button-prev, .vttopban .swiper-button-next{top:45%;}
.vttopban .swiper-button-prev{left:8%;}
.vttopban .swiper-button-next{right:8%;}
.vttopban .swiper-pagination {position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10; width: 100%; display: flex;  justify-content: center; align-items: center; bottom: 10px;}
.vttopban .swiper-pagination span{margin: 0 5px;}
.vttopban .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #000; opacity: 1;}
.vttopban .swiper-pagination span{color: #000; margin-bottom: 5px; font-size: .7rem; display: var(--displayFlex);  align-items: center;  text-transform: uppercase; justify-content: var(--justifyContent);}
.swiper-pagination-bullet {width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block;border-radius: 50%;background: var(--swiper-pagination-bullet-inactive-color,#fff);opacity: var(--swiper-pagination-bullet-inactive-opacity, .8);	}
.topmenuCat {position: relative; margin: 0; overflow: hidden; display: var(--displayFlex); justify-content: var(--justifyContent);}	
.topmenuCat ul {display: flex; margin: 0; padding: 0 0 10px; line-height: 20px; white-space: nowrap; font-size: 14px; overflow-x: auto; overflow-y: hidden;}
.topmenuCat li {margin-right: 8px;}
.topmenuCat li.logo {margin-right: 30px;}
.topmenuCat li.logo a{ background-color: transparent; padding: 0;}
.topmenuCat li.logo svg{width: 125px; height: 29px; fill: #569141; display: block;}
.topmenuCat ul li a {font-size: 12px; text-transform: none; background-color: #f5f5f5; padding: 6px 20px; display: block; border-radius: 20px; box-shadow: 0 0px 0px 0px rgb(0 0 0 / 10%); text-decoration: none !important; color: #000;}
.topmenuCat ul li a.active{background: #f9e5d0;}
.topmenuCat ul li a:hover{background-color: rgba(249, 229, 208, 0.8);  transition: 2s;}
.topmenuCat ul.socialshare li a{background: none; margin: 0; padding: 0;}
.topmenuCat ul.socialshare li a i:hover{transition: 2s;background-color: rgba(197, 160, 119, 0.8);}
.socialshare li i{width: 25px; height: 25px; border-radius: 50px; background: #030303; margin-top: 6px;}
.socialshare li i svg{fill: #fff; width: 12px; height: 12px; position: relative; top: 4px; left: 6.5px;}
.topmenuCat ul.socialshare li.wticon a{background: #00c06c;border-radius: 5px; margin-top: 3px; color: #fff; padding: 5px 30px 5px 10px; line-height: 18px; display: block; position: relative;}
.topmenuCat ul.socialshare li.wticon a:hover{background-color: rgba(161, 116, 67, 0.8);  transition: 2s;}
.topmenuCat ul.socialshare li.wticon i{background: none; border-radius: 5px; position: absolute; top: -10px; right: 4px;}
.topmenuCat ul.socialshare li.wticon i svg {width: 15px; height: 15px; border-radius: 50px; background: none; margin-top: 6px;}

.vtContest{display: var(--displayFlex); justify-content: var(--justifyContent); gap: 20px; align-items: flex-start;    margin: 25px 0;}
.vtContest ul.vcL{background: url(../images/tea_bg.png) top left no-repeat; background-size: 68%; width: 50%; height: 290px; background-position: 49px 0;} 
.vtContest ul.vcL li img{top: -8px; width: 165px; margin-left: 244px;  position: relative;}
.vtContest .participate ul.vcR{ width: 100%;  display:  var(--displayFlex); flex-wrap: wrap; gap: 21px;justify-content: flex-end;}
.vtContest .participate ul.vcR li{width: 48%;}
.vtContest .participate ul.vcR li input {border: 1px solid #fff; border-radius: 0; height: 40px; margin: 0;width: 100%; padding-left: 10px;}
.vtContest .participate ul.vcR li input.fupload{ background: #fff url(../images/fileuploa.png) right 10px no-repeat; text-indent: -999px;}
.vtContest .participate ul.vcR li input.submit{background: #9a6328; color: #fff; text-transform: uppercase;}
.participate{width: 48%;}
.participate h4 {position: relative; font-size: 15px; color: #333;}
.participate h4 img{width: 45px; position: absolute; top: -16px; left: 210px; height: auto;}
.participate h3{text-align: left; color: #9a6328; line-height: 42px; margin-bottom: 10px;}
.flowerL-1, .flowerL-2, .flowerR-1, .flowerL-3, .flowerR-2, .flowerR-3, .flowerR-4,.flowerL-3-1 {width: 100px; position: absolute;}
.flowerL-1 img, .flowerL-2 img,.flowerL-3, .flowerR-1 img, .flowerR-2 img, .flowerR-3 img, .flowerR-4 img,.flowerL-3-1 img {height: auto;}
.flowerL-1{left: -40px; bottom: 0;}
.flowerR-1 {right: 0; bottom: 80px;}
.flowerR-2 {right: 0; bottom: -80px;}
.flowerL-2{left: 0px; bottom: 120px;}
.flowerR-3 {right: 0; bottom: 160px;}
.flowerR-4 {right: 0; top: -35px;}
.flowerL-3{left: 0px; bottom: 120px;}
.vt-benefits li figure i svg,.socialshare li i svg, .topmenuCat ul.socialshare li.wticon i svg{ -webkit-transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out;}
.vt-benefits li figure i:hover{background: rgb(52, 62, 4);} 
.vt-benefits li figure i svg:hover, .socialshare li i svg:hover, .topmenuCat ul.socialshare li.wticon i svg:hover{fill:#fff; -webkit-transform: rotate(60deg); transform: rotate(360deg);}
.circle-in{--white: #000; height: 335px; overflow: hidden; width: 672px; position: relative; top: 0;}
.circle{/* background-image: linear-gradient(19deg, #fff0 0%, #fff0 100%); */ display: flex; align-items: center; justify-content: center;}
/* .ban{position: absolute; bottom: -7px;left: 13px;} */
.ban{width: 75%; margin: 0 auto; display: flex; justify-content: center;}
.ban img{width: 94%; height: auto; left: 3px; position: relative;}	
.badge {--badge-size: 672px; display: flex; justify-content: center; align-items: center; height: var(--badge-size); background: var(--black); border-radius: 100%;	/*animation: identifier 50s linear infinite;*/	width: 100%; max-width: 768px; position: relative;	top: 0;	}
.badge img{width: 567px; height: auto;}
.badge__emoji {display: block;margin: 0;animation: identifier 20s linear infinite;animation-direction: reverse; transition: all 0.3s; &:hover {opacity: 0.8; transform: scale(1.2);}}
.badge__char {--char-font-weight: 600; --char-font-size: 1.2em; --char-width: 1px; display: block; position: absolute; top: 0; left: calc(51% - var(--char-width) / 2.1); height: calc(var(--badge-size) / 2.1); width: var(--char-width); background-repeat: round; text-align: center; text-transform: uppercase; line-height: 1rem; font-weight: var(--char-font-weight); font-size: var(--char-font-size); color: var(--white); font-family: var(--char-font-family); transform-origin: bottom center; transform: rotate(var(--char-rotate)); margin-top: 10px;}
  
@-webkit-keyframes identifier {
	0% {
		-webkit-transform: rotate(1turn);
	  transform: rotate(1turn);
	}
  
	to {
   
	   -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
  }
  
  @keyframes identifier {
	0% {
	  -webkit-transform: rotate(1turn);
	  transform: rotate(1turn);
	}
  
	to {
	  
	  
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
  }
  

.Nmobile{display: none;}
.Nweb{display: block;}
@media only screen and (max-width:1300px){
	.vtContainer{margin: 0 auto; max-width: 1100px;}
}
@media only screen and (max-width:1100px){

	.vtContainer {max-width: 1050px; box-sizing: border-box; margin: 0 auto; padding: 0 20px;}
	
	}
@media only screen and (max-width:1024px){
	.vt-benefits, .common-box {gap: 30px; flex-wrap: var(--wrap);}
	.vt-benefits li, .common-box li {width: calc(400px - 0px);}
	.vtContainer.padZ, .common-box.padZ{padding: 0;}
	.webstories {flex-wrap: var(--nowrap);gap: 0px;  height: auto;padding: 0px;width: 100%;box-sizing: border-box;}
	.webstories li {flex: 0 0 42%;margin-left: 0;}
	.uncutBox{flex-wrap: var(--wrap);}
	.common-box.firstImage, .common-box.uncut {width: calc(100% - 0px);}
	.common-box.uncut li figure{height: auto;}
	.common-box.uncut{margin-top: 30px;}
	.common-box.uncut li {width: calc(46% - 0px);}
	.common-box{gap: 25px;}
	.common-box li {width: calc(47% - 0px);	}
	.common-box li figure{height: auto;}
	.common-box.firstImage li figure{height: auto;}
	.common-box.swiper-wrapper{flex-wrap: var(--nowrap);}
	.media {grid-template-columns: 100%; gap: 20px;}
	.topmenuCat{flex-wrap: var(--wrap);}
	.topmenuCat li {margin-right:5px;}
	.topmenuCat li.logo {margin-right:10px;}
	.vttopban .swiper-button-prev, .vttopban .swiper-button-next {top: 32%;}
	.topmenuCat ul.socialshare{margin: 14px auto 0;}
	.vtContest{flex-wrap: var(--wrap);}
	.vtContest ul.vcL, .participate{width: 100%;}
	.vtContest ul.vcL{    background-size: 360px;background-position: center;}
	.vtContest ul.vcL li img{margin-left: 52%; top: -2;  }
	.vt-benefits li figure{height: auto; width: 100%;}
	.circle-in {height: 305px;	width: 100%; top: 0;}
	.ban {width: 100%;}
	.ban img {width: 100%; height: auto;left: 0px;	position: relative;}
	.Nweb{display: none;}
	.Nmobile{display: block;}
	.vttopban .swiper-button-prev, .vttopban .swiper-button-next{top: 42%;}
	.participate h4 img {width: 45px;top: -16px;left: inherit;}
	.participate h4, .participate h3{text-align: center;}
	.vtContest .participate ul.vcR {width: 95%;	gap: 20px;}
	.video-iframe{padding-bottom:75%;}
}
@media only screen and (max-width:767px){
	.webstories li {flex: 0 0 38%;margin-left: 0;}
	.common-box li {width: calc(47% - 0px);}
	.vtContest .participate ul.vcR li{width: 46%;}	
	.vt-jbooti {width: 100%; background: url(../images/vt-banner-n.png) no-repeat center bottom; height: 375px;	position: relative;	background-size: 100%;}	
	.vt-jbooti .readmore {bottom: 35px;	left: 36.5%;}
	.flowerL-1, .flowerL-2,.flowerL-3,  .flowerR-1, .flowerR-2, .flowerR-3, .flowerR-4 {display: block; width: 70px;}
	.flowerR-1 {right: 0;top: 89px;}
	.flowerR-2 {right: 0; bottom: -50px; width: 41px;}
	.flowerR-3 {right: 0; top: 0;	width: 70px;}
	.flowerL-2 {left: 0px;	bottom: -29px;}
	.flowerR-4 {right: 0; top: -52px;	width: 70px;}
	.flowerL-3 {left: 0px; bottom: -10px; width: 60px;}
	.badge {--badge-size: 430px; margin-top: 20px;}	
	.long-slider-2 .swiper-button-prev, .long-slider-2 .swiper-button-next{display: none;}
	.long-slider-1 .common-box.swiper-wrapper li figure{height: 250px;}
}


@media only screen and (max-width:567px){
.webstories li {flex: 0 0 40%;margin-left: 0;}	
.common-box li {width: calc(45% - 0px);}
.vt-jbooti{height: 295px}		
.badge {--badge-size: 435px;}
.badge__char {--char-font-size: .85em;}
.vtContest .participate ul.vcR {width: 97.5%;}
.vt-jbooti .readmore{bottom: 45px;}
.vt-jbooti .readmore a {padding: 9px 30px 6px;}
.common-box li figure iframe{min-height: 198px;}
.common-box.uncut li figure iframe{ height: 93px;}
.video-iframe iframe{ height: 190px; min-height: 190px;}
.video-iframe{ padding-bottom: 40%;}

}
@media only screen and (max-width:467px){
.webstories li {flex: 0 0 49%;margin-left: 0;}	
.webstories li .figure{height: 350px;}	
.vt-jbooti{height: 235px}
.vt-jbooti .readmore {bottom: 27px;	left: 35.5%;}
.circle-in {height: 245px;}
.badge { margin-top: 10px; margin-left: 2px;--badge-size: 380px;}
.badge__char {--char-font-size: .83em;}

}
@media only screen and (max-width:367px){
	.common-box li {width: calc(100% - 0px);}	
	.common-box li {width: calc(45% - 0px);}
	.vt-jbooti { height: 163px;	position: relative;	background-size: 100%;}
	.vt-jbooti .readmore {bottom: 30px;	left: 39.5%;}
	.vt-jbooti .readmore a{padding: 8px 12px; font-size: 12px;}
	.badge {--badge-size: 300px;}
	.circle-in {height: 200px;}
	.ban img {width: 100%; left: 0;}
	.long-slider-1 .common-box.swiper-wrapper li figure{height: 210px;}
}