@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&display=swap');
@font-face {
    font-family: 'bagonsregular';
    src: url('font/bagons-webfont.eot');
    src: url('font/bagons-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/bagons-webfont.woff2') format('woff2'),
         url('font/bagons-webfont.woff') format('woff'),
         url('font/bagons-webfont.ttf') format('truetype'),
         url('font/bagons-webfont.svg#bagonsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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{ 
 font-family: "Barlow", sans-serif; -webkit-text-size-adjust: none; background:#0f1616; 
 font-size:18px; line-height:1.5; color:#fff; font-weight:400; min-width: 320px;  overflow-x:hidden; } 

body#homepage{ background: url("../img/bg-homepage.jpg") top center no-repeat #0f1616; }
body#schedulepage{ background: url("../img/bg-schedulepage.jpg") top center no-repeat #0f1616; }
body#contactuspage{ background: url("../img/bg-contactuspage.jpg") top center no-repeat #0f1616; }
body#subscribepage{ background: url("../img/bg-subscribepage.jpg") top center no-repeat #0f1616; }
body#hosthotelspage{ background: url("../img/bg-hosthotelspage.jpg") top center no-repeat #0f1616; }
body#gallerypage{ background: url("../img/bg-gallerypage.jpg") top center no-repeat #0f1616; }
body#ticketingpage{ background: url("../img/bg-ticketingpage.jpg") top center no-repeat #0f1616; } 
body#faqspage{ background: url("../img/bg-faqspage.jpg") top center no-repeat #0f1616; }
body#djspage{ background: url("../img/bg-djspage.jpg") top center no-repeat #0f1616; }
body#sponsorspage{ background: url("../img/bg-sponsorspage.jpg") top center no-repeat #0f1616; }
body#podcastspage{ background: url("../img/bg-podcastspage.jpg") top center no-repeat #0f1616; }
body#popuppage{ background:#0f1616; padding:0; margin:0; }
body#popuppagethanks{ background:#020404; padding:0; margin:0; }

body#ticketingpage2{ background: url("../img/bg-ticketingpage2.jpg") top center no-repeat #0f1616; } 

body#mappage{ background: url("../img/bg-mappage.jpg") top center no-repeat #0f1616; }

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, .bx{ 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:#ffffff; }
a:visited{ text-decoration:none; color:#ffffff; }
a:hover{ text-decoration:none; color:#ffffff; }

.font-bagons{ font-family: 'bagonsregular'; }

h1, .h1{ font-size:60px; padding:0; margin:0; font-weight:normal; }
h2, .h2{ font-size:46px; padding:0; margin:0; font-weight:normal; }
h3, .h3{ font-size:42px; padding:0; margin:0; font-weight:normal; }
h4, .h4{ font-size:40px; padding:0; margin:0; font-weight:normal; }
h5, .h5{ font-size:36px; padding:0; margin:0; font-weight:normal; }
h6, .h6{ font-size:24px; padding:0; margin:0; font-weight:normal; }
h7, .h7{ font-size:22px; padding:0; margin:0; font-weight:normal; }
h8, .h8{ font-size:14px; padding:0; margin:0; font-weight:normal; }

#page{ display:block; position: relative; }
.content{ display:block; position: relative; max-width:1688px; width:88%; margin:0 auto; }
 

#bxheader{ display:block; position:fixed; z-index:299; left:0; right:0; top:0; transition: ease 0.5s; background: url("../img/bg-top-nav.png") top center no-repeat; min-height:172px; }	

.bxheader{ display:block; position:relative; padding:39px 0; }
.bxheader > .tb{ display:table; position:relative; width:100%;  }
.bxheader > .tb > .tclogo{ display:table-cell; position:relative;  width:204px; vertical-align:middle; }
.bxheader > .tb > .tcmenu{ display:table-cell; position:relative;  vertical-align:middle; }

/*
#bxheader.fixhide{   }
#bxheader.fixhide .bxheader{  }
#bxheader.fixbtm{   } */

.bxlogo{ display:block; position:relative; vertical-align: middle;  z-index:899;  }
.bxmenu{ display:block; position:relative; text-align: right; vertical-align: middle; }
.socialbx{ display:inline-block; position:relative; vertical-align: middle; }
.socialbx > a{ margin:0 3px; vertical-align:middle; }
.ticketbtnbx{ display:inline-block; position:relative; vertical-align: middle; margin:0 26px; z-index:899;  }
.menubx{ display:inline-block; position:relative; vertical-align: middle;   }


.bxnavmb{ display:inline-block; position: relative; transition:ease 0.5s; z-index:899;   }
.bxnavopen{ display:inline-block; position:relative; vertical-align: middle;   }
#navmb{ 
  display:inline-block; width:40px; height:22px; position: relative; margin:0; cursor: pointer; vertical-align:middle; 
  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;  }
#navmb span {
  display:block; position:absolute; height:4px; width:100%; background:#ffffff; opacity:1; left:0; vertical-align:middle; 
  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; border-radius:4px;  }
#navmb span:nth-child(1) {
  top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
#navmb span:nth-child(2) {
  top: 9px;-webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
#navmb span:nth-child(3) {
  top:18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width:65%; }

#navmb.open span:nth-child(1) {
  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:0px; left:0px; }
#navmb.open span:nth-child(2){ width:0%; opacity:0; }
#navmb.open span:nth-child(3){
  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:28px; left: 0px; width:100%; }

#bxnavmenu{  
  display:none; position:fixed; z-index:599; width:100%; height:100%; 
  top:0px; right:0px; left:0; bottom:0; background:rgba(15,22,22,0.9);   } 
