@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
body{ background:#000; color: #ccc; font-family: 'Poppins', sans-serif;}
.material-icons{ vertical-align: middle}

.btn-primary{ background:#908e6f; border-color: #908e6f}
.btn-primary:hover{ background:#79775c; border-color: #79775c}

.modal-content{ background:#000 url("../images/modal_bg.jpg") center top no-repeat; border-radius: 0}
.modal-header, .modal-footer{ border:0}
.close{ opacity:9; color: #fff; text-shadow: none}

.bolt_bg{ background:url("../images/bolt_strip.png") center no-repeat; display: block; padding: 34px 0; text-align: center; text-transform: uppercase}
.bolt_bg h3{ font-size: 20px; font-weight: bold; }

.badge-icon{ position: absolute; top: 8px; left: 10px; border-radius: 10px; border:2px solid #000; font-size: 12px; padding: 0; width: 18px; height: 18px; line-height: 16px; background-color: #cc0000; color: #fff;}

input, textarea{ background: #000 !important;}


@media (max-width: 992px) {
    .navbar-collapse {
        position: fixed;
        top: 0px;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
		padding-top: 15px;
        width: 75%;
        height: 100%;
		background-image: url("../images/menu_bg.jpg");
		background-position: right top;
		z-index: 9999;
    }

    .navbar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out;
    }
}