@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'bebas_neueregular';
    src: url('https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/fonts/bebasneue-webfont.eot');
    src: url('https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/fonts/bebasneue-webfont.eot#iefix') format('embedded-opentype'), url('https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/fonts/bebasneue-webfont.woff2') format('woff2'), url('https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/fonts/bebasneue-webfont.woff') format('woff'), url('https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/fonts/bebasneue-webfont.ttf') format('truetype'), url('https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "MyriadPro-Regular";
    font-stretch: normal;     
    font-style: normal;
    font-weight: 400;
    src: url("https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/fonts/MyriadPro-Regular_gdi.eot#iefix") format("embedded-opentype"), url("https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/fonts/MyriadPro-Regular_gdi.woff") format("woff"), url("https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/fonts/MyriadPro-Regular_gdi.ttf") format("truetype"), url("https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/fonts/MyriadPro-Regular_gdi.otf") format("opentype"), url("https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/fonts/MyriadPro-Regular_gdi.svg#MyriadPro-Regular") format("svg");
    unicode-range: U+20-25CA;
}
@font-face {
    font-family: "MyriadPro-Light";
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    src: url("https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/fonts/MyriadPro-Light_gdi.eot#iefix") format("embedded-opentype"), url("https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/fonts/MyriadPro-Light_gdi.woff") format("woff"), url("https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/fonts/MyriadPro-Light_gdi.ttf") format("truetype"), url("https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/fonts/MyriadPro-Light_gdi.otf") format("opentype"), url("https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/fonts/MyriadPro-Light_gdi.svg#MyriadPro-Regular") format("svg");
    unicode-range: U+20-25CA;
}

body {padding:0px; margin:0px auto; font-size:14px; color:#fff;}
p{line-height:22px; margin:0; padding:0 0 1em;font-family: 'Roboto', sans-serif;font-size:16px;font-weight:normal;color:#2f2f2f;}
img{border:none;}
.left {float: left;}
.right {float: right;}
/*ul,li{margin:0;padding:0;list-style-type:none;}*/
ol li{list-style:inherit;}
.clr{clear:both;}
.clear {clear:both;}

.topback
{
    margin:0px;
    padding:0px;
    position:relative;
}
.ban-container {
    width:96%;
    margin:0 auto;
    
}
.ban-left {
    width:100%;
    background:url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/singapore-lp-images/digital-trans-topback-land.jpg) repeat-x;
    background-position:center;
    background-size: cover;
    height:651px;
}
.ban-right {
    width:48%;
    position:absolute;
    bottom:0px;
    right:2%; 
}
.logo
{
    margin:0;
    padding:20px 0px;
    width:250px;
    height:126px;
}

.logo a
{
    margin:0;
	padding:0px 0px 0px 0px;
}
.logo2
{
	display:none;
}

.green {
    margin:0 auto;
    /*padding:12px;*/
    width:60%;
    float:right;
}

.green h3{
    color: #ffc216;
    font-family: "bebas_neueregular";
    font-size: 46px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height:55px;
    word-spacing:3px;
    text-align: center;
    text-transform:uppercase;
    text-shadow: 2px 2px #808080;
}
.banner-text1 {
    margin:80px 0 0px;
    padding: 0;
    width:50%;
    height:150px;
    background:none;
    color:#fff;
}
.banner-text1 p {
    color:#fff;
    font-size: 22px;
}
.banner-text1 h3 {
    color: #fff;
    font-family: "bebas_neueregular";
    font-size: 56px;
    font-weight: bold;
    margin: 0;
    text-shadow:2px 2px 2px #808080;
    padding: 0px 0 0;
    text-align: left;
}
.banner-text {
    margin: 10px 0 0px;
    padding: 0px 0px 0px;
    width: 30%;
    float: left;
}

#venue{
	font-size: 16px;
    padding-top: 10px;
    font-weight: 800;

	color: #fff;
    margin: 0px 0 0;
    padding: 10px 0 0;
    text-align: left;
    text-shadow: 2px 2px 2px #373737;
    text-transform: none;
}

#log-rig{
	font-size: 16px;
    padding-top: 10px;
    font-weight: 800;
	color:#fff;
    margin: 0px 0 0;
    padding: 0px 0 2px;
    text-align: center;
    text-shadow: 2px 2px 2px #373737;
    text-transform: none;
}

.steven {
    margin:0px 0px 0px 0px;
    padding: 10px 10px 15px 0px;
    width:32%;
    background:none;
    float:left;
}
.steven-text {
    margin:0px 0px 0px 0px;
    padding: 10px 10px 10px 0px;
    width:35%;
    float:left;
}
.steven-text h3 {
    color: #00a0b0;
    font-family: "bebas_neueregular";
    font-size: 56px;
    font-weight: bold;
    margin: 0;
    padding: 0px 0 0;
    text-align: left;
}
.steven-text p {
    color: #2f2f2f;
    font-size: 18px;
    font-weight: normal;
    margin: 0px 0 0;
    padding: 0px 0 0;
    text-align: left;
    text-transform:none;
}
.banner-text2 {
    display:none;
}
.banner-text h3 {
    color: #fff;
    font-family: "bebas_neueregular";
    font-size: 67px;
    font-weight: bold;
    margin: 0;
    text-shadow: 2px 2px 2px #373737;
    padding: 0px 0 0;
    text-align: left;
}
.banner-text p {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-align: justify;
    text-shadow: 2px 2px 2px #373737;
    text-transform: none;
    width: 140%;
}

.banner-text3 {
    width: 44%;
    border: 2px solid;
    margin: 320px auto 0 0;
    height: 56px;
}

.banner-text3-dts {
    float: left;
    padding: 17px 0 0 46px;
    width: 61%;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
}

.banner-text3-jn {
    float: left;
    background-color: #fff;
    padding: 18px;
    width: 26%;
    text-transform: uppercase;
    color: #0090c5;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-weight: 800;
	
}

.banner-text3-jn a{
    color: #0090c5;
	text-decoration: none;
	
}

.banner-text3 p {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 60px 15px 0 0px;
    text-align: justify;
    text-shadow: 2px 2px 2px #373737;
    text-transform: none;
}






.brand-logo {
    float: right;
    margin: 300px 19px 0;
    text-align: right;
    padding: 10px 10px;
    background-color: #0090c5;
    border-radius: 20px;
}

.b-logo {
    width: 45%;
    background-color: #0090c5;
    margin: 18% 0px 0px 0px;
    float: right;
    border-radius: 20px;
    height: 175px;
}
.log-1 {
    width: 35%;
    height: auto;
    float: left;
    padding: 10px 0px;
}

.log-2 {
    width: 61%;
    height: auto;
    float: right;
    padding: 10px 0px 0px;
}

.log-2-1 {
    float: left;
    padding: 0px 20px;
}
			   
 .log-2-1 img{
    width: 170px;
    height: auto;
    padding: 20px 0px;
}
			   
.log-2-2 {
    float: left;
    padding: 0px 0px;
}
.log-2-2 img{
    width: 170px;
    height: auto;
    padding: 20px 0px;
}


.v-line {
    float: left;
    border-right: 2px solid #fff;
    height: 158px;
    margin: 10px 10px;
}




.logo-text1{
	text-align: center;	
	font-size: 16px;
    padding-top: 10px;
    font-weight: 800;
    color: #fff;
	    text-shadow: 2px 2px 2px #373737;
	    font-family: 'Roboto',sans-serif;
				}
.logo-text2{
	text-align: center;	
	font-size: 16px;
    padding-top: 10px;
    font-weight: 800;
    color: #fff;
	    text-shadow: 2px 2px 2px #373737;
	    font-family: 'Roboto',sans-serif;
				}



