.top-menu-free-space{
	display: none; /* 20220527  block; */
	/* 20220527 min-width: 120px; */
}
.nav {
	/* font-family: 'Roboto Condensed', 'Helvetica Neue', Helveticaneue, Arial, Helvetica, sans-serif; 20220523 */
	font-size: 1.75rem; /* 1.6rem; 20220523 */
}
.nav .btn {
	font-size: 1.4rem; /* 20220527 */
}

/* ------- NAVBAR-BBRAND - LOGO IK ------- */
.navbar-brand, .navbar-brand .active, .navbar-brand:hover { DESC:"LOGO IK";
  height: auto; /* 80px; 20220531 */ 
  margin:5px 5px 5px 28px; /* 20220608 - 20220531 */
}

.navbar-brand img { /* LOGO IK */
  height: 45px;
  width: 45px;
}

.navbar-brand span {
  	/*display:none;*/
	display:block;
	float:left;
	line-height: 2px;
	color: #000;
	font-size: 1.5rem; 
	padding: 21px 6px 19px; /* 20220608 */
	font-weight: bold;
}


/* ------- NAV STABLE (elementi fissi -sempre presenti- sulla destra) ------- */
  .nav-stable {
    right:65px; DESC:"margine per non sovrapporsi al bottone menu quando siamo in mobile";
  }

@media (min-width: 640px) {
/**/
	.navbar-brand, .navbar-brand .active, .navbar-brand:hover { DESC:"LOGO IK";
	/* 20220531
	  	height: 49px; 
	*/
	}
	.navbar-collapse ul:first-child {
	  /*margin-left:69px;*/ /* 206px; */
	}	
}
@media (min-width: 768px) {
  .nav>li>a { 
    /*padding-left: 2.4rem;*/ /* 24px; */
    /*padding-right: 2.4rem;*/ /* 24px; */
  }
  .nav>li:first-child>a { DESC:"per allineamento con logo";
    padding-left: 1.4rem; /* 14px; */
  }
  .navbar-nav>li>a { /* per andare da 60 a 49*/
	  padding-top: 16px; /* 15 21px; */
	  padding-bottom: 13px; /* 14 19px; */ 
  }
  .nav-stable .nav>li>a {
    padding-left: 1rem; /* 10px; */
    padding-right: 1rem; /* 10px; */  
  }
  .nav-stable .nav>li>a.cart-red-bullet {
    padding-left: 0; /* 20220531 */
  }
 
 
  .nav-stable {
    right:15px; DESC:"tolgo il margine per non sovrapporsi al bottone menu quando siamo in mobile";
  }

}
@media (min-width: 992px) {

	.nav>li {
		padding-left: 2.4rem; /* 3rem 20220614 - 20220523 */ /* 20180710 3.6rem;  - 36px; per evitare overlap con icon carrello a 992px */
		padding-right: 2.4rem; /* 3rem 20220614 - 20220523 */ /* 20180710 3.6rem;  - 36px; */
	}
	.nav>li>a {
		padding-left: 0; /* 3rem; 20220523 */ /* 20180710 3.6rem;  - 36px; per evitare overlap con icon carrello a 992px */
		padding-right: 0; /* 3rem; 20220523 */ /* 20180710 3.6rem;  - 36px; */
	}
	.nav-stable .nav>li { /* 20220523 */
		padding-left: 0;
		padding-right: 0;
	}

	.navbar-brand, .navbar-brand .active, .navbar-brand:hover { DESC:"LOGO IK";
	/* 20220531 
		margin:5px 5px 5px 5px;
	*/
	}
}
@media (min-width: 1024px) { /* 20220614 */
 
	.nav>li {
		padding-left: 3rem; /* 20220523 */ /* 20180710 3.6rem;  - 36px; per evitare overlap con icon carrello a 992px */
		padding-right: 3rem; /* 20220523 */ /* 20180710 3.6rem;  - 36px; */
	}

}

