.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner > .item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left}.carousel-inner > .item > a > img,.carousel-inner > .item > img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner > .item{-webkit-transition:-webkit-transform 0.6s ease-in-out;-o-transition:-o-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner > .item.active.right,.carousel-inner > .item.next{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);left:0}.carousel-inner > .item.active.left,.carousel-inner > .item.prev{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);left:0}.carousel-inner > .item.active,.carousel-inner > .item.next.left,.carousel-inner > .item.prev.right{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);left:0}}.carousel-inner > .active,.carousel-inner > .next,.carousel-inner > .prev{display:block}.carousel-inner > .active{left:0}.carousel-inner > .next,.carousel-inner > .prev{position:absolute;top:0;width:100%}.carousel-inner > .next{left:100%}.carousel-inner > .prev{left:-100%}.carousel-inner > .next.left,.carousel-inner > .prev.right{left:0}.carousel-inner > .active.left{left:-100%}.carousel-inner > .active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:0.5;filter: alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001)));background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.0001)), to(rgba(0,0,0,0.5)));background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:focus,.carousel-control:hover{outline:0;color:#fff;text-decoration:none;opacity:0.9;filter: alpha(opacity=90)}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;line-height:1;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width: 768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}

.carousel-indicators{bottom:20px;}
.carousel-control{z-index:4;position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.5);}
.carousel-control:hover{background:#ef3529;opacity:1;}
.carousel-control.left{left:1%;}
.carousel-control.right{right:1%;}
.carousel-control.left::before,.carousel-control.right::before{content:'';display:block;width:100%;height:100%;background:url(../images/carousel-right.svg) no-repeat center center/80%;}
.carousel-control.left::before{transform:rotate(180deg);}
.carousel-inner .item{position:absolute;top:0;left:0 !important;width:100%;height:calc(100vh - 117px);min-height:560px;max-height:820px;overflow:hidden;opacity:0;z-index:1;transition:opacity .6s ease-in-out;transform:none !important;}
.carousel-fade .carousel-inner .item.active{position:relative;opacity:1;z-index:2;}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev{display:block;left:0 !important;transform:none !important;}
/* pic */
.carousel-inner>.item .pic{width:100%;height:100%;position:absolute;left:0px;top:0px;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.banner-media,.banner-media picture,.banner-media img{position:absolute;inset:0;width:100%;height:100%;}
.banner-media img{display:block;object-fit:cover;object-position:center;}
.carousel-indicators li{width:12px;height:12px;border-radius:50px;margin:0px 5px;background:#fff;border:none;}
.carousel-indicators .active{background:#ef3529;margin:0px 5px;width:12px;height:12px;border-radius:50px;}
.bannertext{z-index:3;position:absolute;top:0px;left:0px;width:100%;height:100%;padding:0px 0px 0px;text-align:left;display:flex;align-items:center;justify-content:space-between;text-align:center;}
.bannertext-left{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0px 15% 0px 8%;text-align:left;position:relative;}
.bannertext-left:before{content:'';width:100%;height:100%;position:absolute;left:0px;top:0px;background:url(../images/banner-icon1.svg) no-repeat right center;z-index:0;background-size:cover;}
.bannertext-left:after{content:'';width:50%;height:100%;position:absolute;left:0px;top:0px;z-index:0;background:#fff;}
.bannertext-left p{position:relative;z-index:2;}
.bannertext-left .style1{color:#41c4ff;font-size:24px;margin-bottom:30px;margin-top:0px;}
.bannertext-left .style2{color:#fff;font-size:28px;margin-bottom:30px;}
.bannertext-left .style3{color:rgba(255,255,255,.75);margin-bottom:0px;}
.bannertext-right{width:50%;padding:0px 8%;text-align:left;}
.bannertext-left .banner-title{text-align:left;font-size:48px;line-height:1.1;color:#ef3529;margin:auto;margin-top:0px;font-family:'Poppins-SemiBold';margin:0;z-index:1;}
.bannertext-left p{color:#333;margin-bottom:40px;margin-top:30px;text-align:left;z-index:1;}
.bannertext-left .do-btn{padding:10px 30px;border-radius:200px;color:#fff;background:#ef3529;z-index:1;transition:background-color .3s ease,transform .3s ease;}
.bannertext-left .do-btn:hover{background:#000;transform:translateY(-2px);}
.bannertext .learnmore{opacity:0;transform:translateY(-15px);-webkit-animation:upDown 1s ease-out;animation:upDown 1s ease-out;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0.8s;margin-top:50px;}
.carousel-inner>.item.obesity-item .bannertext-left{width:62%;padding:0px 20% 0px 8%;}
.carousel-inner>.item.obesity-item .bannertext-right{width:38%;}
@-webkit-keyframes upDown{0%{opacity:0;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);}
100%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);}}
@keyframes upDown{0%{opacity:0;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);}
100%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);}}
@-webkit-keyframes upDown2{0%{transform:scale(1.05);}
50%{transform:scale(1);}
100%{transform:scale(1.05);}}
@keyframes upDown2{0%{transform:scale(1.05);}
50%{transform:scale(1);}
100%{transform:scale(1.05);}}
@media screen and (max-width:1580px){.bannertext-right .banner-title{font-size:50px;}}
@media screen and (max-width:1400px){.bannertext-right{padding:0px 5%;}
.bannertext-right .banner-title{font-size:45px;}}
@media screen and (max-width:1300px){.bannertext-left:before{background-size:cover;}
.bannertext-left .banner-title{font-size:40px;}}
@media screen and (max-width:1200px){.carousel-inner>.item.obesity-item .bannertext-left{width:50%;padding:0px 0% 0px 5%;}
.bannertext-left{padding:0px 0% 0px 5%;}
.nav>ul>li{margin-left:0;}
.bannertext-left:before{width:160%;}
.bannertext-right .banner-title{font-size:35px;}
.bannertext-left .style1{font-size:20px;margin-bottom:20px;}
.bannertext-left .style2{font-size:22px;margin-bottom:20px;}}
@media screen and (max-width:1000px){.carousel-inner>.item{height:auto;}
.carousel-inner>.item.obesity-item:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;left:0px;top:0px;z-index:2;}
.carousel-inner>.item.obesity-item .bannertext-left{width:100%;height:auto;padding:0px 50px;}
.carousel-inner>.item.obesity-item .bannertext-right{width:100%;height:auto;padding:0px 50px;}
.bannertext-left .banner-title{font-size:30px;color:#fff;}
.bannertext{align-items:flex-start;justify-content:center;flex-direction:column;}
.bannertext-right{width:100%;height:auto;padding:0px 50px;}
.bannertext-left{width:100%;height:auto;padding:0px 50px;}
.bannertext{flex-wrap:wrap;}
.bannertext-left:before,.bannertext-left:after{content:none;}
.bannertext-left p{color:#fff;}}
@media screen and (max-width:800px){.carousel-inner>.item.obesity-item .bannertext-left{padding:0px 15px;}
.bannertext-left .banner-title{font-size:22px;}
.bannertext-left p{font-size:15px;line-height:1.3;}
.bannertext-right p{margin:15px 0px 25px;}
.bannertext-right .banner-title{font-size:22px;margin-bottom:0px;margin-top:10px;}
.bannertext-left .style1{font-size:16px;margin-bottom:10px;}
.bannertext-left .style2{font-size:17px;margin-bottom:10px;}}
@media screen and (max-width:500px){.bannertext-left .banner-title{font-size:18px;}
.bannertext-left p{font-size:14px;}
.bannertext-right{padding:0px 30px;}
.carousel-control{width:30px;height:30px;}}

