.topband {
	font-size: 11pt;
	color: #56595d;
	background-color: #F2F2F2;
	font-family: 'Titillium Web', sans-serif;
}

.topband a {
	color: #56595d;
}

.topband a:hover {color: #ec4e3d}

.headband {
	background-color: #5C6167;
}

.headband a {
	color: white;
}

/* .headband .logo img {
	width: 100%;
} */

.headband .search-field {
	height: 36px;
	flex-basis: 97%;
	background: white;
	border-radius: 7px;
	padding: 0 0 0 7px;
}

.headband .hb-center {
	display: flex;
	align-items: center;
}

.search-field .fa-search {
	padding: 10px;
}

.search-field input {
	width: calc(100% - 40px);
	height: 36px;
	border: none;
	outline: none;
}

.search-field input::-ms-clear {
	display: none;
	width : 0;
	height: 0;
}

.search-field button {
	border: none;
	height: 35px;
	float: right;
	background: transparent;
	width: 40px;
	color: #666d73;
	text-align: left;
	line-height: 30px;
}

.headband .cart-btn {
	height: 36px;
	color: white;
	background-color: #FF7062;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 10pt;
	width: 140px;
	text-align: center;
	display: flex;
	margin: auto;
}

.headband .cart-btn .lx {
	width: 70%;
	float: left;
	border-radius: 4px;
	padding: 7px;
	align-self: center;
}

.headband .cart-btn .rx {
	width: 30%;
	height: 100%;
	float: left;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #C36258;
	padding: 8px 7px;
}

.sectors {
	color: white;
	font-weight: bold;
	background-color: rgb(255, 112, 98);
	font-size: 0.8rem;
}

.sectors ul {
	display: flex;
	justify-content: space-between;
}

.sectors ul li {
	width: 159px;
	height: 27px;
	text-align: center;
	font-size: 1rem;
	border-right: 1px solid #ffb0a9;
	overflow: hidden;
}

.sectors ul li:last-child {
	border-right: none;
}

/* easter */
.sectors ul li.hi {
	background: linear-gradient(129deg, rgba(20,216,221,1) 0%, rgb(34 134 144) 100%);
}

/* halloween */
.sectors ul li.hw {
	background: linear-gradient(129deg, rgb(255 136 0) 0%, rgb(128, 86, 12) 100%);
}

/* xmas */
.sectors ul li.xs {
	background: linear-gradient(352deg, rgb(221 18 47) 0%, rgb(189 19 45) 100%);
}

/* epiphany */
.sectors ul li.ep {
	background: linear-gradient(129deg, rgb(18, 38, 221) 0%, rgb(0, 0, 0) 100%);
}

/* carnival */
.sectors ul li.cl {
	background: linear-gradient(129deg, rgb(18 221 18) 0%, rgb(19 144 189) 100%);
}

.sectors ul li.bf {
	background: black;
}

@media (max-width: 767px) {

	.sectors ul {
		flex-direction: column;
	}

	.sectors ul li {
		width: 100%;
		border-right: none;
	}

}

.sectors a {
	color: white;
}

@media (min-width: 767px) { 
	.sectors a { font-size: 0.65rem;}
}

@media (min-width: 1024px) { 
	.sectors a { font-size: 0.85rem;}
}

@media (min-width: 1200px) { 
	.sectors a { font-size: 0.91rem;}
}

@media (max-width: 1200px) { 
	.sectors ul .xs img {
		height: 18px;
	}
}

.sectors-toggle {
	color: white;
	font-size: 0.95rem;
	background-color: #FF7062;
	text-align: center;
	font-family: 'Sen', sans-serif;
	font-weight: bold;
	cursor: pointer;
}


.sectors-links.didattica-active .did {
	background-color: white;
}

.sectors-links.didattica-active .did a {
	color: #FF7062;
}

.sectors-links.giocattoli-active .gio {
	background-color: white;
}

.sectors-links.giocattoli-active .gio a {
	color: #FF7062;
}

.sectors-links.prima-infanzia-active .inf {
	background-color: white;
}

.sectors-links.prima-infanzia-active .inf a {
	color: #FF7062;
}

.sectors-links.libri-active .bks {
	background-color: white;
}

.sectors-links.libri-active .bks a {
	color: #FF7062;
}

.sectors-links.scuola-e-ufficio-active .sch {
	background-color: white;
}

.sectors-links.scuola-e-ufficio-active .sch a {
	color: #FF7062;
}

.sectors-links.casa-e-giardino-active .hme {
	background-color: white;
}

.sectors-links.casa-e-giardino-active .hme a {
	color: #FF7062;
}

.sectors-links.tempo-libero-e-sport-active .spr {
	background-color: white;
}

.sectors-links.tempo-libero-e-sport-active .spr a {
	color: #FF7062;
}