/* .bottom-navigation { */
                /* width:100%; */
                /* text-align: center; */
                /* max-width: 100%; */
                /* background:#4e73df; */
                /* background-size: 1000px 1000px; */
                /* box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); */
                /* display: flex; */
                /* padding: 0px 20px; */
                /* position: fixed; */
                /* bottom: 0px; */
				/* z-index: 100000; */
            /* } */

            /* .bottom-navigation-item { */
                /* color: #fff; */
                /* width: 20%; */
                /* transition: .25s linear; */
                /* white-space: pre-line; */
                /* height: 60px; */

            /* } */

            /* .bottom-navigation-item i { */
                /* font-size: 20px; */
                /* transition-property: all; */
                /* transition-duration: .5s; */
                /* transition-timing-function: cubic-bezier(0, 1, 0.5, 1); */
            /* } */

            /* .bottom-navigation-item label { */
                /* font-weight: 600; */
                /* font-size: 11px; */
                /* display: none; */
                /* transition-property: all; */
                /* transition-duration: .5s; */
                /* transition-timing-function: cubic-bezier(0, 1, 0.5, 1); */
            /* } */

            .bottom-navigation-item.active i {
                color: #57d4a5;
                font-size: 16px;
            }
            .bottom-navigation-item.active label {
                display: block;
                color: #57d4a5;
            }
.search__container {
                background-color: white;
				position: fixed;
				z-index: 100000;
				top: 0px;
				text-align: center;
				justify-content: space-between;
				width: 100%;
				height: 50px;
            }

            .search__title {
                font-size: 22px;
                font-weight: 900;
                text-align: center;
                color: #ff8b88;
            }

            .search__input {
                width: 80%;
                padding: 12px 0;
                outline: 0;
                border: 1px solid transparent;
                border-bottom: 1px solid #DB1D34;
                border-radius: 0;
                background-position: 100% center;
                color: rgba(87, 87, 86, 0.8);
                text-transform: uppercase;
                letter-spacing: 1.5px;
            }

            .search__input::placeholder {
                color: rgba(87, 87, 86, 0.8);
                text-transform: uppercase;
                letter-spacing: 1.5px;
            }

            .search__input:hover,
            .search__input:focus {
                padding: 12px 0;
                outline: 0;
                border: 1px solid transparent;
                border-bottom: 1px solid #575756;
                border-radius: 0;
                background-position: 100% center;
            }

            .credits__container {
                margin-top: 24px;
            }

            .credits__text {
                text-align: center;
                font-size: 13px;
                line-height: 18px;
            }

            .credits__link {
                color: #ff8b88;
                text-decoration: none;
                transition: color 250ms ease-in;
            }

            .credits__link:hover,
            .credits__link:focus {
                color: rgb(191, 137, 135);
            }
			.bb{
                width: 100%;height: 100vh;
				/* background-color: black; */
				z-index: 100000;position: fixed;top: 0px;display: block;opacity: 0.7;
            }