@import "font.css"; 
@import "https://fonts.googleapis.com/css?family=Luckiest+Guy";
html, body, div{ margin:0; padding:0; }
html { 
	-ms-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
 
 
body {
  margin: 0; padding: 0; width: 100%; background: #ffffff;
  color: #fff; font-family: 'OzoneX';  min-width:320px; overflow-x:hidden;
  font-weight: 400; font-size:30px; line-height:1.15;    }

img{ border:none; max-width:100%; outline:0; vertical-align:middle;  }
:focus { outline:0; }
a:active { outline:none; }
.word-wrap { word-wrap: break-word; } 
.clear{ clear:both; }
.clearvdo{ clear:both; }
.box{ display:block; position:relative; }
.boxleft, .left{ float:left; }
.boxright, .right{ float:right; }

.txt-center{ text-align:center; }
.txt-left{ text-align:left; }
.txt-right{ text-align:right; }

.table{ display:table; width:100%; margin:0; padding:0; position:relative; }
.table-row{ display:table-row; }
.table-cell{ display:table-cell; }

a:link{ text-decoration:none; color:#000000; }
a:visited{ text-decoration:none; color:#000000; }
a:hover{ text-decoration:none; color:#000000; }
 

h1,.h1{ font-size:233%; padding:0; margin:0; font-weight:normal; }
h2,.h2{ font-size:200%; padding:0; margin:0; font-weight:normal; }
h3,.h3{ font-size:153%; padding:0; margin:0; font-weight:normal; }
h4,.h4{ font-size:140%; padding:0; margin:0; font-weight:normal; }  
h5,.h5{ font-size:120%; padding:0; margin:0; font-weight:normal; } 
h6,.h6{ font-size:113%; padding:0; margin:0; font-weight:normal; }
h7,.h7{ font-size:86.67%; padding:0; margin:0; font-weight:normal; }
h8,.h8{ font-size:80%; padding:0; margin:0; font-weight:normal; }
h9,.h9{ font-size:73%; padding:0; margin:0; font-weight:normal; }

 
#page{ display:block; position: relative; overflow: hidden; }
.content{ display:block; position: relative; max-width:1440px;  width:75%; margin:0 auto; }

#bxheader{ display:block; position:fixed; top:3%; left:0; right:0; z-index:699;  }
.bxheader{ display:block; position:relative; width:96%;  margin:0 auto; }
.bxheader > .tb{ display:table; position:relative; width:100%; }
.bxheader > .tb > .tcl{ display:table-cell; position:relative; vertical-align:middle;  background:#fff; border-top-left-radius:26px; border-bottom-left-radius:26px;  }
.bxheader > .tb > .tcr{ display:table-cell; position:relative; vertical-align:middle; width:12%; background:#eaeaea; border-top-right-radius:26px; border-bottom-right-radius:26px; text-align: center; }

.headerbxleft{ display:block; position:relative; padding:20px 39px; }
.headerbxleft > .tb{ display:table; position:relative; width:100%; }
.headerbxleft > .tb > .tcl{ display:table-cell; position:relative; vertical-align:middle; width:16%; }
.headerbxleft > .tb > .tcl > .bxlogo{ display:block; position:relative; }
.headerbxleft > .tb > .tcr{ display:table-cell; position:relative; vertical-align:middle; text-align: right; }
.headerbxleft > .tb > .tcr > .bx{ display:block; position:relative; }

.bxnav{ display:inline-block; position:relative;  font-weight:500; line-height:0.9; padding:0; margin:0; }
.bxnav ul{ line-height:none; padding:0; margin:0;   }
.bxnav ul > li{ display:inline-block; position:relative; padding:0; vertical-align:top; margin:0 12px; text-align:center; }
.bxnav ul > li a{ color:#5e5e5e; transition:ease 0.5s; cursor:pointer; }
.bxnav ul > li a:hover{  color:#262691;  }
.bxnav ul > li a.selected{ color:#ff0000;  }

a.iconbx{ 
  display:inline-block; position:relative; width:42px; height:42px; vertical-align:middle; margin:0; background-size:100%; }
a.iconbx > span{ 
  position:absolute; top:0; left:0; right:0; bottom:0; background-size:100%; transition:ease 0.5s; opacity:0;  }

a.iconbx.fb{ background: url("../img/icon-fb.png") no-repeat; }
a.iconbx.fb > span{ background: url("../img/icon-fb-hover.png") no-repeat; }

a.iconbx.line{ background: url("../img/icon-line.png") no-repeat; }
a.iconbx.line > span{ background: url("../img/icon-line-hover.png") no-repeat; }

a.iconbx.yt{ background: url("../img/icon-yt.png") no-repeat; }
a.iconbx.yt > span{ background: url("../img/icon-yt-hover.png") no-repeat; }

a.iconbx:hover{ background-image:none; }
a.iconbx:hover > span{ opacity:1; }

a.iconbx.w56{  width:56px; height:56px;  } 
a.iconbx.w56.fb{ background: url("../img/icon-fb56.png") no-repeat; }
a.iconbx.w56.fb > span{ background: url("../img/icon-fb56-hover.png") no-repeat; } 
a.iconbx.w56.tt{ background: url("../img/icon-tt56.png") no-repeat; }
a.iconbx.w56.tt > span{ background: url("../img/icon-tt56-hover.png") no-repeat; } 
a.iconbx.w56.yt{ background: url("../img/icon-yt56.png") no-repeat; }
a.iconbx.w56.yt > span{ background: url("../img/icon-yt56-hover.png") no-repeat; }


.bxnavmb{ display:none; } 
#bxnavmobile{ display:none; }

.contentbx{ display:block; position:relative; width:59.375%; margin:0 auto; max-width:1440px; }

#bxhome{ 
  display:block; position:relative; 
  background: url("../img/lead-full-10Sep2026.jpg") top center no-repeat; background-size:100%; }
.bxbghome{ display:block; position:relative; width:100%; height:100vh; }
.bxbghome > .imgtxtbx{ display:block; position:relative; z-index:6; top:14%; left:0; right:0; }
.bxbghome > .imgtxtbx > .txt01{ display:block; position:relative; left:27.34%; width:40%;  }
.bxbghome > .imgtxtbx > .txt02{ display:block; position:relative; left:42.96%; width:30%;  }
.bxbghome > .imgtxtbx > .txt03{ display:block; position:relative; left:41.6%; width:32%;  }
.bxbghome > .imgtxtbx  img{ max-width:100%; }

.bxbghomegreen{ display:block; position:relative; background: url("../img/bg-home-green-7Aug26.png") top center no-repeat; background-size:100%; }
.bxtxtwel{ 
	display:block; position:relative; width:66.66%; margin:0 auto; z-index:6; padding:0 0 52px;   }
.bxtxtwel > .bx{ position:relative;   top:-100px; margin-bottom:-100px;   }
.bxtxtwel > .bx > .txtimghbx{ display:block; position:relative; width:84%; margin:0 auto; text-align: center; }
.bxtxtwel > .bx > .txtimghbx > img{ max-width:100%;  }
.bxtxtwel > .bx > .txtbx{ 
  display:block; position:relative; text-align: center; line-height:1; padding:0 0 26px;  }
.bxtxtwel > .bx > .txtrm{ display:block; position:relative; line-height:1; }
 
 
.bxtvc{ display:block; position:relative; width:75%; margin:0 auto; padding:0 0 104px; }
.bxtvc > .tvcbx{ 
  display:block; position:relative; border-bottom-left-radius:36px; border-bottom-right-radius:36px;
  -webkit-box-shadow: 0px 6px 0px 0px rgba(0,0,0,0.2); 
  box-shadow: 0px 6px 0px 0px rgba(0,0,0,0.2); }
/*
.bxtvc > .tvcbx img,
.bxtvc > .tvcbx iframe{ 
  border-radius:36px; width:100%;
  -webkit-box-shadow: 0px 0px 12px 10px rgba(0,0,0,0.2); 
  box-shadow: 0px 0px 12px 10px rgba(0,0,0,0.2); } */

.bxiframe{ 
	position:relative; overflow:hidden; padding-top:56.25%; width: 100%; height: 0; border-radius:36px;   
	-webkit-box-shadow: 0px 0px 12px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 12px 10px rgba(0,0,0,0.2); }
.bxiframe iframe{ 
	position:absolute; top:0; left:0; width:100%; height:100%; border:0; border-radius:36px;   
	-webkit-box-shadow: 0px 0px 12px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 12px 10px rgba(0,0,0,0.2);  } 


.bxtvc > .tvcbx > .iplay{ 
  position:absolute; top:0; left:0; bottom:0; right:0; 
  background: url("../img/icon-play.png") center no-repeat; border-radius:36px;  }


.bxgreenbtm{ display:block; position:relative;  }

.bxfeaturetop{ 
  display:block; position:relative; padding:260px 0 104px; color:#fff; width:82%; margin:0 auto;   }
.bxfeaturetop > .bxh{ display:block; position:relative; width:76%;   }
.bxfeaturetop > .bxh img{ max-width:100%; }
.bxfeaturetop > .bxtxt{ display:block; position:relative; padding:65px 0 0;  }
 
.bxfeaturetop > .bxtxt > .txtbx{ display:block; position:relative; width:90%; margin:39px auto 0;  }
.bxfeaturetop > .bxtxt > .txtbx > .bxtb{ display:table; position:relative; width:100%; }
.bxfeaturetop > .bxtxt > .txtbx > .bxtb > .tcl{ display:table-cell; position:relative; width:50%; vertical-align:top;  }
.bxfeaturetop > .bxtxt > .txtbx > .bxtb > .tcr{ display:table-cell; position:relative; width:50%; vertical-align:top;  }
.bxfeaturetop > .bxtxt > .txtbx > .bxtb .bx{ display:block; position:relative; width:90%; margin:0 auto; text-align:center; }
.bxfeaturetop > .bxtxt > .txtbx > .bxtb .bx > .h3{ display:block; position:relative; padding:0 0 26px; line-height:1;  }
.bxfeaturetop > .bxtxt > .txtbx > .bxtb .bx > .img{ display:block; position:relative; padding:0 0 26px;   }
.bxfeaturetop > .bxtxt > .txtbx > .bxtb .bx > .img img.desktop{ display:block;  }
.bxfeaturetop > .bxtxt > .txtbx > .bxtb .bx > .img img.mobile{ display:none;  }

.bxfeaturetop > .bxtxt > .txtbx .ftline{ position:absolute; width:10.8%;; top:80px; bottom:0; z-index:1; left:44%;  }
.bxfeaturetop > .bxtxt > .txtbx .ftline.desktop{ display:block;  }
.bxfeaturetop > .bxtxt > .txtbx .ftline.mobile{ display:none;  }
.bxfeaturetop > .bxtxt > .txtbx .ftline > .bx{ display:block; position:relative; }
.bxfeaturetop > .bxtxt > .txtbx .ftline > .bx > img{ max-width:100%; }


/*
.bxfeaturetop > .bxtxt > .txtbx > .h2{ display:block; position:relative; line-height:1; font-weight:500; padding:52px 0 0; }

.bxfeaturetop > .bxtxt > .txtbx > .imgbx{ display:block; position:relative; max-width:1440px; margin:0 auto 26px;  }
.bxfeaturetop > .bxtxt > .txtbx > .imgbx .ftline{ position:absolute; width:10.8%;; top:0; bottom:0; z-index:1; left:46%;  }
.bxfeaturetop > .bxtxt > .txtbx > .imgbx .ftline.desktop{ display:block;  }
.bxfeaturetop > .bxtxt > .txtbx > .imgbx .ftline.mobile{ display:none;  }
.bxfeaturetop > .bxtxt > .txtbx > .imgbx .ftline > .bx{ display:block; position:relative; }
.bxfeaturetop > .bxtxt > .txtbx > .imgbx .ftline > .bx > img{ max-width:100%; }

.bxfeaturetop > .bxtxt > .txtbx > .imgbx > .tb{ display:table; position:relative; width:100%; z-index:6; }
.bxfeaturetop > .bxtxt > .txtbx > .imgbx > .tb > .tc1{ display:table-cell; position:relative; vertical-align:middle; width:52.5%; }
.bxfeaturetop > .bxtxt > .txtbx > .imgbx > .tb > .tc2{ display:table-cell; position:relative; vertical-align:middle; width:47.5%; }
 
.bxfeaturetop > .bxtxt > .txtbx > .imgbx > .tb > .tc1 > .bx,
.bxfeaturetop > .bxtxt > .txtbx > .imgbx > .tb > .tc2 > .bx{ display:block; position:relative; width:100%; }
.bxfeaturetop > .bxtxt > .txtbx > .imgbx img{ max-width:100%;  }

.bxfeaturetop > .bxtxt > .txtbx > .imgbx img.desktop{ display:inline-block; }
.bxfeaturetop > .bxtxt > .txtbx > .imgbx img.mobile{ display:none; }
.bxfeaturetop > .bxtxt > .txtbx > .h8{ display:block; position:relative; width:92%; margin:0 auto; }
*/



.bxfeaturetruck{ display:block; position:relative; }
.bxfeaturetruckimg{ display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:6;  background:url("../img/bg-truck.png") bottom no-repeat;  }

.bxtrucktxtall{ display:block; position:relative; width:58%; padding:0 0 100px; }
.bxtrucktxt{ 
	display:block; position:relative; width:85%; border-radius:26px; color:#000; font-weight:500; 
	background: #FFFFFF; background: linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(225, 252, 134, 1) 100%); box-shadow: 0px 0px 34px 6.4px rgba(0,0,0,0.15); margin:0 0 48px auto;   }
.bxtrucktxt > .imgbxtxth{ position:absolute; top:-30px; right:10px; z-index:3; width:59%; text-align:right; }
.bxtrucktxt > .imgbxtxth > img{ max-width:100%; }
.bxtrucktxt > .bxtxt{ display:block; position:relative; padding:26px 32px 46px; }
.bxtrucktxt > .bxtxt > .txth{ color:#c5a13f; font-weight:700; padding:0 0 36px; } 
.bxtrucktxt > .bxtxt > .txth > span{ color:#000; }
.bxtrucktxt > .bxtxt > .txth > img{ margin-right:10px; }
.bxtrucktxt > .bxtxt > .txt{  padding:0 0 0 65px; font-weight:500; line-height:1;  }  
.bxtrucktxt > .bxtxt > .imgbxtxth{ display:none;  } 
.bxtrucktxtall > .bxtrucktxt:nth-child(2){ margin-left:7%;   }

 
#bxcustomer{ display:block; position:relative; background: url("../img/bg-customer.jpg") center no-repeat fixed; background-size: cover;  }
.bxcustomer { display:block; position: relative; padding:0; overflow-x: hidden;    }
.panel.align-top{ align-items: flex-start; } 
.panel {
  width:auto; height:100%; display: flex; position: relative;  box-sizing: border-box; 
  justify-content: center; align-items: center;  text-align: center;  }  
.customerbxh{ width:24vw;   }
.customerbxh > .txth{ display:block; position:relative; text-align:center; width:80%; margin:0 auto; }
.customerbx{ padding:0 0;  margin:0; height:100vh;  }

.bxcustomerbx{
  width: 500%; height:100%; display: flex; flex-wrap: nowrap; }
.boxitem{ width:44vw; margin-right:2.6vw; text-align: center; will-change: transform; } 
.boxitem > img{ max-width:100%; border-radius:32px; transition: ease 0.5s;  width:100%;  }
.boxitem > img:hover{  transform: scale(1.1); } 
.bxcustomerbxmb{ display:none; }



#bxyoutube{ display:block; position:relative; padding:80px 0; background: #F5821F; 
background: linear-gradient(-30deg, rgba(245, 130, 31, 1) 0%, rgba(140, 198, 62, 1) 50%, rgba(58, 181, 74, 1) 100%); }
.bxyoutube{ display:block; position:relative; width:85%; margin:0 auto; }
.bxyoutube > .bxtxthimg{ 
	display:block; position:relative; text-align: center; margin:0 auto; width:40%; padding:0 0 29px; }
.bxyoutube > .bxtxttop{  display:block; position:relative;  padding:0 0 52px; }
.bxyoutube > .bxtxttop > .tb{ display:table; position:relative; width:100%;  }
.bxyoutube > .bxtxttop > .tb > .tcimg{ display:table-cell; position:relative; width:29%; vertical-align:middle; }
.bxyoutube > .bxtxttop > .tb > .tcimg > .bx{ display:block; position:relative; width:74%; margin:0 auto; text-align: center; }
.bxyoutube > .bxtxttop > .tb > .tctxt{ display:table-cell; position:relative; width:71%;  vertical-align:middle;  }
.bxyoutube > .bxtxttop > .tb > .tctxt > .bx{ display:block; position:relative; width:92%; color:#000;  }
.ytsocialbx{ display:block; position: relative;  margin:10px 0 0; }
.ytsocialbx > a{ margin-right:3px;}

.bxyoutubelist{ display:block; position:relative; padding:39px 0 0;  }
.youtubebxtab{ display:block; position:relative; padding:0 0 36px; }
.youtubebxtab > .bx{ display:block; position:relative; }
.youtubebxtab > .bx > a{ display:inline-block; position:relative; min-width:316px; background:#fff; border:#231f20 solid 4px; border-radius:60px; padding:16px 36px; margin-right:16px; text-align:center; font-weight:700; box-shadow: 2px 6px 0px 0px rgba(0,0,0,0); transition:ease 0.5s; opacity:0.3;  }
.youtubebxtab > .bx > a:hover,
.youtubebxtab > .bx > a.sel{ opacity:1; box-shadow: 2px 6px 0px 0px rgba(0,0,0,1); }

.video-playlist-wrapper{
  display:block; position:relative;  max-width: 100%; margin: 0 auto; }

.main-video-player {
  display:block; position: relative;  width:59%; float:left; padding-bottom: 37.5%; height: 0; overflow: hidden; }
.main-video-player iframe {
  position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius:26px;  }

.video-list-slider{ display:block; position:relative; width:39%; float:right; }
.video-list-slider {display:block; position: relative; height:580px; overflow-y: auto; overflow-x:hidden;   } 
.video-list-slider ul{ padding:0; margin:0;  }
.playlist-item{
  display:block; align-items:center; cursor: pointer; color:#000;
  padding:0; margin:0; margin-bottom: 12px; border-radius:16px; background:rgba(255,255,255,0.6); 
  transition: background-color 0.3s; }
.playlist-item:hover, .playlist-item.active { background:rgba(255,255,255,1);  }
 
.bxytitem{ display:block; position:relative; }
.bxytitem > .tb{ display:table; position:relative; width:100%; }
.bxytitem > .tb > .tcimg{ display:table-cell; position:relative; width:36%; vertical-align:top; }
.bxytitem > .tb > .tcimg > .bx{ display:block; position:relative; }
.bxytitem > .tb > .tcimg > .bx > img{ width:100%; max-width:100%; border-radius:16px;  }
.bxytitem > .tb > .tctxt{ display:table-cell; position:relative; vertical-align:middle; }
.bxytitem > .tb > .tctxt > .bx{ display:block; position:relative; width:90%; margin:16px auto; line-height:0.9; font-weight:500; }
 
.video-info.desktop{ display:block; position:relative; padding:29px 0 0; }
.video-info.mobile{ display:none; }

#videoTitle { display:block; position:relative; font-weight:700; line-height:1; }
#videoDescription { display:block; position:relative; color: #000; font-weight:500; line-height:1; }


#promotion{ display:block; position:relative; padding:52px 0; background:rgba(0,0,0,0.1); text-align: center; }
.bxpromotionimg{ display:block; position:relative;   }
.bxpromotionimg > img{ border-radius:26px; box-shadow: 0px 12px 54px 6px rgba(0,0,0,0.2); }
.bxpromotionbtn{ display:block; position:relative; margin:36px 0 0; }
.bxpromotionbtn > a{ display:inline-block; position:relative; padding:12px; background:#0f1616; border-radius:36px; color:#fff; font-weight:700; min-width:240px; box-shadow:0px 2px 27px 3px rgba(0,0,0,0.3); transition:ease 0.5s; }
.bxpromotionbtn > a .linktb{ display:table; position:relative; width:100%; }
.bxpromotionbtn > a .linktb > .txtbx{ display:table-cell; position:relative; text-align: center; vertical-align:middle;}
.bxpromotionbtn > a .linktb > .iconbx{ display:table-cell; position:relative; width:46px; vertical-align:middle; }
.bxpromotionbtn > a .linktb > .iconbx > .icon{ display:block; position:relative; width:46px; height:46px; background: url("../img/icon-link-white.png") no-repeat #0f1616; background-size:100%; transition:ease 0.5s; }
.bxpromotionbtn > a .linktb > .iconbx > .icon > span{ position:absolute; top:0; left:0; bottom:0; right:0; background: url("../img/icon-link-green.png") no-repeat #0f1616; background-size:100%; z-index:3; opacity:0; }
.bxpromotionbtn > a:hover{ color:#3db449; }
.bxpromotionbtn > a:hover .linktb > .iconbx > .icon > span{ opacity:1; }

.bxhomebtm{ display:block; position:relative; background:url("../img/bg-home-btm.jpg") top no-repeat #fff; z-index:10; }

.bxfacility{  display:block; position:relative; padding:104px 0 0; }
.bxfacility > .bximgtxth{ display:block; position:relative; padding:0 0 26px; text-align: center; }
.bxfacility > .bximgtxth > img{ max-width:35%; }
.bxfacility > .bximgslide{ display:block; position:relative; margin-left:6%;  }
.bxfacility > .bximgslide .imgslidebx{ display:block; position:relative; width:1080px;  } 
.bxfacility > .bximgslide .imgslidebx > img{ width:100%; border-radius:36px; }

.bxfacilityicon{ display:block; position:relative; padding:52px 0;  }
.bxfacilityicon > .bximgtxth{ display:block; position:relative; padding:0 0 46px; width:81.25%; margin:0 auto; }
.bxfacilityicon > .bxiconfaci{ display:block; position:relative; max-width:1440px; margin:0 auto; background: url("../img/facility-frame.png") center bottom no-repeat; background-size:100%; min-height:320px;   }
.iconfacibx{ 
	display:block; position:relative; max-width:1280px; width:88.89%; margin:0 auto;  }
.iconfacibx > .itembx{ display:block; position:relative; width:20%; float:left; padding:0 0 20px; }
.iconfacibx > .itembx > .bx{ display:block; position:relative; text-align: center; }
.iconfacibx > .itembx > .bx > .imgbx{ display:block; position:relative; height:210px;  }
.iconfacibx > .itembx > .bx > .txtbx{ display:block; position:relative; line-height:0.9; font-weight:700; text-shadow:0px 0px 10px 0.2px rgba(0,0,0,0.2);    }


 
#bxmap{ display:block; position:relative; padding:52px 0; text-align: center; }
#bxmap > .content{ width: 88%; max-width:1672px;  }
#bxmap .bxh{ display:block; position:relative; padding:0 0 52px; width:76%; margin: 0 auto; }
.mapbx{ display:block; position:relative; height:80vh;  }
.mapbx > img{ width:100%; border-radius:32px; border:0; padding:0; margin:0; }
.mapbx > iframe{ width:100%; height:100%; border-radius:32px; border:0; padding:0; margin:0; }


#bxapp{ display:block; position:relative; padding:52px 0;  }
#bxapp > .content{ width:88%; max-width:1672px; }
.bxapp{ display:block; position:relative; width:100%; margin:0 auto; color:#000;  }
.bxapp > .txth{ display:none; }
.bxapp > .tb{ display:table; position:relative; width:100%; }
.bxapp > .tb > .tcl{ display:table-cell; position:relative; width:32.89%; vertical-align: middle; }
.bxapp > .tb > .tcl > .bxappimg{ display:block; position:relative; text-align: center; width:90%;  }
.bxapp > .tb > .tcr{ display:table-cell; position:relative; vertical-align: middle; }
.bxapp > .tb > .tcr > .bxappdownload{ display:block; position:relative;  }
.bxapp > .tb > .tcr > .bxappdownload .txth{ display:block; position:relative; padding:0 0 16px;     }
.bxapp > .tb > .tcr > .bxappdownload .txtb{ display:block; position:relative; font-weight:700;  }
.bxapp > .tb > .tcr > .bxappdownload .txt{ display:block; position:relative; padding:0 0 39px; line-height:1; }
.bxapp > .tb > .tcr > .bxappdownload .txt b{ font-weight:700; }
.bxapp > .tb > .tcr > .bxappdownload > .bximg{ display:inline-block; position:relative; text-align: center; vertical-align: top; max-width:160px; margin-right:20px;    }
.bxapp > .tb > .tcr > .bxappdownload > .bximg > .qrbx{ display:block; position:relative; padding:20px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius:20px; margin:0 0 16px; }
.bxapp > .tb > .tcr > .bxappdownload > .bximg > .imgbx{ display:block; position:relative; margin:0 0 16px; }

.bxappdownload > .bxtb{ display:table; position:relative; width:100%; } 
.bxappdownload > .bxtb > .tcl{ display:table-cell; position:relative; width:44%; vertical-align:top;  } 
.bxappdownload > .bxtb > .tcc{ display:table-cell; position:relative; width:6%; vertical-align:top; text-align: center; } 
.bxappdownload > .bxtb > .tcr{ display:table-cell; position:relative; width:50%; vertical-align:top;  } 

.bxappdownload > .bxtb > .tcl > .bx{ display:block; position:relative; width:90%;}
.bxappdownload > .bxtb > .tcl > .bx > .h4{ line-height:1; padding:0 0 20px;  }

.bxappdownload > .bxtb > .tcr > .bx{ display:block; position:relative; width:90%; margin:0 auto; }
.bxappdownload > .bxtb > .tcr > .bx > .h4{ line-height:1; padding:0 0 10px;  }
.bxappdownload > .bxtb > .tcr > .bx > .txt{ display:block; position:relative;  }
.bxappdownload > .bxtb > .tcr > .bx > .txt > .tb{ display:table; position:relative; width:100%; }
.bxappdownload > .bxtb > .tcr > .bx > .txt > .tb > .tcicon{ 
	display:table-cell; position:relative; width:74px; vertical-align:middle; }
.bxappdownload > .bxtb > .tcr > .bx > .txt > .tb > .tcicon > .bx{ display:block; position:relative; width:98%; }
.bxappdownload > .bxtb > .tcr > .bx > .txt > .tb > .tctxt{ display:table-cell; position:relative; vertical-align:middle; }
.bxappdownload > .bxtb > .tcr  .bximg{ display:block; text-align: center; margin:0 auto;  }

.bxappdownload > .bxtb > .tcc > .bx{ display:block; position:relative; } 
.linebx{ display:block; position:relative; background:url("../img/lineblack.png") center repeat-y; padding:150px 0; margin:20px 0;   }
.linebx > div{ display:block; position:relative; background:#fff; padding:20px 0; }
.linebx > div > div{  display:block; position:relative; border-radius:50%; line-height:1;
  width:100%;  aspect-ratio: 1 / 1;  background-color: #000; color:#fff;  box-sizing: border-box; }
.linebx > div > div .h5{ display:block; position:relative; padding:8px 0 0; }

.bxappdownload .bximg{ display:inline-block; position:relative; text-align: center; vertical-align: top; max-width:160px; margin-right:10px; }
.bxappdownload .bximg > .qrbx{ display:block; position:relative; padding:20px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius:20px; margin:0 0 16px; }
.bxappdownload .bximg > .imgbx{ display:block; position:relative; margin:0 0 16px; }

#bxsound{ position: fixed; z-index:99; left:36px; bottom:36px;  }
.audio-player-container{ display: inline-block; } 
.sound-btn {
  display: flex; align-items: center;  gap: 8px; cursor: pointer; transition: all 0.5s ease;
  background-color: #ffffff;  color: #000; border: 1px solid #231f20; box-shadow:0px 5px 15px 0.75px rgba(0,0,0,0.3);
  padding:12px 18px; border-radius: 26px;  font-weight:700;  }
 
.sound-btn:hover { opacity:0.5;   }
.sound-btn:active{ opacity:1; }
 
.sound-icon{ width: 20px;  height: 20px;  stroke: #2bb34b; }
.sound-icon.is-hidden { display: none;  }
 
.sound-btn.is-muted {  opacity:0.5; }
.sound-btn.is-muted .sound-icon {  stroke: #2bb34b; }



#bxfooter{ display:block; position:relative; background:#1c1c1e; padding:65px 0 85px; z-index:12; }
#bxfooter > .bxfooter{ display:block; position:relative; width:96%; margin:0 auto; }
#bxfooter > .bxfooter > .bxlink{ display:block; position:relative; font-weight:700; padding:0 0 6px; }
#bxfooter > .bxfooter > .bxlink > a{ color:#fff; transition:ease 0.5s;  }
#bxfooter > .bxfooter > .bxlink > a:hover{ color:#ed5921; }

#bxfooter > .bxfooter > .bxcopy{ display:block; position:relative;  color:#e4e4e4; }

#topcontrol{ z-index:199; }
#btntop{ display:block; position: relative; width:72px; height:72px; border:#2bb34b solid 2px; text-align: center; bottom:48px; right:48px; border-radius:50%;
 -webkit-transform: translateY(0px); transform: translateY(0px); transition: all .2s ease;
} 
#btntop > span{ 
 display:inline-block; position: relative; width:15px; height:35px; background: url("../img/icon-top.png");  background-size:100%;
 -webkit-transform: translateY(18px); transform: translateY(18px); }
#btntop:hover{  -webkit-transform: translateY(-16px); transform: translateY(-16px); }