#bxnavmenu > .tb{ display:table; position:relative; width:100%; height:100%; }
#bxnavmenu > .tb > .tc{ display:table-cell; position:relative; vertical-align:bottom; }
.bxnavmenu{ display:block; position:relative; padding:0 0 90px;  } 
.bxnavmenu > .navmenubx{ display:block; position:relative; padding:0 0 90px; }
.bxnavmenu > .navmenubx > ul{ padding:0 0 15px; margin:0; list-style: none;  }
.bxnavmenu > .navmenubx > ul > li{ display:block; position: relative; margin:10px 0; }
.navmenubx a{ transition:ease 0.5s; }
.navmenubx a.activ,
.navmenubx a:hover{ color:#026355; }

.navmenubx a.linkpre{ color:#e80707; }
.navmenubx a.linkpre:hover{ color:rgba(232,7,7,0.5); }
.navmenubx a.linkpre.activ{ color:rgba(232,7,7,0.5); }
.navmenubx a.linkpre.activ:hover{ color:rgba(232,7,7,0.5); }


#bxhomeslide{ display:block; position: relative; } 
#bxslide{ display:block; position: relative; width:100%; height:100vh;  }
#bxslide .slidebx{  display:block; position: relative; height:100vh; text-align:center;   }
#bxslide .slidebx > img{  max-height:100%; margin:0 auto;  }
#bxslide .slidebx > .slidebximg{ position:absolute; top:0; left:0; right:0; bottom:0;  }
#bxslide .slidebx > .slidebximg.desktop{ display:block; }
#bxslide .slidebx > .slidebximg.mobile{ display:none; }
#bxslide .slidebx > .bxbtn{ position:absolute; bottom:65px; z-index:99; width:100%; text-align: center; }

#bxcountdown{ display:block; position:absolute; width:100%; z-index:269; bottom:0px; background:url("../img/bg-countdown.png") center no-repeat; } 
.bxcountdown{ display:block; position:relative; max-width:650px; margin:0 auto; padding:16px 0;  } 
#countdown{ display:block; position:relative; font-weight:400; line-height:1.5; text-align:center; }
.bxcd{ display:inline-block; position:relative; font-size:14px; color:#00ffff; margin:0 32px;   } 
.bxcd span{ display:block; position: relative; font-size:50px;  color:#fff; margin-top:0px; font-family:'bagonsregular'; }


#bxhome{ display:block; position:relative; padding:120px 0 0;  }
.bxhomehead{ display:block; position:relative; text-align: center; padding:0 0 36px; line-height:0.9;  }
.bxhomehead > .h1{ display:block; position:relative; padding:0 0 10px; 
  background: rgb(63,187,254); background: linear-gradient(0deg, rgba(63,187,254,1) 0%, rgba(165,65,255,1) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; 
  text-shadow: 0px 0px 50px rgba(0,255,255,0.49), 0px 0 50px rgba(0,255,255,0.49), 0px 0px 9px rgba(0,255,255,0.49);
}
.bxhomehead > .h4{ display:block; position:relative;   }
.bxhomebtn{ display:block; position:relative; text-align: center; }
 


#bxhomeevent{ display:block; position:relative; padding:0 0 120px; }
.bxhomeevent{ display:block; position:relative; padding:0 0 52px; }
.eventWrapper {
  width:100%; max-width:1280px; height: 760px; margin: 0 auto 52px;
  -webkit-font-smoothing: antialiased; perspective: 1100px; transform-style: preserve-3d;   }
/*
.homeeventbxx{
  display: inline-block; position: absolute; width: 394px; height: 760px; 
   margin:36px 60px 100px 420px; overflow:hidden;   padding:0;	 }
.xcreative-pro{ 
 border:1px solid #0a9187; border-radius:10px; background:rgba(2,25,25,0.7); height: 760px;  }
.xcreative-pro:hover{ cursor: pointer;  /* box-shadow: 0 4px 8px 0 #00fff3, 0 6px 20px 0 #00fff3;   }
*/
.eventDesktop{ display: block; position:relative; width:100%; max-width:100%; height:auto; margin: 0 auto 52px;  } 
.homeeventbx{
  display:block; position:relative; width:394px; max-width:390px;  height:100%; 
  margin:0 auto 36px; border:1px solid #0a9187; border-radius:10px; background:rgba(2,25,25,0.7); padding:0 0 39px;  }
.carousel {
  overflow: hidden; position: relative;
  width: 100%; height:760px;
  -webkit-perspective: 600px;
          perspective: 600px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}  
.carousel .carousel-item {
  visibility: hidden; width: 394px; height:760px;  cursor: grab;
  position: absolute; top: 0; left: 0; }
.carousel .carousel-item:active { cursor: grabbing; }
 
.carousel.fixheight{ height:920px; }
.carousel.fixheight .carousel-item{ height:920px; }


.bxeventsch{ display:block; position:relative; padding:12px;  }
.bxeventsch > .imgbx{ display:block; position:relative;  text-align: center; }
.bxeventsch > .linexbx{ display:block; position:relative; background:rgba(0,255,255,0.25); height:1px; margin:36px auto;   box-shadow: 0 0 50px 9px rgba(0,255,255,0.49); }
.bxeventsch > .txtbx{ display:block; position:relative; padding:0 16px;  }
.bxeventsch > .txtbx > .h4{ display:block; position:relative; padding:0 0 26px; line-height:1; }
.bxeventsch > .txtbx > .h4 > div{ color:#00ffff; }
.bxeventsch > .txtbx > .h4 > .h6{ color:#fff !important; }
.bxeventsch > .txtbx > .txt{ display:block; position:relative;  }
.bxeventsch > .txtbx > .txt > i{ color:#00ffff; }
.eventMobile{ display:none; }

 
.bxeventsch > .txtbx.eve1 > .h4 > div{ color:#038afd; }
.bxeventsch > .txtbx.eve1 > .txt > i{ color:#038afd; }
.bxeventsch > .txtbx.eve2 > .h4 > div{ color:#ff48ff; }
.bxeventsch > .txtbx.eve2 > .txt > i{ color:#ff48ff; }
.bxeventsch > .txtbx.eveO > .h4 > div{ color:#68c339; }
.bxeventsch > .txtbx.eveO > .txt > i{ color:#68c339; }
.bxeventsch > .txtbx.eve3 > .h4 > div{ color:#04e6f9; }
.bxeventsch > .txtbx.eve3 > .txt > i{ color:#04e6f9; }
.bxeventsch > .txtbx.eve4 > .h4 > div{ color:#c1dff7; }
.bxeventsch > .txtbx.eve4 > .txt > i{ color:#c1dff7; }
 


#bxhometicketing{ display:block; position:relative; padding:0 0 120px; }
.bxhometicketing{ display:block; position:relative; text-align:center; }
.bxhometicketing > .imgbx{ display:block; position:relative; max-width:40%; margin:0 auto; padding:0 0 39px;  }
.bxhometicketing > .txtbx{ display:block; position:relative;  padding:0 0 52px; text-transform:uppercase;  }
.bxhometicketing > .txtbx > .h3{ line-height:1.2; font-weight:600; padding:0 0 10px; }
.bxhometicketing > .txtbx > .h6{ font-weight:600;   }


#bxhomehotel{ display:block; position:relative; padding:0 0 120px; }
.bxhomehotel{ display:block; position:relative; margin:0 auto; padding:0 0 52px; max-width:1120px; text-align:center; }
.owlhomehotel .item{ display:inline-block; position:relative; text-align:center; vertical-align: middle; width:90%; margin:0 auto; padding:100px 0;  }
.homehotelbx{ display:block; position:relative;  } 
.homehotelbx > img{ border-radius:200px; border:#546660 solid 1px; padding:12px;  width:100%; }



#bxhomevdo{ display:block; position:relative; padding:0 0 120px; }
.bxhomevdo{ display:block; position:relative; text-align:center; padding:0 0 52px;   }
.homevdobx{ display:inline-block; position:relative; max-width:64%; margin:0 auto; }
.homevdobx > img{ border-radius:280px; opacity:1; width:100%;   }
.homevdobx > a{ position:absolute; top:0; left:0; bottom:0; right:0;  border-radius:280px;   }
.homevdobx > a >.tb{ display:table; position:relative; width:100%; height: 100%;   }
.homevdobx > a >.tb > .tc{ display:table-cell; position:relative; vertical-align:middle; }
.homevdobx > a >.tb > .tc > .iconplay{ 
  display:inline-block; position:relative; width:100px; height:100px; border-radius:50%; transition:ease 0.5s;
  background:url("../img/icon-play-vdo.png") center center no-repeat rgba(0,255,255,0.5);   }
.homevdobx > a:hover >.tb > .tc > .iconplay{ background-color:rgba(0,255,255,1); }



#bxhomegallery{ display:block; position:relative; padding:0 0 120px; }
.bxhomegallery{ display:block; position:relative; max-width:1160px;  margin:0 auto; padding-top:36px;  } 
.galhomebx{ display:block; position:relative; max-width:360px; margin:0 auto; padding-top:48px; } 
.galhomebx > a{ display:block; position:relative; background:#1d2523; border:#546660 solid 1px; border-radius:200px; }
.galhomebx > a > .bxtxt{ display:block; position:relative; height:251px;   }
.galhomebx > a > .bximg{ display:block; position:relative; height:300px; }
.galhomebx > a > .bxtxt > .bx{ display:block; position:absolute; top:0; left:0; bottom:0; right:0; }
.galhomebx > a > .bxtxt > .bx > .tb{ display:table; position:relative; width:100%; height:100%;  }
.galhomebx > a > .bxtxt > .bx > .tb > .tc{ display:table-cell; position:relative; text-align: center; }

.galhomebx > a > .bxtxt > .bx > .tb > .tc > .txtbx{ display:block; position:relative; width:84%; margin:0 auto; padding:32px 0; text-align:center; color:#d3d3d3; }
.galhomebx > a > .bxtxt > .bx > .tb > .tc > .iconbx{ position:absolute; left:0; right:0; text-align: center; height:62px; }
.galhomebx > a > .bxtxt > .bx > .tb > .tc > .iconbx > .icon{ display:inline-block; position:relative; width:62px; height:62px; background: url("../img/icon-right-gray.png") no-repeat; background-size:100%;  }


.galhomebx.one > a > .bxtxt{  border-top:#546660 solid 1px;  }
.galhomebx.one > a > .bximg{ border-top-left-radius:200px; border-top-right-radius:200px;  }
.galhomebx.one > a > .bximg img{ border-top-left-radius:200px; border-top-right-radius:200px;  }
.galhomebx.one > a > .bxtxt > .bx > .tb > .tc{ vertical-align: top; }
.galhomebx.one > a > .bxtxt > .bx > .tb > .tc > .txtbx{ padding-bottom:112px;  }
.galhomebx.one > a > .bxtxt > .bx > .tb > .tc > .iconbx{  bottom:45px;  }

 
.galhomebx.two > a > .bxtxt{  border-bottom:#546660 solid 1px;  }
.galhomebx.two > a > .bximg{ border-bottom-left-radius:200px; border-bottom-right-radius:200px;  }
.galhomebx.two > a > .bximg img{ border-bottom-left-radius:200px; border-bottom-right-radius:200px;  }
.galhomebx.two > a > .bxtxt > .bx > .tb > .tc{ vertical-align: bottom; }
.galhomebx.two > a > .bxtxt > .bx > .tb > .tc > .txtbx{ padding-top:112px;  }
.galhomebx.two > a > .bxtxt > .bx > .tb > .tc > .iconbx{  top:45px;  } 

.galhomebx > a:hover{ border-color:#00ffff; }
.galhomebx > a:hover > .bxtxt{ border-color:#00ffff; }
.galhomebx > a:hover > .bxtxt > .bx > .tb > .tc > .iconbx > .icon{  background-image: url("../img/icon-right-sky.png"); }
 
.imgcrop{  position: relative; } 
.imgcrop::after{ display: block; content: ''; padding-bottom:75%; /* 16:9 aspect ratio */  }
.imgcrop img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
 

.pageinner{ display:block; position: relative; padding:160px 0 0;  }
.bxtxthead{ display:block; position:relative; text-align: center; padding:0 0 52px; line-height:0.9;  }
.bxtxthead > .h1{ display:block; position:relative; padding:0 0 10px; 
  background: rgb(63,187,254); background: linear-gradient(0deg, rgba(63,187,254,1) 0%, rgba(165,65,255,1) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; 
  text-shadow: 0px 0px 10px rgba(0,255,255,0.49), 0px 0 20px rgba(0,255,255,0.49), 0px 0px 50px rgba(0,255,255,0.49);
}
.bxtxthead > .h4{ display:block; position:relative;   }
 

/** schedulepage **/
.bxschedulelist{ display:block; position:relative; width:76%; margin:0 auto; max-width:1224px;   }
.bxscheduleday{ display:block; position:relative; margin-bottom:26px;  }

.bxdaynum{ display:block; position:relative; text-align: center; margin-bottom:24px; }
.daynumbx{ display:inline-block; position:relative; }
.bxday{ display:table; position:relative; width:270px; height:270px; background:#019292; border-radius:50%; font-size:80px; line-height:1; color:#021919; }
.bxday > div{ display:table-cell; position:relative; vertical-align:middle; text-align:center;   }
.bxday > div > span{ display:block; position:relative; }

.bxschedule{ display:block; position:relative; background:#021919; border:#0a9187 solid 1px; border-radius:280px; }
.bxschedule > .schedulebx{ display:block; position:relative; padding:39px; }
.bxschedule > .schedulebx > .tb{ display:table; position:relative; width:100%; }
.bxschedule > .schedulebx > .tb > .tcimg{ 
	display:table-cell; position:relative; width:360px; text-align: center; vertical-align:middle;  }
.bxschedule > .schedulebx > .tb > .tcimg > .bx{ display:block; position:relative; width:100%; margin:0 auto; }
.bxschedule > .schedulebx > .tb > .tcline{ display:table-cell; position:relative; width:1px; vertical-align:middle; }
.bxschedule > .schedulebx > .tb > .tcline > .line{ display:block; position:relative; width:1px; height:340px; background: rgba(0,255,255,0.25); box-shadow: 0 0 50px 6px rgba(0,255,255,0.35);  }
.bxschedule > .schedulebx > .tb > .tctxt{ display:table-cell; position:relative; vertical-align:middle; }
.bxschedule > .schedulebx > .tb > .tctxt > .bx{  display:block; position:relative; padding:0 0 0 36px;  }
.bxschedule > .schedulebx > .tb > .tctxt > .bx > .txth{  display:block; position:relative; padding:0 0 26px; line-height:1.1; }
 
.bxschedule > .schedulebx > .tb > .tctxt > .bx > .txth > .h4 > span{ font-size:20px; }
.bxschedule > .schedulebx > .tb > .tctxt > .bx > .txth > .h6{ font-size:26px;  }
.bxschedule > .schedulebx > .tb > .tctxt > .bx > .txth > .h5{ color:#00ffff;   }
.bxschedule > .schedulebx > .tb > .tctxt > .bx > .txt{  display:block; position:relative; color:#dddddd;   }
.bxschedule > .schedulebx > .tb > .tctxt > .bx > .txt i{ color:#00ffff; }

 
.bxscheduleday > .bxleft{ float:left; }
.bxscheduleday > .bxright{ float:right; }
.bxscheduleday > .bxleft > .bx,
.bxscheduleday > .bxright > .bx{ display:block; position:relative; }


.bxscheduleday.one > .bxleft{ width:22%; }
.bxscheduleday.one > .bxright{ width:78%; }
.bxscheduleday.two > .bxleft{ width:78%; }
.bxscheduleday.two > .bxright{ width:22%;  }

.schedulebxtb{ display:table; position:relative; width:100%; }
.schedulebxtb > .tc{ display:table-cell; position:relative; width:50%; vertical-align: top; }
.schedulebxtb > .tc > .bxschedule{ width:450px; height:960px; margin:0 0 0 auto;  }
 
.schedulebxtb > .tc > .bxschedule > .schedulebx{ padding:26px; }
.schedulebxtb > .tc > .bxschedule > .schedulebx > .tb{ display:block; }
.schedulebxtb > .tc > .bxschedule > .schedulebx > .tb > .tcimg{ 
 display:block; width:100%;   } 
.schedulebxtb > .tc > .bxschedule > .schedulebx > .tb > .tcline{ display:block; width:100%; height:1px; margin:39px 0;   }
.schedulebxtb > .tc > .bxschedule > .schedulebx > .tb > .tcline > .line{ width:100%; height:1px;  }
.schedulebxtb > .tc > .bxschedule > .schedulebx > .tb > .tctxt{ display:block; }
.schedulebxtb > .tc > .bxschedule > .schedulebx > .tb > .tctxt > .bx{  padding:0 26px;  }
.bxscheduleday.two  .schedulebxtb > .tc > .bxschedule{ margin:0; }

.schedulebx > .tb > .tctxt.eve1 > .bx > .txth > .h5{ color:#038afd;   }
.schedulebx > .tb > .tctxt.eve1 > .bx > .txt i{ color:#038afd; }
.schedulebx > .tb > .tctxt.eve2 > .bx > .txth > .h5{ color:#ff48ff;   }
.schedulebx > .tb > .tctxt.eve2 > .bx > .txt i{ color:#ff48ff; }
.schedulebx > .tb > .tctxt.eve0 > .bx > .txth > .h5{ color:#68c339;   }
.schedulebx > .tb > .tctxt.eve0 > .bx > .txt i{ color:#68c339; }
.schedulebx > .tb > .tctxt.eve3 > .bx > .txth > .h5{ color:#04e6f9;   }
.schedulebx > .tb > .tctxt.eve3 > .bx > .txt i{ color:#04e6f9; }
.schedulebx > .tb > .tctxt.eve4 > .bx > .txth > .h5{ color:#c1dff7;   }
.schedulebx > .tb > .tctxt.eve4 > .bx > .txt i{ color:#c1dff7; }
/** end schedulepage **/



/** contactuspage **/
.bxcontactus{ display:block; position:relative; text-align: center; color:#ddd; padding:0 0 26px; }
.bxcontactus > .bxemail{ display:block; position:relative; padding:104px 0 52px; }
.bxcontactus > .bxemail > a{ display:inline-block; position:relative; vertical-align:middle;  }
.bxcontactus > .bxemail > a > .icon{ display:inline-block; position:relative; vertical-align:middle; width:110px; height:90px; background: url("../img/icon-mail.png") no-repeat; background-size:100%; transition:ease 0.5s; }
.bxcontactus > .bxemail > a > .txt{ display:inline-block; position:relative; vertical-align:middle;  text-shadow: rgba(0,255,255,1) 0px 0px 10px, rgba(0,255,255,1) 0px 0px 20px,rgba(0,255,255,1) 0px 0px 30px; transition:ease 0.5s; }

.bxcontactus > .bxemail > a:hover > .icon{ background-image: url("../img/icon-mail-hover.png");   }
.bxcontactus > .bxemail > a:hover > .txt{ color:#b3b3b3; text-shadow:rgba(0,255,255,0) 0px 0px 0; }

.bxcontactus > .bxsocial{ display:block; position:relative; padding:0;  }
.bxcontactus > .bxsocial > .socialbx{ display:block; position:relative; margin:0 0 18px; font-size:32px; text-transform:uppercase; }
.bxcontactus > .bxsocial > .socialbx > a{ display:inline-block; position:relative; background:rgba(2,99,85,0.2); border-radius:60px; border:#026355 solid 2px; padding:16px; transition:ease 0.5s;    }
.bxcontactus > .bxsocial > .socialbx > a > .tb{ display:table; position:relative; width:100%; }
.bxcontactus > .bxsocial > .socialbx > a > .tb > .tcicon{ display:table-cell; position:relative; width:62px; vertical-align:middle; }
.bxcontactus > .bxsocial > .socialbx > a > .tb > .tcicon > .icon{ display:block; position:relative; width:62px; height:62px; background-size:100%;  transition:ease 0.4s;   }
.bxcontactus > .bxsocial > .socialbx > a > .tb > .tcicon > .icon.fbbx{ background-image: url("../img/icon-fb-62x62.png"); }
.bxcontactus > .bxsocial > .socialbx > a > .tb > .tcicon > .icon.igbx{ background-image: url("../img/icon-ig-62x62.png"); }
.bxcontactus > .bxsocial > .socialbx > a > .tb > .tcicon > .icon.ytbx{ background-image: url("../img/icon-yt-62x62.png"); }
.bxcontactus > .bxsocial > .socialbx > a > .tb > .tcicon > .icon.ttbx{ background-image: url("../img/icon-tt-62x62.png"); }
.bxcontactus > .bxsocial > .socialbx > a > .tb > .tcicon > .icon.xbx{ background-image: url("../img/icon-x-62x62.png"); }
.bxcontactus > .bxsocial > .socialbx > a > .tb > .tcicon > .icon.scbx{ background-image: url("../img/icon-sc-62x62.png"); }
.bxcontactus > .bxsocial > .socialbx > a > .tb > .tctxt{ display:table-cell; position:relative; vertical-align:middle; }
.bxcontactus > .bxsocial > .socialbx > a > .tb > .tctxt > .txt{ display:block; position:relative; padding:0 0 0 20px;   }

.bxcontactus > .bxsocial > .socialbx > a:hover{ 
  color:#1f4242;  border:transparent solid 2px; box-shadow: 0px 0px 18px 6px rgba(0, 255, 255, 0.6); 
  background-color: #84f5de; background-image: linear-gradient(315deg, #84f5de 0%, #56e8f2 50%, #4cc5f8 100%);  }

.bxcontactus > .bxsocial > .socialbx > a:hover > .tb > .tcicon > .icon.fbbx{ background-image: url("../img/icon-fb-hover-62x62.png"); }
.bxcontactus > .bxsocial > .socialbx > a:hover > .tb > .tcicon > .icon.igbx{ background-image: url("../img/icon-ig-hover-62x62.png"); }
.bxcontactus > .bxsocial > .socialbx > a:hover > .tb > .tcicon > .icon.ytbx{ background-image: url("../img/icon-yt-hover-62x62.png"); }
.bxcontactus > .bxsocial > .socialbx > a:hover > .tb > .tcicon > .icon.ttbx{ background-image: url("../img/icon-tt-hover-62x62.png"); }
.bxcontactus > .bxsocial > .socialbx > a:hover > .tb > .tcicon > .icon.xbx{ background-image: url("../img/icon-x-hover-62x62.png"); }
.bxcontactus > .bxsocial > .socialbx > a:hover > .tb > .tcicon > .icon.scbx{ background-image: url("../img/icon-sc-hover-62x62.png"); }

/** end contactuspage **/




/** subscribepage **/
.bxsubscribe{ display:block; position:relative;  width:450px; margin:0 auto; background:#026355; border-radius:320px;  padding:104px 0; min-height:660px;  }
.subscribebxform{ display:block; position:relative; max-width:320px; margin:0 auto; } 
.subscribebxform > .bxh{ display:block; position:relative; padding:0 0 26px;  }
.subscribebxform > .bxh > .tb{ display:table; position:relative; width:100%; }
.subscribebxform > .bxh > .tb > .icon{ display:table-cell; position:relative; vertical-align: top; width:82px; }
.subscribebxform > .bxh > .tb > .txt{ display:table-cell; position:relative; vertical-align: bottom; line-height:0.9; }
 
.bxinput{ display:block; position:relative; margin-bottom:16px; }
.bxinput > .txtname{ display:block; position:relative; padding:6px 22px; }
.bxinput > .txtinput{ display:block; position:relative;  }
 
.g-recaptcha{ display:inline-block; position:relative; text-align: center; }
.g-recaptcha div{ display:block; margin:0 auto;  text-align: center; width:320px; }

#subscribeform{ display:block; position:relative;  } 
#subscribeform input{ 
 display:block; position:relative; width:100%; padding:16px 22px; font-family: inherit; font-size:18px;  font-weight:inherit; background:rgba(15,22,22,0.2); border:#028f7b solid 1px; color: #fff; border-radius:32px;   }

#subscribeform input::-webkit-input-placeholder{ color: #42998c; opacity:1; }
#subscribeform input:-moz-placeholder{ color: #42998c; opacity:1;  }
#subscribeform input::-moz-placeholder{ color: #42998c; opacity:1;  }
#subscribeform input:-ms-input-placeholder{ color: #42998c; opacity:1;  }

#subscribeform input:focus{  border-color:#fff; }  


#subscribeform label { display:block; padding:0; margin:0; text-align:left; }
#subscribeform label.error{ margin-left: 0px; color:#ff1414; font-size:12px; font-style:italic; }
#subscribeform input.error{ border-color:#ff1414;   }
 
#subscribeform .selectsubs select{
   background: transparent; width:105%; padding:16px 22px; cursor:pointer; color:#fff; border:0px; font-size:18px;  }
#subscribeform .selectsubs option{
    border:none!important; margin:0; padding:6px 22px; background:none; font-size:18px; color:#0f1616;  }
#subscribeform .selectsubs{ 
 display:block; position:relative; width:100%;overflow: hidden; cursor:pointer;
 background: url(../img/select.png)  96% no-repeat rgba(15,22,22,0.2); border:#028f7b solid 1px; color: #fff; border-radius:32px;  }

#subscribeform .selectsubs select:focus{  border-color:#fff; } 
 
#subscribeform input[type=submit]{ display:block; position: relative; background:#00ffff;  color:#0f1616; font-weight:700;  padding:16px 22px; border-radius:36px; transition:ease 0.5s; width:169px; text-transform:uppercase;  cursor:pointer; border:none;  margin:0 auto; font-size:22px;  } 
#subscribeform input[type=submit]:hover{ background:#02312a; color:#fff; } 
#subscribeform input[type=submit]:disabled { opacity:0.4; background:#02312a; color:#ddd; cursor: no-drop; }

.bxthanks{ display:block; position:relative; text-align: center; padding:104px 0; }
/** end subscribepage **/


/** hosthotelspage **/
.bxhosthotels{ display:block; position:relative; margin:0 auto; }
.bxhhlink{ display:block; position:relative; text-align:center; }
.bxhhlink > .hhbxlink{ display:inline-block; position:relative; background: rgb(63,187,254); background: linear-gradient(265deg, rgba(63,187,254,1) 0%, rgba(165,65,255,1) 100%); border-radius:60px;  }
.hhbxlink > a{ display:inline-block; position:relative; padding:16px 20px; text-transform:uppercase; font-weight:700; transition:ease 0.5s; border-radius:60px;   }
.hhbxlink > a > span{ color:rgba(255,255,255,0.5);  }
.hhbxlink > a:last-child > span{ color:rgba(255,255,255,1); }
.hhbxlink > a:hover{ background:#0f1616; }
.hhbxlink > a:hover > span{
  background: #3FBBFE; background: linear-gradient(to left, #3FBBFE 0%, #A541FF 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;  }

.hhbxlink > a.active{ background:#0f1616;  }
.hhbxlink > a.active > span{ 
  background: #3FBBFE; background: linear-gradient(to left, #3FBBFE 0%, #A541FF 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;  }

.bxhosthotelslilst{ display:block; position:relative; padding:60px 0 0; }
.hosthotelbx{ display:block; position:relative; max-width:720px; margin:0 auto 50px; background:rgba(2,99,85,0.4); border:#026355 solid 2px; border-radius:46px; }
.hosthotelbx > .bx{ display:block; position:relative; width:600px; margin:0 auto; } 
.hosthotelbx > .bx > .bxtxt{ display:block; position: relative; height:180px;  padding:6px 0; }
.hosthotelbx > .bx > .bxtxt > .tb{ display:table; position: relative; width:100%; height:100%; }
.hosthotelbx > .bx > .bxtxt > .tb > .tclogo{ 
  display:table-cell; position: relative; width:268px; vertical-align: middle;   }
.hosthotelbx > .bx > .bxtxt > .tb > .tclogo > .bx{ 
  display:block; position:relative; width:98%; padding:6px 0; text-align: center; }
.hosthotelbx > .bx > .bxtxt > .tb > .tclogo > .bx > img{ max-width:100%; max-height:100%; }
.hosthotelbx > .bx > .bxtxt > .tb > .tcline{ display:table-cell; position: relative; width:1px; vertical-align: middle; }
.hosthotelbx > .bx > .bxtxt > .tb > .tcline > .linehh{display:inline-block; position: relative; width:1px; height:152px; background: url("../img/liney-hh.png") no-repeat;}
.hosthotelbx > .bx > .bxtxt > .tb > .tctext{ display:table-cell; position: relative;  vertical-align: middle; }
.hosthotelbx > .bx > .bxtxt > .tb > .tctext > .bx{ display:block; position: relative; width:82%; margin:0 auto;  }
.hosthotelbx > .bx > .bxtxt > .tb > .tctext > .bx > b{  display:block; position: relative; line-height:1.2;  }
.hosthotelbx > .bx > .bxtxt > .tb > .tctext > .bx > .bxlink{  display:block; position: relative;  padding:16px 0 20px;  }
.hosthotelbx > .bx > .bximg{ display:block; position: relative; padding:0 0 56px;  }
.owlimgslide{ display:block; position: relative; text-align: center; }
.owlimgslide img{  max-width:100%; margin:0 auto; } 

.bxhosthotelsdetail{ display:block; position:relative; padding:60px 0 0; text-align: center;  }
.bxhosthotelsdetail > .bxnamehh{ display:block; position:relative; padding-bottom:46px; line-height:1; }
.bxhosthotelsdetail > .bxnamehh > .bxback{ display:block; position:relative; padding-top:16px;  }
.bxhosthotelsde{  display:block; position:relative;  max-width:1000px; margin:0 auto;  background:rgba(2,99,85,0.4); border:#026355 solid 2px; border-radius:46px; padding:48px; }
.bxhosthotelsde > .bximg{ display:block; position:relative; }
.bxhosthotelsde > .bximg > img{ width:100%; max-width:100%; }
.bxlinkhh{ display:block; position:relative; padding-top:65px; }
/** end hosthotelspage **/


/** gallerypage **/
.bxvideoslist{ display:block; position:relative; max-width:1180px; margin:0 auto 104px; }
.bxvideo{ display:block; position:relative; width:33.33%; float:left; margin-bottom:20px;  }
.vdobx{ display:block; position:relative; max-width:360px; margin:0 auto; text-align: center; width:90%; } 
.vdobx > .imgbx{ display:block; position:relative; width:100%; } 
.vdobx > .imgbx > .iconplay{ position:absolute; top:50%; left:50%; width:60px; height:60px; background:rgba(0,255,255,0.5); z-index:6; border-radius:50%; margin:-30px 0 0 -30px;  transition:ease 0.5s;  }
.vdobx > .imgbx > .iconplay > img{ max-width:22px; margin:18px 0 0 5px; }
.vdobx > .txtbx{ display:block; position:relative; color:#d3d3d3; padding:20px; line-height:1.2; }

.vdobx:hover > .imgbx > .iconplay{ background:rgba(0,255,255,1); }

.imgbx169{
  position:relative; overflow:hidden; padding-top: 56.25%; width:100%; height:0;   }
.imgbx169 > img{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; border-radius:160px; }

.clear.desktop{ display:block; }
.clear.mobile{ display:none; }
 
.bxgallerylist{ display:block; position:relative; max-width:1180px; margin:0 auto;  }
.bxgallery{ display:block; position:relative; width:33.33%; float:left; margin-bottom:24px; }
.gallerybx{ width:90%;  padding-top:0; }  

.bxgalleryde{ display:block; position:relative; text-align:center; }
.bxgalleryde > .albumname{ display:block; position:relative; padding:0 0 52px; line-height:1.2; max-width:680px; margin:0 auto; }
.gallerybxlist{ display:block; position: relative; max-width:1224px; margin:0 auto; }
.gallerybxlist > .gimgbx{ display:inline-block; position: relative; margin:3px; }
.gallerybxlist > .gimgbx > a{ display:block; position: relative; overflow:hidden; height:108px;  }
.gallerybxlist > .gimgbx > a > img{ transition: ease 0.5s; max-height:100%; }
.gallerybxlist > .gimgbx > a:hover > img{ transform: scale(1.2); }



.bxgalleryde > .bxbtnback{ display:block; position:relative; padding:26px 0 0;  }

.bxpageload{ display:block; position:relative; padding:26px 0 0;  }
.bxpageload > a.btnback{ cursor:pointer; }
.bxpageload > a.btnback > img{ margin:0 0 0 12px;   }
/** end gallerypage **/
 

/** ticketingpage **/
.bgticketvvip{ background:url("../img/bg-VVIP-ticketing.png") top center no-repeat; }
.bxticketingvvip{ display:block; position:relative; padding:90px 0 0;  }
.bxticketingvvip > .bximg{ display:block; position:relative; text-align: center; }
.bxticketingvvip > .bxtxt{ display:block; position:relative; text-align: center; max-width:900px; margin:0 auto; padding-bottom:85px;  }
.bxticketingvvip > .bxtxt > .h7{ text-transform:uppercase; }
.bxticketingvvip > .bxtxt > .h7 > a{  color:#00ffff; }
.bxticketingvvip > .bxtxt > .h7 > a:hover{ text-decoration:underline; }
.bxticketingvvip > .bxtxt > .bxbtn{ display:block; position:relative; padding:26px 0 0; }
.bxticketingvvip > .bxtxt > .bxbtn > a > img{ margin:0 0 0 12px; }

.bxticketingtab{ display:block; position:relative; }
.bxticketingtabde{ display:block; position:relative; text-align: left; max-width:1220px; margin:75px auto 0; }
 

.bxticket{ display:block; position:relative; border-radius:46px; margin-bottom:50px; }
.bxticket > .bxtxth{ display:block; position:relative; text-transform:uppercase; width:90%; margin:0 auto; padding:16px 0; }
.combobx{ border:#026355 solid 2px;  background:rgba(2,99,85,0.4);   }
.poolbx{ border:#00c0fa solid 2px;  background:rgba(0,192,250,0.4);   } 
.singlebx{ border:#01e5e5 solid 2px;  background:rgba(1,229,229,0.4);   }

.bxticketinner{ display:block; position:relative; border-radius:46px; padding:39px 0;  }
.bxticket.combobx > .bxticketinner{ border-top:#026355 solid 2px;  background:#02221d;   }
.bxticket.poolbx > .bxticketinner{ border-top:#00c0fa solid 2px;  background:#012530;   }
.bxticket.singlebx > .bxticketinner{ border-top:#01e5e5 solid 2px;  background:#003636;   }
 
.bxticketing{ display:block; position:relative; width:90%; margin:0 auto; }
.bxticketing > .bxtexth{ display:block; position:relative; padding-bottom:20px;  border-bottom:#015353 solid 1px; font-size:32px;  }
.bxticketing > .bx > .bxtexth{ display:block; position:relative; padding-bottom:20px;  border-bottom:#015353 solid 1px; font-size:32px;  }
 

.bxticketinglist{ display:block; position:relative; padding:39px 0; }
.bxticketinglist > .tb{ display:table; position:relative; width:100%;  }
.bxticketinglist > .tb > .tc{ display:table-cell; position:relative; width:50%; vertical-align: top; }

.ticketingbx{ display:block; position:relative; }
.ticketingbx > .tb{ display:table; position:relative; width:100%; } 
.ticketingbx > .tb > .tcimg{ display:table-cell; position:relative; width:220px; vertical-align: top; }
.ticketingbx > .tb > .tcimg > .bximg{ display:block; position:relative; width:100%; text-align: center; }
.ticketingbx > .tb > .tcimg > .bximg > img{ max-width:100%; }
.ticketingbx > .tb > .tctxt{ display:table-cell; position:relative; vertical-align: top; }
.ticketingbx > .tb > .tctxt > .bxtxt{ display:block; position:relative; width:88%; margin:0 auto; padding:39px 0; }
.ticketingbx > .tb > .tctxt > .bxtxt > .txtname{ font-weight:700; text-transform:uppercase; line-height:1; }
.ticketingbx > .tb > .tctxt > .bxtxt > .txtname > .fw600{ font-weight:600; }
.ticketingbx > .tb > .tctxt > .bxtxt > .txtrm{  padding:20px 0 0;  }
.ticketingbx > .tb > .tctxt > .bxtxt > .txtprice{  font-weight:700; text-transform:uppercase; padding:46px 0 0;  }
.txtvip{ color:#d8b702; }
.txtstd{ color:#9d9b9b; }
.txtblue{ color:#015fea; }
.txtsky{ color:#00befa; }
.txtgold{ color:#c89c26; }
.bxbtnbuynow{ display:block; position:relative; text-align:center; padding:26px 0;  }

.ticketbxitem{ display:block; position:relative; border-bottom:#015353 solid 1px; padding:0;     }
.ticketbxitem > .tb{ display:table; position:relative; width:100%; }
.ticketbxitem > .tb > .tcimg{ display:table-cell; position:relative; width:42%; vertical-align:middle; }
.ticketbxitem > .tb > .tcimg > .bximg{ display:block; position:relative; max-width:320px; margin:0 auto; }
.ticketbxitem > .tb > .tcimg > .bximg > img{ width:100%; max-width:100%; }
.ticketbxitem > .tb > .tctxt{ display:table-cell; position:relative; vertical-align:middle; }
.ticketbxitem > .tb > .tctxt > .bxtxt{ display:block; position:relative; line-height:1; }
.ticketbxitem > .tb > .tctxt > .bxtxt > .h4 > span{ font-size:20px; } 
.ticketbxitem > .tb > .tctxt > .bxtxt > .h5{   }
.ticketbxitem > .tb > .tctxt > .bxtxt > .txt{ color:#dddddd;   }
.ticketbxitem > .tb > .tctxt > .bxtxt > .h6{ display:block; position:relative; padding:26px 0 0; font-weight:700; }
.ticketbxitem > .tb > .tctxt > .bxtxt > .h6 > div{ display:inline-block; position:relative;  }
.ticketbxitem > .tb > .tctxt > .bxtxt > .h6 > div:first-child{ width:190px;  }

.ticketbxitem.eve1 > .tb > .tctxt > .bxtxt > .h5{ color:#038afd;  }
.ticketbxitem.eve0 > .tb > .tctxt > .bxtxt > .h5{ color:#68c339;  }
.ticketbxitem.eve2 > .tb > .tctxt > .bxtxt > .h5{ color:#ff48ff;  }
.ticketbxitem.eve3 > .tb > .tctxt > .bxtxt > .h5{ color:#04e6f9;  }
.ticketbxitem.eve4 > .tb > .tctxt > .bxtxt > .h5{ color:#c1dff7;  }

.bxticketinglist > .ticketbxitem:last-child{ border-bottom:0px; }


.bxvvipde{ display:block; position:relative; margin:0 auto; padding-bottom:56px; max-width:1056px;  }
.vvipdebx{ display:block; position:relative; background:rgba(22,27,30,0.6); border:#323537 solid 2px; border-radius:60px; text-align:center; color:#bcc1c5;  }
.vvipdebx > .bx{ display:block; position:relative; padding:52px 26px; text-transform:uppercase; }
.vvipdebx > .bx > .txth{ display:block; position:relative; font-size:28px; letter-spacing:10px; line-height:1; color:#fff; }
.vvipdebx > .bx > .txth > span{ font-size:65px; letter-spacing:0;  }
.vvipdebx .linex{ display:block; position:relative; max-width:350px; margin:0 auto; padding:20px 0; }
.vvipdebx > .bx > .txtbx1{ display:block; position:relative; padding:0 0 60px;  }
.vvipdebx > .bx > .txtbx1 > .txt1{ font-size:28px; color:#fff; }
.vvipdebx > .bx > .txtbx1 > .txt2{ font-size:16px; }
.vvipdebx > .bx > .txtbx1 > .txt3{ font-size:20px; } 
.vvipdebx > .bx > .txtbx2{ display:block; position:relative; padding:0 0 60px;  }
.vvipdebx > .bx > .txtbx2 > .h4{ line-height:1; }
.vvipdebx > .bx > .txtbx2 > .h6{ display:block; position:relative; max-width:640px; margin:0 auto; }
.vvipdebx > .bx > .txtbx2 > .h6 > .itxt{ display:inline-block; position:relative; color:#fff; margin:0 6px;  }
.vvipdebx > .bx > .txtbx2 > .h6 > .itxt > img{ margin-right:8px; }
.vvipdebx > .bx > .txtbx2 > .h6 > .itxt > span{ color:#bcc1c5; margin-right:2px; }
.vvipdebx > .bx > .txtbx3{ display:block; position:relative;  color:#fff; }
.vvipdebx > .bx > .txtbx3 > .bxtb{ display:block; position:relative;  max-width:900px; margin:0 auto; }
.vvipdebx > .bx > .txtbx3 > .bxtb > .tb{ display:table; position:relative; width:100%;   }
.vvipdebx > .bx > .txtbx3 > .bxtb > .tb > .tc{ display:table-cell; position:relative; width:14%; }
.vvipdebx > .bx > .txtbx3 > .bxtb > .tb > .tc > .bx{ display:block; position:relative; width:92%; margin:0 auto; }
.vvipdebx > .bx > .txtbx3 > .bxtb > .tb > .tc > .bx > .iconbx{ display:block; position:relative; padding:0 0 6px;  }
.vvipdebx > .bx > .txtbx3 > .bxtb > .tb > .tc > .bx > .h8{ line-height:1.2;}

.bxvvipbtn{ display:block; position:relative; text-align:center; padding:0 0 65px; }
.bxvvipinfo{ display:block; position:relative; text-align:center; padding:0 0 26px; }
.bxvvipinfo > .emailbx{ display:block; position:relative; padding:0 0 39px;  }
.bxvvipinfo > .emailbx > .h6{ text-transform: uppercase; color:#dddddd;	} 


.soldoutbx{ position:absolute; z-index:26; background:#000; top:0px; width:95px; height:33px; left:50%; margin-left:-47.5px; border-bottom-left-radius:20px; border-bottom-right-radius:20px;  color:#fff !important;   }
.soldoutbx > span{ display:block; position: relative; text-align:center; font-size:14px; font-weight:600; text-transform:uppercase;  padding:2px 0 0;   }


/** end ticketingpage **/




.bxpolicy{ display:block; position:relative; max-width:80%; margin:0 auto; }
.bxpolicy > h3{ display:block; position: relative; padding:39px 0; text-align: center; }
.bxpolicy > h4{ display:block; position: relative; padding:0 0 26px;  }
.bxpolicy > h7{ font-weight:600; }
.bxpolicy > ul{ padding:0 0 0 26px;  }
.bxpolicy > a{ color:#00ffff; text-decoration: underline;  transition: ease 0.5s;  }
.bxpolicy > a:hover{ color:#fff; }
.bxpolicy > .linex{ display:block; position: relative; padding:26px 0; text-align: center; background: url("../img/linex-page.png") center no-repeat; height:1px; }
.bxpolicy > .fw600{ font-weight:600; }



/** presspage **/
.bxpress{ display:block; position: relative; max-width:1192px; margin:65px auto 0;  font-family: 'Barlow','IBM Plex Sans Thai'; }
.bxpresslist{ display:block; position: relative; }
.pressitem{ display:block; position: relative;  }
.pressitem.two{ margin-top:-39px; } 

.pressbx{  display:block; position: relative; background:#1d2523; border:#546660 solid 1px; padding:0; 
  border-radius:200px; padding-bottom:104px;  max-width:360px; margin:0 auto; }
.pressbx > .bximg{ 
  display:block; position: relative; border-top-left-radius:200px; border-top-right-radius:200px; height:240px;   }
.pressbx > .bximg > img{  border-top-left-radius:200px; border-top-right-radius:200px;    }
.pressbx > .bxtxt{ display:block; position: relative; padding:36px; border-top:#546660 solid 1px;  }
.pressbx > .bxtxt > .date{ color:#00ffff;}
.pressbx > .bxtxt > .by{ color:#d3d3d3; }
.pressbx > .bxtxt > .subject{ display:block; position: relative; padding:26px 0 0; color:#d3d3d3;  }
.pressbx > .bxlinex{ display:block; position: relative; text-align: center; }
.pressbx > .bxicon{ display:block; position:absolute; left:0; right:0; text-align: center; height:62px; }
.pressbx > .bxicon > .icon{ display:inline-block; position:relative; width:62px; height:62px; background: url("../img/icon-right-gray.png") no-repeat; background-size:100%;  }
 
.pressbx:hover{ border-color:#00ffff; }
.pressbx:hover > .bxtxt{ border-color:#00ffff; }
.pressbx:hover > .bxicon > .icon{  background-image: url("../img/icon-right-sky.png");   }
/** end presspage **/
 

/** faqspage **/
.bxfaqs{ display:block; position:relative; margin:0 auto; max-width:1124px;  }
 
.faqspane{ display:block; position:relative; }
.faqshead{ display:block; position:relative; border:#00ffff solid 1px; margin-bottom:5px; border-radius:46px; cursor:pointer;  background:#021919 url("../img/faqs-down.png") 99% no-repeat; padding:16px; }
.quesbx{ display:block; position:relative; padding:0 20px; color:#00ffff; font-weight:700;  }
 
.faqs_body{ display:none; background-image:none !important;   }
.ansbx{ display:block; position:relative;  padding:39px 39px 52px; color:#000; margin-bottom:5px; background:#fff; border-radius:46px; }
.ansbx a{ color:#038afd; text-decoration: underline; }
.ansbx a:hover{ text-decoration:none; }
/** end faqspage **/


/** djspage **/
.bxdjsall{ display:block; position:relative; }
.bxdjs{ display:block; position:relative; margin:0 0 65px; text-align: center; } 
.bxdjs > .bxdjscat{ display:block; position:relative; margin:0 0 36px; line-height:1;  }
.bxdjslist{ display:block; position:relative;  }
.djsbxitem{ display:inline-block; position:relative; width:30%; max-width:490px;  border-radius:245px; border:#0a9187 solid 1px; padding:20px; margin:0 0.5% 16px; vertical-align: top; }

.djsbxitem > .djsbxtb{ display:table; position:relative; width:100%; height:100%; border-radius:245px; background:#021919; }
.djsbxitem > .djsbxtb > .tr{ display:table-row; }
.djsbxitem > .djsbxtb > .tr > .tcimg{ display:table-cell; position:relative; vertical-align:top; }
.djsbxitem > .djsbxtb > .tr > .tcsc{ display:table-cell; position:relative; vertical-align:top; text-align: center; height:220px;   }
.djsbxitem > .djsbxtb > .tr > .tcimg > .bximg{ display:block; position:relative; overflow:hidden; border-top-left-radius:245px; border-top-right-radius:245px; }
.djsbxitem > .djsbxtb > .tr > .tcimg > .bximg > img{ 
  border-top-left-radius:245px; border-top-right-radius:245px; transition: ease 0.5s; }
.djsbxitem > .djsbxtb > .tr > .tcimg > .bximg > .hoverblack{ position:absolute; top:0; left:0; bottom:0; right:0; background: rgba(0,0,0,0.5); opacity:0; transition:ease 0.5s;  }

.djsbxitem > .djsbxtb > .tr > .tcimg > a.bximg:hover > img{ transform: scale(1.2); }
.djsbxitem > .djsbxtb > .tr > .tcimg > a.bximg:hover > .hoverblack{ opacity:1;  }

.djsbxitem > .djsbxtb > .tr > .tcsc > .bxlink{ display:block; position:relative; padding:36px 0 0;  }

.asiandjs > .djsbxitem{ border-color:#bf1537;  }

a.btnsoundc{ display:inline-block; position:relative; width:201px; height:108px; background: url("../img/icon-soundcloud.png")  no-repeat; background-size:100%; } 
a.btnsoundc > span{ position:absolute; top:0; left:0; bottom:0; right:0; background: url("../img/icon-soundcloud-hover.png") no-repeat; background-size:100%; transition:ease 0.5s; opacity:0;  }
a.btnsoundc:hover > span{ opacity:1; }


#bxdjsde{ display:block; position:relative; padding:20px 0; }
.bxdjsde{ display:block; position:relative; margin:0 auto; width:90%; max-width:1510px;  }
.bxdjsde > .tb{ display:table; position:relative; width:100%; height:100%; }
.bxdjsde > .tb > .tcl{ display:table-cell; position:relative; width:38%; vertical-align:top; }
.bxdjsde > .tb > .tcr{ display:table-cell; position:relative; width:62%; vertical-align:top; }
.bxdjsde > .tb > .tcl > .bx{ display:block; position:relative; width:84%; }
.bxdjsde > .tb > .tcr > .bx{ display:block; position:relative; padding:52px 0 0;  }
.bxdjsde .djsbxitem{ display:block; width:100%; margin:0;  }

.djsbxtext{ display:block; position:relative; }
.djsbxtext > .name{ display:block; position:relative; line-height:1; padding:0 0 26px; }
.djsbxtext > .desc{ display:block; position:relative; padding:0 0 52px; color:#dddddd; }
.djsbxtext > .yt{ display:block; position:relative; max-width:640px; }
.djsbxtext > .yt > iframe{ width:100%; height:360px; }
/** end djspage **/


/** sponsorspage **/
.bxsponsorslist{ display:block; position: relative; max-width:1016px; margin:0 auto; }
.sponsorsbx{ 
  display:block; position:relative; border:#026355 solid 2px; border-radius:26px; padding:6px; margin-bottom:20px; }
.sponsorsbxx{ display:block; position:relative; border-radius:20px; border:#015353 solid 1px; padding:15px 0 26px;  }
.sptb{ display:table; position: relative; width:100%;   }
.sptb > .col{ display:table-cell; position: relative; width:100%; vertical-align:top; }
.sptb > .col2{ display:table-cell; position: relative; width:50%; vertical-align:top; }
.sptb > .col2x{ display:table-cell; position: relative; width:67%; vertical-align:top; }
.sptb > .cl{ background: url("../img/liney-sponsors.png") center right no-repeat; }
.sptb > .col3{ display:table-cell; position: relative; width:33.33%; vertical-align:top; }
.sptb > .col23{ display:table-cell; position: relative; width:66.66%; vertical-align:top; }
.trcut{ display:none; }
.bxsp{ display:block; position:relative; text-align:center;   }
.bxsp.bxxs{ text-align:left; }
 

.sponsorsbxh{ display:block; position: relative; margin:0 auto 15px; background: url("../img/linex-sponsors.png") center bottom no-repeat; text-align: center;  padding:20px 0 10px;  } 
.sponsorsbxh > div{ display:block; position: relative; text-align: center; vertical-align:middle; }
.sponsorsbxh.xl{ width:360px; }
.sponsorsbxh.xl > div{ width:360px; }
.sponsorsbxh > div > span{ display:block; position: relative; font-size:20px; line-height:1.125; text-transform:uppercase; } 

.spimgbx{ display:inline-block; position: relative; margin:0 auto; }

.spbximg{ display:table-cell; position:relative; height:102px; vertical-align:middle; text-align:center; }
.spbximg.xl{ width:330px; }
.spbximg.xs{ width:163px;  }
.spbximg.imgtwo > img{ margin:0 30px; }

.spbximg a{ transition: ease 0.5s; }
.spbximg a:hover{ opacity:0.3; }
/** end sponsorspage **/


/** podcastspage **/
.bxpodcasts{ display:block; position:relative; margin:0 auto; max-width:1224px;  }
.podcastsbxtop{ display:block; position:relative; margin:0 39px 39px; }
.podcastsbxtop > a{ display:inline-block; position:relative; }
.podcastsbxtop > a > .tb{ display:table-cell; position:relative; }
.podcastsbxtop > a > .tb > .tcicon{ display:table-cell; position:relative; width:110px; }
.podcastsbxtop > a > .tb > .tcicon > .icon{ display:block; position:relative; width:84px; transition:ease 0.5s; border-radius:50%;   }
.podcastsbxtop > a > .tb > .tcicon > .icon > img{ width:100%; }
.podcastsbxtop > a > .tb > .tctxt{ display:table-cell; position:relative; vertical-align:middle; }
.podcastsbxtop > a > .tb > .tctxt > .h5{ font-weight:700; line-height:1; }
.podcastsbxtop > a > .tb > .tctxt > .h5 > u{ color:#ff5500; transition:ease 0.5s; }
.podcastsbxtop > a:hover > .tb > .tcicon > .icon{ box-shadow: 0px 0px 16px 4px rgba(255, 90, 0, 0.7); }
.podcastsbxtop > a:hover > .tb > .tctxt > .h5 > u{ color:#ffffff; }

.podcastpane{ display:block; position:relative; }
.podcasthead{ display:block; position:relative; border:#00ffff solid 1px; border-radius:36px; cursor:pointer;  background:#021919 url("../img/faqs-down.png") 96% no-repeat; padding:26px; z-index:6; margin-top:15px; }
.bxpodcasth{ display:block; position:relative; width:90%; }
.bxpodcasth > .tb{ display:table; position:relative; width:100%; }
.bxpodcasth > .tb > .tcimg{ display:table-cell; position:relative; width:310px; vertical-align:middle; }
.bxpodcasth > .tb > .tcimg > .bximg{ display:block; position:relative; width:260px;  }
.bxpodcasth > .tb > .tcimg > .bximg > img{ border-radius:26px; }
.bxpodcasth > .tb > .tctxt{ display:table-cell; position:relative; vertical-align:middle; }
.bxpodcasth > .tb > .tctxt > .bxtxt{ display:block; position:relative; text-transform:uppercase; }

.podcast_body{ display:none; background-image:none !important;   }
.bxpodcastde{ 
  display:block; position:relative;  padding:46px 39px 39px; color:#000; border-radius:36px; 
  border-top-left-radius:0px; border-top-right-radius:0px; margin-top:-36px; 	
  background-color: #84f5de; background-image: linear-gradient(300deg, #84f5de 0%, #56e8f2 50%, #4cc5f8 100%); }
.bxpodcastlist{ display:block; position:relative; }
.podcastbx{ display:block; position:relative; padding:36px 0; border-bottom:#021919 solid 1px;  }
.bxpodcastlist > .podcastbx:last-child{ border-bottom:0px; }
.podcastbx iframe{ width:100%; height:166px; margin:0; padding:0; }

.podcastbx > .tb{ display:table; position:relative; width:100%; }
.podcastbx > .tb > .tcimg{ display:table-cell; position:relative; width:273px; vertical-align: middle; }
.podcastbx > .tb > .tcimg > .bximg{ display:block; position:relative; width:240px; }
.podcastbx > .tb > .tcimg > .bximg > img{ max-width:100%; border-radius:50%; }
.podcastbx > .tb > .tcimg > .namebx{ display:none; position:relative; line-height:1.2; padding:12px 0; text-transform:uppercase; text-align:center; } 

.podcastbx > .tb > .tctxt{ display:table-cell; position:relative; vertical-align: middle; }
.podcastbx > .tb > .tctxt > .bxtxt{  display:block; position:relative;  }
.podcastbx > .tb > .tctxt > .bxtxt > .namebx{ display:block; position:relative; line-height:1.2; padding:0 0 26px; text-transform: uppercase; } 
.podcastbx > .tb > .tctxt > .bxtxt > .playbx{ display:block; position:relative; }
.podcastbx > .tb > .tctxt > .bxtxt > .playbx > iframe{ height:140px; max-width:806px; }
/** end podcastspage **/


/** mappage **/
.bxmaptop{ display:block; position:relative; max-width:1224px; margin:0 auto; }
.maptopbx{ display:block; position:relative; background:#021919; border:#0a9187 solid 1px; border-radius:240px; padding:46px 0 39px; text-align: center; }
.maptopbx > .h4{ display:block; position:relative; padding:0 0 39px; }
.maptopbx > .tb{ display:table; position:relative; width:100%; }
.maptopbx > .tb > .tclogo{ display:table-cell; position:relative; width:50%; vertical-align:middle; } 
.maptopbx > .tb > .tclogo > .bx{ display:block; position:relative; padding:24px 0 26px;  }
.maptopbx > .tb > .tclogo > .bx > .bximg{ display:block; position:relative; padding:0 0 26px; }
.maptopbx > .tb > .tclogo > .bx > .bxtxt{ display:block; position:relative; font-size:16px; }
.maptopbx > .tb > .tclogo > .bx > .bxtxt > .time{ display:block; position:relative; font-size:12px; }
.maptopbx > .tb > .tcline{ display:table-cell; position:relative; width:1px; vertical-align:middle; }
.maptopbx > .tb > .tcline > .line{ display:block; position:relative; width:1px; height:237px; background: rgba(0,255,255,0.25); box-shadow: 0 0 50px 6px rgba(0,255,255,0.35);  }

.bxmapimg{ display:block; position:relative; text-align:center; margin-bottom:49px; }
.bxmapimg > .desktop{ display:block; margin:0 auto; }
.bxmapimg > .mobile{ display:none; margin:0 auto; }

.bxmapgg{ display:block; position:relative; text-align:center; max-width:1024px; margin:0 auto; }
.bxmapgg > iframe{ width:100%; height: 576px; border-radius:36px; }
.bxmapbtn{ display:block; position:relative; text-align:center; padding:76px 0 0; }
/** end mappage **/


#bxfooter{ display:block; position:relative; padding:65px 0; }
.footer-subcribe{ display:block; position:relative; padding:0 0 39px; text-align:center; }
.footer-address{ display:block; position:relative; padding:0 0 26px; text-align:center; }
.footer-social{ display:block; position:relative; padding:0 0 26px; text-align:center; }
.footer-link{ display:block; position:relative; text-align:center; }
.footer-link a{ text-decoration:underline; }
#bxfooter a{ transition:ease 0.5s;  }
#bxfooter a:hover{ color:#026355; }



a.btnfb{ display:inline-block; position:relative; width:32px; height:32px; background: url("../img/icon-fb-white.png") no-repeat; background-size:100%; transition:ease 0.4s;  }
a.btnfb > span{ position:absolute; top:0; bottom:0; right:0; left:0; background: url("../img/icon-fb-green.png") no-repeat; background-size:100%; opacity:0; transition:ease 0.4s;  }
a.btnfb:hover{ background:transparent; }
a.btnfb:hover > span{ opacity:1; } 

a.btnig{ display:inline-block; position:relative; width:32px; height:32px; background: url("../img/icon-ig-white.png") no-repeat; background-size:100%; transition:ease 0.4s;  }
a.btnig > span{ position:absolute; top:0; bottom:0; right:0; left:0; background: url("../img/icon-ig-green.png") no-repeat; background-size:100%; opacity:0; transition:ease 0.4s;  }
a.btnig:hover{ background:transparent; }
a.btnig:hover > span{ opacity:1; }

a.btnyt{ display:inline-block; position:relative; width:32px; height:32px; background: url("../img/icon-yt-white.png") no-repeat; background-size:100%; transition:ease 0.4s;  }
a.btnyt > span{ position:absolute; top:0; bottom:0; right:0; left:0; background: url("../img/icon-yt-green.png") no-repeat; background-size:100%; opacity:0; transition:ease 0.4s;  }
a.btnyt:hover{ background:transparent; }
a.btnyt:hover > span{ opacity:1; }

a.btntt{ display:inline-block; position:relative; width:32px; height:32px; background: url("../img/icon-tt-white.png") no-repeat; background-size:100%; transition:ease 0.4s;  }
a.btntt > span{ position:absolute; top:0; bottom:0; right:0; left:0; background: url("../img/icon-tt-green.png") no-repeat; background-size:100%; opacity:0; transition:ease 0.4s;  }
a.btntt:hover{ background:transparent; }
a.btntt:hover > span{ opacity:1; }

a.btnx{ display:inline-block; position:relative; width:32px; height:32px; background: url("../img/icon-x-white.png") no-repeat; background-size:100%; transition:ease 0.4s;  }
a.btnx > span{ position:absolute; top:0; bottom:0; right:0; left:0; background: url("../img/icon-x-green.png") no-repeat; background-size:100%; opacity:0; transition:ease 0.4s;  }
a.btnx:hover{ background:transparent; }
a.btnx:hover > span{ opacity:1; }

a.btnsc{ display:inline-block; position:relative; width:32px; height:32px; background: url("../img/icon-sc-white.png") no-repeat; background-size:100%; transition:ease 0.4s;  }
a.btnsc > span{ position:absolute; top:0; bottom:0; right:0; left:0; background: url("../img/icon-sc-green.png") no-repeat; background-size:100%; opacity:0; transition:ease 0.4s;  }
a.btnsc:hover{ background:transparent; }
a.btnsc:hover > span{ opacity:1; }

a.btnticketing{ display:inline-block; position:relative;  text-transform:uppercase; vertical-align:middle; border-radius:40px; padding:10px 16px; font-weight:700; background: rgba(15,22,22,0.2); transition:ease 0.5s;  
 box-shadow: 0px 0px 18px 8px rgba(0, 255, 255, 0.6); }
a.btnticketing > .txt{ display:inline-block; position:relative; vertical-align:middle; padding:0 14px; transition:ease 0.5s; color:#00ffff;  }
a.btnticketing > .icon{ display:inline-block; position:relative; width:34px; height:34px; background: url("../img/icon-right-blue.png") no-repeat; vertical-align:middle; }

a.btnticketing:hover{ 
	background-color: #84f5de; background-image: linear-gradient(320deg, #84f5de 0%, #56e8f2 50%, #4cc5f8 100%); }
a.btnticketing:hover > .txt{  color:#ffffff;  }
a.btnticketing:hover > .icon{  background-image: url("../img/icon-right-white.png"); }


a.btnview{ 
  display:inline-block; position:relative;  text-transform:uppercase; vertical-align:middle; border-radius:40px; 
  padding:12px 20px; font-weight:700; background: rgba(15,22,22,0.2); transition:ease 0.5s; min-width:228px;
  box-shadow: 0px 0px 18px 8px rgba(0, 255, 255, 0.6);  }
a.btnview:hover{ 
  background-color: #84f5de; background-image: linear-gradient(130deg, #84f5de 0%, #56e8f2 50%, #4cc5f8 100%); }

a.btnvvip{ 
  display:inline-block; position:relative;  text-transform:uppercase; vertical-align:middle; border-radius:40px; 
  padding:12px 20px; font-weight:700; background: rgba(15,22,22,0.2); transition:ease 0.5s; min-width:196px;
  box-shadow: 0px 0px 18px 8px rgba(188, 193, 197, 0.6); color:#ffffff;  }
a.btnvvip:hover{ color:#fff; background-color: #94989b;
background-image: linear-gradient(135deg, #94989b 0%, #bcc1c5 50%, #94989b 100%); }


a.btnsubcribe{ display:inline-block; position:relative; background:#026355; padding:32px; border-radius:60px; transition:ease 0.5s;   }
a.btnsubcribe > .tb{ display:table; position:relative; width:100%;  }
a.btnsubcribe > .tb > .tc-imail{ display:table-cell; position:relative; width:81px; vertical-align: top; }
a.btnsubcribe > .tb > .tc-text{ display:table-cell; position:relative; vertical-align: top;  text-align:left; }
a.btnsubcribe > .tb > .tc-icon{ display:table-cell; position:relative; width:62px; vertical-align: top; }

a.btnsubcribe > .tb > .tc-imail > .bx{ display:block; position:relative; width:81px; height:69px; background: url("../img/icon-email.png") no-repeat; background-size:100%;  margin-top:-16px;}
a.btnsubcribe > .tb > .tc-imail > .bx > span{ position:absolute; top:0; left:0; bottom:0; right:0; background: url("../img/icon-email-black.png") no-repeat; background-size:100%; transition:ease 0.5s; opacity:0;  }

a.btnsubcribe > .tb > .tc-text > .bx{ display:block; position:relative; padding:0 16px 0 0; font-size:22px; line-height:1; }
a.btnsubcribe > .tb > .tc-text > .bx > div{ font-size:40px; }

a.btnsubcribe > .tb > .tc-icon > .bx{ display:block; position:relative; width:62px; height:62px; background: url("../img/icon-right-sky.png") no-repeat; background-size:100%; }
a.btnsubcribe > .tb > .tc-icon > .bx > span{ position:absolute; top:0; left:0; bottom:0; right:0; background: url("../img/icon-right-black.png") no-repeat; background-size:100%; transition:ease 0.5s; opacity:0;  }

a.btnsubcribe:hover{ color:#1f4242; background-color: #84f5de; background-image: linear-gradient(320deg, #84f5de 0%, #56e8f2 50%, #4cc5f8 100%); box-shadow: 0px 0px 16px 4px rgba(0, 255, 255, 0.6); }
a.btnsubcribe:hover > .tb > .tc-imail > .bx > span{ opacity:1; }
a.btnsubcribe:hover > .tb > .tc-icon > .bx > span{ opacity:1; }


a.btnback{ 
  display:inline-block; position:relative; color:#fff; transition:ease 0.5s; font-weight:bold; text-transform:uppercase; }
a.btnback > img{ margin-right:12px;  }
a.btnback:hover{ color:#00ffff; }


a.btnemali{ display:inline-block; position:relative; vertical-align:middle;  }
a.btnemali > .icon{ display:inline-block; position:relative; vertical-align:middle; width:110px; height:90px; background: url("../img/icon-mail.png") no-repeat; background-size:100%; transition:ease 0.5s; }
a.btnemali > .txt{ display:inline-block; position:relative; vertical-align:middle; text-shadow: rgba(0,255,255,1) 0px 0px 10px, rgba(0,255,255,1) 0px 0px 20px,rgba(0,255,255,1) 0px 0px 30px; transition:ease 0.5s; }

a.btnemali:hover > .icon{ background-image: url("../img/icon-mail-hover.png");   }
a.btnemali:hover > .txt{ color:#b3b3b3; text-shadow:rgba(0,255,255,0) 0px 0px 0; } 


#cookiesbx{ 
 display: none; position:fixed; left: 0px; right: 0px; bottom:0px;  background:rgba(0,0,0,0.9); color:#ffffff;  z-index:9999; line-height:1.8;    }
.cookiesbx{ display:block; position:relative; padding:20px 0; width:88%; margin: 0 auto; }
.cookiesbx > .tb{ display:table; position: relative; width:100%; }
.cookiesbx > .tb > .c1{ display:table-cell; position: relative; vertical-align:top; }
.cookiesbx > .tb > .c2{ display:table-cell; position: relative; vertical-align:top; text-align: right;  }
.cookiesbx > .tb > .c1 > .bx{ display:block; position: relative; width:100%; }
.cookiesbx a{ color:#fff; text-decoration:underline; transition: ease 0.5s; }
.cookiesbx a:hover{ color:#00ffff; }
.cookiesbx button{  display:inline-block; position: relative; background: rgba(15,22,22,0.2);  color:#00ffff; padding:14px 26px; border-radius:40px; transition:ease 0.5s; width:190px; text-transform:uppercase;  cursor:pointer; border:none;   box-shadow: 0px 0px 18px 8px rgba(0, 255, 255, 0.6); font-size:20px; font-family:inherit; font-weight:600;   }
.cookiesbx button:hover{ background-color: #84f5de; background-image: linear-gradient(320deg, #84f5de 0%, #56e8f2 50%, #4cc5f8 100%); color:#fff; }	 
 
#topcontrol{ z-index:199; }
#btntop{ display:block; position: relative; width:66px; height:66px; border:#00ffff solid 2px; text-align: center; bottom:48px; right:48px; border-radius:50%;  } 
#btntop > span{ 
 display:inline-block; position: relative; width:20px; height:24px; background: url("../img/icon-top.png");  
 -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .2s ease; background-size:100%;  }
#btntop:hover > span{  -webkit-transform: translateY(6px); transform: translateY(6px); }