@import url(vendors/reset.css);
@import url(vendors/normalize.css);

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Regular.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Bold.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Bold.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Light.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Light.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-Light.woff2") format("woff2"),url("../fonts/opensans/OpenSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-LightItalic.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-LightItalic.woff2") format("woff2"),url("../fonts/opensans/OpenSans-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic
}

/*Adding font face for IE*/
@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Regular.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Bold.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Bold.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Light.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Light.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-Light.woff2") format("woff2"),url("../fonts/opensans/OpenSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-LightItalic.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-LightItalic.woff2") format("woff2"),url("../fonts/opensans/OpenSans-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic
}
/* End of adding font face for IE*/


html, body{
  width: -webkit-calc(100% - 0px);
}
.device-width{
  width:100%;
}

body{
  font-family: 'OpenSans',Arial,sans-serif;
  color: #100f0f;
  background-image: url('../../../iwov-resources/images/backgrounds/page-background.png');
  margin: 0 auto !important;
  font-size: 14px;
  line-height: 20px;
  font-weight:normal;
  min-width:320px;
}

a{
  text-decoration:none;
  border:none;
}

a:hover{
  text-decoration:underline;
}

a:visited {
  color: #680000;
}
a, a:visited, a:hover {
  color: #c00;
}
a, a:visited, a:hover {
  color: #c00;
}
a img{
  border:none;
}

ul{
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}
ul.styled {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
  ul.square{
	list-style: square;
	margin: 30px 0 0 0;
	
  }
  ul.redsquare, ul.red-square{
	padding-left: 25px;
  }
  ul.styled > li {
    padding-left: 30px;
  }
li{
  display: list-item;
  text-align: -webkit-match-parent;
  margin:10px 0;
}


h1,h2,h3,h4,h5,h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: 700;
  font-weight: 400\0; /* IE 8*/
  line-height: 1;
  color: inherit;
  text-rendering: optimizelegibility
}
h2 {
  font-size: 229%;
  line-height: 110%;
  font-weight: 300;
}
h2.section-title {
  padding-bottom: 20px;
  border-bottom: 1px dotted #ccc6c6;
}
h5{
  font-size: 140%;
  line-height: 100%;
  font-weight: 700;
}
h6{
  font-size: 129%;
  line-height: 100%;
  font-weight: 700;
}
.page-module h2 {
  padding-top: 30px;
}

p {
  margin-top: 10px;
  margin-bottom: 10px;
}
.fs18{
  font-size: 129%;
  line-height: 117%;
}

#canvas{
  width:100%;
  min-width:320px;
  width:1300px\9;
  //max-width:1450px;
  max-width:1200px;
  margin:0 auto;
  position:relative;
}

#lightbox{
  position:absolute;
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  z-index:999999;
  background:#000000;
  text-align:center;
}
  #lightbox > div, #player-holder{
	width:100%;
	height:100vh;
  }

  #lightbox #ytplayer {
	width:100%;
	height:100vh;
	margin:0 auto;
  }
.x-button{
  width:40px;
  height:38px;
  cursor:pointer;
  background:url(http://www.dbs.com.sg/personal/landing/digibank/img/x-button.png);
  background-size:cover;
  background-repeat:no-repeat;
  position:absolute;
  top:10px;
  right:10px;
}

#header{
  width:100%;
  margin:0 auto;
  z-index: 5;
  position:relative;
}

#header > .container{
  //height: 68px;
  height: 78px !important;
  /*New*/
  width:100%;
  /*New*/
  margin:0;
  padding:0;
  /*margin-right: -30px;
  margin-left: -30px;*/
  border-bottom: 10px solid #c00;
  /*background: url('../iwov-resources/images/custom-headerbg.png');*/
  background-repeat: no-repeat;
  background-position: 52% 0%;
  background-color: #000;
  box-shadow:0px 3px 10px #CCC6C6;
}
  #header > .container > .logo{
	float: left;
	display: block;
	height: 68px;
	margin: 0 0 0 20px;
	background-repeat: no-repeat;
	width: 410px;
  }
  
.icn-mobile-nav-menu{
  background-image: url('http://www.dbs.com.sg/iwov-resources/images/icons-s0099f5f8a7.png');
  background-position: 0 -554px;
  height: 45px;
  width: 45px;
  float:left;
}
#main-navigation, #mobile-navigation{
  width:100%;
  padding:0;
  margin:0 auto;
  clear:both;
  z-index: 4;
  position:relative;
  font-weight: 700;
  margin-bottom:10px;
  box-shadow:0px 3px 10px #CCC6C6;
}