@media (max-width: 639px) {
/**/
  .navbar-brand, .navbar-brand .active, .navbar-brand:hover { DESC:"LOGO IK";
	margin:5px 5px 5px 5px; /* 20220609 */
	/* 20220531 
		height: 49px; 
		margin:0 20px 0 0;
	*/
  }
  .navbar-brand>img { DESC:"LOGO IK";
	/* 20220531 
		height: 49px;
	*/
  }
/**/
}
@media (max-width: 767px) {
/* 20220531
	.navbar-brand, .navbar-brand .active, .navbar-brand:hover { DESC:"LOGO IK";
	  margin:0 20px 0 0;
	}
*/
}


.navbar {
	border-bottom: 0;	/* 20230912 */
	/* border-bottom:1px solid var(--ikv3-bg-light-grey); */ /* 20220621 0; per pagne bianche user area */
}
.wide-message-page-top-space-120-w .navbar { /* 20230912 */
	border-bottom:1px solid var(--ikv3-bg-light-grey);
}


.navbar a, .navbar .navbar-nav .dropdown > a {
    color: rgb(194,194,194); /* c2c2c2 - #9d9d9d; */
}
.navbar .btn a {
    color: #FFF; /* 20220523 */
}
.navbar li > .btn-slim {
	display:inline-block;
    margin-top:11px; /* 20220523 - da 16px tolgo 5 (4 di padding + 1 di border da btn-slim) */
    margin-bottom:8px; /* 20220523 - da 13px tolgo 5 (4 di padding + 1 di border da btn-slim) */
}
.navbar a:hover, .navbar .navbar-nav .dropdown > a:hover,
.navbar a:focus, .navbar .navbar-nav .dropdown > a:focus,
.product-page .navbar a:hover, .product-page .navbar .navbar-nav .dropdown > a:hover,
.product-page .navbar a:focus, .product-page .navbar .navbar-nav .dropdown > a:focus { /* product-page aggiunto 20231017 */
    color: #FFF;
}

/* , .navbar a:focus */
.navbar .top-menu-active a { /* 20220617 */
	border-bottom:6px solid var(--ikv3-newmenu-background-r1);
}

.navbar .navbar-nav .dropdown > a.open {
    color: #C00;
    background-color: #080808;
}

.navbar-inverse .navbar-nav>li>a {
	color: #000; /*rgb(194,194,194);*/:w /* c2c2c2 - #9d9d9d; */
}

.custom-nav-dropdown {
	/* font-family: 'Roboto Condensed', 'Helvetica Neue', Helveticaneue, Arial, Helvetica, sans-serif; 20220523 */
	font-size:1.5rem;
}

.custom-nav-dropdown .jq-dropdown-menu, .custom-nav-dropdown .jq-dropdown-panel, 
.search-dropdown .jq-dropdown-search-panel {
    background: rgba(51,51,51,1); /* #333 */
/*
    padding-left:69px;
    padding-right:15px;
*/
    height: auto; /* 49px; */
	/* 20180926 togliendo l'altezza dovrebbe adattarsi al numero di righe - controllare se provoca problemi */

}

.search-dropdown .jq-dropdown-search-panel {
	height: 96px;
}


.custom-nav-dropdown .jq-dropdown-panel a {
	padding-left:0.8rem;
	padding-right:0.8rem;
    line-height:;    
        /* display: table-cell; */
        /* float: none; */
        /* text-align: center; */
        /* background:#FC0; */
     display:inline-block;

/* 20220527 */
	 padding-top:13px;
	 padding-bottom:13px;
/*
	 height:48px !important;
     line-height:49px;
*/

	 /* white-space: nowrap; 20220523 */ /* 20180926 */
	 /* white-space: break-spaces; */
	 font-weight:400; /* 20220523 */
}
.custom-nav-dropdown .jq-dropdown-panel li:first-child a {
	padding-left:1.4rem;
}
@media (min-width: 992px) {
	.custom-nav-dropdown .jq-dropdown-menu, .custom-nav-dropdown .jq-dropdown-panel, 
	.search-dropdown .jq-dropdown-search-panel {
	    padding-left:69px;
	    padding-right:15px;
	    height: auto; /* 48px; - 49px; */
	    /* 20180926 togliendo l'altezza dovrebbe adattarsi al numero di righe - controllare se provoca problemi */

	}
	.search-dropdown .jq-dropdown-search-panel {
		padding-right:69px;
	}
	.custom-nav-dropdown .jq-dropdown-panel a {
		padding-left:1.4rem;
		padding-right:1.4rem;
	}
}

