.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: rgb(57, 171, 111);
font-size: 10px;
}



.message-wrapper2 {
margin:5px;
width: 100%; 
height: 120px; 
border-radius:10px;
background:#fff;
padding:10px;
font-size:14px;
border:1px solid #ccc;
cursor: pointer;

}
.message-wrapper2:hover {

cursor: pointer;
border:1px solid #d9ad28;
}
.message-wrapper2 h5{
font-size:17px;
color:#0a3622;
font-weight:700;
}
.message-wrapper2 label {
font-family: 'Oswald', sans-serif;
cursor: pointer;
}
.message-wrapper2 i {

color:#fff;
font-size:30px;
}
.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:hover ~ i{
color:#fff;
}

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

.message-wrapper2-radio:checked ~ i:before{
  font-size:30px;
  color: #d9ad28;
  content: '\f058';
}

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

.message-wrapper2-radio:checked .message-wrapper2:before{
  
 border:10px solid #000;
}
.trying_icon:before{
  
}