/*MAIN MENU ##########################*/
#ag_main_menu .nav{
 list-style-type: none;
 display: flex;
 justify-content: flex-end;
 align-items: center;
 padding-left: 0;
 min-height: 50px;
 z-index: 100; /* zeby bylo submenu na dcontentem main cont ma 99*/
}
#ag_main_menu .nav .nav-item{
	display: block;
}
#ag_main_menu .nav .nav-item a{
	color: white;
	font-weight: 400;
  font-size: 1.2em;
	text-decoration: none;
	line-height: 30px;
	margin: 0 10px;
}
#ag_main_menu .deeper .mod-menu__sub{
	display: none;
	list-style: none;
	padding-left: 0;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}
#ag_main_menu .deeper .mod-menu__sub a{
	font-weight: 400;
	line-height: 2em;
}
#ag_main_menu .deeper .mod-menu__sub a:hover{
	color: white;
}
#ag_main_menu .deeper:hover{
	background-color: #E44E56;
	border-radius: 3px 3px 0 0;
}
#ag_main_menu .deeper:hover .mod-menu__sub{
	display: block;
	background-color: #E44E56;
	overflow: visible;
	position: absolute;
	border-radius: 0 3px 3px 3px;
}

/* to jest wylaczenie tego malego psiuta od menu*/
.navbar-toggler{
  display: none;
}
/* to wylaczamy bo uzywamy mobile menu ck*/
/*
@media screen and (min-width: 601px) {
  .navbar-toggler{
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .navbar-toggler{
    display: block;
    width: 100px;
    height: 50px;
    border-radius: 5px;
    background-color: var(--color_header);
    border-color: var(--red_light);
    margin:auto;
    background-image: url("../images/toggle_img.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .navbar-toggler:hover{
    cursor: pointer;
  }
  .collapse{
    display: none;
  }
  .show{
    display: block;
  }
  .mod-menu__sub .nav-item {
    text-align: center;
  }
  #ag_main_menu .deeper{
    text-align: center;
  }
  #ag_main_menu .deeper:hover .mod-menu__sub{
    position:relative;
  }
}
*/