.log-1 img {
    width: 180px;
    height: auto;
    padding: 20px 20px;
}





.log-left img {
    width: 25%;
    height: auto;
    padding: 20px;
    float: left;
	text-align: center;
}
.log-left p{
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    text-shadow: 2px 2px 2px #373737;
	float: left;
	text-align: center;
}

.log-right img {
    width: 35%;
    height: auto;
    padding: 20px;
}


.log-right p{
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    text-align: center;	
    text-shadow: 2px 2px 2px #373737;
}

#brand-text-left{float:left; padding-right: 20px;}
#brand-text-right{float:left; padding-left: 20px;}



.brand-text-right-1{
    width: 150px;
    float: left;
}
.brand-text-right-2 {
    float: left;
    width: 150px;
    padding-left: 20px;
}



.reg-form {
    float:right;
    margin-top:10px;
    padding:5px 10px 25px 10px;
    width:60%;
    background:#00a0b0;
}
.reg-form h3 {
    margin:5px 0px 5px 0px;
    padding:0px;
    width:100%;
    text-align:center;
    font-size:40px;
    font-family: "bebas_neueregular";
}
.reg2 {
    color: #000;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.reg2 input, .reg2 textarea {
    background: #fff;
    border: 1px solid #000;
    color: #000 !important;
    font-family: "open_sansregular";
    font-size: 15px;
    padding:5px;
    margin: 0 0 20px;
    width: 96%;
}
.reg2 label {
    color: #fff !important;
    font-family: "open_sansregular";
    font-size: 18px;
    margin: 0 0 30px;
    font-weight: bold;
}
.reg2 input, .register-select {
    height:25px;
}
.register-select {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    /*color: #a5a5a5;*/
    font-size: 15px;
    height: 36px;
    margin: 0 0 20px;
    padding: 1px;
    width: 100%;
}
.reg2 option {
    color: #000;
    font-size: 16px;
    padding: 3px;
    width: 100%;
}
.btn {
    background-color: #00a0b0;
    cursor: pointer;
    color:#fff;
    border:2px solid #fff;
    text-transform:uppercase;
    font-family: "open_sansregular";
    font-size: 20px;
    font-weight: bold;
    height: 42px;
    margin: 0 auto;
    padding: 0;
    width: 50%;
    display:block;
}
.yellowbox1
{
	margin:-14px auto;
	padding-bottom: 32px;
	width:100%;
	background-color: #fff;
}
hr { 
    display: block;
    margin-top: 0.9em;
    margin-bottom: 0.9em;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 2px;
    border-color:#00a0b0;
} 
h2 { 
    color:#2f2f2f;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    width: 100%;
    font-family: "bebas_neueregular";
    font-size:28px;
}
h4 {
    color: #2f2f2f;
    padding-bottom: 10px;
    width: 100%;
    font-family: "bebas_neueregular";
    font-size: 28px;
	margin: 10px auto;
}
h5 {
    color: #2f2f2f;
    padding-bottom: 10px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 24px 0px 0px;
}
.add-cont{margin:0 0 20px;}
.add-cont.left{width:45%; border-right:0px solid #00a0b0;}
.add-cont h4{padding:0px 0 0; color:#2f2f2f; font-size:20px; font-family: 'Roboto', sans-serif;} 
.add-cont p{padding:0 0 15px; font-family: "MyriadPro-Regular";}
.add-cont.right{width:52%; padding-left:2%;}
#tab4 p{font-family: 'Roboto', sans-serif;}
.know-more{margin:30px auto; display:block; padding:15px 0; background:#ffc216; color:#2f2f2f; text-transform:uppercase; width:150px; text-decoration:none; font-weight:bold; text-align:center; font-family: 'Roboto', sans-serif;}

.yellowbox
{
	margin:0px auto;
	padding-bottom: 32px;
	width:100%;
	background-color: #043361;
}
.yellow-info1
{
	width:98%;
    margin:30px auto;

}
.yellow-info2
{
	width:50%;
    margin:1px 0px;
    float:left;

}
.yellow-infoleft {
    width: 60%;
    margin: 1px 0px;
    float: left;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}
.yellow-inforight {
    width: 40%;
    margin: 1px 0px;
    float: left;
    background-color: #000;
    height: 247px;
	text-align: center;
	vertical-align: middle;
}
.yellow-infovideo {
    width: 32%;
    margin: 1px 0px 0px 0px;
    float: left;
    background-color: #000;
    height: 247px;
    text-align: center;
    vertical-align: middle;
}
.yellow-infovideo1 {
    width: 32%;
    margin: 0px 0px 0px 25px;
    float: left;
    background-color: #000;
    height: 247px;
    text-align: center;
    vertical-align: middle;
}
.yellow-infovideo4 {
    width: 24%;
    margin: 1px 0px 0px 0px;
    float: left;
    background-color: #000;
    height: 247px;
    text-align: center;
    vertical-align: middle;
}
.yellow-infovideo4-1 {
    width: 24%;
    margin: 0px 0px 0px 16px;
    float: left;
    background-color: #000;
    height: 247px;
    text-align: center;
    vertical-align: middle;
}
.key-box4
{
	margin:0 3% 0 0;
	padding:0;
	width:30%;
	display:inline-block;
    text-align:center;
}
.key-box4 h4
{
	padding: 0 0;
	font-size: 16px;
	font-weight:normal;
	text-align:center;
	color:#555555;
	text-transform:none;
}
.add-cont-2{margin:40px 50px 0 0px;}
.yellow-info
{
	width:98%;
    margin:0px auto;

}
.yellow-info1 h3
{
	padding:10px 0 10px 0;
	font-family: "bebas_neueregular";
	font-size: 50px;
	font-weight:normal;
	text-align:center;
    line-height:42px;
	color:#555555;
    text-transform:uppercase;
    width:98%;
    margin:0 auto;
    letter-spacing:3px;
}
.yellow-info h3
{
	padding:10px 0 10px 0;
	font-family: "bebas_neueregular";
	font-size: 50px;
	font-weight:normal;
	text-align:center;
    line-height:42px;
	color:#fff;
    text-transform:uppercase;
    width:98%;
    margin:0 auto;
    letter-spacing:3px;
}

.yellow-info1 h3 span
{
	font-family: "bebas_neueregular";
	font-weight:bolder;
    font-size: 53px;
}
.yellow-info h3 span
{
	font-family: "bebas_neueregular";
	font-weight:bolder;
    font-size: 53px;
}
.yellow-info1 h4
{
	padding:10px 0 10px 0;
	font-size: 20px;
	font-weight:normal;
	text-align:center;
    font-family: "MyriadPro-Regular";
	color:#555555;
    text-transform:uppercase;
    width:98%;
    margin:0 auto;
}
.yellow-info h4
{
	padding:10px 0 10px 0;
	font-size: 20px;
	font-weight:normal;
	text-align:center;
    font-family: "MyriadPro-Regular";
	color:#555555;
    text-transform:uppercase;

    width:98%;
    margin:0 auto;
}

.yellow-info1 h4 span
{
	font-family: "bebas_neueregular";
	font-weight:bolder;
    font-size: 20px;
}
.yellow-info h4 span
{
	font-family: "bebas_neueregular";
	font-weight:bolder;
    font-size: 20px;
}

.yellow-info1 p
{
	padding:20px 0px;
	font-size: 18px;
	font-weight:normal;
	text-align:center;
	color:#000;
    width:98%;
    margin:0 auto;
}
.yellow-info1 p a
{
	text-decoration:none;
}
.yellow-info p
{
	padding:20px 0px;
	font-size: 18px;
	font-weight:normal;
	text-align:center;
	color:#fff;
    width:98%;
    margin:0 auto;
}

.yellow-info1 h2
{
	padding:32px 0 0;
	font-family: 'bebas_neueregular';
	font-size: 42px;
	font-weight:bold;
	text-align:left;
	color:#000;
}
.yellow-info h2
{
	padding:32px 0 0;
	font-family: 'bebas_neueregular';
	font-size: 42px;
	font-weight:bold;
	text-align:left;
	color:#000;
}

.yellow-info1 h2 span
{
	font-family: 'Oswald-Light';
	font-weight:normal;
}
.yellow-info h2 span
{
	font-family: 'Oswald-Light';
	font-weight:normal;
}
.middle
{
	margin:10px auto;
	width:100%;
    font-family: 'bebas_neueregular';
    color:#000;
}

.key-images
{
	width:98%;
    margin:0 auto;
    display:inline-block;
    text-align:center;
}

.key-box
{
	margin:0 3% 0 0;
	padding:0;
	width:18%;
	/*float:left;*/
    display:inline-block;
    text-align:center;
}

.key-box img {
    width:auto;
}

.key-box h4
{
	padding: 0 0;
	font-size: 16px;
	font-weight:normal;
	text-align:center;
	color:#555555;
	text-transform:none;
}
.bluebox
{
	margin:0px auto;
	padding-bottom: 32px;
	width:100%;
	background-color: #fff;
    
}
.blue-info
{
	margin:0 auto;
	padding:0px;
	width:98%;
    text-align:center;
}
.blue-info h3
{
	padding:10px 0 10px 0;
	font-family: "MyriadPro-Regular";
	font-size: 55px;
	font-weight:normal;
	text-align:center;
    line-height:42px;
	color:#fff;
    text-transform:uppercase;
    width:98%;
    margin:0 auto;
    letter-spacing:2px;
}

.blue-info h3 span
{
	font-family: "bebas_neueregular";
	font-weight:bolder;
    font-size: 58px;
}
.blue-info p
{
	padding:20px 0px;
    font-family: "MyriadPro-Regular";
	font-size: 20px;
	font-weight:normal;
	text-align:center;
	color:#fff;
    width:80%;
    margin:0 auto;
    text-transform:uppercase;
}
.bluebox2
{
   display:none;
    
}
.middle-blue
{
	margin:10px auto;
	width:100%;
    font-family: 'bebas_neueregular';
    color:#000;
}
.bluekey-images
{
	margin:0 auto;
	padding:0;
	width:1000px;
}
.bluekey-box
{
	margin:0 3% 0 0;
	padding:0;
	width:44%;
	float:left;
}

.bluekey-box img {
    display:block;
    margin:0 auto;
}
.btn2 {
    background-color: #ffc216;
    cursor: pointer;
    color:#000;
    border:2px solid #ffc216;
    text-transform:uppercase;
    font-family: "open_sansregular";
    font-size: 18px;
    font-weight: bold;
    height: 42px;
    margin: 0px;
    padding: 20px 25px 20px 25px;
    width: 190px;
}
.btn2 a  {
    color:#000;
    text-decoration:none;
}
.rodalyn a  {
    color:#2f2f2f;
    text-decoration:none;
}
.key-box2
{
	margin:0 3% 0 0;
	padding:0;
	width:22%;
	float:left;
}
.key-box2 img {
    width:100%;
}
.key-box2 h4
{
	padding: 0 0;
	font-size: 16px;
	font-weight:normal;
	text-align:center;
    color:#fff;
	text-transform:none;
}
.key-box3
{
	display:none;
}
.key-box3 img {
    display:none;
}
.key-box3 h4
{
	display:none;
}
.blue-info2
{
	margin:15px auto;
	padding:0px;
	width:98%;
    text-align:center;
}
.blue-info2 h3
{
	padding:2px 0 10px 0;
	font-family: "MyriadPro-Regular";
	font-size: 38px;
	font-weight:bold;
	text-align:center;
    line-height:42px;
	color:#000;
    text-transform:uppercase;
    width:98%;
    margin:0 auto;
    letter-spacing:2px;
}
.blue-info2 h4
{
	padding:20px 0px;
    font-family: "MyriadPro-Regular";
	font-size: 50px;
	font-weight:normal;
	text-align:center;
	color:#000;

    width:80%;
    margin:0 auto;
    text-transform:uppercase;
}
.blue-info2 p
{
	padding:10px 0px;
    font-family: "MyriadPro-Regular";
	font-size: 20px;
	font-weight:normal;
	text-align:center;
	color:#000;
    width:98%;
    margin:0 auto;
    text-transform:none;
}
.blue-info2bull
{
	margin:0 auto;
	padding:0px;
	width:98%;
    text-align:left;
}
ul.b {
    list-style-type: none;
    margin: 0;
    padding: 0;
    
}

ul li {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #2f2f2f;
	line-height: 40px;
}

/*ul li  {
   background:url("../images/bullets1.png");
   background-position: 0 0.4em;
   background-repeat: no-repeat;
   float: left;
   padding: 0 0 15px 20px;
   color:#000;
   width:98%;
}*/

.btn3 {
    background-color: #ffc216;

    color:#000;
    border:2px solid #ffc216;
    text-transform:none;
    font-family: "open_sansregular";
    font-size: 18px;
    font-weight: bold;
    height: 42px;
    margin: 0 20px;
    padding: 20px 25px 20px 25px;
    width: 475px;
}
.yellowbox-foot
{
	margin:0px auto;
	padding-bottom: 15px;
	width:100%;
	background-color: #ffc216;
}
.yellow-info-foot
{
	margin:0 auto;
	padding:0px;
	width:98%;
}
.yellow-info-foot p
{
	padding:15px 0px;
	font-size: 15px;
	font-weight:normal;
    font-family: "MyriadPro-Regular";
	color:#2f2f2f;
    width:98%;
    margin:0 auto;
}
.disclaimer
{
	font-size: 13px;
    margin:0 auto;
	padding:0px;
	width:93%;
    text-align:center;
}
	
.panel-left{float: left;  }
.panel-left img{box-shadow: 10px 10px 5px #888888;}
.panel-right{float: left;  margin-left: 50px; width:86%;}
.panel-right p{font-size:16px; text-align: justify;}
.panel-head{color:#0090c5; font-size:25px !important;}
.mailimg{float:left; width:50px;}
.mail{float: left;
    padding-top: 8px;
    font-size: 16px;
    color: #2f2f2f;
    font-weight: normal;
    font-family: 'Roboto',sans-serif}
.addimg{float:left; width:50px;}
.add{float: left;
    padding-top: 8px;
    font-size: 16px;
    color: #2f2f2f;
    font-weight: normal;
	font-family: 'Roboto',sans-serif;}



.w3-btn, .w3-btn:link, .w3-btn:visited {
    color: #FFFFFF;
    background-color: #0090c5; font-size: 20px;
    padding: 15px 32px;
	text-decoration: none;
}

.w3-btn:hover, .w3-btn-block:hover, .w3-btn-floating:hover, .w3-btn-floating-large:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
a:hover, a:active {
    color: #0090c5;
}

@media only screen and (max-width:1366px){
	
	body {padding:0px; margin:0px auto; font-size:14px; color:#fff;}
p{line-height:22px; margin:0; padding:0 0 1em;font-family: 'Roboto', sans-serif;font-size:16px;font-weight:normal;color:#2f2f2f;}
img{border:none;}
.left {float: left;}
.right {float: right;}
/*ul,li{margin:0;padding:0;list-style-type:none;}*/
ol li{list-style:inherit;}
.clr{clear:both;}
.clear {clear:both;}

.topback
{
    margin:0px;
    padding:0px;
    position:relative;
}
.ban-container {
    width:96%;
    margin:0 auto;
    
}
.ban-left {
    width:100%;
    background:url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/singapore-lp-images/digital-trans-topback-land.jpg) repeat-x;
    background-position:center;
    background-size: cover;
    height:651px;
}
.ban-right {
    width:48%;
    position:absolute;
    bottom:0px;
    right:2%; 
}
.logo
{
    margin:0;
    padding:20px 0px;
    width:250px;
    height:126px;
}

.logo a
{
	margin:0;
	padding:0px 0px 0px 0px;
}
.logo2
{
	display:none;
}

.green {
    margin:0 auto;
    /*padding:12px;*/
    width:60%;
    float:right;
}

.green h3{
    color: #ffc216;
    font-family: "bebas_neueregular";
    font-size: 46px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height:55px;
    word-spacing:3px;
    text-align: center;
    text-transform:uppercase;
    text-shadow: 2px 2px #808080;
}
.banner-text1 {
    margin:80px 0 0px;
    padding: 0;
    width:50%;
    height:150px;
    background:none;
    color:#fff;
}
.banner-text1 p {
    color:#fff;
    font-size: 22px;
}
.banner-text1 h3 {
    color: #fff;
    font-family: "bebas_neueregular";
    font-size: 56px;
    font-weight: bold;
    margin: 0;
    text-shadow:2px 2px 2px #808080;
    padding: 0px 0 0;
    text-align: left;
}
.banner-text {
    margin: 10px 0 0px;
    padding: 0px 0px 0px;
    width: 30%;
    float: left;
}

#venue{
	font-size: 16px;
    padding-top: 10px;
    font-weight: 800;

	color: #fff;
    margin: 0px 0 0;
    padding: 10px 0 0;
    text-align: left;
    text-shadow: 2px 2px 2px #373737;
    text-transform: none;
}

#log-rig{
	font-size: 16px;
    padding-top: 10px;
    font-weight: 800;
	color:#fff;
    margin: 0px 0 0;
    padding: 0px 0 2px;
    text-align: center;
    text-shadow: 2px 2px 2px #373737;
    text-transform: none;
}

.steven {
    margin:0px 0px 0px 0px;
    padding: 10px 10px 15px 0px;
    width:32%;
    background:none;
    float:left;
}
.steven-text {
    margin:0px 0px 0px 0px;
    padding: 10px 10px 10px 0px;
    width:35%;
    float:left;
}
.steven-text h3 {
    color: #00a0b0;
    font-family: "bebas_neueregular";
    font-size: 56px;
    font-weight: bold;
    margin: 0;
    padding: 0px 0 0;
    text-align: left;
}
.steven-text p {
    color: #2f2f2f;
    font-size: 18px;
    font-weight: normal;
    margin: 0px 0 0;
    padding: 0px 0 0;
    text-align: left;
    text-transform:none;
}
.banner-text2 {
    display:none;
}
.banner-text h3 {
    color: #fff;
    font-family: "bebas_neueregular";
    font-size: 67px;
    font-weight: bold;
    margin: 0;
    text-shadow: 2px 2px 2px #373737;
    padding: 0px 0 0;
    text-align: left;
}
.banner-text p {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    margin: 0px 0 0;
    padding: 0px 0 0;
    text-align: justify;
    text-shadow: 2px 2px 2px #373737;
    text-transform: none;
    width: 140%;
}

.banner-text3 {
    width: 44%;
    border: 2px solid;
    margin: 320px auto 0 0;
    height: 56px;
}

.banner-text3-dts {
    float: left;
    padding: 17px 0 0 35px;
    width: 61%;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
}

.banner-text3-jn {
    float: left;
    background-color: #fff;
    padding: 18px;
    width: 26%;
    text-transform: uppercase;
    color: #0090c5;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-weight: 800;
}

.banner-text3 p {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 60px 15px 0 0px;
    text-align: justify;
    text-shadow: 2px 2px 2px #373737;
    text-transform: none;
}
.brand-logo {
    float: right;
    margin: 300px 19px 0;
    text-align: left;
    padding: 10px 10px;
    background-color: #0090c5;
    border-radius: 20px;
}

	
.b-logo {
    width: 45%;
    background-color: #0090c5;
    margin: 22% 0px 0px 0px;
    float: right;
    border-radius: 20px;
    height: 170px;
}
.log-1 img {
    width: 160px!important;
    height: auto;
    padding: 20px 20px;
}	
	
.log-2-1 img {
    width: 150px!important;
    height: auto;
    padding: 20px 0px;
}	
.log-2-2 img {
    width: 150px!important;
    height: auto;
    padding: 20px 0px;
}	
	
	.v-line {
    float: left;
    border-right: 2px solid #fff;
    height: 150px!important;
}
	
	
	
	
	


#brand-text-left{float:left; padding-right: 20px;}
#brand-text-right{float:left; padding-left: 20px;}


.v-line{float:left; border-right:2px solid #fff; height: 120px;}

.reg-form {
    float:right;
    margin-top:10px;
    padding:5px 10px 25px 10px;
    width:60%;
    background:#00a0b0;
}
.reg-form h3 {
    margin:5px 0px 5px 0px;
    padding:0px;
    width:100%;
    text-align:center;
    font-size:40px;
    font-family: "bebas_neueregular";
}
.reg2 {
    color: #000;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.reg2 input, .reg2 textarea {
    background: #fff;
    border: 1px solid #000;
    color: #000 !important;
    font-family: "open_sansregular";
    font-size: 15px;
    padding:5px;
    margin: 0 0 20px;
    width: 96%;
}
.reg2 label {
    color: #fff !important;
    font-family: "open_sansregular";
    font-size: 18px;
    margin: 0 0 30px;
    font-weight: bold;
}
.reg2 input, .register-select {
    height:25px;
}
.register-select {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    /*color: #a5a5a5;*/
    font-size: 15px;
    height: 36px;
    margin: 0 0 20px;
    padding: 1px;
    width: 100%;
}
.reg2 option {
    color: #000;
    font-size: 16px;
    padding: 3px;
    width: 100%;
}
.btn {
    background-color: #00a0b0;
    cursor: pointer;
    color:#fff;
    border:2px solid #fff;
    text-transform:uppercase;
    font-family: "open_sansregular";
    font-size: 20px;
    font-weight: bold;
    height: 42px;
    margin: 0 auto;
    padding: 0;
    width: 50%;
    display:block;
}
.yellowbox1
{
	margin:-14px auto;
	padding-bottom: 32px;
	width:100%;
	background-color: #fff;
}
hr { 
    display: block;
    margin-top: 0.9em;
    margin-bottom: 0.9em;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 2px;
    border-color:#00a0b0;
} 
h2 { 
    color:#2f2f2f;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    width: 100%;
    font-family: "bebas_neueregular";
    font-size:28px;
}
h4 {
    color: #2f2f2f;
    padding-bottom: 10px;
    width: 100%;
    font-family: "bebas_neueregular";
    font-size: 28px;
}
.add-cont{margin:0 0 20px;}
.add-cont.left{width:45%; border-right:0px solid #00a0b0;}
.add-cont h4{padding:0px 0 0; color:#2f2f2f; font-size:20px; font-family: 'Roboto', sans-serif;} 
.add-cont p{padding:0 0 15px; font-family: "MyriadPro-Regular";}
.add-cont.right{width:52%; padding-left:2%;}
#tab4 p{font-family: 'Roboto', sans-serif;}
.know-more{margin:30px auto; display:block; padding:15px 0; background:#ffc216; color:#2f2f2f; text-transform:uppercase; width:150px; text-decoration:none; font-weight:bold; text-align:center; font-family: 'Roboto', sans-serif;}

.yellowbox
{
	margin:0px auto;
	padding-bottom: 32px;
	width:100%;
	background-color: #043361;
}
.yellow-info1
{
	width:98%;
    margin:30px auto;

}
.yellow-info2
{
	width:50%;
    margin:1px 0px;
    float:left;

}
.yellow-infoleft {
    width: 60%;
    margin: 1px 0px;
    float: left;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}
.yellow-inforight {
    width: 40%;
    margin: 1px 0px;
    float: left;
    background-color: #000;
    height: 247px;
	text-align: center;
	vertical-align: middle;
}
.yellow-infovideo {
    width: 32%;
    margin: 1px 0px 0px 0px;
    float: left;
    background-color: #000;
    height: 247px;
    text-align: center;
    vertical-align: middle;
}
.yellow-infovideo1 {
    width: 32%;
    margin: 0px 0px 0px 25px;
    float: left;
    background-color: #000;
    height: 247px;
    text-align: center;
    vertical-align: middle;
}
.yellow-infovideo4 {
    width: 24%;
    margin: 1px 0px 0px 0px;
    float: left;
    background-color: #000;
    height: 247px;
    text-align: center;
    vertical-align: middle;
}
.yellow-infovideo4-1 {
    width: 24%;
    margin: 0px 0px 0px 16px;
    float: left;
    background-color: #000;
    height: 247px;
    text-align: center;
    vertical-align: middle;
}
.key-box4
{
	margin:0 3% 0 0;
	padding:0;
	width:30%;
	display:inline-block;
    text-align:center;
}
.key-box4 h4
{
	padding: 0 0;
	font-size: 16px;
	font-weight:normal;
	text-align:center;
	color:#555555;
	text-transform:none;
}
.add-cont-2{margin:40px 50px 0 0px;}
.yellow-info
{
	width:98%;
    margin:0px auto;

}
.yellow-info1 h3
{
	padding:10px 0 10px 0;
	font-family: "bebas_neueregular";
	font-size: 50px;
	font-weight:normal;
	text-align:center;
    line-height:42px;
	color:#555555;
    text-transform:uppercase;
    width:98%;
    margin:0 auto;
    letter-spacing:3px;
}
.yellow-info h3
{
	padding:10px 0 10px 0;
	font-family: "bebas_neueregular";
	font-size: 50px;
	font-weight:normal;
	text-align:center;
    line-height:42px;
	color:#fff;
    text-transform:uppercase;
    width:98%;
    margin:0 auto;
    letter-spacing:3px;
}

.yellow-info1 h3 span
{
	font-family: "bebas_neueregular";
	font-weight:bolder;
    font-size: 53px;
}
.yellow-info h3 span
{
	font-family: "bebas_neueregular";
	font-weight:bolder;
    font-size: 53px;
}
.yellow-info1 h4
{
	padding:10px 0 10px 0;
	font-size: 20px;
	font-weight:normal;
	text-align:center;
    font-family: "MyriadPro-Regular";
	color:#555555;
    text-transform:uppercase;
    width:98%;
    margin:0 auto;
}
.yellow-info h4
{
	padding:10px 0 10px 0;
	font-size: 20px;
	font-weight:normal;
	text-align:center;
    font-family: "MyriadPro-Regular";
	color:#555555;
    text-transform:uppercase;

    width:98%;
    margin:0 auto;
}

.yellow-info1 h4 span
{
	font-family: "bebas_neueregular";
	font-weight:bolder;
    font-size: 20px;
}
.yellow-info h4 span
{
	font-family: "bebas_neueregular";
	font-weight:bolder;
    font-size: 20px;
}

.yellow-info1 p
{
	padding:20px 0px;
	font-size: 18px;
	font-weight:normal;
	text-align:center;
	color:#000;
    width:98%;
    margin:0 auto;
}
.yellow-info1 p a
{
	text-decoration:none;
}
.yellow-info p
{
	padding:20px 0px;
	font-size: 18px;
	font-weight:normal;
	text-align:center;
	color:#fff;
    width:98%;
    margin:0 auto;
}

.yellow-info1 h2
{
	padding:32px 0 0;
	font-family: 'bebas_neueregular';
	font-size: 42px;
	font-weight:bold;
	text-align:left;
	color:#000;
}
.yellow-info h2
{
	padding:32px 0 0;
	font-family: 'bebas_neueregular';
	font-size: 42px;
	font-weight:bold;
	text-align:left;
	color:#000;
}

.yellow-info1 h2 span
{
	font-family: 'Oswald-Light';
	font-weight:normal;
}
.yellow-info h2 span
{
	font-family: 'Oswald-Light';
	font-weight:normal;
}
.middle
{
	margin:10px auto;
	width:100%;
    font-family: 'bebas_neueregular';
    color:#000;
}

.key-images
{
	width:98%;
    margin:0 auto;
    display:inline-block;
    text-align:center;
}

.key-box
{
	margin:0 3% 0 0;
	padding:0;
	width:18%;
	/*float:left;*/
    display:inline-block;
    text-align:center;
}

.key-box img {
    width:auto;
}

.key-box h4
{
	padding: 0 0;
	font-size: 16px;
	font-weight:normal;
	text-align:center;
	color:#555555;
	text-transform:none;
}
.bluebox
{
	margin:0px auto;
	padding-bottom: 32px;
	width:100%;
	background-color: #fff;
    
}
.blue-info
{
	margin:0 auto;
	padding:0px;
	width:98%;
    text-align:center;
}
.blue-info h3
{
	padding:10px 0 10px 0;
	font-family: "MyriadPro-Regular";
	font-size: 55px;
	font-weight:normal;
	text-align:center;
    line-height:42px;
	color:#fff;
    text-transform:uppercase;
    width:98%;
    margin:0 auto;
    letter-spacing:2px;
}


.blue-info h3 span
{
	font-family: "bebas_neueregular";
	font-weight:bolder;
    font-size: 58px;
}
.blue-info p
{
	padding:20px 0px;
    font-family: "MyriadPro-Regular";
	font-size: 20px;
	font-weight:normal;
	text-align:center;
	color:#fff;
    width:80%;
    margin:0 auto;
    text-transform:uppercase;
}
.bluebox2
{
   display:none;
    
}
.middle-blue
{
	margin:10px auto;
	width:100%;
    font-family: 'bebas_neueregular';
    color:#000;
}
.bluekey-images
{
	margin:0 auto;
	padding:0;
	width:1000px;
}
.bluekey-box
{
	margin:0 3% 0 0;
	padding:0;
	width:44%;
	float:left;
}

.bluekey-box img {
    display:block;
    margin:0 auto;
}
.btn2 {
    background-color: #ffc216;
    cursor: pointer;
    color:#000;
    border:2px solid #ffc216;
    text-transform:uppercase;
    font-family: "open_sansregular";
    font-size: 18px;
    font-weight: bold;
    height: 42px;
    margin: 0px;
    padding: 20px 25px 20px 25px;
    width: 190px;
}
.btn2 a  {
    color:#000;
    text-decoration:none;
}
.rodalyn a  {
    color:#2f2f2f;
    text-decoration:none;
}
.key-box2
{
	margin:0 3% 0 0;
	padding:0;
	width:22%;
	float:left;
}
.key-box2 img {
    width:100%;
}
.key-box2 h4
{
	padding: 0 0;
	font-size: 16px;
	font-weight:normal;
	text-align:center;
    color:#fff;
	text-transform:none;
}
.key-box3
{
	display:none;
}
.key-box3 img {
    display:none;
}
.key-box3 h4
{
	display:none;
}
.blue-info2
{
	margin:15px auto;
	padding:0px;
	width:98%;
    text-align:center;
}
.blue-info2 h3
{
	padding:2px 0 10px 0;
	font-family: "MyriadPro-Regular";
	font-size: 38px;
	font-weight:bold;
	text-align:center;
    line-height:42px;
	color:#000;
    text-transform:uppercase;
    width:98%;
    margin:0 auto;
    letter-spacing:2px;
}
.blue-info2 h4
{
	padding:20px 0px;
    font-family: "MyriadPro-Regular";
	font-size: 50px;
	font-weight:normal;
	text-align:center;
	color:#000;

    width:80%;
    margin:0 auto;
    text-transform:uppercase;
}
.blue-info2 p
{
	padding:10px 0px;
    font-family: "MyriadPro-Regular";
	font-size: 20px;
	font-weight:normal;
	text-align:center;
	color:#000;
    width:98%;
    margin:0 auto;
    text-transform:none;
}
.blue-info2bull
{
	margin:0 auto;
	padding:0px;
	width:98%;
    text-align:left;
}
ul.b {
    list-style-type: none;
    margin: 0;
    padding: 0;
    
}

ul li {
	line-height: 22px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #2f2f2f;s
}

/*ul li  {
   background:url("../images/bullets1.png");
   background-position: 0 0.4em;
   background-repeat: no-repeat;
   float: left;
   padding: 0 0 15px 20px;
   color:#000;
   width:98%;
}*/

.btn3 {
    background-color: #ffc216;


    color:#000;
    border:2px solid #ffc216;
    text-transform:none;
    font-family: "open_sansregular";
    font-size: 18px;
    font-weight: bold;
    height: 42px;
    margin: 0 20px;
    padding: 20px 25px 20px 25px;
    width: 475px;
}
.yellowbox-foot
{
	margin:0px auto;
	padding-bottom: 15px;
	width:100%;
	background-color: #ffc216;
}
.yellow-info-foot
{
	margin:0 auto;
	padding:0px;
	width:98%;
}
.yellow-info-foot p
{
	padding:15px 0px;
	font-size: 15px;
	font-weight:normal;
    font-family: "MyriadPro-Regular";
	color:#2f2f2f;
    width:98%;
    margin:0 auto;
}
.disclaimer
{
	font-size: 13px;
    margin:0 auto;
	padding:0px;
	width:93%;
    text-align:center;
}
	
.panel-left{float: left;  }
.panel-left img{box-shadow: 10px 10px 5px #888888;}
.panel-right{float: left;  margin-left: 50px; width:75%;}
.panel-right p{font-size:16px; text-align: justify;}
.panel-head{color:#0090c5; font-size:25px !important;}
.mailimg{float:left; width:50px;}
.mail{float: left;
    padding-top: 8px;
    font-size: 16px;
    color: #2f2f2f;
    font-weight: normal;
    font-family: 'Roboto',sans-serif}
.addimg{float:left; width:50px;}
.add{float: left;
    padding-top: 8px;
    font-size: 16px;
    color: #2f2f2f;
    font-weight: normal;
	font-family: 'Roboto',sans-serif;}	
	
}



@media only screen and (max-width:1280px) {
.banner-text3-jn {
    padding: 22px !important;
    width: 25%;
}
	
	.banner-text3  {
   width:45%;
		height: 58px;
}
.banner-text3-dts {
    float: left;
    padding: 17px 0 0 32px;
    width: 61%;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;}
    
.banner-text3 p {
    padding: 60px 30px 0 0px ;
}

.yellow-infovideo {
    width: 32%;
}

.yellow-infovideo1 {
    width: 32%;
    margin: 0px 0px 0px 24px;
}
	
.b-logo {
    width: 48%;
    background-color: #0090c5;
    margin: 22% 0px 0px 0px;
    float: right;
    border-radius: 20px;
    height: 170px;
}	
	
	
}	
	
@media only screen and (max-width:1200px) {

.topback {
        height: auto;
        background-size:cover;
}
.ban-container, .yellow-info, .key-images, .blue-info, .blue-info2, .blue-info2bull, .yellow-info-foot, .bluekey-images {
    width:98%;
}

.banner-text {
    width:37%;
}
.banner-text h3 {
    font-size: 47px;
}
.banner-text p {
    font-size: 16px;
}
.reg-form {
    width:60%;
}
.reg-form h3 {
    width:100%;
}
.reg2 {
    width: 100%;
}
.reg2 input, .reg2 textarea {
    width: 97%;
}

.yellow-info h3
{
	margin-bottom:0;
    line-height:normal;
}
h2 { 
    color:#2f2f2f;
    border-bottom: 2px solid #00a0b0;
    padding-bottom: 10px;
    width: 100%;
    font-family: "bebas_neueregular";
    font-size:28px;
}
.steven {
    margin:0px 0px 0px 0px;
    padding: 10px 10px 15px 0px;
    width:38%;
    background:none;
    float:left;
}
.steven-text {
    margin:0px 0px 0px 0px;
    padding: 10px 10px 10px 0px;
    width:43%;
    float:left;
}

}

@media only screen and (max-width:1024px) {

.topback {
        height: auto;
        background-size:cover;
}
.ban-container, .yellow-info, .key-images, .blue-info, .blue-info2, .blue-info2bull, .yellow-info-foot, .bluekey-images {
    width:98%;
}
.key-box
{
	width:20%;
}
.key-box img{width:auto;}
.btn {
    width: 65%;
    margin:0 19%;
}
.banner-text3 {width: 42%;height: 60px;margin: 270px auto 0 0;}
.banner-text3 p {padding: 60px 50px 0 0px;}	
	
.banner-text {
    width:38%;
}
.banner-text h3 {
    font-size: 40px;
}
.banner-text1 {
    width:55%;
}
.banner-text1 h3 {
    font-size: 50px;
}
	
	
.banner-text3-dts {padding: 21px 0 0 12px;width: 62%;font-size: 17px;}
.banner-text3-jn {padding: 19px !important;width: 26%;}
.reg-form {
    width:80%;
}
.reg-form h3 {
    width:100%;
}
.green {
    width:60%;
}
.reg2 {
    width: 100%;
}
.reg2 input, .reg2 textarea {
    width: 97%;
}

.yellow-info h3
{
	margin-bottom:0;
    line-height:normal;
}
h2 { 
    width: 100%;
}
.steven {
    width:48%;

}
.steven-text h3 {
    font-size: 49px;
}
.steven-text {
    width:48%;
}

}



@media only screen and (max-width:800px) {

.logo
{
	display:none;
}
.logo2
{
	margin:0;
    padding:20px 0px;
	width:250px;
	height:126px;
    display:block;
}
.banner-text1 {
    display:none;
}
	
	
/*.banner-text {
    display:none;
}*/
/*.banner-text2 {
    margin: 245px 0 0 0;
    padding: 0px 5px 7px 7px;
    width:60%;
    height:auto;
    background:#ffc216;
    float:left;
    display:block;
}
.banner-text2 h3 {
    color: #fff;
    font-family: "bebas_neueregular";
    font-size: 50px;
    font-weight: bold;
    margin: 0;
    text-shadow:2px 2px 2px #808080;
    padding: 0px 0 0;
    text-align: left;
}
.banner-text2 p {
    color: #000;
    font-size: 17px;
    font-weight: normal;
    margin: 0px 0 0;
    padding: 0px 0 0;
    text-align: left;
    text-shadow:none;
    text-transform:none;
}*/
.ban-left {
    width:100%;
	background:url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/singapore-lp-images/digital-trans-topback-land.jpg) repeat-x;
	background-position:center;
    background-size: cover;
    height:647px;
}
.banner-text h3 {font-size: 43px;}
.banner-text p {font-size: 12px;}
.banner-text3-dts {padding: 19px 0 0 9px; width: 48%;font-size: 10px;}
.banner-text3 {height: 48px;margin-top: 282px;}
.banner-text3-jn {padding: 14px !important;width: 34%;}
.key-box{padding:0;	width:40%;	float:left;  margin:0 10% 3% 0;}
.key-box2{display:none;}
.key-box2 img {display:none;}
.key-box2 h4{display:none;}
.key-box3
{
	margin:0 10% 3% 0;
	padding:0;
	width:40%;
	float:left;
    display:block;
}
.key-box3 img {
    width:100%;
    display:block;
}
.key-box3 h4
{
	padding: 5px 0 0 0;
	font-size: 16px;
	font-weight:normal;
	text-align:center;
    color:#fff;
	text-transform:none;
    display:block;
}
.blue-info h3
{
	font-size: 48px;
}
.blue-info2 h3
{
	font-size: 48px;
}
.key-box h4
{
    height:60px;
}
.bluebox2
{
	margin:0px auto;
	padding-bottom: 32px;
	width:100%;
	background-color: #043361;
    display:block;
    
}
.blue-info3
{
	margin:0 auto;
	padding:0px;
	width:98%;
    text-align:center;
}
.blue-info3 h3
{
	padding:10px 0 10px 0;
	font-family: "MyriadPro-Regular";
	font-size: 50px;
	font-weight:normal;
	text-align:center;
    line-height:42px;
	color:#fff;
    text-transform:uppercase;
    width:98%;
    margin:0 auto;
    letter-spacing:2px;
}

.blue-info3 h3 span
{
	font-family: "bebas_neueregular";
	font-weight:bolder;
    font-size: 58px;
}
.blue-info3 p
{
	padding:20px 0px;
    font-family: "MyriadPro-Regular";
	font-size: 20px;
	font-weight:normal;
	text-align:center;
	color:#fff;
    width:80%;
    margin:0 auto;
    text-transform:uppercase;
}
.yellowbox
{
	margin:0px auto;
	padding-bottom: 32px;
	width:100%;
	background-color: #fff;
}
.yellowbox1 h2 {
    width: 52%;
}	
	
	
.yellow-info {
    width:80%;
}
.yellow-info h3
{
	color:#555555;
}
.yellow-info h4
{
	color:#555555;
}
.yellow-info p
{
	color:#000;
}
.yellow-info1
{
	width:80%;
}
.bluebox
{
	background-color: #043361;
    
}
.blue-info2 h4
{
	color:#fff;
}
.blue-info2 p
{
	color:#fff;
}

.blue-info2 h3
{
	color:#fff;
}
ul li  {
   color:#fff;
}
h2 { 
    width: 35%;
}
.steven {
    width:49%;

}
.steven-text h3 {
    font-size: 49px;
}
.steven-text {
    width:48%;
}

}

@media only screen and (max-width:768px) {

.green h3{
    font-size: 36px;
}
.reg-form h3 {
    font-size:35px;
}
.banner-text h3 {
    font-size: 36px;
}
.key-box
{
	padding:0;
	width:40%;
	float:left;

    margin:0 10% 3% 0;
}
.key-box2
{
	padding:0;
	width:40%;
	float:left;
    margin:0 10% 3% 0;
}
.key-box h4{
    height:90px;
}
h2 { 
    width: 42%;
}
.steven {
    width:49%;

}
.steven-text h3 {
    font-size: 49px;
}
.steven-text {
    width:48%;
}

}

@media only screen and (max-width:640px) {
 .ban-container,.yellow-info, .key-images, .blue-info, .blue-info2, .blue-info2bull, .yellow-info-foot, .bluekey-images {width: 93%;}
	
.ban-left {
	background:url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/singapore-lp-images/digital-trans-topback-mobile.jpg?t=1480443022258) no-repeat;
	background-position:center;
    background-size: cover;
    height:500px;
}
.logo2 {
        margin:0 auto;
        float:none;
        text-align:left;
        width:100%;
}
.banner-text {
    bottom:25px;
    width:90%;
    float:none;
    margin: 60px auto 0 auto;
}
.banner-text p {
    padding-left: 58px;
    text-align: justify;
}
.banner-text2 {
    width:90%;
    float:none;
}
.banner-text h3 {
    font-size: 80px;
    text-align: center;
}	
.banner-text3 {
    margin: 30px auto 0 20px;
    width: 93%;
    height: 61px;
}	
.banner-text3-dts {padding: 17px 0 0 24px;width: 58%;font-size: 20px;}
.banner-text3-jn {
    padding: 20px 21px;
    width: 30%;
}	
.banner-text3 p {color: #fff;font-size: 13px;}
.yellowbox1 h2 {width: 95%;}
}
.ban-right {
    width:98%;
    position:initial;
}
.green {
     margin:0 auto;
     float:none;
     width:96%;
}
.green h3 br {
     display:none;
}
.green h3{
    font-size: 48px;
}
.reg-form {
    margin:0 auto;
    float:none;
    width:86%;
}
.key-box, .key-box2, .bluekey-box
{
	margin:0px auto 8px auto;
    float:none;
	width:44%;
}
.bluekey-box img {
    width:100%;
}
.key-box h4{
    height:auto;
}
.key-box3
{
	margin:0 auto 3% auto;
	padding:0;
	width:44%;
	float:none;
    display:block;
}
.add-cont-2{margin:40px 50px 0 0px;}

.left{float:none;}

.yellow-info2
{
	width:100%;
    margin:1px 0px;
    float:none;
}
.steven {
    width:98%;
    text-align:center;
}
.steven-text h3 {
    font-size: 49px;
    width:360px;
}
.steven-text {width:96%;}

.add {
    width: 81%;
    padding-bottom: 20px;
}

@media only screen and (max-width: 450px) {
.w3-btn, .w3-btn:link, .w3-btn:visited {
    margin-left: 50px;
}
	.result-img{
		width:100%;
		
	}
.brand-logo {
    float: right;
    margin: 0px 0px 0;
    text-align: left;
    padding: 10px 10px;
    background-color: #0090c5;
    border-radius: 20px;
    width: 95%;
}
	
.banner-text {
    bottom: 25px;
    margin: 450px auto 0 auto;
    width: 85%;
    border-radius: 10px;
    background-color: #0090c5;
    opacity: 0.9;
    padding: 20px 20px;
}
	
.banner-text3 {
    margin: 10px auto 0 10px;
    width: 94%;
    height: 98px;
    border-color: #0090c5;
    background-color: #0090c5;
    border-radius: 5px;
}
	
.b-logo {
    width: 100%;
    background-color: #0090c5;
    margin: 22% 0px 0px 0px;
    float: right;
    border-radius: 20px;
    height: 170px;
	height: 335px;
}	
.log-2 {
    width: 100%;
    height: auto;
    padding: 10px 0px 0px;
    float: none;
}
.log-1 img {
    width: 160px !important;
    height: auto;
    padding: 20px 0px 0px 120px;
}
.logo-text1 {
    text-align: center;
    font-size: 16px;
    padding-top: 10px;
    font-weight: 800;
    color: #fff;
    text-shadow: 2px 2px 2px #373737;
    font-family: 'Roboto',sans-serif;
    width: 390px;
}
	
.logo-text2 {
    text-align: center;
    font-size: 16px;
    padding-top: 10px;
    font-weight: 800;
    color: #fff;
    text-shadow: 2px 2px 2px #373737;
    font-family: 'Roboto',sans-serif;
    width: 100%;
}	
.log-2-1 {
    float: left;
    padding: 0px 28px;
}	
	
	.v-line {
    float: none;
    border-right: none;
    height: 120px;
    border-bottom: 2px solid #fff;
}
	
	
#brand-text-left {
    float: left;
    padding-right: 24px;
    width: 160px;
    height: 80px;
}	
	
#brand-text-right {
    float: left;
    padding-left: 10px;
    width: 165px;
    height: 83px;
}
#venue {
    font-size: 15px;
	}
	
.banner-text h3 {
    font-size: 30px;
    text-align: left;
}
.banner-text p {
    padding-left: 0px;
    text-align: justify;
	width: 100%;

}
	
.banner-text3-dts {
    padding: 10px 0 0px 45px;
    width: 88%;
    font-size: 21px;
}
.banner-text3-jn {
    width: 333px;
    margin-top: 12px;
    float: left;
    font-size: 18px;
}
	
	
.bluekey-images
{
	margin:0 auto;
	padding:0;
	width:100%;
}
.banner-text3 p {
    color: #000;
    font-size: 12px;
    text-shadow: 2px 2px 2px #0090c5;
	width:98%;
	padding: 65px 15px 0 0px;
	text-align: justify;
}
.yellowbox1 {
    margin: 100px auto 0px;
    padding-bottom: 0px;
    width: 100%;
    background-color: #fff;
}
	
.yellowbox1 h2 {
    width: 100%;
	font-size: 23px;
}	
	
.yellow-info h3
{
	font-size: 45px;
}

.yellow-info h3 span
{
	font-family: "bebas_neueregular";
	font-weight:bolder;
    font-size: 47px;
}


.key-box2 h4, .key-box h4
{
	width:100%;
    height:auto;
}

.btn3 {
    margin: 0 auto;
    width: 100%;
    font-size:16px;
}
.yellow-info-foot p
{
	width:95%;
}
.green h3{
    font-size: 41px;
}
.green h3 br {
     display:none;
}
.blue-info2 h3 {
    font-size: 40px;
}
h2 { 
    width: 63%;
	font-size: 24px;
}
.steven-text {
    width:96%;
}
.panel-left {padding-left: 100px;padding-top: 20px;padding-bottom: 30px;}	
.panel-head{text-align: center; font-size: 20px !important;padding-left: 30px;}
.panel-right p{text-align: center;}
}

@media only screen and (max-width:400px) {

	.brand-logo {
    width: 94%;
}
	
.panel-head{
	width:100% important;
	
	}	
	
#log-rig{
    width: 100%;
    padding-left: 25%;
}	
#brand-text-left {
    float: left;
    padding-left: 50px;
    width: 140px;
    height: 70px;
}

#brand-text-right {
    float: left;
    padding-left: 8px;
    width: 140px;
    height: 70px;
	padding:10px;
}
	
.b-logo {
    width: 100%;
    background-color: #0090c5;
    margin: 22% 0px 0px 0px;
    float: right;
    border-radius: 20px;
    height: 354px;
}	
	
	.log-1 img {
    width: 160px !important;
    height: auto;
    padding: 20px 0px 0px 95px;
}
.logo-text1 {
    text-align: center;
    font-size: 16px;
    padding-top: 10px;
    font-weight: 800;
    color: #fff;
    text-shadow: 2px 2px 2px #373737;
    font-family: 'Roboto',sans-serif;
    width: 333px;
}	
	.log-2-1 {
    float: left;
    padding: 0px 11px;
}
	
	
	
	.log-2-1 img {
    width: 150px!important;
    height: auto;
    padding: 20px 0px;
}
	
	
.log-2-2 img {
    width: 150px!important;
    height: auto;
    padding: 20px 0px;
}	
	
.v-line {
    float: none;
    border-bottom: 2px solid #fff;
    width: 293px;
    padding: 10px;
}	
	
.banner-text {
    bottom: 25px;
    margin: 450px auto 0 auto;
    width: 88%;
}	
.banner-text3 {
    margin: 5px auto 0 0px;
    width: 99%;
    height: 88px;
}
	
.banner-text3-dts {
    padding: 10px 0px 0 40px;
    width: 91%;
    font-size: 17px;
}
.banner-text3-jn {
    width: 303px;
    margin-top: 7px;
    font-size: 17px;
    float: left;
}
	.banner-text3 p {
    color: #000;
    font-size: 11px;
}	
.banner-text h3 {
    font-size: 27px;
}
	
	#venue {
    font-size: 12px;
}
		
	h2 {
    width: 63%;
    font-size: 20px;
}
.green {
     margin:0 auto;
     float:none;
     width:70%;
}

.blue-info h3
{
	font-size: 40px;
}
.bluekey-box img {
    width:100%;
}
.blue-info2 h3
{
	font-size: 30px;
}
.blue-info2 h4
{
	font-size: 30px;
}
.btn3
{
	font-size: 13px;
}

.green {
     width:96%;
}
.green h3  {
     font-size:36px;
}
.green h3 br {
     display:none;
}
h2 { 
    width: 79%;
}
.steven-text {
    width:96%;
}
.yellow-info1
{
	width:100%;
}
}

@media only screen and (max-width:320px) {

	.banner-text {width: 86%;}
	.banner-text p { font-size: 12px;}
	.banner-text3-dts {
    font-size: 16px;
    width: 84%;
    padding-bottom: 10px;
}
	
	.banner-text3-jn {
    margin-top: 0px;
    font-size: 14px;
    padding-left: 0px;
    width: 267px;
}
	
	.banner-text3 p {
    color: #000;
    font-size: 11px;
    padding-left: 0px;
    padding-top: 0px;
}
	
	.banner-text3 {
    margin: 5px auto 0 0px;
    height: 89px;
    width: 99%;
}
	
.logo-text1 {
    width: 280px;
}
	
.v-line {
    width: 254px;	
}	
	
.log-1 img {
    width: 160px !important;
    height: auto;
    padding: 20px 0px 0px 70px;
}	
	
.log-2-1 img {
    width: 130px !important;
    height: auto;
    padding: 20px 0px;
}	
	
.log-2-2 img {
    width: 130px !important;
    height: auto;
    padding: 20px 0px;
}	
	
	
	
	
	
#brand-text-left {
    float: left;
    padding-right: 10px;
    width: 135px;
    height: 70px;
}
	
	
#log-rig {
    font-size: 14px;
}	
	
#brand-text-left {
    float: left;
    padding-right: 16px;
    width: 125px;
    height: 70px;
}
#brand-text-right {
    float: left;
    padding-left: 8px;
    width: 120px;
    height: 70px;
}
#venue {font-size: 11px;}
.yellowbox1 {
    margin: 650px auto 0px;
}	
.yellowbox1 h2 {
    width: 90%;
    font-size: 16px;
}	
	
.yellow-info p
{
	width:100%;
}
.banner-text h3 {
    font-size: 20px;
}
	
	h4 {
    font-size: 16px;
}
	.yellow-infoleft {
    width: 100%;
    font-size: 14px;
}
	
	.panel-left {padding-left: 55px;padding-top: 20px;padding-bottom: 30px;}	
	.panel-head {
    padding-left: 52px;
    font-size: 16px !important;
}
	.panel-right {
    margin-left: 11px;
    width: 90%;
    text-align: center;
}


}