/* * * Bread crumbs * * */
.b-path { list-style: none; position: relative; margin: 0 0 16px; padding: 0 0 0 10px; font: 400 14px/1.185 'Open Sans', sans-serif; color: #8591A2; cursor: default; }

.b-path:after { position: absolute; z-index: 2; left: 0; top: 4px; width: 17px; height: 10px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTcgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCwwIEw2LDAgQzguNjY2NjY2NjcsMy4zMzMzMzMzMyAxMCw1IDEwLDUgQzEwLDUgOC42NjY2NjY2Nyw2LjY2NjY2NjY3IDYsMTAgTDAsMTAgTDAsMCBaIiBmaWxsPSIjRkI2QTk1IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD48cGF0aCBkPSJNNywwIEwxMywwIEwxNyw1IEwxMywxMCBMNywxMCBDOS42NjY2NjY2Nyw2LjY2NjY2NjY3IDExLDUgMTEsNSBDMTEsNSA5LjY2NjY2NjY3LDMuMzMzMzMzMzMgNywwIFoiIGZpbGwtb3BhY2l0eT0iMC4xMiIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+PC9zdmc+) left center no-repeat; content: ''; }
.b-path:before { position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; width: 26px; background: #fff; content: ''; }

.b-path li { display: inline-block; position: relative; margin-bottom: 10px; margin-left: 6px; padding-left: 12px; }
.b-path li:before { position: absolute; left: 0; top: 6px; width: 4px; height: 6px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNHB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDQgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wLDAgQzIuNjY2NjY2NjcsMiA0LDMgNCwzIEM0LDMgMi42NjY2NjY2Nyw0IDAsNiBMMCwzIEwwLDAgWiIgZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIwLjEyIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD48L3N2Zz4=) left center no-repeat; content: ''; }

.b-path a { text-decoration: underline; color: #4F4F4F; }
.b-path a:hover { color: #FB6A95; }

@media (max-width: 767px) {

    .b-path { margin: 0 0 18px; padding-left: 36px; }

    .b-path:after,
    .b-path:before { content: none; }

    .b-path li { display: none; margin-left: 0; padding-left: 0; }
    .b-path li:before { content: none; }

    .b-path li:last-child { display: block; }

    .b-path li:nth-last-child(2) { display: block; position: absolute; left: -9px; top: -14px; margin: 0; }

    .b-path li:nth-last-child(2) a { display: block; position: relative; width: 44px; height: 44px; overflow: hidden; text-decoration: none; color: transparent; background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNyA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuNTQyMTQsOSBMMCw0LjUgTDQuNTQyMTQsMCBMNS4zMzkwMSwwLjc4OTQ3NCBMMi4xNzgxLDMuOTQ3MzcgQzYuODk4NTU5MzcsMy45NDczNyA5LjI1ODc4OTA2LDMuOTQ3MzcgOS4yNTg3ODkwNiwzLjk0NzM3IEM5LjI1ODc4OTA2LDMuOTQ3MzcgMTEuODM5MTkyNywzLjk0NzM3IDE3LDMuOTQ3MzcgTDE3LDUuMDUyNjMgTDIuMTc4MSw1LjA1MjYzIEw1LjMzOTAxLDguMjEwNTMgTDQuNTQyMTQsOSBaIiBmaWxsPSIjODU5MUEyIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD48L3N2Zz4=) 10px center no-repeat; transition: all 250ms; }
    .b-path li:nth-last-child(2) a:hover { opacity: .5; }

}