
/*
#masthead .navbar li.has-mega-menu{position:static}
#masthead .navbar li:not(.mega-menu-column):hover > .submenu{display:flex;left:0;}
#masthead .navbar li:hover > .submenu li {width: 100%;}
/* end menu */

/* Bootstrap OVERRIDE */
@media (min-width: 1200px){
	li.dropdown .collapse{display: none;}
	li.dropdown:hover .collapse{display: block;}
	#masthead .navbar li > ul{position: absolute; z-index: 1030}
	#masthead .navbar li > ul {font-size: 0.9rem}
	#masthead .navbar li > ul li a{font-size: 1rem;}
	/*#masthead.is-sticky .breadcrumb-wrapper{ visibility: hidden; opacity:0; height: 0;width: 0;}*/
	#masthead.is-sticky .page-title-wrapper{display: block;}
/*	#masthead.is-sticky .page-title-wrapper .col-10{border-top:1px dotted #BEC0BF;}*/
	body:not[.home] #masthead:not(.is-sticky) .wrapper-header {border-bottom:1px dotted #BEC0BF;padding-bottom:20px;}
	body.page-template-template-home-grid #masthead:not(.is-sticky) .wrapper-header{border-bottom: none;}
	#masthead .page-title-wrapper.singular{display: block;}
	#masthead.is-sticky .page-title-wrapper.singular{display: none;}
	li.dropdown.has-mega-menu:hover > .submenu {display: flex;}
	#masthead .navbar li.dropdown.has-mega-menu:hover ul li ul{position: relative}
	li.mega-menu-column > a{padding-top: 30px;padding-bottom: 30px;}
	.mega-menu-column .submenu > li {border-top: 1px #fff;}
	.submenu > li a{padding-left:5px;}
	/*#masthead .mega-menu-column .submenu > li a{border-top:1px dotted #fff}
	#masthead .mega-menu-column .submenu > li:last-child {border-bottom: 1px dotted white;}*/
	#masthead .mega-menu-column{padding:0 15px;;margin-bottom: 45px !important}
	#navbarNavDropdown li.has-mega-menu > ul.submenu{left:-300px;padding-bottom:90px}
	#navbarNavDropdown li.has-mega-menu > ul > li > a{font-weight: 600}
	#navbarNavDropdown ul li ul li.menu-item-has-children > a:first-child{font-size:1.15rem; padding-bottom:15px; padding-left:5px}
	#masthead .navbar ul:not(.submenu) > li:not(.has-mega-menu) > ul{padding: 5px 10px; /*width: 180px;*/}
	#masthead .navbar ul:not(.submenu) > li:not(.has-mega-menu) > ul li{padding: 4px 0; /*border-top:1px dotted #fff*/}
	/*#masthead .navbar ul:not(.submenu) > li:not(.has-mega-menu) > ul li:last-child{border-bottom:1px dotted #fff}*/
	/*#masthead .navbar ul:not(.submenu) > li:not(.has-mega-menu) > ul li a{padding:0}
	#masthead .breadcrumb-wrapper{margin-left: 16.66%}
	#masthead .wrapper-header{height: 66px}
	.home #masthead .wrapper-header{height: 65px}
	#masthead.sticky-top.is-sticky .wrapper-header{height: 55px}
	#masthead.is-sticky .breadcrumb-wrapper{border-top: 1px dotted #bcc0bf}
	
	#masthead.sticky-top.is-sticky #main-menu{margin-right: auto !important; margin-left:0 !important}

}
@media (min-width:992px){
	/*#masthead.sticky-top:not(.is-sticky) ul.anchor.list-group{padding-left:3.5rem}*/
	/*.page-template-template-profilo #masthead.sticky-top.is-sticky .page-title-wrapper > div > div{padding-top:15px}*/
	/*#masthead.sticky-top.is-sticky .page-title-wrapper h1{margin-top:2rem}*/

.sticky-top.is-sticky .breadcrumb-wrapper .col-breadcrumb{border-bottom: 1px dotted #000}
#main-menu > li:first-child > a{padding-left: 0}


}

/*#masthead .wrapper-header,#masthead .page-title-wrapper{margin-left: -15px;margin-right: -15px;}*/
/*#masthead.sticky-top{height: 150px;}*/
#masthead .wrapper-header .navbar{padding-left: 0;padding-right: 0;}
/*#masthead.is-sticky{height: auto; max-height: 170px; /* min-height: 90px*/}
.page-template-template-profilo #masthead.is-sticky{max-height: 166px; /* min-height: 90px*/}
#masthead.is-sticky #navbarNavDropdown,#masthead.is-sticky .page-title-wrapper{top:0px;position:relative;}



/* End Bootrasp OVERRIDE */

#masthead,#masthead img,#masthead.is-sticky{transition: all 0.2s ease;}
#masthead ul{list-style: none;}
/*#masthead .page-title-wrapper{display: none;}*/
/*#masthead.is-sticky .page-title-wrapper{margin-left: 16.66667%;}*/
#masthead.is-sticky .page-title-wrapper h1{font-size: 1rem;}
#masthead{padding:15px 0;}
/*.home #masthead{padding: 0}*/
.slogan h3{font-size: .9rem;font-weight: 600;font-family:'Roboto'; line-height: .9rem; margin-left: 10px}
.page-id-5505 .slogan h3{color: #000}
#masthead .navbar li a{color: #333333; font-family:"Roboto", Helvetica, Arial, sans-serif; letter-spacing: 0; font-size: 1.15rem; line-height: 1.15rem}
#masthead .navbar .lang-switcher li a{ font-family: "Roboto", sans-serif}
#masthead ul{padding: 0; margin: 0}
/*#masthead .navbar li:hover{background-color: #000;} */
#masthead .navbar ul > li:hover > a{text-decoration: underline;}
#masthead ul#main-menu > li > ul{background-color: rgba(245,244,238,0.85); border: none; border-radius: 0;top:10px}
#masthead .navbar li ul li a{color: #000}
/*#masthead .navbar li a:hover{color: #fff !important}*/

.gsi #masthead .dropdown-item:focus, .gsi #masthead .dropdown-item:hover{background: none}

#masthead .navbar li > ul li{margin: 4px 0;}
/*#masthead .navbar li > ul li:last-child {border-bottom: 1px dotted white;}*/
body #masthead.is-sticky,body.home #masthead.is-sticky,body #masthead {background-color: #fff;}
body:not(.home) #masthead {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}
/*body.home #masthead{background-color: transparent;}*/
/*#masthead .navbar .dropdown-item:hover{background: #000}*/
#masthead .site-branding .navbar-brand.custom-logo-link{padding:0; margin: 0}
#masthead .site-branding img{max-width:151px;}
#masthead .navbar{z-index: 1020}
/* toogler */
#masthead .navbar .navbar-toggler{right:0; top:calc(50% - 20px); z-index: 1030;}
/* is-sticky */
#masthead.is-sticky{box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; padding:5px 0;}
#masthead.is-sticky .slogan{ visibility: hidden; opacity:0; height: 0;width: 0;}
#masthead.is-sticky .site-branding img{max-width:90px;}

/* breadcrumb*/
#masthead .breadcrumb,#masthead .page-title-wrapper{background-color: transparent; padding-top:0;padding-left:0}
#masthead .breadcrumb li,#masthead .breadcrumb li a{font-size: 0.86rem; color: rgb(51, 51, 51); line-height: 1rem; font-family: 'NewRailAlphabet-Light', Helvetica, Arial, sans-serif;}
#navbarNavDropdown li a.btn.cloned-link{display: none}
.anchor.list-group li.list-group-item a:active span.rounded-circle, .anchor.list-group li.list-group-item a:focus span.rounded-circle, .anchor.list-group li.list-group-item a:focus-within span.rounded-circle, .anchor.list-group li.list-group-item a:hover span.rounded-circle{background-color:black !important; color:#fff !important}

#navbarNavDropdown, #navbarNavDropdown .submenu{z-index: 1}

#slidermenu.active .nav-item.nav-link.close {
    width: 40px;
    margin: 0;
    padding: 0;
    right: 10%;
}



/* mediaonly Mobile menu*/
@media (max-width: 1199px) {
	@keyframes rel2fix {
	  0% {position: static;}
	  100% {position: fixed;top: 5px;z-index: 1030;font-weight: bold;}
	}
	@-moz-keyframes rel2fix {
	  0% {position: static;}
	  100% {position: fixed;top: 5px;z-index: 1030;font-weight: bold;}
	}
	@-webkit-keyframes rel2fix {
	  0% {position: static;}
	  100% {position: fixed;top: 5px;z-index: 1030;font-weight: bold;}
	}
	@-o-keyframes rel2fix {
	  0% {position: static;}
	  100% {position: fixed;top: 5px;z-index: 1030;font-weight: bold;}
	}
	@keyframes dblock {
	  from {
	    display: none;
	  }
	  to {
	    display: block
	  }
	}
	@keyframes fadein {
	    from {
	        opacity:0;
	    }
	    to {
	        opacity:1;
	    }
	}
	@-moz-keyframes fadein { /* Firefox */
	    from {
	        opacity:0;
	    }
	    to {
	        opacity:1;
	    }
	}
	@-webkit-keyframes fadein { /* Safari and Chrome */
	    from {
	        opacity:0;
	    }
	    to {
	        opacity:1;
	    }
	}
	@-o-keyframes fadein { /* Opera */
	    from {
	        opacity:0;
	    }
	    to {
	        opacity: 1;
	    }
	}
	@keyframes rotateTranslate {
		from {
			-ms-transform: rotate(0deg) translateX(0px);
		    -webkit-transform: rotate(0deg) translateX(0px);
	        transform: rotate(0deg) translateX(0px);

	    }
	    to {
		    -ms-transform: rotate(180deg) translateX(calc(100% + 10px));
		    -webkit-transform: rotate(180deg) translateX(calc(100% + 10px));
			transform: rotate(180deg) translateX(calc(100% + 10px));
			position: absolute;
			top: 50%;
	    }
	}
	@-moz-keyframes rotateTranslate {
		from {
			-ms-transform: rotate(0deg) translateX(0px);
		    -webkit-transform: rotate(0deg) translateX(0px);
	        transform: rotate(0deg) translateX(0px);

	    }
	    to {
		    -ms-transform: rotate(180deg) translateX(calc(100% + 10px));
		    -webkit-transform: rotate(180deg) translateX(calc(100% + 10px));
			transform: rotate(180deg) translateX(calc(100% + 10px));
			position: absolute;
			top: 50%;
	    }	
	}
	@-webkit-keyframes rotateTranslate {
		from {
			-ms-transform: rotate(0deg) translateX(0px);
		    -webkit-transform: rotate(0deg) translateX(0px);
	        transform: rotate(0deg) translateX(0px);

	    }
	    to {
		    -ms-transform: rotate(180deg) translateX(calc(100% + 10px));
		    -webkit-transform: rotate(180deg) translateX(calc(100% + 10px));
			transform: rotate(180deg) translateX(calc(100% + 10px));
			position: absolute;
			top: 50%;
	    }	
	}
	@-o-keyframes rotateTranslate {
		from {
			-ms-transform: rotate(0deg) translateX(0px);
		    -webkit-transform: rotate(0deg) translateX(0px);
	        transform: rotate(0deg) translateX(0px);

	    }
	    to {
		    -ms-transform: rotate(180deg) translateX(calc(100% + 10px));
		    -webkit-transform: rotate(180deg) translateX(calc(100% + 10px));
			transform: rotate(180deg) translateX(calc(100% + 10px));
			position: absolute;
			top: 50%;
	    }	
	    	    
	}
	#masthead.is-sticky #navbarNavDropdown{position:fixed}	
	#masthead.is-sticky .breadcrumb-wrapper{ left:23.5%; top: 25px; }
	#masthead .breadcrumb-wrapper{ position: absolute; width: auto; display: block; z-index: 1020; top: 35px; left:27.5%}
    
	#navbarNavDropdown ul .dropdown{position:static}
	#navbarNavDropdown .submenu{list-style: none}
	
    .navbar-collapse.collapsing, #navbarNavDropdown .submenu.collapsing {
        height: 100vh !important;
        margin-left: 100%;
        
    }
    #navbarNavDropdown, #navbarNavDropdown .submenu{
		height: 100vh;
	    left: 25%;
	    background-color: rgba(245,244,238,1);
	    top: 0;
	    bottom: 0;
	    right: 0;
	    position: fixed;
	    width: auto;
	    padding: 100px 15px 0 15px !important;
	    transition: all 0.2s ease;
	}
    #navbarNavDropdown .submenu .submenu{display: none}

    #navbarNavDropdown li a.btn.cloned-link{position: absolute; top:50px;z-index: 1150;font-weight: bold; padding:0;/*color: #fff*/;display: block}
	#navbarNavDropdown li a.btn.cloned-link:before{
		float:left;
		display: block;
		content: "";
	    width: 30px;
	    height: 20px;
	    background-position: center;
	    background-size: 28px;
	    background-repeat: no-repeat;
	    background-image: url('images/arrow_dark.svg');
	    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
		
	}
    #navbarNavDropdown li a.btn:not(.collapsed):after{
	    display: none;   
    }
    #navbarNavDropdown li a.btn.nav-link:after{
		content: "";
		float:right;
		display: block;
	    width: 30px;
	    height: 20px;
	    background-position: center;
	    background-size: 28px;
	    background-repeat: no-repeat;
	    background-image: url('images/arrow_dark.svg');
		
    }
    #masthead .navbar ul:not(.submenu) > li{padding-left: 15px; padding-right: 15px} 
    #masthead .navbar ul.submenu li a.dropdown-item{padding-left: 15px;padding-right: 15px;}
    #masthead .navbar ul.submenu li.no-cursor a.dropdown-item{display: none;}
    #masthead .navbar ul.submenu li.no-cursor{border: none;}
    #masthead .navbar li {border-top: 1px dotted black;margin: 4px 0; padding-top: 8px}
	#masthead .navbar li:last-child {border-bottom: 1px dotted black;    padding-bottom: 0.5rem;}
	#masthead .nav-link{text-align: left;}
	
	/*#lang-wrapper{position: absolute;bottom: 10vh;}*/
	#lang-wrapper .lang-switcher{display: flex;flex-direction: row;}
	#lang-wrapper .lang-switcher li.menu-item{border:1px dotted #000; border-radius: 50%; height: 30px;width: 30px; padding:0 !important; margin: 0 15px 0 0 !important; align-items: center; display: flex;justify-content: center;justify-items: center;}
	#lang-wrapper .lang-switcher .menu-item.nav-item:not(:last-child):after{content:none}
	
	.menu-item.advanced-search{ position: static !important; bottom: auto !important; width: 100% }
	.menu-item.all-products{ bottom:  auto !important; left: 15px !important; width: 100%}
	div.asl_m .probox .proinput input{background: #fff !important}
	
	#masthead ul#main-menu > li > ul{background-color: rgba(245,244,238,1); border: none; border-radius: 0;}
	#masthead .navbar li a{line-height: 2rem}


	
}


