.owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:var(--t)}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:var(--r);z-index:1}.owl-stage{position:var(--r);-ms-touch-action:pan-Y}.owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-stage-outer{position:var(--r);overflow:hidden;transform:translate3d(0px,0,0)}.owl-dot,.owl-next,.owl-prev{cursor:pointer;cursor:hand;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-refresh .owl-item{display:none}.owl-item{position:var(--r);min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.owl-item img{display:var(--i);max-width:100%;width:100%;transform-style:preserve-3d;}.owl-carousel.owl-text-select-on .owl-item{user-select:auto}.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-item .owl-lazy{opacity:0;transition:var(--t)}.owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-nav [class*=owl-]{display:table;font-family:'icomoon';font-size:24px;width:36px;height:100%;line-height:100%;position:var(--a);top:0;padding:10px;color:var(--m);transition:var(--t)}.owl-nav [class*=owl-]:hover{color:var(--w)}.owl-nav [class*=owl-]:before{display:table-cell;vertical-align:middle;font-family:'icomoon';font-size:24px;}.owl-prev{left:0}.owl-next{right:0}.owl-prev:before{content:'\f053'}.owl-next:before{content:'\f054'}.owl-dot{display:var(--i);zoom:1;*display:inline}.owl-dot.active span,.owl-dot:hover span{background:var(--m)}.owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:var(--t);border-radius:30px}

.sales{background-image:url(../images/2024-xmas-bg.jpg);background:image-set(url(../images/2024-xmas-bg.webp));}
.pic-bg1{background-image:url(../images/banner-1.jpg);background:image-set(url(../images/banner-1.webp));}
.pic-bg2{background-image:url(../images/banner-2.jpg);background:image-set(url(../images/banner-2.webp));}
.pic-bg3{background-image:url(../images/banner-3.jpg);background:image-set(url(../images/banner-3.webp));}
.owl-bannershow{position:var(--r);width:100%;height:880px;height:100vh;background-color:var(--w);overflow:hidden;}
.owl-banner,.owl-banner .owl-stage-outer,.owl-banner .owl-stage,.owl-banner .owl-item,.owl-banner .item{height:100%;overflow:hidden;}
.owl-banner .item{background-repeat:no-repeat;background-size:cover;background-position:center;}
.owl-banner .banner-table{background: none;}
.owl-banner .bannerbox{position:var(--r);z-index:2;max-width:1060px;padding:50px;background-color: rgba(255,255,255,0.75); display:block;margin:50px auto;text-align:center;}
.owl-banner .sales .bannerbox{ background: none;}
.owl-banner h1,.owl-banner h2{color: var(--b); font-size:2rem;margin-top:0px;margin-bottom:20px;}
.owl-banner p{line-height:30px;font-size:18px;}
.owl-banner .btn{margin:1rem auto 0;}
.owl-banner .owl-dots{display:block;width:100%;position:var(--a);bottom:20px;left:0}
.owl-banner .owl-dots .owl-dot span{width:16px !important;height:16px !important}
.owl-banner .owl-dots .owl-dot.active span,.owl-banner .owl-dots .owl-dot:hover span {background:var(--m) !important;}
.owl-banner .owl-controls .owl-nav [class*=owl-]{opacity:0;padding:10px 15px 10px 10px;top:auto;bottom:0;width:42px;height:100%;color:var(--w);background-color:none}
.owl-banner .owl-controls .owl-nav [class*=owl-]:before{font-size:30px !important;line-height:100%;color:var(--w)}
.owl-banner .owl-controls .owl-nav .owl-prev:hover{opacity:1}
.owl-banner .owl-controls .owl-nav .owl-next:hover{opacity:1}
.owl-banner .owl-controls .owl-nav .owl-prev{left:0 !important;border-radius:0 !important}
.owl-banner .owl-controls .owl-nav .owl-next{right:0 !important;border-radius:0 !important}
@media (min-width:768px){.owl-banner .bannerbox{opacity:0;} .owl-banner .active .bannerbox{animation:sport-p .5s linear;-moz-animation:sport-p .5s linear;-webkit-animation:sport-p .5s linear;-o-animation:sport-p .5s linear;opacity:1;} @-webkit-keyframes sport-h1{0%{transform:translateY(-80px);opacity:0;} 100%{transform:translateY(0px);opacity:1;} } @keyframes sport-h1{0%{transform:translateY(-80px);opacity:0;} 100%{transform:translateY(0px);opacity:1;} } @-o-keyframes sport-h1{0%{transform:translateY(-80px);opacity:0;} 100%{transform:translateY(0px);opacity:1;} } @-moz-keyframes sport-h1{0%{transform:translateY(-80px);opacity:0;} 100%{transform:translateY(0px);opacity:1;} } @-webkit-keyframes sport-p{0%{transform:translateY(80px);opacity:0;} 50%{opacity:0;} 100%{transform:translateY(0px);opacity:1;} } @keyframes sport-p{0%{transform:translateY(80px);opacity:0;} 50%{opacity:0;} 100%{transform:translateY(0px);opacity:1;} } @-o-keyframes sport-p{0%{transform:translateY(80px);opacity:0;} 50%{opacity:0;} 100%{transform:translateY(0px);opacity:1;} } @-moz-keyframes sport-p{0%{transform:translateY(80px);opacity:0;} 50%{opacity:0;} 100%{transform:translateY(0px);opacity:1;} } }

.container p{color: var(--b1);}
.container .in-head p{color: var(--b);font-size: 1.1rem;}
.con_container{z-index: 2;}
.row>div{padding: 15px;}
.in-onebox{position: var(--r); height: 100%;background:var(--g);padding:15px 15px 40px;}
.in-onebox .fa{font-size: 36px;color: var(--m);}
.in-onebox .page-tit3{margin-top: 20px;}
.in-onebox a{position: var(--a);bottom: 15px;left: 15px;text-decoration: underline;}
.in-onebox a span{display: none;}
.gradualbg .btn{color: var(--b);}
.gradualbg .btn:hover,.gradualbg p{color: var(--w)}
.gradualbg .btn::before{background:var(--w);}
.in-twobox{padding: 0 50px;}
.in-two{align-items: center;}
.in-two>div{padding: 0 15px;}
.in-two .col-lg-7{padding: 50px 15px;}
.in-two .in-twoimg{overflow: hidden;height: 100%;}
.in-two img{display: none; width: auto;max-height: 360px;}
.in-threeimg{width: auto;height: 100%; position: var(--a);top: 0; right: 0;overflow: hidden;z-index: 1;}
.in-threeimg img{display: none; width: auto;height: 100%;}
.in-threebox {position: var(--r);padding-left: 90px;margin: 15px 0;}
.in-threebox .fa{position: var(--a);top: 0;left: 0; width: 70px;height: 70px;line-height: 70px;border-radius: 70px; background: var(--m);color: var(--w);font-size: 30px;text-align: center;transition:all ease-in-out 0.2s;}
.in-threebox .fa:hover{transform: scale(1.1);}
.tabs{margin-top: 10px }
.tabs .content { position: var(--r); z-index: 1;margin-top: 20px; }
.tabs .content .content-current { display: block; }
.tabs .content section { display: none }
.tabs nav li { display: var(--i); cursor: pointer; }
.tabs nav li a { display: var(--i); color: var(--b);text-transform: uppercase; padding: 5px 10px }
.tabs nav li:hover a,.tabs nav .tab-current a { color: var(--m) }
.tabs nav .tab-current { position: var(--r); z-index: 2; }
.in-four{margin: 0;}
.in-four>div{padding: 0;overflow: hidden;height: 360px; position: var(--r);}
.in-four>div img { width: 100%; height: 100%; object-fit: cover; position: var(--a); left: 0px; top: 0px; opacity: 0.9; transition: all .5s ease-in-out; }
.in-four>div:hover img { opacity: .95; transform: scale(1.1); }
.in-four .btn{margin: 0 auto;border: 1px solid var(--w);font-weight: normal;padding: 8px 20px;}
.in-four .btn:hover{border: 1px solid var(--v);}
.in-four .btn::before{background: none;}
.in-four a{display: table;width: 100%;height: 100%;position: var(--a);left: 0;top: 0;background-color: rgba(0,0,0,0.3);opacity: 1;}
.in-four>div:hover a{background-color: rgba(0,0,0,0.55);opacity: 1;}
.in-fourbox{display: table-cell;vertical-align: middle;padding: 15px;}
.in-four .page-tit3{color: var(--w);}
.in-five>div{display: flex; align-items: center; justify-content: center;margin: 20px 0;}

@media (min-width:768px){.in-threeimg img{opacity: 0.3;}.in-five .col-md-4{ border-right: 1px solid var(--g2); }.in-five .col-md-4:nth-child(2n){border-right: 0;}.in-two img,.in-threeimg img{display: var(--i);}} 
@media (min-width:992px){.five-center{ margin-left: 33.33333333% !important; }.in-five .col-md-4:nth-child(2n){ border-right: 1px solid var(--g2); }.in-five .col-md-4:nth-child(3n){border-right: 0;}.in-five .col-md-4:last-child{border-left: 1px solid var(--g2);} }
@media (min-width:1200px){.owl-banner h2{font-size:2.5rem;}} 
@media (min-width:1440px){.in-onebox{padding:30px 40px 50px;}.in-onebox a{bottom: 20px;left: 40px;}.in-threeimg img{opacity: 0.9;}} 
@media (max-width:1200px){.owl-banner .bannerbox{width: 90%;}}
@media (max-width:1024px){.owl-bannershow{height:660px;} .owl-banner h2{font-size:1.75rem;} .owl-banner p{line-height:1.5;font-size:14px;} .owl-banner .btn{margin-top:0px;} } 
@media (max-width:992px){.in-two img{width: 100%; height: 100%; object-fit: cover; position: var(--a); left: 0px; top: 0px;}.in-two{align-items: normal;}}
@media (max-width:768px){.pic-bg1{background:image-set(url(../images/banner-1s.webp));}.pic-bg2{background:image-set(url(../images/banner-2s.webp));}.pic-bg3{background:image-set(url(../images/banner-3s.webp));} }
@media (max-width:600px){.owl-banner .bannerbox{padding:20px 10px;} .owl-banner h2{font-size:1.25rem;}.in-twobox{padding: 0 20px;} }