.birthday, .anniversary, .sorry, .christmas, .mothersday, .fathersday, .valentines, .easter, .congrats, .thanks, .workplace, .christian { 
    display: none; 
}

.event_radio { 
    margin-left: 20px !important; 
}
.amount { 
    margin-left: 20px !important; 
}

img.magnify { 
    margin: 0px 10px 0px 10px; 
}

#step-amount .no-wrap-radio {
    font-size: 24px;
    display: block;
}

#step-occasion .no-wrap-radio {
    font-size: 18px;
    display: block;
}

#step-design .no-wrap-radio {
  display: inline-block !important;
  float: left !important;
  text-align: center;
  border-top: 1px solid #d2d2d2;
  padding: 10px 0px 10px 0px;
}

#step-design .glyphicon {
  color: #999999;
}

span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background: url("/images/mag.png") center center no-repeat #000;
	cursor: pointer;
	height: 233px;
	width: 140px;
	position: absolute;
	z-index: 10;
	opacity: 0;
        -moz-border-radius:10px 10px 10px 10px;
        border-radius:10px 10px 10px 10px;
        border:solid 1px #000;
}

span.rollover:hover {
	opacity: .7;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background: url("/images/mag.png") center center no-repeat #000;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
        -moz-border-radius:10px 10px 10px 10px;
        border-radius:10px 10px 10px 10px;
        border:solid 1px #000;
}

#datetime { 
    display: none; 
    width: 100%; 
    margin-top: 20px;
}

#datetimepicker {
    border: 1px solid #ddd;
    border-radius: 10px;
}

.col-sm-12 { 
    padding: 0px !important; 
}
.or { 
    padding: 5px 0px 10px 20px; 
}

sup { 
    color: #009a13; 
}

.no-wrap-radio { 
    white-space: nowrap; 
}

#welcome-header { 
    padding: 10px 0px 10px 20px;
}
#payment-header { 
    padding: 10px 0px 10px 20px; 
    border-bottom: 1px solid #009a13; 
}

@media (min-width: 768px) {
#step-header { 
    display: block; 
    padding: 0px 0px 10px 20px; 
}
#step-content { 
    display: inline-block;
    padding: 0px 0px 20px 0px;
    width: 100%;
}
#remail {
    display: none;
    margin-bottom: 15px;
    /*margin-left: 20px;*/
}
#remail2 {
    margin-bottom: 15px;
    margin-left: 20px;
}
#rsms, #rsms2 {
    display: none;
    margin-bottom: 15px;
    margin-left: 20px;
}
#rfb {
    display: none;
    margin-bottom: 15px;
    margin-left: 20px;
}
}

@media (max-width: 768px) {
#step-header { 
    display: block; 
    padding: 0px 0px 10px 0px; 
}
#step-content { 
    display: inline-block; 
    padding: 0px 0px 20px 0px; 
    width: 100%; 
}
#remail {
    display: none;
    margin-bottom: 15px;
    margin-left: 0px;
}
#remail2 {
    margin-bottom: 15px;
    margin-left: 0px;
}
#rsms, #rsms2 {
    display: none;
    margin-bottom: 15px;
    margin-left: 0px;
}
#rfb {
    display: none;
    margin-bottom: 15px;
    margin-left: 0px;
}
}

#step-amount, #step-occasion, #step-design, #step-personalize, #step-send, #step-backup, #step-when, #step-preview { 
    display: block; 
    width: 100%; 
}

#step-payment {
    text-align: center;
}

.asterisk {
    color: #ff0000;
    font-size: 18px;
}

.required {
   text-align: right;
}

#preview-image {
    margin-bottom: 10px;
}
#payment {
    display: block;
    padding: 10px;
    width: 100%; 
}

.navbar-inner {
min-height: 40px;
padding: 5px;
background-color: #fafafa;
background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));
background-image: -webkit-linear-gradient(top,#fff,#f2f2f2);
background-image: -o-linear-gradient(top,#fff,#f2f2f2);
background-image: linear-gradient(to bottom,#fff,#f2f2f2);
background-repeat: repeat-x;
border: 1px solid #d4d4d4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
box-shadow: 0 1px 4px rgba(0,0,0,0.065);
}

.scrolldown {
   position: fixed;
   right: 3%;
   bottom: 3%;
   z-index: 999;
   padding: 5px 14px;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 15px;
}

.input-group {
  width: 100%;
  margin-bottom: 20px;
}

.input-group-addon {
  min-width: 90px; 
  text-align: left;
}

#step-design input[type=radio] {
  width: 24px;
  height: 24px;
}

label.hover-disable-item{
    background-color: #fff !important;
}

label.hover-disable-item:hover {
    background-color: #fff !important;
}

@media screen and (max-width: 700px) {
#amt_cust_wrap {
display: block;
margin-left: 40px;
}
}

@media screen and (max-width: 990px) {
.fb_iframe_widget {
display: block !important;
text-align: left !important;
}
}