.custom-nav-dropdown .jq-dropdown-panel a:hover {
}
.custom-nav-dropdown .jq-dropdown-panel a.open {
    color: #FFF; /* color: #C00; */
	font-weight: bold; /* 900; */ /* 20220523 */ 
    /* background-color: #C00; 20220523 */ /* color: #C00; */
    /* border-bottom:4px solid #C00; 20220523 */
}

.custom-nav-dropdown, .search-dropdown {
    /* top: 49px; */
}
.custom-nav-dropdown .jq-dropdown-panel .container-subnav {
        margin: 0 auto;
    }

.custom-nav-dropdown ul {
	display: block;
        float: none;
        width: 100%;
    list-style:none;    
    list-style-type:none;    
        margin: 0 auto;
    border: 0;
    padding: 0;
	text-align: center;

	text-transform: uppercase; /* 20220523 */

}    
.custom-nav-dropdown li {
    display: inline-block;
    float: none;
    text-align: center;

	padding-left:0; /* 30px; */
	padding-right:0; /* 30px; */

	/* 20220527 */
	vertical-align:middle;       
	width: calc(100% / 3) ;/* 33%; */ /* 50%; */

}
.custom-nav-dropdown .jq-dropdown-panel:nth-child(2) li { /* 20220527 */
	width:auto;
	padding-left:0;
	padding-right:0;
}
.custom-nav-dropdown .jq-dropdown-panel:nth-child(2) li a { /* 20220527 */
	padding-top:4px;
	padding-bottom:4px;
}
.custom-nav-dropdown .jq-dropdown-panel:nth-child(2) ul { /* 20220527 */
	padding-top:8px;
	padding-bottom:8px;
}
.custom-nav-dropdown,
.search-dropdown,
.ua-dropdown {
  display: none;
      width: 100%; 
      max-width: 100% !important;
}
.ua-dropdown {
      width: 100wv; /* 20220614 100%; */
      max-width: none !important; /* 20220614 max-width: 376px !important; */

}
.ua-dropdown.topmenu-search-panel{ /* 20220531 */
	max-width: none !important;
}

@media screen and (min-width:992px) {
	.ua-dropdown {
		width: 100%; 
		max-width: 376px !important;
		/* height: auto; */
	}	  
}

.search-dropdown,
.ua-dropdown {
  position: absolute;
  top:var(--ikv3-navbar-height); /* 20220527 49px */ 
  left:0 !important;
}
.ua-dropdown {
  left:auto !important;
  right:0 !important;
}

.custom-nav-dropdown {
}
.search-dropdown,
.ua-dropdown {
  z-index: 1040;
}

.jq-dropdown-ua-panel
{
	max-width: 480px;
	list-style: none;
	background: white; 
	overflow: visible;
	float: right;
	
		
	box-shadow: 0 5px 10px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
    box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
 }
 
.custom-nav-dropdown .jq-dropdown-menu,
.custom-nav-dropdown .jq-dropdown-panel,
.search-dropdown .jq-dropdown-search-panel,
.ua-dropdown .jq-dropdown-ua-panel {
	min-width: 100%; 
	max-width: 1280px; 
	list-style: none;
	background: #FFF; /* rgba(255,255,255,0.95); */ /* 20220527 rgba(0,0,0,0.85); */
/*
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
*/
	overflow: visible;
	padding: 4px 0;
	margin: 0;

 }
 
 .custom-nav-dropdown .jq-dropdown-panel {
	 padding: 0; DESC:"per non andare sotto al logo";

	 box-shadow: none; /* 0 5px 10px rgba(0, 0, 0, 0.2); */
	 -webkit-box-shadow: none; /* inset 0 1px 0 rgba(255,255,255,.1); */
	 box-shadow: none; /*  inset 0 1px 0 rgba(255,255,255,.1); */   
 
}
	
