/*
main blue 304354
0372AC
*/

@media (min-width: 1400px) {
	
	.container {max-width: 1380px;}

	
}

a {color:#fff; text-decoration:none}
a:hover {color:#fff; text-decoration:none}
@font-face {
  font-family: mheihkbold;
  src: url(fonts/MHeiHK-Bold.TTF);
}

@font-face {
  font-family: flamaCondensedBook;
  src: url(fonts/FlamaCondensed-Book.otf);
}

@font-face {
  font-family: flamaCondensedSemibold;
  src: url(fonts/FlamaCondensed-Semibold.otf);
}

@font-face {
  font-family: flamaCondensedBasic;
  src: url(fonts/FlamaCondensed-Basic.otf);
}


.txt-tc {font-family:mheihkbold}
.txt-content {font-size:18px; color:#fff; text-align:justify}
.txt-content-blue {font-size:24px; color:#002D43; text-align:justify}
.txt-content-blue-m {font-size:18px;}
.txt-flamaCondensedSemibold {font-family:flamaCondensedSemibold}
.txt-flamaCondensedBasic {font-family:flamaCondensedBasic}
.txt-m-no-just{text-align:left}
.desk {display:none}
.mobi {display:block}

body {}

#section-menu-mobile {}
#section-menu-desktop {}


.top-nav-css {
	background-color:#304354; position:fixed; z-index:9999; width:100%;
-webkit-box-shadow: 2px 3px 26px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 26px -8px rgba(0,0,0,0.75);
box-shadow: 2px 3px 26px -8px rgba(0,0,0,0.75);	
}

.top-nav-margin {padding-top:50px}

.d-menu-td-f  {padding-left:25px}
.d-menu-td  {padding-right:60px}

.d-menu-a-en {font-family:flamaCondensedBook; color:#fff; font-size:21px}
.d-menu-a-en:hover {text-decoration:none}

.d-menu-a {font-family:mheihkbold; color:#fff; font-size:21px}
.d-menu-a:hover {text-decoration:none}

.bgc-home {background-color:#304354}
.bgc-eat {background-color:#A7A9AC}
.txt-eat {padding:0 12px; color:#fff}
.bgc-work {background-color:#304354}
.bgc-location {background-color:#304354}
.bgc-play {background-color:#304354}
.bgc-about {background-color:#A7A9AC}
.bgc-download {background-color:#A7A9AC}
.bgc-contact {background-color:#304354}
.bgc-details {background-color:#fff}
@media (min-width: 1200px) {
	.txt-m-no-just{text-align:justify}
	.txt-content {font-size:24px; }
	.top-nav-margin {padding-top:80px}
	
	.d-menu-td-f  {padding-left:25px}
	.d-menu-td  {padding-right:30px}
	.desk {display:block}

	.mobi {display:none}
	
	.bgc-eat {background-color:#304354}
	.bgc-about {background-color:#304354}
	.bgc-download {background-color:#304354}
	.txt-eat {padding:0 65px; color:#fff}
	.bgc-details {background-color:#304354}
}

@media (min-width: 1400px) {
	.d-menu-td-f  {padding-left:25px}
	.d-menu-td  {padding-right:60px}

}

.m-menu-a {font-family:mheihkbold; color:#fff; font-size:21px}
.m-menu-a:hover {text-decoration:none}
.m-menu-a-en {font-family:flamaCondensedBook; color:#fff; font-size:21px}
.m-menu-a-en:hover {text-decoration:none}

.footer-copyrights {text-align:right; color:#fff; padding:10px; font-size:12px}


.head-title-m {width:100%;padding:10px;  background-color:#0372AC;}


.color-blue {color:#0372AC}

/* The side navigation menu */
.sidenav {
	
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 50px; /* Stay at the top */
  left: 0;
  background-color: #304354; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

.sidenavinner {
	padding-left:32px;
	
	
}

.m-menu-div {
	padding:10px 0;
	 border-bottom:1px solid #56728C;
}

/* The navigation menu links */
.sidenav a {
  padding: 12px 0px 12px 0px;
  text-decoration: none;
  font-size: 25px;
  color: #fff;

  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}




.home-banner-btn-container {width:100%; height:100%; position:absolute; z-index:999 }



.contact-info td {font-size:20px; color:#fff; font-family:mheihkbold}
.contact-info a {color:#fff}
.contact-info-m td {font-size:15px; color:#fff; font-family:mheihkbold}
.contact-info-m a {color:#fff}

.contant-d-item {padding:30px}
.contant-bg-1 {background-color:#a2a4a7}
.contant-bg-2 {background-color:#8d8f92}

.contact-item-info td {font-size:15px; color:#fff; font-family:mheihkbold}
.contact-item-info a {color:#fff}