@charset "UTF-8";

body {
	background-color:#fff;
	color:#ffffff;
	font-family:"Century Gothic", "Myriad Pro", Helvetica, Arial, sans-serif
}
a, a:visited, a:focus {color: inherit;text-decoration:underline}
a:hover, a:active {color:inherit;text-decoration:underline}
.lang-switch {font-size:12px;color:#999 !important;}
.mainlogo {width:130px;height:75.8px;cursor:pointer;margin-left:15px;}

.container {max-width:900px;overflow:hidden;}
.navbar-custom {
	margin-bottom:0;
	border-bottom:none;
	letter-spacing:1px;
	border-radius:0;
}
.navbar-custom .container {
	background:#000;
	padding:15px;
}
#brand {
	padding-top:10px;
	padding-bottom:10px;
}
#cta {padding-top:20px;}
.no-padding {padding:0;}
.pad-intro {padding:25px 15px 0px 15px;}
.pad-block {
	padding-top:10px;
	padding-bottom:10px;
}
.pad-side {padding-left:15px;padding-right:15px;}
.img-rounded-big {border-radius:20px;}
.hkt > img {height:13px;}

.white-bg {background:#fff;}
.grey-bg {background:#4f4f4f;}
.white-bg .cta-txt {color:#000;}
.grey-bg .cta-txt {color:#fff;}
.white-bg .tnc-txt {color:#111;}
.grey-bg .tnc-txt {color:#eee;}
.tnc-txt {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height:120%;
}
#tnc ol, #tnc ul {margin:0;}
#tnc ol > li, #tnc ul > li {margin-left:-2.2em;}
/*Button*/
.btn-cta {
  font-size:120%;
  padding:10px 20px;
  font-weight:bold;
  color: #000;
  background-color: #ffdd00;
  border:none;
  margin:8px 5px;
  white-space:normal;
}
.btn-cta:focus,
.btn-cta.focus {
  color: #000;
  background-color: #f5d400;
  border: none;
}
.btn-cta:hover {
  color: #000;
  background-color: #e7c800;
  border: none;
}
@media (max-width: 767px) {
	.mainlogo {width:75px;height:43.75px}
	.btn-cta  {width:90%;margin:0;margin-bottom:10px;}
}