#mobile-navigation{
  font-size: 115%;
  float:none;
}

#mobile-navigation > .active{
  background:#000000;
  color:#FFFFFF;
  margin:0;
  /*padding:10px;*/
  box-sizing:border-box;
}
#mobile-navigation a, #main-navigation a{
  color: inherit;
  display:block;
  padding:10px;
  padding-top: 20px;
  padding-bottom: 15px;
  cursor:pointer;
}
  #main-navigation a:hover, #mobile-navigation a:hover{
	color:inherit;
	text-decoration:none;
  }

#main-navigation > .container, #mobile-navigation > .container{
  /*New*/
  width:100%;
  /*New*/
  margin-bottom: 10px;
  box-shadow: 0 3px 7px #ccc;
  background: #ffffff;
}

#mobile-navigation > .container{
  margin-top:0 !important;
  display:none;
}

#mobile-navigation.open > .container{
  display:block;
}

  #main-navigation ul, #mobile-navigation ul{
	color:#100f0f;
	list-style-type:none;
    margin:0;
	padding:0;
	display:table;
	width:100%;
  }
  
  #main-navigation ul > li, #mobile-navigation ul > li{
	width:100%;
	text-align:center;
	display:table-cell;
	float:left;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #fcfcfc;
	/*
	background-repeat: repeat-y;*/
	cursor: hand;
	cursor: pointer;
	box-sizing: border-box;
	border-bottom: 5px solid #fff;
	border-right: 1px solid #eeeeed;
	margin:0;
  }
  #mobile-navigation ul > li{
    width:100%;
	text-align:left;
	display:block;
	margin:0;
	border-bottom: 1px solid #e4e1e1 !important;
	padding: 10px 0 0 16px;
	background-image:none;
  }
  
  #main-navigation ul > li.active{
	color: #7f0000;
	border-bottom: 5px solid #c00;
  }
  #main-navigation ul > li.active a{
	color: #7f0000;
  }
  #main-navigation ul > li:hover, #mobile-navigation ul > li:hover{
	color:#cc0000;
	background-color:#f2f2f2;
	background-image: none;
	border-bottom: 5px solid #d6d6d6;
  }
  #main-navigation ul.auto-width > li{
    //width:33.33%;
	width:25%;
  }
  
  #mobile-navigation ul.auto-width > li{
    width:100%;
	padding-bottom:8px;
	background:#fff;
	box-shadow:none;
  }

.icn-mobile-nav-menu{
  display:none;
}
.icn-mobile-nav-menu.alpha{
  float:left;
}
.icn-mobile-nav-menu > a{
  padding:0 !important;
}
.icn-mobile-nav-menu .icon {
  background:url('http://www.dbs.com.sg/iwov-resources/images/icons-s0099f5f8a7.png') no-repeat;
  background-position: 0 -1520px; /*0 -554px;*/
  height: 40px;
  width: 40px;
  display:block
}

#page-content{
  padding:0 !important;
  margin:0 !important;
  background:#ffffff !important;
}
#mobilenavs{
  display:none;
  background:#000000;
}
  #mobilenavs > p {
	margin-left:10px;
	padding:5px;
  }
  #mobilenavs > ul{
	padding-top:5px;
	padding-bottom:5px;
	background:#ffffff;
	margin-bottom:5px;
	display:none;
  }
  #mobilenavs > ul > li {
	padding-top:5px;
	padding-bottom:7px;
	background:url('http://www.dbs.com.sg/personal/landing/digibank/img/hr-line-gray.png') repeat-x center bottom;
  }
  #mobilenavs > ul > li.omega {
	padding-bottom:0;
	background:none;
  }
  #mobilenavs > ul >.active{
	border-left:2px solid #cc0000;
  }
#footer{
  width:100%;
  margin:0 auto;
  text-align:center;
  background:#000000;
  overflow:hidden;
  padding-bottom:20px;
}
#footer > .container > span{
  margin-top: 15px;
  margin-left: 20px;
  margin-right: 20px;
  display: inline-block;
  font-size:86%;
  color:#ffffff;/*#58595B;*/
}
#footer > .container > span a{
  color:inherit;
}