.custom-nav-dropdown .jq-dropdown-panel:nth-child(1) { /* 20220523 */
	background: var(--ikv3-newmenu-background-r1); /*  #333333; */
}
.custom-nav-dropdown .jq-dropdown-panel:nth-child(2) { /* 20220523 */
	background: var(--ikv3-newmenu-background-r2); /* #474747; */
}
	
.search-dropdown .jq-dropdown-search-panel,
.ua-dropdown .jq-dropdown-ua-panel {
	padding: 7px 0; DESC:"per non andare sotto al logo";
}
.search-dropdown .jq-dropdown-search-panel form,
.ua-dropdown .jq-dropdown-ua-panel form{
	margin-left:20px;
	margin-right:20px;
}

@media (min-width: 992px) {
	.custom-nav-dropdown ul {
    	/* display: table; 20220523 */
        /* table-layout: auto; 20220523 */
		/* text-align: left; 20220523 */
    }
	.custom-nav-dropdown li {
		/* 20180926 rimettendo inline-block s perde l'equispaziatura ma si evita che le voci a destra escano fuori */
	    display: inline-block; /* table-cell; */
		/* text-align: left; 20220523 */
		/* width:auto; */ /* 20220527 */
		padding-left:30px;
		padding-right:30px;
	
	}
}

@media (max-width: 768px) {
	.navbar-fixed-bottom, .navbar-fixed-top {
		position:relative;
	}

	.custom-nav-dropdown { /* 20180904 */
		font-size:1.4rem;
	}
}


@media (min-width: 768px) { /* 20220523 */
	.navbar-collapse.collapse.newmenu {
		height:var(--ikv3-navbar-height) !important; /* 55px */
		/* background-color:#FC0; debug */
	}
	body>.navbar {
		height:var(--ikv3-navbar-height) !important; 
		/* background-color:#C0F; debug */
	}
	
	.navbar .newmenu li>a {
		height:var(--ikv3-navbar-height) !important; 
	}


	.custom-nav-dropdown li {
		width:auto; /* 20220527 */
		padding-left:10px;
		padding-right:10px;
	}


}





/* 20220527 */


.userarea-dropdown-menu2 {
	list-style:none !important;
	border-width:0 1px 1px 1px;
	border-color:#333;
	padding:24px 30px;
	margin:0;
	font-size:1.75rem; /* 20220527 */
	
/*	height: calc(100vh - calc(55px -8px)); */
/*	height: calc(100vh - calc(var(--ikv3-navbar-height) -8px)); */
	height: 100vh; /* 20220614 */
}
@media screen and (min-width:992px) {
	.userarea-dropdown-menu2 {
		height: auto; /* 20220615 */
	}
}

.userarea-dropdown-menu2 li {
	padding:.2em 0; /* 20220527 .4em 0; */
}
.userarea-dropdown-menu2 li a:not(.btn) {
	padding:0; /* 20220527 .8em 0; */
		color:rgba(0,0,0,0.75); /* 20220527 */
		font-weight: 400; /* 20220527 */
}
.userarea-dropdown-menu2 li a:not(.btn):hover { /* 20220527 */
		color:rgba(0,0,0,1);
}

