/*  NYC - Business - Breadcrumbs-Arrow
    -------------------
*/

#breadcrumb-arrows {
    margin: 15px 0 10px 40px;
}
@media screen and (max-width: 767px) {
    #breadcrumb-arrows {
        margin: 10px 0 5px;
    }
}
@media screen and (max-width: 767px) {
    #breadcrumb-arrows ul {
        margin: 0;
    }
}
#breadcrumb-arrows .crumbs li a,
#breadcrumb-arrows .crumbs li a:link,
#breadcrumb-arrows .crumbs li a:visited {
    margin-left: -65px !important;
    padding: 19px 0 19px 11px;
}
@media screen and (max-width: 767px) {
    #breadcrumb-arrows .crumbs li a,
    #breadcrumb-arrows .crumbs li a:link,
    #breadcrumb-arrows .crumbs li a:visited {
        background: none;
        color: #000;
        font-weight: bold;
        margin-left: 0 !important;
        padding: 10px 0 10px 2%;
        text-align: left;
    }
}
#breadcrumb-arrows .crumbs li {
    line-height: 20px;
}
@media screen and (max-width: 767px) {
    #breadcrumb-arrows .crumbs li {
        border-bottom: 1px solid #ccc;
        clear: both;
        display: block;
        float: left;
        font-size: 16px;
        padding-top: 0;
        width: 100%;
    }
}
#breadcrumb-arrows .crumbs li.first {
    padding: 0;
}
#breadcrumb-arrows .crumbs li.first a span.border {
    height: 53px;
}
@media screen and (max-width: 767px) {
    #breadcrumb-arrows .crumbs li.first a span.border {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    #breadcrumb-arrows .crumbs li.active {
        background-color: #eeeeee;
    }
}
#breadcrumb-arrows .crumbs li a.active span.border {
    height: 53px;
}
@media screen and (max-width: 767px) {
    #breadcrumb-arrows .crumbs li a.active span.border {
        display: none;
    }
}
#breadcrumb-arrows .crumbs li a.active {
    background-position: 100% -58px;
}
@media screen and (max-width: 767px) {
    #breadcrumb-arrows .crumbs li a.active {
        background-image: none;
        top: 0;
        width: 98%;
    }
}
#breadcrumb-arrows .crumbs li a {
    background-image: url("../../../img/global/bg-breadcrumb-arrow-3-states-new1.png");
}
@media screen and (max-width: 767px) {
    #breadcrumb-arrows .crumbs li a {
        background: none;
        color: #000;
        display: block;
        margin-left: 0;
        width: 98%;
    }
}
#breadcrumb-arrows .tab1 {
    padding: 19px 0;
    width: 260px;
}
@media screen and (max-width: 979px) and (min-width: 768px) {
    #breadcrumb-arrows .tab1 {
        padding: 10px 0;
        width: 25%;
    }
}
#breadcrumb-arrows .tab2 {
    padding: 19px 0;
    width: 30%;
}
@media screen and (max-width: 979px) and (min-width: 768px) {
    #breadcrumb-arrows .tab2 {
        padding: 10px 0;
        width: 31%;
    }
}
#breadcrumb-arrows .tab3 {
    padding: 19px 0;
    width: 32%;
}
@media screen and (max-width: 979px) and (min-width: 768px) {
    #breadcrumb-arrows .tab3 {
        padding: 10px 0;
    }
}
#breadcrumb-arrows .crumbs li:last-child a {
    background-color: #f1f1f1;
    background-image: none;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    line-height: 13px;
    padding-left: 28px;
    margin-right: 40px;
    margin-top: 1px;
    width: 245px;
}
@media screen and (max-width: 767px) {
    #breadcrumb-arrows .crumbs li:last-child a {
        background: none;
        border: none;
        float: none;
        line-height: inherit;
        padding: 10px 0 10px 2% !important;
        width: 98%;
    }
}
@media screen and (max-width: 979px) and (min-width: 768px) {
    #breadcrumb-arrows .crumbs li:last-child a {
        margin-right: 40px;
        padding-left: 23px;
    }
}
#breadcrumb-arrows .crumbs li:last-child a.active {
    background-color: transparent;
    background-image: url("../../../img/global/bg-breadcrumb-arrow-3-states-new1.png");
    background-position: 100% 100%;
    border: none;
    line-height: 20px;
    margin-top: -1px;
    margin-right: 30px;
    padding-left: 28px;
}
@media screen and (max-width: 767px) {
    #breadcrumb-arrows .crumbs li:last-child a.active {
        background-image: none;
        padding: 10px 0 10px 2%;
        width: 98%;
    }
}
@media screen and (max-width: 979px) and (min-width: 768px) {
    #breadcrumb-arrows .crumbs li:last-child a.active {
        margin-right: 30px;
        padding-left: 33px;
    }
}
#breadcrumb-arrows .crumbs li:last-child a.active span.border {
    display: none;
}
.ie7 #breadcrumb-arrows .tab4 {
    width: 255px;
}

/* Wizard  add by Urvashi*/
#breadcrumb-arrows .crumbs li a:link {
    color: #000;
}
#breadcrumb-arrows .crumbs li a:hover {
    color: #007a91;
}
#breadcrumb-arrows .crumbs li a.inactive { 
    color: #ccc !important;
    pointer-events: none;
    cursor: none;
}
@media screen and (max-width: 767px) {
  #breadcrumb-arrows .crumbs li a.tab1, #breadcrumb-arrows .crumbs li a.tab2, #breadcrumb-arrows .crumbs li a.tab3, #breadcrumb-arrows .crumbs li a.tab4, #breadcrumb-arrows .crumbs li a.tab5, #breadcrumb-arrows .crumbs li a.tab6, #breadcrumb-arrows .crumbs li a.tab7 {
      background-color: #eeeeee;
    }
    #breadcrumb-arrows .crumbs li a.active, #breadcrumb-arrows .crumbs li a.active, #breadcrumb-arrows .crumbs li a.active, #breadcrumb-arrows .crumbs li a.active, #breadcrumb-arrows .crumbs li a.active, #breadcrumb-arrows .crumbs li a.active, #breadcrumb-arrows .crumbs li a.active { 
        background-color: #fff;
    }
}