.desktop-hidden{
  display:none;
}

.canvas-content{
  width:100%;
  margin:0;
  padding:0;
  position:relative;  
}

.canvas-content > .container{
  /*New*/
  width:100%;
  /*New*/
  box-sizing:border-box;
  display:block;
  padding:20px;
  background:#ffffff;
  border-bottom:2px solid #cac7c1;
  position:relative;
  margin-bottom:10px;

}


#hero-banner{
  position:relative;
  background:#EEEFEF;
}

  #hero-banner > div > div{
    position:relative;
	width:96%;
	max-width:1024px;
	margin:-150px auto 20px;
  }
  #features{
	position:relative;
	background:#ffffff;
	
  }
	#features > div{
	  margin:20px auto;
	  max-width:1334px;
	  /*position:relative;
	  width:96%;
	  max-width:1334px;
	  margin:50px auto;*/
	}
#features-holder, #extras{
  position:relative;
  width:100%;
  margin:0 auto;
  text-align:center;
  box-sizing:border-box;
  padding:30px 30px 50px;
  overflow:hidden;
}
#features-holder{
  width:100%;
  max-width:1024px;
  margin:0 auto;
  padding:10px 0 0;
}
#extras{
  background: url('../../../iwov-resources/digibank/images/home/bg-1.jpg') right top;
      box-sizing: border-box;
    padding: 50px;
    margin: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
  #extras ul{
	text-align:left;
	margin:0 auto;
  }
  #extras .gray-box{
    width:50%;
	padding:20px;
	box-sizing:border-box;
	float:right;
	min-width:500px;
	background-color: rgba(0, 0, 0, 0.6);
  }
  
#features-holder > h1{
  margin-bottom:40px;
}
  #features-holder > div, #extras > div > div{
	display:table;
	width:100%;
  }
  
  #features-holder > div > div{
	position:relative;
	display:table-cell;
	width:20%;
	padding:0 5px;
	box-sizing:border-box;
  }

  #features-holder .box{
	display:table;
	padding:0 5px;
	margin:0 auto;
	box-sizing:border-box;
	vertical-align:middle;
	width:100%;
	height:130px;
  }
  #features-holder h6{
    height:50px;
  }
  #features-holder .box > p{
    display:table-cell;
	position:relative;
	vertical-align:middle;
	padding:5px 10px;
	background:#F2EBE4; /*#B3B2B3;*/
  }
  #features-holder a{
    border:none;
	text-decoration:none;
	color:inherit;
  }
  
  #features-holder > .extras{
	clear:both;
	float:none;
	padding-top:15px;
	text-align:left;
  }

#accordion{
  width:100%;
}

#accordion > ul{
    padding-bottom:2px;
	background:url(http://www.dbs.com.sg/personal/landing/digibank/img/hr-line-gray.png) bottom center repeat-x;
	margin-bottom:15px;
  }
  #accordion > ul.omega{
	background:none;
  }
  #accordion > ul > li {
	padding-bottom:13px;
  }
  #accordion > ul > li > span {
	cursor:pointer
  }
  #accordion > ul > li > div {
	display:none;
  }

#accordion ul.styled > li{
  padding-left:5px;
}


#accordion ul.styled > li > span{
  padding-left:20px;
  font-weight:bold;
  background: url(http://www.dbs.com.sg/personal/landing/digibank/img/redplus.png) left 5px no-repeat;
  display:block;
  width:100%;
  box-sizing:border-box;
}

#accordion ul.open > li > span{
  background: url(http://www.dbs.com.sg/personal/landing/digibank/img/reddash.png) left 8px no-repeat;
  color:#999494;
  /*padding-bottom:0; */
}

.app-dl-btns{
  position:relative;
}
  .app-dl-btns > a{
	margin:15px;
  }
  .app-dl-btns > a:first-child{
	margin-left:0;
  }
  .app-dl-btns > a:last-child{
	margin-right:0
  }

.wrapper{
  margin:20px 0;
  overflow:hidden;
}
.wrapper > div{
  //width:50%;
  width:100%;
  float:left;
}
.wrapper  h1{
  margin-bottom:15px;
}

.guide-images{
  width:100%;
  width:550px\9;
  height:auto;
  height:617px\9;
  max-width:550px;
}

