/*Added by Philip 01-03-2017 Start*/
.row-fluid [class*="span"]:nth-child(4){ margin-left: 0; }
.row-fluid [class*="span"]:nth-child(7){ margin-left: 0; }

.support-home .support-top-articles div:nth-child(4) .articles-head
{
	border-top: 2px solid #e00088;
}
/* to make the 4th item to the 2nd column*/
  .support-home .support-top-articles div:nth-child(3n+1){
    clear:left;
  }

.support-home .support-top-articles div:nth-child(5) .articles-head
{
	border-top: 2px solid #9a1abe;
}

.support-home .support-top-articles div:nth-child(6) .articles-head
{
	border-top: 2px solid #5509d0;
}

.support-home .support-top-articles div:nth-child(7) .articles-head
{
	border-top: 2px solid #c200ef;
}

.support-home .top-articles .articles-head h3.ico-dbs-invest
{
	background: url(../../images/investment.png) 50% 6px no-repeat;
}

.support-home .top-articles .articles-head h3.ico-dbs-insure
{
	background: url(../../images/insurance.png) 50% 6px no-repeat;
}

.support-home .top-articles .articles-head h3.ico-dbs-loans
{
	background: url(../../images/loans.png) 50% 6px no-repeat;
}

.support-home .top-articles .articles-head h3.ico-dbs-wealthmgt
{
	background: url(../../images/wealth.png) 50% 6px no-repeat;
}
/*Added by Philip 01-03-2017 End  */

