#btn-offcanvas.menu-icon{position: absolute; top: 53px; left: -40px; transition:top .3s linear; visibility: hidden;}
.cbp-af-header-shrink #btn-offcanvas.menu-icon{top: 35px; transition:top .3s linear;}
.cbp-af-header-shrink .menu-icon:after {height: 5px;}
.header-banner { height: 35px }

header {border-bottom: 1px solid #ccc}
header #testata .header-banner{ background: #2f363d; line-height: 2}
header #testata .header-banner a{ color: #fff; background: url(../images/ras-bianco-png.svg) no-repeat; padding-left: 35px}

header#header h1.header-titleLink a{ color: #175A8B; font-size: 2rem; font-weight: 700 }
header#header.cbp-af-header-shrink h1.header-titleLink a{font-size: 1.5rem; transition: all .3s}

.cbp-af-header-shrink .header-banner {height: 0; transition: height .3s linear; overflow: hidden;}

#logo {transition: all .3s}
.cbp-af-header-shrink #logo {height: 60px; width: auto; transition: all .3s}

#top-search.ricerca-mobile {background: #fff; padding-top: 10px;padding-bottom: 10px; margin-top: 2px}
#top-search.ricerca-mobile .input-group-field {width: 80%}

.menu-icon{
width: 35px;
height: 70px;
color: #175A8B;
font-size: 14px
}
.menu-icon:after{
top: 5px;
height: 5px;
box-shadow: 0 9px 0 #175A8B , 0 17px 0;
background-color: #175A8B;
border-radius: 2px;
}
.menu-icon:hover::after {box-shadow: 0 9px 0 #cacaca, 0 18px 0 #cacaca}

.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #f6f6f6;
	z-index: 999;
	height: 170px;
	/*overflow: hidden;*/
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

.cbp-af-header h1,
.cbp-af-header nav {
	display: inline-block;
	position: relative;
}

 /* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */
.cbp-af-header h1,
.cbp-af-header nav a {
	line-height: 135px;
}

.cbp-af-header nav {
	float: right;
}

.cbp-af-header nav a {
	color: #aaa;
	font-weight: 700;
	margin: 0 0 0 20px;
	font-size: 1.4em;
}

.cbp-af-header nav a:hover {
	color: #333;
}

/* Transitions and class for reduced height */
.cbp-af-header h1,
.cbp-af-header nav a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.cbp-af-header.cbp-af-header-shrink {
	height: 100px;
}

.cbp-af-header.cbp-af-header-shrink h1,
.cbp-af-header.cbp-af-header-shrink nav a {
	line-height: 90px;
	height: 100px
}

.cbp-af-header.cbp-af-header-shrink h1 {
	font-size: 2em;
}

/* Example Media Queries */
@media screen and (max-width: 55em) {

	.cbp-af-header .cbp-af-inner {
		width: 100%;

	}

	.cbp-af-header h1,
	.cbp-af-header nav {
		display: block;
		margin: 0 auto;
		/*text-align: center;*/
		float: none;
	}

	.cbp-af-header h1,
	.cbp-af-header nav a {
		/*line-height: 100px;*/
	}

	.cbp-af-header nav a {
		margin: 0 10px;
	}

	.cbp-af-header.cbp-af-header-shrink h1 {
		font-size: 2em;
	}

	.cbp-af-header.cbp-af-header-shrink nav a {
		font-size: 1em;
	}
}
@media screen and (max-width: 39.9375em) {
	a.opensearch {padding:10px 12px;display: block; color: #fff !important; margin-top: 10px; border-radius: 3px !important;}
	.cerca_btn {flex:1; -webkit-flex: 1; background-color: #175A8B; color: #fff; border-radius:0 3px 3px 0}
	header#header.cbp-af-header-shrink h1.header-titleLink a{font-size: 1.5rem; transition: all .3s}
	header#header h1.header-titleLink a{font-size: 1.5rem; transition: all .3s}
}
@media screen and (max-width: 32.25em) {
	header#header h1.header-titleLink a {font-size:1.2rem}
	header#header.cbp-af-header-shrink h1.header-titleLink a{font-size: 1.2rem; transition: all .3s}
	#btn-offcanvas.menu-icon{position: absolute; top: 53px; left: 1.4em; transition:top .3s linear;}
	.cbp-af-header-shrink #btn-offcanvas.menu-icon{top: 35px; transition:top .3s linear;}
	header #testata .header-banner {padding: 3px 17px}
	header #testata .header-banner a {background-size: 20px; background-position: left center;}
	.cbp-af-header nav a {
		font-size: 1em;
	}
	a.opensearch {padding:10px 12px;display: block; color: #fff !important; margin-top: 10px; border-radius: 3px !important;}
	.cerca_btn {flex:1; -webkit-flex: 1; background-color: #175A8B; color: #fff; border-radius:0 3px 3px 0}

}

@media screen and (max-width: 24em) and (min-width: 0) {
	.cbp-af-header nav a,
	.cbp-af-header.cbp-af-header-shrink nav a {
		line-height: 1;
	}
	a.opensearch {padding:10px 12px;display: block; color: #fff !important; margin-top: 10px; border-radius: 3px !important;}
	.cerca_btn {flex:1; -webkit-flex: 1; background-color: #175A8B; color: #fff; border-radius:0 3px 3px 0}

}