/*
#search {
  width: 150px;
  height: 100px;
  background-color: pink;
  animation-name: reducetime;
  animation-duration: 1s;
  float: right;
}

@keyframes reducetime {
  0% {
    width: 0;
  }
  100% {
    width: 150px;
  }
}
*/

/* Search desktop*/


#search{width: 0; transition: all 0.2s ease;  max-height: 24px; display: inline-block; /* position: absolute */}
#search.active{width: 150px; left: 54%}
.promagnifier{display: none;}
#wrapper-search{    /* display: inline-block; */
   /* margin-right: 0.8rem;*/
        margin-right: 4.5rem;
/*     align-items: baseline; */
    align-self: flex-end;
    position: relative;
    /*padding-right: 12px;*/
    cursor: pointer
    }

#ajaxsearchpro3_1.asp_w{
	min-width: auto;
}

/*#ajaxsearchpro3_1 .probox, div.asl_w .probox{
	height: 17px;
}*/

div.asl_w .probox .proloading, div.asl_w .probox .proclose, div.asl_w .probox .promagnifier, div.asl_w .probox .prosettings{width: 16px;height: 16px; padding:0 !important}
div.asl_m .probox svg,div.asl_m .probox div.asl_simple-circle{ width: 16px !important; height: 16px !important; top:95% !important;}
.i-container-search{    
	position: absolute;
	height: 19px;
    display: inline-block;
    align-items: center;
    text-align: center;
    color: #000;
    padding: 0;
    font-size: 1.15rem;
    line-height: 1.5rem;
    }