#search-icon-label-div{color: white; font-size: 16px; display: block; position: relative; top: 35px; padding-right:0 !important;}
.supportBlk ul.red-square>li {background-position: 0 2px;}
.supportBlk input[type='submit'].btn.btn-primary{margin-bottom:0;}
.supportBlk button.btn.btn-custom {outline:none;}
p.supportBlkIntroText {line-height: 25px;font-size: 20px;color: #666363}
.supportBlk #header .header-menu .dropdown-menu {width: 184px;margin-top: -3px !important;margin-left: -67px;margin-right: -1px;}
.supportBlk .footer, .supportBlk #footer-content {font-size:14px;}
.supportBlk #header .header-menu>li>div {padding-left: 20px;padding-right: 20px;}
.supportBlk, .supportBlk label{font-size:16px;}
.supportBlk section h2{font-size:24px;}
.supportBlk .list-no-bullet{list-style-type:none;}
.dbsfa--icon-color {color:#767676;}
.support-search #searchTerm{width:91%;}
.support-search{/*display:none!important;*/margin-bottom:24px;/*padding:20px 0;border-bottom: 1px solid #d6d5d5;*/}
.support-search .ola-autosuggest{ margin-bottom: 1em; }
.supportBlk h1{margin-top:30px;font-weight:normal;} /*temporary*/
.supportBlk h2, .supportBlk h3, .supportBlk h4{font-weight:700;}
.supportBlk .support-list .row-fluid .span12 span.large {margin:7px 0 10px 0;font-size:18px;line-height:25px;font-weight: 700;display: block;}
.supportBlk .support-list .collapsed span {height: 32px;width: 30px;background-position: 0 -1398px;}
.supportBlk .support-list .listItem {margin-left: 45px!important;width: auto;color:#100f0f;}
.supportBlk .support-list img, .supportBlk .support-list ul li, .supportBlk .list-no-bullet, .supportBlk .list-no-bullet li{margin:10px 0;}
form#supportFeedbackForm{padding-top:32px;border-top:1px solid #d6d5d5;}
form#supportFeedbackForm .hrRadioBttns{margin:0;}
form#supportFeedbackForm .hrRadioBttns .formQuestion{float:left;width:250px;}
form#supportFeedbackForm .hrRadioBttns label{display:inline-block;margin-right:12px;padding-left:6px;vertical-align:text-top;}
form#supportFeedbackForm .hrRadioBttns .radioFlds{float:left;width:140px;}
form#supportFeedbackForm .hrRadioBttns input[type="radio"]{margin:0;}
form#supportFeedbackForm .hrRadioBttns{margin-bottom:12px;}
form#supportFeedbackForm textarea#comments{width:314px;}
.supportBlk .product-category-table{width:100%;margin:30px 0;}
.supportBlk table.table-bordered thead tr th{font-size:18px;}
.row-fluid .supportBlk--leftNav{width:17%;margin:0;list-style-type:none;}
.row-fluid .supportBlk--leftNav li{margin:10px 0;cursor:pointer;}
.row-fluid .supportBlk--leftNav li, .row-fluid .supportBlk--leftNav li:visited{color:#100f0f;font-weight:700;}
.row-fluid .supportBlk--leftNav li:hover, .row-fluid .supportBlk--leftNav li.active,.row-fluid .supportBlk--leftNav li.active i,  .support-product-desc dt a, .support-product-desc dt a:visited, .supportBlk .tabbed-content .tabcontent dt a, .supportBlk .tabbed-content .tabcontent dt a:visited{color:#007dcb;font-weight:bold;}
.support-product-desc dt a, .support-product-desc dt a:visited{color:#007dcb;}
.row-fluid  .product-support .support-product-desc{width:80%;}
.row-fluid  .guide-support .support-product-desc{width:100%;}
.support-product-desc dl, .tabbed-content .tabcontent dl{margin:10px 0;}
.support-product-desc dt, .tabbed-content .tabcontent dt{font-size:20px;}
.support-product-desc dd, .tabbed-content .tabcontent dd{margin:10px 0 0 0;}
.row-fluid .supportBlk--leftNav li.active{font-weight:bold;}
.row-fluid .supportBlk--leftNav li span.icn-arrow-red{margin-top:3px;display:none;}
.row-fluid .supportBlk--leftNav li.active{text-decoration:none;}
.row-fluid .supportBlk--leftNav li:hover{font-weight:bold;text-decoration:underline;}
.row-fluid .supportBlk--leftNav li.active span.icn-arrow-red{display:inline-block;}

nav#leftProductnav ul {list-style-type:none;margin:0;padding:0;}
nav#leftProductnav li a {display:block;cursor:pointer;}
nav#leftProductnav .show-menu {display:none;border:none;}
nav#leftProductnav input[type=checkbox]{display: none;}
.supportBlk .tabbed-content .tabcontent{margin-top:20px;transition: width 2s;}
.support-product-desc dl > div, .supportBlk .tabbed-content .tabcontent dl > div {border: #ddd 1px solid;padding: 10px;border-radius: 4px;margin-bottom: 20px;background: white;-webkit-box-shadow: 2px 2px 5px 0px rgba(199,199,199,0.52);-moz-box-shadow: 2px 2px 5px 0px rgba(199,199,199,0.52);box-shadow: 2px 2px 5px 0px rgba(199,199,199,0.52);}
.support-product-desc dl > div:hover, .supportBlk .tabbed-content .tabcontent dl > div:hover {background-color: #f2f2f2;}
.product-support {border:none;}
.support-home h2{margin-top:32px;}
.support-home .support-top-articles{margin-top:36px;}
.support-home .top-articles,
.support-home .article-panel{
margin-bottom:20px;
padding:0 0 20px 0;
border:1px solid #dcdcdc;
border-width:0 1px 1px 1px;
text-align:center;
}
.support-home .article-panel{
margin-bottom:0;
padding:0;
min-height:210px;
}
.support-home .article-panel a{ display:block;
color: #000;
text-align: center;
font-size:19px;
text-decoration: none;
font-weight:normal;}
.support-home .article-panel a:hover{
text-decoration:underline;}
.support-home .article-panel a img{ width:100%;}
.support-home .article-panel a span{ display:block;width:68%;margin:20px auto;}
.support-home .support-top-articles div:nth-child(1) .articles-head {
border-top: 2px solid #ffaa22;
}
.support-home .support-top-articles div:nth-child(2) .articles-head {
border-top: 2px solid #ff7700;
}
.support-home .support-top-articles div:nth-child(3) .articles-head {
border-top: 2px solid #ff4433;
}
.support-home .top-articles .articles-head{
margin:0;
}
.support-home .top-articles .articles-head p{
margin:0 15px;
padding:0 0 14px 0;
text-align:center;
font-size: 14px;
border-bottom:#dcdcdc 1px dotted;
color:#999494;
}
.support-home .top-articles .articles-head h3{
display: block;
margin:15px 15px 0 15px;
padding-top:38px;
color: #000;
text-align: center;
font-size:19px;
text-decoration: none;
font-weight:normal;
}
.support-home .top-articles .articles-head h3.ico-dbs-bank{
background: url(../../images/bank.png) 50% 0 no-repeat;
}
.support-home .top-articles .articles-head h3.ico-dbs-creditcard{
background: url(../../images/credit_card.png) 50% 6px no-repeat;
}
.support-home .top-articles .articles-head h3.ico-dbs-guide{
background: url(../../images/guide.png) 50% 6px no-repeat;
}
.support-home .top-articles ul{margin:10px 15px 8px 15px;list-style-type:none;}
.support-home .top-articles ul li{margin-bottom:8px;}
.support-home .top-articles ul li a{display:block;text-align:left;}
.support-home .top-articles div.pull-right{margin:0 15px;}
.supportBlk cite img.link-icon{width:13px;margin:-4px 4px 0 0;}
.supportBlk .guide-header{background: #f2f2f2 url(../../images/guide-bg.png) right center no-repeat;padding: 12px;margin:20px 0;}
.supportBlk .guide-header h1,.supportBlk .guide-header p{width:70%;margin-top:0;}
.supportBlk .guide-header p{font-size: 20px;line-height: 1.3;color:#666;font-weight:bold;}
.support-product-desc.hide{display:none}
.support-list .listItem ul{margin:0;}
.supportBlk table.product-category-table thead tr th{color:#100f0f;font-weight:bold;}

.supportBlk .tabbed-nav.hidden-phone {width:100%;padding:0 0 16px 0;border-bottom:1px dotted #ccc6c6;margin:0;}

.supportBlk .tabbed-nav.hidden-phone li {
     height:65px;    
    border: 1px solid #ddd;
    text-align:center;
    display:inline-block;
    margin-right: 32px;
    font-size: 20px;
    font-weight:700;
    
}
.supportBlk .tabbed-nav.hidden-phone > li:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-left: -8px;       
}
.supportBlk .tabbed-nav.hidden-phone > li.active {background:#f2f2f2;}
.supportBlk .tabbed-nav.hidden-phone > li > a {
    color:#2e2e2e;
    display:inline-block;
    vertical-align:middle;
    white-space:normal!important;
    font-size:18px;
    font-weight:400;
}
.supportBlk .tabbed-nav.hidden-phone li:last-child {margin-right:0;}
.supportBlk .tabbed-nav.hidden-phone li:nth-child(1) {border-top:2px solid #ffaa22;}
.supportBlk .tabbed-nav.hidden-phone li:nth-child(2) {border-top:2px solid #ff7700;}
.supportBlk .tabbed-nav.hidden-phone li:nth-child(3) {border-top:2px solid #ff4433;}
.supportBlk .tabbed-nav.hidden-phone li:nth-child(4) {border-top:2px solid #dd0088;}

.supportBlk .tabbed-nav.hidden-phone li:first-child:nth-last-child(4),
.supportBlk .tabbed-nav.hidden-phone li:first-child:nth-last-child(4) ~ li {width:20.1%;}
.supportBlk .tabbed-nav.hidden-phone li:first-child:nth-last-child(3),
.supportBlk .tabbed-nav.hidden-phone li:first-child:nth-last-child(3) ~ li {width:28.7%;}
.supportBlk .tabbed-nav.hidden-phone li:first-child:nth-last-child(2),
.supportBlk .tabbed-nav.hidden-phone li:first-child:nth-last-child(2) ~ li,
.supportBlk .tabbed-nav.hidden-phone li:first-child:nth-last-child(1) {width:46%;}


@media (max-width: 979px) and (min-width: 768px) {
  .supportBlk .product-category-table{font-size: 14px;}
  .supportBlk table.table-bordered thead tr th{font-size:16px;}
  .supportBlk .tabbed-nav.hidden-phone li{margin-right:20px;font-size:16px;}
    
  .supportBlk .tabbed-nav.hidden-phone li:first-child:nth-last-child(4),
  .supportBlk .tabbed-nav.hidden-phone li:first-child:nth-last-child(4) ~ li {width:19.9%;}
  .supportBlk .tabbed-nav.hidden-phone li:first-child:nth-last-child(3),
  .supportBlk .tabbed-nav.hidden-phone li:first-child:nth-last-child(3) ~ li {width:28.4%;}
  .supportBlk .tabbed-nav.hidden-phone li:first-child:nth-last-child(2),
  .supportBlk .tabbed-nav.hidden-phone li:first-child:nth-last-child(2) ~ li,
  .supportBlk .tabbed-nav.hidden-phone li:first-child:nth-last-child(1) {width:45.5%;}
}

@media (max-width: 767px) {
    .supportBlk .span4 {width:98%;}
  .supportBlk .product-category-table{font-size: 12px;}
  .supportBlk table.table-bordered thead tr th{font-size:15px;}
  .supportBlk input.btn.btn-primary {width: 100%;}
  .support-search {padding-top:0;}
  .supportBlk #searchTerm {width: 85%;}
  .supportBlk h1{font-size:30px;line-height:1;}
  .supportBlk article h2{font-size:22px;line-height:1;}
  .supportBlk .row-fluid  .product-support .support-product-desc {width:100%;}
  .supportBlk .product-category-table{width:100%;margin:32px 0 0 0;}
  .supportBlk button.btn-primary {width:100%;}
  .supportBlk form#supportFeedbackForm textarea#comments{width:91%;}
  .supportBlk #supportLeftmenu {display:none;width:100%;background:#f2f2f2;border: #ddd 1px solid;padding: 10px;margin-top: -21px;transition: all 1s ease;}
  .mobile-filter #supportLeftmenu {display:none;  width: 355px; position:absolute;z-index:500;background:#f2f2f2;border: #ddd 1px solid;padding: 10px;margin-top: -21px;transition: all 1s ease;}
  .mobile-filter .all #supportLeftmenu {display:none;  width: 270px; position:absolute;z-index:500;background:#f2f2f2;border: #ddd 1px solid;padding: 10px;margin-top: -21px;transition: all 1s ease;}

  .supportBlk nav#leftProductnav li {width: 100%;margin-bottom: 1px;}
  .supportBlk nav#leftProductnav .show-menu {display:block;padding:10px;margin-bottom:20px;border: #ddd 1px solid;background: #f2f2f2;color:#007dcb;font-size:20px;font-weight:bold;}

  nav#leftProductnav .show-menu {display:block;padding:10px;margin-bottom:20px;border: #ddd 1px solid;background: #f2f2f2;color:#007dcb;font-size:20px;font-weight:bold;}
  

  .supportBlk .product-support {padding:10px;border:#ddd 1px solid;border-radius: 4px;}
  .supportBlk .row-fluid .supportBlk--leftNav li.active span.icn-arrow-red{display:none;}
  .supportBlk .selectedLink[data-selected]::before{content:attr(data-selected);}
  .supportBlk .show-menu > .icn-arrow-red {background: url('../../images/icons-s0099f5f8a7.png') no-repeat;background-position: -12px -306px;width:14px;margin-top: 3px;}
  .show-menu > .icn-arrow-red {background: url('../../images/icons-s0099f5f8a7.png') no-repeat;background-position: -12px -306px;width:14px;margin-top: 3px;}
  .support-home .top-articles {margin: 30px 0 30px 0!important;border-bottom: 1px solid #d6d5d5;}
  .support-home .top-articles .category-btn {width: 100%!important;margin: 20px 0px 20px 0;}
  .support-home .span4.top-articles img.category-pic{width:100%!important;}
  .supportBlk .guide-header h1,.supportBlk .guide-header p{width:100%;}
  .supportBlk .guide-header{background-image:none;}
  .supportBlk button.btn.btn-custom {margin-top:-4px;}
    .support-home .support-top-articles {
margin-top: 0;
}  
.support-home .top-articles,
.support-home .article-panel {
float:left; margin:20px 0 0 0!important;
}
}


/*start of banner styles*/

#carousel-wrapper{
  max-height: 240px;
  padding-bottom: 32px;
}

#subCarousel{
  display: none;
}
#carousel-wrapper .carousel-indicators{
  left:50%;
  bottom:-32px;
  transform: translateX(-50%);
    margin-left:0 !important;
    z-index: 0;
}
.mainCarousel-inner{
  
}
.selfCaoursel-item{
  position: relative;
  overflow:hidden;
  display: block;
}

.selfCaoursel-item .item-text-wrapper{
  position: absolute;
  top:55%;
   width:100%;
  height: 100%;

}
.selfCaoursel-item .item-text-wrapper .selfCaoursel-text-bg{
  display:block;
  width:100%;
  height: 45%;
  background-color: black;
  opacity: 0.6;
  position: absolute;
}
.selfCaoursel-item .item-text-wrapper .selfCaoursel-text{
  color: white;
  position: absolute;
  margin:12px 22px;
  line-height: 20px;
}
.selfCaoursel-item .item-text-wrapper .selfCaoursel-cta{
  display: block;
  text-decoration:none;
  position: absolute;
  margin:0 0 14px 22px;
  padding:8px;
  bottom: 55%;
  color: white;
  background-color:#007dcb;
  cursor: pointer;
}
.posb .selfCaoursel-item .item-text-wrapper .selfCaoursel-cta{
  background-color:#007dcb;
}

.carousel-control{
    border: none;
    background: none;
    height: auto;
  }

.carousel-control.left{
  left:5px;
  top:50%;
  width:20px;
  opacity: 1;
}
.carousel-control.left .carousel-icon-left{
  background: url('../../images/caoursel_icons.png') 0 0;
  display: block;
  width:20px;
  height:25px;
}
.carousel-control.left .carousel-icon-left:hover{
  background-position: 0px -29px;
}
.posb .carousel-control.left .carousel-icon-left:hover{
  background-position: 0px -56px;
}
.carousel-control.right{
    top:50%;
    right: 5px;
    text-align: right;
    opacity: 1;
    width:20px;
}
.carousel-control.right .icon_nav-right{
  margin:0;
}
.carousel-control.right .carousel-icon-right{
  background: url('../../images/caoursel_icons.png') 22px 0;
  display: block;
  width:20px;
  height:25px;
}
.carousel-control.right .carousel-icon-right:hover{
  background-position: 19px -28px;
}
.posb .carousel-control.right .carousel-icon-right:hover{
  background-position: 21px -56px
}

.item-right{
  float:right;
}

body.showOverlay{
  overflow:hidden;
}

.banner-wrapper a{
  display: block;
  text-decoration:none;
}


.banner-wrapper .banner  h2{
    display: block;
    width: auto;
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 32px;
    color: white;
    margin: 0;
    font-weight: normal;
    text-shadow: 0 1px 1px #000000;
}
.banner {
  display: block;
  position: relative;
}
.banner .banner-img{

    background: url('../../images/banner_elevator.jpg') top left;
    background-size: cover;
    width: 100%;
    height: 250px;
    margin:0 auto;
}

.banner-wrapper .banner-play{

    background: url('../../images/youtube_play_sprite.png') top left no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
   left: 50%;
    transform: translate(-50%, -50%);
    width:98px;
    height:70px;
}

.banner:hover .banner-play{

    background-position:0 -77px;
}

#carousel-wrapper .video-wrapper{
    display:none;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index: 999;
    
}

#carousel-wrapper .video-wrapper .video{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
	display:none;
}

#carousel-wrapper .video-wrapper .video-ico-close{
  font-weight: bold;
  font-size:32px;
  position: absolute;
    top: 30px;
    right: 30px;
    color: white;;
    text-decoration: none;
}
#carousel-wrapper .video-wrapper .video-ico-close:hover{
  color:#007dcb;
}
#carousel-wrapper .video-wrapper .video-overlay{
    width:100%;
    height:100%;
    background: #000;
    opacity: 0.5;
    display: block;
}
.banner-support-search{
  margin-top:18px;
}
@media (max-width: 1024px) and (min-width: 768px){
  .carousel .item>img{
    height: auto;
    max-height: 240px;
    width: auto;
  }
  .selfCaoursel-item img{
    max-width: initial;
    height: 240px;
    margin-left: -25%;
}
  .carousel-control.left .carousel-icon-left:hover, .posb .carousel-control.left .carousel-icon-left:hover{
    background-position: 0 0;
  }
  .carousel-control.right .carousel-icon-right:hover, .posb .carousel-control.right .carousel-icon-right:hover{
    background-position: 20px 0;
  }
  .selfCaoursel-item .item-text-wrapper .selfCaoursel-text{
    margin: 10px 16px;
    font-size: 14px;
    line-height: 18px;
    
}
  .selfCaoursel-item .item-text-wrapper .selfCaoursel-cta{
    font-size: 12px;
    margin:0 0 10px 16px;
  }
}
@media (max-width: 767px) and (min-width: 320px){

  #carousel-wrapper{
    max-height: 100%;
  }
  #subCarousel{
    display: block;
    margin-bottom:0;
  }
  #mainCarousel{
    display: none;
  }
  #subCarousel .span4{
    width: 100%;
  }
  #subCarousel ol.carousel-indicators{
    margin-left:0 !important;
    
  }
  .carousel-control.left .carousel-icon-left:hover, .posb .carousel-control.left .carousel-icon-left:hover{
    background-position: 0 0;
  }

  .carousel-control.right .carousel-icon-right:hover, .posb .carousel-control.right .carousel-icon-right:hover{
    background-position: 20px 0;
  }
    .banner .banner-img{
     max-height: 140px;
  }

  .banner-wrapper .banner  h2{
    top: 4px;
    left: 8px;
    font-size: 24px;
  }
  .banner-wrapper .banner-play{
    max-width: 78px;
    max-height: 56px;
    background-position:0 -60px;
  }
  .supportBlk .support-list .video-list{
    width: auto !important;
  }
}
.article-video{
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom:10px;
}
.article-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-list{
  width: 100% !important;
}
.article-video{
  position: relative;
  padding-bottom: 42.25%; /*56.25% 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom:10px;
  max-width: 853px;
  max-height: 480px;
} 
@media (max-width: 979px) and (min-width: 768px) {
  .banner .banner-img{
      background-position: 15% 0%;
  }
  .banner-wrapper .banner-play{
    background-position:0 -101px;
  }
  .supportBlk .support-list .video-list{
    width: auto !important;
  }
} 
/* end of banner styles*/