#fake-video{
  box-sizing:border-box;
  padding:25px;
  margin:0;
  //background: url(../../../iwov-resources/digibank/images/home/video-bg.jpg) right top;
  background-color: #441215;
  background-size:cover;
  background-repeat:no-repeat;
  width: 100%;
  height:750px;
}
  #fake-video a{
    display:inline-block;
	margin: 20px auto 0;
	border:1px solid #fff;
	padding:10px 20px;
	color:#fff;
	text-decoration:none;
  }
  #fake-video a:hover{
	color:#fff !important;
	border:1px solid #fff;
	background:#000;
  }
     #fake-video > div > div{
		width:40%;
		padding:50px 20px;
		box-sizing:border-box;
		text-align:center;
		min-width:500px;
	  }
  .gray-box{
    overflow:hidden;
	color:#ffffff;
	background:url(http://www.dbs.com.sg/personal/landing/digibank/img/transparentBlack.png)\9;
	background-color: rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 50px #000000;
	-webkit-box-shadow: 0px 0px 50px #000000;
	box-shadow: 0px 0px 50px #000000;
	border:none 9px #000000;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border-radius:10px;
  }
  .bleed{
    overflow:hidden;
	display:table;
	padding:20px 0;
	width:100%;
	min-height:100vh;
	box-sizing:border-box;
  }
    .bleed > div{
	  position:relative;
	  display:table-cell;
	  vertical-align:middle;
	}
	#Activate_2{
		min-height:auto !important;
	}
@media only screen and (max-width:1140px){
  .guide-images{
	max-width:450px;
  }
}
@media only screen and (max-width:940px){
  body{
	font-size: 13px;
	line-height: 18px;
  }
  #floating-buttons {
	  right:-10px;
  }
  /*.canvas-content > .container, #header > .container{
	width:96%;
	margin-left:auto !important;
	margin-right:auto !important;
  }*/
  #main-navigation > .container, #home-content, #header > .container, .home-wrapper{
	width:100% !important;
	margin:0 auto !important;
	padding:0 !important;
  }

  
  #features-holder > div > div{
	padding:0 3px;
	
  }

  #features-holder .box{
	padding:0 3px;
  }
  #features-holder h6{
    height:40px !important;
  }
  #features-holder .box > p{
	padding:3px 5px;
  }
  .wrapper > div{
	width:100%;
	float:none;
  }
  .gray-box{
	background-color: rgba(0, 0, 0, 0.6);
  }
}
@media only screen and (max-width:768px){
  /*#home-content > div{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
	background:#123456
  }*/
  
}

@media only screen and (max-width:700px){
  body{
   font-size: 12px;
   line-height: 16px;
  }
  #header > .container{
	//height:40px;
	height:50px !important;
	box-shadow:none;
  }
  #header > .container > .logo{
	width: 91px;
	height:45px;
	margin:0;
	float:left;
  }
  #header > .container > .logo > img{
	width: 100%;
  }
  .mobile-hidden{
    display:none;
  }
  .desktop-hidden{
    display:block;
  }
  #features-holder > div > div{
	padding:0 2px;
  }

  #features-holder .box{
	padding:0 2px;
  }
  #features-holder h6{
    height:35px !important;
  }
  #features-holder .box > p{
	padding:2px 3px;
  }
  #home-content, #home-content > div{
    display:block;
	width:100%;
	margin:0 auto;
	padding:0;
	position:relative;
  }
  .app-dl-btns{
	text-align:center;
  }
  #hero-banner > div > div {
    margin:-20px auto 0;
  }
  #mobile-navigation .active, #mobile-navigation a, #mobile-navigation ul > li {
    padding:10px; 
  }
}

@media only screen and (max-width:610px){
  body{
   font-size: 12px;
   line-height: 16px;
  }
  .mobile-hidden{
    display:none;
  }
  #features-holder > div{
    display:block;
  }
  #features-holder h6{
    /*height:auto !important;*/
  }
  
  #features-holder > div > div{
	width: 100%;
	display:block;
	float:left;
	padding:0 5px;
	margin-bottom:30px;
  }
  #features-holder .box{
    height:100px;
  }
	#features-holder .box > p{
	  padding:5px 10px;
	}
  #home-content > .omega{
	width:100% !important;
  }
  .app-dl-btns{
    padding-top:15px;
  }
   
  #fake-video > div > div{
	width:100%;
	padding:20px;
	min-width: inherit;
  }
  #extras .gray-box{
	 width:100%;
     float:none;
	 margin:0 auto;
	 min-width:inherit;
   }
}

