@charset "UTF-8";
/* nav.css */

nav {
    font-family: Roboto, sans-serif;
    font-size: 1.2rem;
    padding: 30px 50px 30px 50px;
}

/* обнуление */
.navbar, .navbar-brand {
    padding: 0;
    margin: 0;
}

.bg-nav {
rgba(255, 255, 255, .8);
}

.nav-link {
    color: #000;
    /*    text-transform: uppercase;*/
    font-weight: 300;
    text-shadow: #968F8E 1px 1px 2px;
}

.nav-link-end {
    right: 0;
    left: auto;
}

/* Бренд с текст тенью START */
/* цвет АМУЛЕТ */
/*.text-brand{*/
/*    font-family: Miratrix;*/
/*    color: #FA1919;*/
/*    font-size: 250%;*/
/*    padding: 0 40px 0 0;*/
/*    text-shadow: #968F8E 3px 3px 6px;*/
/*text-shadow: цвет смещение по Х смещение по У радиус размытия */
/*}*/
/* Бренд с текст тенью END */

/* Торговая марка с тенью START */
/*.trademark {*/
/*    position: relative;*/
/*    top: -1rem;*/
/*    left: -3.4rem;*/
/*    color: #FA1919;*/
/*    font-size: 150%;*/
/*    padding: 0 0 0 -30px;*/
/*    text-shadow: #968F8E 3px 3px 6px;*/
/*}*/
/* Торговая марка с тенью END */

.navbar .container-fluid {
    position: relative;
    /*    max-height: 25px;*/
}

/* подчеркивание меню START*/
.top-menu {
    position: relative;
}

.menu-text-end {
    align-items: end;
}

.top-menu p a::after {
    content: '';
    display: block;
    width: 120%;
    background-color: #1d7af8;
    height: 2px;
    transition: all .3s;
    transform: scale(0);
    box-shadow: #968F8E 3px 3px 6px;
}

.top-menu p a:hover::after {
    transform: scale(1);
}

/* подчеркивание меню END */


/* Меню для справки */

.header-m {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	background: #f8f8f8;
	position: relative;
}

.hamburger {
	display: none;
	background: none;
	border: none;
	font-size: 24px;
	cursor: pointer;
	order: 1;
}

.nav-m {
	display: flex;
	gap: 20px;
}

.nav-m a {
	text-decoration: none;
	color: #333;
}

@media (max-width: 768px) {
	.hamburger {
		display: block;
		z-index: 1001;
	}

	.nav-m {
		position: fixed;
		top: 0;
		right: -100%;
		width: 80%;
		height: 100vh;
		background: #f8f8f8;
		transition: right 0.3s;
		z-index: 1000;
		flex-direction: column;
		gap: 15px;
		padding: 60px 20px 20px;
	}

	.nav-m.active {
		right: 0;
	}

	.nav-m a {
		padding: 10px;
	}
}