div.asl_m .probox .proinput{padding-left: 0 !important; margin-left: 0 !important}
div.asl_m .probox .proinput input{
	height: 18px !important;
}
div.asl_m .probox .proclose svg{ margin-top: -16px !important}
div#search:not(.active) div.asp_w.ajaxsearchpro.asp_non_compact{border: none !important; min-width:  0 !important}


/* Search mobile*/
div[id*='ajaxsearchliteres'].wpdreams_asl_results .results div.asl_image{background-size: contain !important; background-repeat: no-repeat}

#search-mobile{width: 0; transition: all 0.2s ease;  max-height: 24px; display: inline-block; /* position: absolute */}
#search-mobile.active{width: 200px; left: 54%}
.promagnifier{display: none;}
#wrapper-search-mobile{    /* display: inline-block; */
   /* margin-right: 0.8rem;*/
        margin-right: 4.5rem;
/*     align-items: baseline; */
    align-self: flex-end;
    position: relative;
    /*padding-right: 12px;*/
    cursor: pointer
    }
/*#ajaxsearchpro3_1 .probox, div.asl_w .probox{
	height: 17px;
}*/
div.asl_w .probox .proloading, div.asl_w .probox .proclose, div.asl_w .probox .promagnifier, div.asl_w .probox .prosettings{width: 16px;height: 16px; padding:0 !important}
div.asl_m .probox svg,div.asl_m .probox div.asl_simple-circle{ width: 16px !important; height: 16px !important; top:95% !important;}
.i-container-search-mobile{    
	position: absolute;
	height: 19px;
    display: inline-block;
    align-items: center;
    text-align: center;
    color: #000;
    padding: 0;
    font-size: 1.15rem;
    line-height: 1.5rem;
    }
