html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
   /*  vertical-align: baseline; */ line-height:normal;
    background: transparent;    -webkit-font-smoothing: antialiased;
}
body{background-color: #333333;}
section,div{
	display:block;
    padding: 0;
    outline: none;
    background: #fff;
}
@font-face {
    font-family: 'agendamedium' ;
	src: url('fonts/Agenda-Medium_0.ttf') format("truetype");  
}
@font-face {
    font-family: 'AgendaBold' ;
	src: url('fonts/Agenda-Bold_0.ttf') format("truetype");  
}
#hmy_layout{
	max-width:1280px;
	width:100%;
	margin:0 auto;  padding: 0; clear: both; min-height:100% !important;
	top:0;bottom:0;
	background:#fff;
}
.hmy_banner{
	width:100%;float:left;clear:both;
}
.hmy_content{float:left;width:100%;
	 clear: both; padding-top:29px;
	}
	.uob_logo{
		width:100%;float:left;clear:both;    padding: 25px 35px;
    box-sizing: border-box;
	}
	.lf_logo,.ri_logo{ width:50%; float:left;}
	#slideshow {
		float:left;
	}
	
	.uobtext{
    display: block;
    font-size: 16px;
    color: #453738;
	text-transform: uppercase;
}
.tbsl{
	border:0;
	cellpadding:0;
	
}
.sel{
	vertical-align:middle;
	padding-left:10px;
	 font-family: 'agendamedium' ;
}
.header_line {
    min-height: 20px;
    background: #453738;
    overflow: hidden;
	width:100%;
	margin:0;float:left;
}



.title{
	font-family: 'AgendaBold'; font-size:30px;
	color:#9c8f6c;
	margin-bottom:24px;
}
.main-content{
padding-left:35px;
padding-right:35px;
padding-top:35px;
}
.inner-item{
display: inline-block;
position:relative;
margin-bottom:35px;
}
/* .inner-item :not(img) */
.inner-item .img-title{
	font-family: "Open Sans", Arial, sans-serif;
position: absolute;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: auto;
    top: 0;
    bottom: 0;
    z-index: 1;
    color: #fff;
    text-align: center;
    font-weight: bold;
	
  /*   font-size: 18px;
	padding: 22%; */
	  font-size: 23px;
	padding: 17%;
    padding-top: 26%;
}
.inner-item .img-title:hover{
	background: rgba(0,0,0,0.7);
	text-decoration: underline; -webkit-text-decoration-color: #c5c6c6;  
    text-decoration-color:#c5c6c6;}
a,
a:focus{
text-decoration: none !important;outline:none;
}
a:hover{
text-decoration: underline;
}
/*** li **/
ul{
 list-style:none;
	padding:0;
	margin:0;
}

/********** social share css **/
section.so-share1{
	padding: 9px 35px; 
	border-top:4px dashed #ccc;
	width:100%;
	float:left;
}
.par.social .share-text {
    float: left;
    margin-right: 10px;
    padding: 10px 0;
}
.par.social {
    font-size: 18px; color:#535353;
}
.par.social .social-sharing {
    float: left;
    margin-right: 20px;
    padding: 10px 0;
}
.so-share1 .fa{color:#af8680;
}
/*************************************************** footer css *******/
footer{ width:100%; float:left;}
.term_c{width:100%;float:left; font-family: 'Agenda', 'Arial', 'Helvetica', 'Calibri';
font-size: 14px;
 padding: 25px 35px; color:#555;
}
.term_c p{ padding-bottom:20px; text-align:justify;}
.copyright_ft{
	color:#4c4c4b;
	 font-size: 16px;
	   text-align: center;
	       font-family: 'Agenda', 'Arial', 'Helvetica', 'Calibri';
		  padding: 10px 20px;
    border-top: 7px solid #a8a089;
    background: #efece7;
}
.fo-co-top{    font-family: 'Agenda', 'Arial', 'Helvetica', 'Calibri';
    cursor: pointer;
    font-size: 25px;
    color: #4c4c4b;
	text-align:right;
	padding-right:35px;
	padding-bottom:10px;
}
.arrow_up:before {
    content: "\f062";  
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
-webkit-font-smoothing: antialiased;}

/*******************************/
#control{
	width:100%;float:left;
}


.carousel-indicators li{
	border: 1px solid #453738;
}
.carousel-indicators .active {
background-color:#453738;}
.carousel-indicators {
    bottom: -40px;
}

.carslide p.banner_title1{
position:absolute;
font-family: 'AgendaBold'; font-size:48px;
color:#453738;
bottom:80px;
left:85px;
text-align:left;
 line-height: 1.22em !important;}
.carslide p.banner_title1 a{color:#453738;

}
.carslide p.banner_title1 span{ font-family: 'agendamedium' ;font-size:40px;}
p.banner_title3{
position:absolute;
font-family: 'AgendaBold'; font-size:48px;

color:#fff;
bottom:57px;
left:85px;
text-align:left; 
 line-height: 1.22em !important;}
p.banner_title3 span{font-family: 'agendamedium' ;font-size:37px;}

p.banner_title3 a{color:#fff;}
.carslide  p.banner_title2{
position:absolute;
font-family: 'AgendaBold'; font-size:48px; 
color:#fff;
top:60px;
left:85px;
text-align:left; 
 line-height: 1.22em !important;}
.carslide  p.banner_title2 a{color:#fff;}

.carousel-fade .carousel-inner .item {
  opacity: 0;

  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
  	
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.animate-a, .animate-b, .animate-c {
    position: relative;
    opacity: 0;
}