.userarea-dropdown-menu2 li a.btn {
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.userarea-dropdown-menu2 .divider {
	height:1px; /* 20220527 */
	padding:0; /* 20220527 */
	overflow:hidden; /* 20220527 */
	margin:8px 0; /* 20220527 */
	background:rgba(0,0,0,.5); /* 20220527 */
}

.userarea-dropdown-menu2 .welcome-txt-ua-dropdown {
    /* font-size: 110%; 20220527 */
    font-weight: 700;
    old-color: #FFF !important;
    padding-left: 0 !important;
}

#topmenu_ua_login {}
#topmenu_ua_login table { width:90%; margin:1em auto; }
#topmenu_ua_login table td { padding:.4em 0; }
#topmenu_ua_login .btn-primary	{ color:#FFF; text-transform:uppercase; }
#topmenu_ua_login .btn-secundary { text-transform:uppercase; }



.btn-icon {
	display:inline-block;
	width:34px; 
	height:34px;
	overflow:hidden;
	text-indent:-999px; 
	padding:0;
}
.btn-icon-arrow {
}

/* .ua-dropdown */
.topmenu-search-panel {
}

.ua-dropdown.topmenu-search-panel {
	width: 100%; 
	/* 20220531 
		max-width: 400px !important;
		margin-left: -200px;
		left:50% !important;
		right:auto !important;
	*/
	left:0;
	right:0;
}
.topmenu-search-panel .jq-dropdown-ua-panel {
	padding-left: 0; /* 40px; 20220531 */
	background-image: url('../svg/ico_mag_glass.svg'); /* 20220531 */
	background-position: 14px center;
	background-size: 22px;
	background-repeat: no-repeat ;
}

.topmenu-search-panel .btn-icon {
	display:inline-block;

	width:34px; 
	height:34px;
	padding:0;
	border:0;
	margin-left: 3px;

	background-color:  transparent; /* #FC0; */ /* 20220531 */
	background-image: url('../svg/ico_arrow_right.svg');
	background-position: center center;
	background-size: 22px;
	background-repeat: no-repeat ;

}
/*
.topmenu-search-panel .glyphicon {
	display:inline-block;
	width:34px; 
	height:34px;
	margin:0;
	margin-left: 3px;
	margin-right: 3px;
	background-color:#FC0;
} 
*/
.topmenu-search-panel .search-input.form-control {
	display:inline-block;
	/* background:#C0F; */
	/* max-width: calc(100% - 40px); */
	max-width: calc(100% - 44px); /* 20220531 */

    border-width: 0;
    border-color: transparent;
	border-image-width:0;
    -webkit-box-shadow: none;
    box-shadow: none;
	font-family: var(--ikv3-font-no-cond);
	background-color: transparent;
	text-indent:40px;
}
.topmenu-search-panel .search-input.form-control:focus {
    border-width: 0;
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.topmenu-search-panel .search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	font-style:italic;
}
.topmenu-search-panel .search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-style:italic;
}
.topmenu-search-panel .search-input::-ms-input-placeholder { /* Microsoft Edge */
	font-style:italic;
}

@media (max-width:639px) {
	.ua-dropdown.topmenu-search-panel {
		width: 100vw; 
		max-width: none !important;
		margin-left: 0;
		left:0 !important;
		right:0 !important;
	}
}



:root { /* 20220523 */
	--default-line-height:1.42857143em;
}

/* 20220531 */
.ikicon {
	display:inline-block;
	width:var(--default-line-height); /* 1.4em; */
	height:var(--default-line-height); /* 1.4em; */
	/* background-color: aqua; */
	background-size: cover; 
	background-repeat: no-repeat; 
}
.navbar .ikicon {
	width:23px; /* calc( calc(var(--default-line-height) / 8) * 7); */
	height:23px; /* calc( calc(var(--default-line-height) / 8) * 7); */
}
.ikicon.ikicon-user {
	background-image: url('../svg/ico_user_head.svg'); 
}
.ikicon.ikicon-user[style='color:red;'],
.ikicon.ikicon-user.active {
	background-image: url('../svg/ico_user_head_red.svg'); 
	/* background-color: red;  */
}
.ikicon.ikicon-shopping-cart {
	background-image: url('../svg/ico_cart.svg'); 
}
.ikicon.ikicon-search {
	background-image: url('../svg/ico_mag_glass.svg'); 
	width:18px;
	height:20px;
	background-position: 0 2px;	
}

