.breadcrumb{display:inline-block;box-shadow:0 0 15px 1px #00000040;overflow:hidden;border-radius:5px;counter-reset:flag;margin:10px}.breadcrumb a{text-decoration:none;outline:0;display:block;float:left;font-size:12px;line-height:36px;color:#fff;padding:0 10px 0 30px;background:#666;background:linear-gradient(#666,#333);position:relative}.breadcrumb a:first-child{padding-left:18px;border-radius:5px 0 0 5px}.breadcrumb a:last-child{border-radius:0 5px 5px 0;padding-right:20px}.breadcrumb a.active,.breadcrumb a:hover{background:#333;background:linear-gradient(#333,#000)}.breadcrumb a.active::after,.breadcrumb a:hover::after{background:#333;background:linear-gradient(135deg,#333,#000)}.breadcrumb a::after{content:"";position:absolute;top:0;right:-18px;width:36px;height:36px;transform:scale(.707) rotate(45deg);z-index:1;background:#666;background:linear-gradient(135deg,#666,#333);box-shadow:2px -2px 0 2px #00000066,3px -3px 0 1px #004794;border-radius:0 5px 0 50px}.breadcrumb a:last-child::after{content:none}.flat a,.flat a::after{background:#fff;color:#000;transition:.5s}.flat a.active,.flat a.active::after,.flat a:hover,.flat a:hover::after{background:#164597;color:#ffff}@media only screen and (max-width:567px){.flat a,.flat a::after{margin-bottom:5px}.breadcrumb{padding:5px}.breadcrumb a{line-height:27px}.breadcrumb a::after{right:-11px;width:27px;height:27px}}@media only screen and (max-width:400px){.flat a,.flat a::after{margin-bottom:5px}.breadcrumb{padding:5px}.breadcrumb a{line-height:27px}.breadcrumb a::after{right:-11px;width:27px;height:27px}}