/* ### Breadcrumbs _ VOK DAMS. StaR ### */

.navbreadcrumb {
   /* position: absolute;*/
  /*  top: 0px;*/
    height: 50px;
    background: transparent;
    display:inline-block;
    margin-left: 1rem;
}
.navbreadcrumb ol {
    height: 50px;
    margin: 0px;
    list-style: none !important;

}
.navbreadcrumb ol li {
    min-width: 50px;
    padding: 0px;
    display: inline;
    margin-right: 10px;
    line-height: 48px;
}
.navbreadcrumb ol li a {
    text-decoration: none !important;
}
.navbreadcrumb ol li a div {
    padding: 10px;
    line-height: 2em;
}
.breadcrumbbtn {
    height: 50px !important;
}
.readcrumbbtn .startile-nav-img {
    display: none !important;
}
.breadcrumbbtn-active {
    height: 50px !important;
    background: linear-gradient(toRight, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);

}
.breadcrumb {
    margin-bottom: 0;
}
ol.breadcrumb {
    padding: 0 0;

}

.breadcrumbbtn + .breadcrumbbtn::before {

    padding-right: 0rem;
    content: "";

}
.breadcrumbbtn,.breadcrumbbtn + .breadcrumbbtn {

    padding-right: 0.5rem;

}
.navbreadcrumb .breadcrumb {
    background-color: #fff;
    /*padding: 5px 0;*/
}
/*
.breadcrumb li:nth-last-child(3) {
    opacity: 0.7;
}
.breadcrumb li:nth-last-child(2) {
    opacity: 0.2;
}
.breadcrumb li:nth-last-child(1) {
    opacity: 0.1;
}
*/
/* ### Buttons _ VOK DAMS . StaR ### */
.btn {
    border: 1px solid #fff;
    border-radius: 0px;
    background: rgba(255,255,255,.1);
    color: #666;
    box-shadow: 0 0 12px rgba(0,0,0,.08), inset 0 0 48px 24px rgba(255,255,255,1);
    transition: all .7s ease-in-out;
    font-size: 12px;
}
.btn:hover {
    border: 1px solid #fff;
    border-radius: 0px;
    /*background: linear-gradient(160deg, #f73d44 10%, #dc0019 90%);*/
    background: #fff;
    color: #333;
    box-shadow: 0 0 24px rgba(0,0,0,.3), inset 0 0 1px 1px rgba(255,255,255,0);
    transition: all .3s ease-in-out;
}


.startilebtn {
    position: relative;
    padding: 0px;
}
.startilebtn-bar {
    height: 120px;
    width: 120px;
    position: relative;
    box-shadow: 0 0 12px rgba(0,0,0,.08), inset 0 0 60px 30px rgba(255,255,255,1);
}

.startilebtn-large {
    height: 240px;
    width: 240px;
    position: relative;
    box-shadow: 0 0 12px rgba(0,0,0,.08), inset 0 0 100px 50px rgba(255,255,255,1);
}

.startilebtn-small {
    height: 60px;
    width: 60px;
    position: relative;
    box-shadow: 0 0 12px rgba(0,0,0,.08), inset 0 0 100px 50px rgba(255,255,255,1);
}

.startilebtn-block {
    height: 120px;
    width: 240px;
    position: relative;
    box-shadow: 0 0 12px rgba(0,0,0,.08), inset 0 0 100px 50px rgba(255,255,255,1);
}
.sidebreadcrumb {
    display: none;
}
.btn.side {

    margin-right: 10px;
    display: none;
}
@media (max-width: 768px) {

    .navbreadcrumb .breadcrumb .btn  {
        display: none;
    }
    .sidebreadcrumb {
        display: inline-block;
        margin-top: 0;
    }
    .btn.side {
     display: inline-block;
    }
    .navbreadcrumb li:last-child {
        display: block !important;
        min-width: 100vw !important;
        color: #0b2e13;
        margin-top: 58px;
        left: 0;
        position: absolute;
        height: 20px !important;
        line-height: 20px;
    }
    .sidebreadcrumb.collapse:not(.show) , .sidebreadcrumb.collapsing{
        display: inline-block;
        transition: none;

    }
    .sidebreadcrumb ol {
        display: inline-block;
    }
    .sidebreadcrumb li {
        display: none;
        line-height: 44px;

    }
    .breadcrumb li:nth-last-child(2) {
        display: inline-block;

    }
    .sidebreadcrumb.collapse.show {
        display: block;
        transition:  .35s ease;
    }
    .sidebreadcrumb.collapse.show li {
        display: block;
        margin-left: 10px;
        margin-right: 10px;
        box-shadow: 0 0 19px rgba(0, 0, 0, 0.08);
        transition: all 0.7s ease-in-out;

    }
    .sidebreadcrumb.collapse.show li a {
        padding: 10px;
        font-size: 1.1em;
        display: block;
        height: 60px;
        background: #fff;
        color: #333;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.04);
        margin-bottom: 10px;
    }
    .sidebreadcrumb.collapse.show ul{
    width: 100%;
    position: relative;
    background: #f1f1f1;
    box-shadow: 0 0 9px rgba(0,0,0,.16);
    margin-bottom: 10px;
    padding-bottom: 10px;
    transition: all 0.7s ease-in-out;
}
   /* .breadcrumb:before {
        display: block;
        content: "";
        width:35px;
        height: 35px;
        padding: 5px;
    }*/
    .breadcrumbbtn , .breadcrumbbtn-active{
        min-width: 50px;
    }

}