@charset "UTF-8";
.mainbg {background:#333333;}

.outer-box {background:#FFFFFF; padding:0;  margin: 0 auto;}

header, main, footer {padding: 20px 30px; position: relative; display: table; background: #FFF; color: #002469;}

header .logo-uob,
header .logo-sealmark {display: table-cell; width:100%; vertical-align: middle;}

.logo-uob {text-align: left;}
.logo-sealmark {text-align: right;}

footer {margin-top:10px;}

.headline {
	background: #002469;
	color: #FFFFFF;
	padding: 10px 30px;;
}

.cta {background:#002469; color:#FFFFFF;}
.cta .inline {vertical-align: top;}
.cta a, .cta a:visited {text-decoration: none; color:#FFFFFF;}
.cta a:hover {color:#FFFFFF;}
.cta-button {
	background:red;
	display: inline;
	padding:5px 8px;
	margin-top: 10px;
	border-radius: 5px;
}

h1, h4 {color:#002469 !important;}

.emphasis {font-style: italic; color: #666666;}

.no-border {border:none;}

.caption {
  display: block;
  padding: 10px 15px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}

.list {display:table;}
.list>.ul {display:table-cell; padding-bottom: 15px;}
.list>.ul:nth-child(2) {width: 20px; padding: 0; border: none;}
.caption h4 {margin-top: 0;}
.caption>li {margin-left:20px;}

@media (max-width: 768px) {
.list {display:block;}
.list>.ul {display:block;}
.list>.ul {width: auto;}
.list>.ul:nth-child(2) {display: none;}
}

@media (min-width: 768px) {
.list {display:table;}
.list>.ul {display:table-cell;}
.list>.ul {width: 455px;}
.list>.ul:nth-child(2) {display:inline-block;}
}

@media (min-width: 1180px) {
.list>.ul {width: 555px;}
	.outer-box {width: 1170px;}
}

@media (max-width: 400px) {
	header img {width: 150px;}
	.cta-button {display:table;}
}
	
@media (min-width:401px) and (max-width: 500px) {
	header img {width: 150px;}
}
@media (min-width:501px) and (max-width: 560px) {
	header img {width: 150px;}
}
@media (min-width:561px) and (max-width: 768px) {
	h1 {font-size:28px !important;}
}
@media (min-width:769px) and (max-width: 1000px) {
	h1 {font-size:28px !important;}
}