/* @group breadcrumb */
.clubid125.wizbreadcrumb{ display:none;}
.wizbreadcrumb {overflow: hidden;counter-reset: flag;border-bottom: 1px solid #dddddd; margin-bottom:20px;}
.wizbreadcrumb li { text-decoration: none; outline: none; display: block; float: left; transition: all 0.5s;color: #333333;position: relative; padding:0 8px 0 41px;}
.wizbreadcrumb li a{ color:#333333;font:600 14px/50px "Open Sans", sans-serif; text-decoration:none;}
.wizbreadcrumb li:before { content: counter(flag); counter-increment: flag;border-radius: 100%; width: 30px; height: 30px; position: absolute; top: 10px; left: 8px;font:600 19px/30px "Open Sans", sans-serif; text-align:center; background:#002842; color:#fff;}
 


.wizbreadcrumb li:hover { background:#8ea90f; }
.wizbreadcrumb li:hover a{ color:#fff;}
.wizbreadcrumb li:hover:before{ background: #fff; transition: all 0.5s; color:#8ea90f;}


.wizbreadcrumb li.currentStep{ background: #8ea90f; }
.wizbreadcrumb li.currentStep:before{ background: #fff; transition: all 0.5s; color:#8ea90f;}
.wizbreadcrumb li.currentStep a{ color:#fff;}


/* Mobile screen size 480px below start css here */
@media only screen and (max-width:767px) {    
    .wizbreadcrumb{ display:none;}
    .wizbreadcrumb li{ float:none;border-bottom:1px solid #dddddd;padding-left: 60px;}
    .wizbreadcrumb li::after{right: 6px; visibility:hidden}
    .wizbreadcrumb li:first-child{ padding:0 10px 0 60px}
    .wizbreadcrumb li:first-child::before,.wizbreadcrumb li::before{ left: 12px;}
    .wizbreadcrumb li:nth-child(7)::before{left: 12px;}

}

