body{
	margin: 0;
	padding: 0;
}        
        
#border {
    border: 1px solid #000000;
    box-sizing: border-box;
    pointer-events: none;
    
}  
        
.dv {
    position: absolute;
    width: 300px;
    height: 600px;
    top: 0px;
    left: 0px;
}
        
#logo {
    background-image: url(/bank-west/img/b_300x600_logo.png);
    background-size: contain;   
    width: 192px;
    height: 47px;
    position: absolute;
    left: 16px;
    top: 7px;
}
        
#copy_1 {
    background-image: url(/bank-west/img/b_300x600_copy1.png);
    background-size: contain;
    opacity: 0;
}
        
#copy_2 {
    background-image: url(/bank-west/img/b_300x600_copy2.png);    
    opacity: 0;
    background-size: contain;    
}

#copy_3 {
    background-image: url(/bank-west/img/b_300x600_copy3.png);    
    opacity: 0;
    background-size: contain;    
}
        
#img_wrap {
    position: absolute;
    width: 300px;
    height: 376px;
    top: 59px;
    left: 0px;
    overflow: hidden;
}
        
#img_outer {
    position: absolute;
    top: 0px;
    left: 0px;
}        
        
#cta_wrap {
    position: absolute;
    top: 537px;
    left: 20px;
    background-image: url(/bank-west/img/b_300x600_cta.png);
    background-size:cover;
    background-position: top;
    width: 260px;
    height: 30px;
    cursor: pointer;
}
        
#footer {
    background-image: url(/bank-west/img/b_300x600_footer.png);
    background-size: contain;
}
  
#fadewhite {
    background-color: #ffffff;
    opacity: 0;
}
        
#banner {
    display: none;
}
        
#clickBtn {
    background-color: red;
    opacity: 0;
    cursor: pointer;
}
        
        
@keyframes kenburns {
    0% {
        transform: scale3d(1.9, 1.9, 1.9) translate3d(40px, 40px, 0px);
        animation-timing-function: ease-in-out; ;
    }
    100% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    }
}       

@-webkit-keyframes kenburns {
    0% {
        transform: scale3d(1.9, 1.9, 1.9) translate3d(40px, 40px, 0px);
        animation-timing-function: ease-in-out; ;
    }
    100% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    }
}
        
        
#img_outer img {
    
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
    
  -webkit-animation: kenburns 10s; /* Safari 4+ */
  -moz-animation:    kenburns 10s; /* Fx 5+ */
  -o-animation:      kenburns 10s; /* Opera 12+ */
  animation:         kenburns 10s; /* IE 10+, Fx 29+ */    
    
  width:300px;
  height: 377px;
    
}