@media screen and (min-width:992px) {
	
	.navbar .ikicon {
		width:23px; /* calc( calc(var(--default-line-height) / 8) * 7); */
		height:23px; /* calc( calc(var(--default-line-height) / 8) * 7); */
	}
		.ikicon.ikicon-user {
	}
	.ikicon.ikicon-user[style='color:red;'],
	.ikicon.ikicon-user.active {
		/* background-color: red;  */
	}
	.ikicon.ikicon-shopping-cart {
	}
	.ikicon.ikicon-search {
		width:18px;
		height:18px;
	}	

}

/* 20220614 */

.ik-mobile-submenu {
	margin-top:var(--ikv3-navbar-height);
}
.ik-submenu-down {
	position:sticky;
	top:var(--ikv3-navbar-height);
	z-index:1029; /* 1040; */
}

.jq-dropdown-panel.ik-submenu-top {
    background: var(--ikv3-newmenu-background-r1);
}
.jq-dropdown-panel.ik-submenu-down {
    background: var(--ikv3-newmenu-background-r2);
	font-size: 15.5px; /* 20221011 enlarge menu's font */
}


.ik-submenu-top {
	margin-top:var(--ikv3-navbar-height);
}
nav .ik-submenu-top {
	margin-top:0; /* 20220617 */
}
.jq-dropdown-panel.ik-submenu-top .container-subnav {
    margin: 0 auto;
	font-size:16.5px; /* 20221011 enlarge menu's font*/
}
.jq-dropdown-panel.ik-submenu-top ul,
.jq-dropdown-panel.ik-submenu-down ul {
    display: block;
    float: none;
    width: 100%;
    list-style: none;
    list-style-type: none;
    margin: 0 auto;
    border: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
.jq-dropdown-panel.ik-submenu-top li,
.jq-dropdown-panel.ik-submenu-down li {
    display: inline-block;
    float: none;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    vertical-align: middle;
    width: calc(100% / 3);
}
.jq-dropdown-panel.ik-submenu-top a,
.jq-dropdown-panel.ik-submenu-down a {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    line-height: ;
    /* display: table-cell; */
    /* float: none; */
    /* text-align: center; */
    /* background: #FC0; */
    display: inline-block;
    padding-top: 13px;
    padding-bottom: 13px;
    /* white-space: break-spaces; */
    font-weight: 400;
}
.jq-dropdown-panel.ik-submenu-top a.open {
    color: #FFF;
    /* color: #C00; */
    font-weight: bold;
    /* color: #C00; */
}
.jq-dropdown-panel.ik-submenu-top li:first-child a,
.jq-dropdown-panel.ik-submenu-down li:first-child a {
    padding-left: 1.4rem;
}
.jq-dropdown-panel.ik-submenu-top li a,
.jq-dropdown-panel.ik-submenu-down li a { /* 20220615 */
	color: rgb(194,194,194); /* 20220615 */
}

.jq-dropdown-panel.ik-submenu-top li a.selected,
.jq-dropdown-panel.ik-submenu-down li a.selected { /* 20220617 */
	color: #FFF;
	font-weight:700; 
}

.jq-dropdown-panel.ik-submenu-top li a:hover, .jq-dropdown-panel.ik-submenu-top li a:focus,
.jq-dropdown-panel.ik-submenu-down li a:hover, .jq-dropdown-panel.ik-submenu-down li a:focus { /* 20220615 */
    color: #FFF;
}
@media (min-width: 768px) {
	.jq-dropdown-panel.ik-submenu-top li {
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
}

.jq-dropdown-panel.ik-submenu-down ul {
    padding-top: 8px;
    padding-bottom: 8px;
}
.jq-dropdown-panel.ik-submenu-down li {
    width: auto;
    padding-left: 0;
    padding-right: 0;
}
.jq-dropdown-panel.ik-submenu-down li a {
    padding-top: 4px;
    padding-bottom: 4px;
}