div.asl_m .probox .proinput{padding-left: 0 !important; margin-left: 0 !important}
div.asl_m .probox .proinput input{
	height: 18px !important;
}
div.asl_m .probox .proclose svg{ margin-top: -16px !important}
div#search-mobile:not(.active) div.asp_w.ajaxsearchpro.asp_non_compact{border: none !important; min-width:  0 !important}


/* ICONBAR */
.navbar-toggler.collapsed .icon-bar{background-color: black !important}
.icon-bar {
	width: 30px; 
	height: 3px;
	background-color: black;
	display: block;
	transition: all 0.2s;
	margin-top: 5.5px
}
.icon-bar:first-child {margin-top: 0
}
.navbar-toggler {
  border: none;
  background: transparent !important;
  height: 40px;
}
.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggler .middle-bar {
  opacity: 0;
}
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}
/*advanced-search,all-products*/
.menu-item.all-products{
	position: absolute;
    bottom: 30px;
    padding-left: 15px;
    left: 186px;
}
.menu-item.all-products-pl{
	position: absolute;
    bottom: 30px;
    padding-left: 15px;
    left: 250px;
}
.menu-item.advanced-search{
	position: absolute;
    bottom: 30px;
    padding-left: 15px;
}

/*
.menu-item.advanced-search a:before,.menu-item.all-products a:before{
	content: "\f105";
	font-family: "FontAwesome";
	padding-right: 6px;
	display: block;
	font-size: 2rem;
	margin-top: 30px
}
*/

.menu-item.advanced-search a:before,.menu-item.all-products a:before,.menu-item.all-products-pl a:before{content:''; background-image: url(/wp-content/themes/gsi-child/assets/css/images/slide_arrow2.svg); background-repeat: no-repeat;height: 30px; width: 15px; background-color: transparent; display: block; background-position: right center; margin-bottom: 5px;}
  
@media (min-width:1200px) and (max-width:1600px){
	#main-menu{margin-left: auto !important}
}
@media (max-width:1370px){
	.slogan-2{display: block}
}
@media (min-width:1200px){
	#masthead .navbar #main-menu > li > a{line-height: 0}
}
/* END Header */

