body {border-top: 0; padding-top: 50px;}
ul.topnav {
    border-top: 10px solid #C00;
    position: fixed;
    top: 0;
    padding-bottom: 5px;
    opacity: .95;
    z-index: 10;
}
div.logo {
    display: flex;
    align-items: center;
    justify-content: center;
}
div.logo img {
    width: 100%;
    max-width: 250px;
    height: auto;
    margin: 15px auto;
}
.parts-sel {background-color: transparent;}
.sel-path {background-color: transparent;}
[data-role="part-price"] {
    white-space: nowrap;
}
.cart-counter {display: inline-block; min-width: 40px; position: relative; perspective: 400px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.cart-counter__inner {color: #D00; position: absolute; bottom: 0;}
.active .cart-counter__inner {color: #FFF;}
.cart-counter__animate {
    animation: rotateY 1s;
    animation-delay: 0s;
}
@keyframes rotateY {
    100% {transform: rotateY(360deg);}
}
@media screen and (max-width:450px) {
    .btn.btn-primary {font-size: .85rem; padding: .35rem .5rem;}
}

.part-ordered-note {padding: .5rem; margin-top: .5rem; border: 1px solid #e0e0e0; box-shadow: 0 1px 3px rgba(240, 240, 240, 0.5); opacity: 0; font-size: .75rem;}
.part-ordered-note.part-ordered-note_animate { font-size: 1rem; opacity: 1; transition: all 700ms ease-out;}

.block_secondary {box-shadow: 1px 1px 3px rgba(32, 32, 32, 0.33); margin: 3rem 5px 5px 5px; padding: .5rem;}

.modal-canvas {display: none; position:fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.modal-canvas:after {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(205, 92, 92, 0.44); opacity: 0.8;}
.modal-canvas_visible {display: block; animation: all 1s;}
.modal-popup {display: block; z-index: 20; position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; transform: translate(-50%, -50%); min-width: 30vw; min-height: 30vh; background: #ffffff; padding: 1rem; border-radius: 3px; box-shadow: 1px 1px 3px rgba(32,32,32,0.75);}