.message-wrapper {
padding: 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 40px;
background: url(card-visa.jpg);
     background-size: 100%;
    background-repeat: yes;
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-align:left;
min-height:300px;
}
.message-wrapper:hover {
background-color: #999;
}
.message-wrapper h3 {

}
.message-wrapper i {
margin: 5px;
color: #fff;
font-size: 10px;
}



.message-wrapper2 {

width: 100%; 
height: 100%; 
background:#fff;
padding:10px;
font-size:11px;
border:1px solid #ccc;
cursor: pointer;


}
.message-wrapper2 i {

color:#fff;
font-size:12px;
}

.message-wrapper2-radio:hover ~ i{
color:#fff ;
}

.message-wrapper2:hover {
background:#0B2154;
color:#fff;
cursor: pointer;
border:1px solid #eeaa5e;
}
.message-wrapper2 h3 {

}
.message-wrapper2 label {

cursor: pointer;
}

.message-wrapper2-radio:empty{
    display: none;
    content: '';
    border: none;
    cursor: pointer;
	
}
.message-wrapper2-radio{
    display: inline;
   
    content: '\f058';
    border: none;
    cursor: pointer;
	
}

.message-wrapper2-radio:hover{
   background-position: -144px 0;
	cursor: pointer;
	content: '\f058';
  
}

.message-wrapper2-radio:checked {
content: '\f058';
   background-position: -168px 0;
}

.message-wrapper2-radio:checked ~ i:before{

  color: #eeaa5e ;
  content: '\f058';
}

.message-wrapper2-radio:checked ~ label:before{
border:1px solid #AC8037;
}

.message-wrapper2-radio:checked ~ .message-wrapper2{
  
border:1px solid #AC8037;
}
.trying_icon:before{
  
}