.wizard a {width:100%;background:#f79806 none repeat scroll 0 0;color: #fff;display: inline-block;line-height: 25px;margin-right: 5px;padding: 5px 12px;position: relative;}
.wizard a::before {border-bottom: 15px inset transparent;border-left: 20px solid #fff;border-top: 20px inset transparent;content: "";height: 0;left: 0;position: absolute;top: 0;}
.wizard a::after {border-bottom: 15px inset transparent;border-left: 20px solid #f79806;border-top: 20px inset transparent;content: "";height: 0;position: absolute;right: -20px;top: 0;width: 0;z-index: 2;}
.wizard a:first-child::before, .wizard a:last-child::after {border: medium none;}
.wizard a:first-child {border-radius: 4px 0 0 4px;}
.wizard a:last-child {border-radius: 0 4px 4px 0;}
.wizard .badge {margin: 0 5px 0 18px; position: relative; top: -1px; background:#eee;}
.wizard .title-wizard{ font-size:16px; color: #FFF; text-align:center; width:32.6%;}
 .wizard .current { background:#9d1c1f none repeat scroll 0 0;color: #fff; font-weight:bold;}
.wizard a:first-child .badge {margin-left: 0;}
.wizard .current::after { border-left-color:#9d1c1f;}
.col-xs-12.col-sm-5.col-lg-4 .top-bar{ padding:4px 0 5px 10px; color:#444; font-size:20px; font-weight:700; border:none;}
.bg-greylight .col-xs-12.col-sm-5.col-lg-4{ }
.bg-greylight button.btn-block.btn.btn-primary{ display:block; text-align:center; width:100%; padding:5px;   margin:0 auto;  border-radius:0; border:none;}
.bg-greylight button.btn-block.btn.btn-primary h4{ text-align:center; display:block; color:#fff;  font-size:16px; font-weight:400;}
.bg-greylight button.btn-block.btn.btn-primary h4 i{ font-size:12px;}
.bg-greylight button.btn-block.btn.btn-primary:hover{ background:#9d1c1f; }
.top-bar{    background-color:rgba(245, 238, 231, 0.37);
    padding:0;
    display: block;
    color: #fff;
   }
  .hotel-topinfo .pull-right.gap-top15{ padding-top:0;} 
.top-bar a{color:#666; font-weight:400; font-size:16px;}	
.top-bar a i{ background:#666; padding:10px 10px; margin-right:10px; color:#f2f2f2; }	
@media screen and (max-device-width: 320px) , screen\0 {
.mgrn3{ margin-left:2px;}	}
@media screen and (max-device-width: 480px) , screen\0 {
.mgrn3{ margin-left:2px;}	
.wizard a {
    background: #f79806 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    line-height: 30px;
    margin-right: 0;
    padding: 3px 1px;
    position: relative;
    width: 100%;
}
.wizard a::before {
    border-bottom: 17px inset transparent;
    border-left: 9px solid #fff;
    border-top: 17px inset transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
}
.wizard a::after {
    border-bottom: 20px inset transparent;
    border-left: 10px solid #f79806;
    border-top: 15px inset transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -10px;
    top: 0;
    width: 0;
    z-index: 2;
}
.wizard a:first-child::before, .wizard a:last-child::after {
    border: medium none;
}
.wizard a:first-child {
    border-radius: 4px 0 0 4px;
}
.wizard a:last-child {
    border-radius: 0 4px 4px 0;
}
.wizard .badge {
    background: #eee none repeat scroll 0 0;
    margin: 0 5px 0 18px;
    position: relative;
    top: -1px;
}
.wizard .title-wizard {
      color: #fff;
font-size: 10px;
text-align: center;
padding-left: 10px;

}
.wizard .current {
    background: #9d1c1f none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
}
.wizard a:first-child .badge {
    margin-left: 0;
}
.wizard .current::after {
    border-left-color: #9d1c1f;
}