@media only screen and (max-width:520px){
   #fake-video{
	 background-position: -99% top;
   }
   #extras{
	background-position: -100px top;
   }
}

@media only screen and (max-width:400px){
   #fake-video{
	background-position: -70% top;
   }   
}

@media only screen and (max-width:344px){
  #features-holder > div > div{
	width: 100%;
	padding: 0 5px;
	margin-bottom: 30px;
	position: inherit;
	box-sizing: content-box;
  }
}

@media only screen and (max-width:350px){
  .app-dl-btns > a{
	margin:5px;
  }
  #fake-video > div > div{
	padding:20px 10px;
  }
}
@media only screen and (max-width:600px) and (max-height:750px){
  #fake-video{
	background-position: -600px top;
  }  
}

@media only screen and (max-height:500px) and (max-width:600px){
  
  #fake-video{
	background-position: -700px top;
  }   
}
@media only screen and (max-height:500px) and (max-width:599px) {
  #fake-video{
	background-position: -320px top;
  }   
}
@media only screen and (max-height:490px) and (max-width:599px) {
  #fake-video{
	background-position: -400px top;
  }   
}

@media only screen and (max-height:320px) and (max-width:599px) {
  #fake-video{
	background-position: 0 top;
  }   
}

@media only screen and (max-height:320px) and (max-width:390px) {
  #fake-video{
	background-position: -260px top;
  }   
}
@media only screen and (max-height:400px){
  #hero-banner > div > div {
    margin:20px auto ;
  }
}

/* ====================================================================== *
      CUSTOMER SETUP
 * ====================================================================== */

	#hero-banner-image{
	  box-sizing:border-box;
	  padding:50px;
	  margin:0;
	  background: url(../../../iwov-resources/digibank/images/home/home-top-banner.jpg) right top;
	  background-repeat:no-repeat;
	  background-position: center center;
	  height: 768px;
	}

	#hero-banner-image > div > table > tbody > tr > td{
		vertical-align: middle;
	}

	#hero-banner-image > div.mobile-hidden{
		margin-top: 100px;
	}
	
	p.top-banner-title {
		color: #FFF;
		font-size: 40px;
		line-height: normal;
	}

	p.top-banner-title > span{
		font-size: 46px;
		color: #cc0000;
		font-weight: bolder;
	}

	img.top-app-icon-apple{
		margin-right: 10px;
	}
	
	div.video-iframe{
		height: 100%;
		max-height: 600px;
	}
	
	div#fake-video > div > div.fake-video-content{
		color: #fff;
		width: 100%;
		padding: 0px;
	}
	
	div.fake-video-content > p.fs18{
		margin-bottom: 20px;
	}
	
@media (max-width: 1080px){
	#hero-banner-image > div.mobile-hidden{
		margin-top: 0px;
	}
	
	div.mobile-hidden > table{
		margin: auto;
		text-align: center;
	}
}	

@media (max-width: 700px){
	#hero-banner-image{
		  background: url(../../../iwov-resources/digibank/images/home/home-top-banner-mobile.jpg) center top;
		  padding: 20px;
		  text-align: center;
		}
	.mobile-top-app-logo{
		width: 40%
	}
	.top-app-icon > td > a > img{
		margin-top: 10px;
	}
}

@media (max-width: 553px){
	.top-app-icon > td > a > img{
		margin-top: 10px;
	}
	
}

@media (max-width: 390px){
	p.top-banner-title{
		font-size: 36px;
	}
	.mobile-top-app-logo{
		width: 30%
	}
	
}

@media (max-width: 370px){
	p.top-banner-title > span{
		font-size: 36px;
	}
	p.top-banner-title{
		font-size: 28px;
	}
	tr.top-app-icon > td > img.top-app-icon-apple{
		margin-right: 0px;
		margin-bottom: 10px;
	}
}

@media (max-width: 369px){
	img.top-app-icon-apple{
		margin-right: 5px;
		margin-bottom: 0px;
	}
}

@media (max-width: 356px){
	img.top-app-icon-apple{
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.top-app-icon > td > a > img{
		margin-top: 0px;
	}
}