﻿#distributor_finder div {
	-moz-box-sizing: unset;
	-webkit-box-sizing: unset;
	box-sizing: unset;
}

#distributor_finder {
	width: 100%;
	height: 190px;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 1);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 1);
	position: relative;
	font-family: Corpid-Light;
	margin-top: 40px;
	-moz-transition: height ease 200ms;
	-o-transition: height ease 200ms;
	-webkit-transition: height ease 200ms;
	transition: height ease 200ms;
}

	#distributor_finder.data {
		height: 500px;
	}

	#distributor_finder .inner {
		width: 100%;
		height: 100%;
		max-width: 1024px;
		margin: auto;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
	}

		#distributor_finder .inner .background {
			width: 100%;
			height: 100%;
			max-width: 780px;
			position: absolute;
			z-index: 1;
			margin: auto;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: url('../img/world.png') center no-repeat;
			background-size: cover;
			opacity: 0.075;
		}

		#distributor_finder .inner .finder {
			width: 100%;
			height: 100%;
			position: relative;
			z-index: 2;
			padding: 40px 0;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

			#distributor_finder .inner .finder .title {
				height: 35px;
				text-transform: uppercase;
				font-size: 50px;
				line-height: 35px;
				position: relative;
				text-align: center;
				margin-bottom: 35px;
			}

				#distributor_finder .inner .finder .title::before,
				#distributor_finder .inner .finder .title::after {
					content: ' ';
					display: block;
					height: 1px;
					width: auto;
					background-color: #ccc;
					position: absolute;
					top: 16px;
				}

				#distributor_finder .inner .finder .title::after {
					right: 0;
				}

				#distributor_finder .inner .finder .title .text {
					display: inline-block;
					border-left: 20px solid transparent;
					border-right: 20px solid transparent;
				}

			#distributor_finder .inner .finder .other {
				width: 270px;
				margin: auto;
			}

				#distributor_finder .inner .finder .other .filters {
					margin-bottom: 40px;
				}

				#distributor_finder .inner .finder .other .filter {
					margin-bottom: 15px;
					text-transform: uppercase;
					font-size: 14px;
				}

					#distributor_finder .inner .finder .other .filter .name {
						float: left;
						width: 90px;
						text-align: center;
					}

					#distributor_finder .inner .finder .other .filter .curtain {
						width: 180px;
						height: 18px;
						float: right;
						position: relative;
						z-index: 5;
					}

					#distributor_finder .inner .finder .other .filter:first-child .curtain {
						z-index: 6;
					}

					#distributor_finder .inner .finder .other .filter .curtain .little_dropdown_menu,
					#distributor_finder .inner .finder .other .filter .curtain .little_dropdown_menu .select {
						width: 100%;
						height: 100%;
						color: #000;
						background-color: transparent;
					}

						#distributor_finder .inner .finder .other .filter .curtain .little_dropdown_menu .select .actual:after {
							opacity: 1;
						}

	#distributor_finder .option.hidden {
		display: none;
	}

	#distributor_finder .inner .finder .other .filter .curtain .little_dropdown_menu .select .options {
		border-color: #ccc;
	}

	#distributor_finder .inner .finder .other .filter .curtain .little_dropdown_menu .select .actual {
		background-color: transparent;
		height:10px;
	}

		#distributor_finder .inner .finder .other .filter .curtain .little_dropdown_menu .select .actual .text {
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			line-height:10px;
			height:10px;
			font-size:13px;
			padding-top:1px;
		}

	#distributor_finder .inner .finder .other .filter .curtain .little_dropdown_menu .select .actual,
	#distributor_finder .inner .finder .other .filter .curtain .little_dropdown_menu .select .option {
		line-height: 15px;
		border-color: #ccc;
	}

	#distributor_finder .inner .finder .results {
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: center;
	}

		#distributor_finder .inner .finder .results .container {
			width: auto;
			display: inline-block;
			position: relative;
			padding-right: 15px;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			border-right: 1px solid #ccc;
			margin-top: 10px;
		}

			#distributor_finder .inner .finder .results .container a {
				display: block;
				color: #00aeef;
			}

			#distributor_finder .inner .finder .results .container:not(:last-child) {
				margin-right: 20px;
			}

			#distributor_finder .inner .finder .results .container .name {
				font-size: 25px;
				text-transform: uppercase;
				position: relative;
				top: -12px;
				border-right: 10px solid transparent;
				white-space: nowrap;
				display:inline-block;
				clear:both;
			}

			#distributor_finder .inner .finder .results .container .line {
				position: absolute;
				top: 0;
				right: 0;
				height: 1px;
				background-color: #ccc;
			}

			#distributor_finder .inner .finder .results .container .title {
				font-size: 15px;
				text-transform: none;
				height: auto;
				line-height: normal;
				text-align: left;
				margin: 0;
				font-family: Corpid-Bold;
				margin-bottom: 20px;
				background-color: transparent;
				border-color: transparent;
				display:block;
			}

				#distributor_finder .inner .finder .results .container .title::before,
				#distributor_finder .inner .finder .results .container .title::after {
					display: none;
				}

			#distributor_finder .inner .finder .results .container .description {
				font-size: 15px;
			}

	#distributor_finder .special_wrapper {
		height: 190px;
		width: 100%;
		position: absolute;
		top: 0;
		overflow: hidden;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 200px;
		-moz-transition: height ease 250ms;
		-o-transition: height ease 250ms;
		-webkit-transition: height ease 250ms;
		transition: height ease 250ms;
	}

	#distributor_finder.data .special_wrapper {
		height: 500px;
	}

@media all and (max-width:1199px) {
	#distributor_finder .inner {
		padding: 0 20px;
	}

		#distributor_finder .inner .finder .title {
			font-size: 38px;
			height: 27px;
			line-height: 27px;
		}

			#distributor_finder .inner .finder .title::before, #distributor_finder .inner .finder .title::after {
				top: 12px;
			}
}

@media all and (max-width:767px) {
	#distributor_finder {
		height: 200px;
	}

		#distributor_finder .inner .background {
			display: none;
		}

		#distributor_finder .inner .finder .title {
			font-size: 23px;
			height: 22px;
			line-height: 22px;
		}

		#distributor_finder .inner .finder .other .filter .name,
		#distributor_finder .inner .finder .other .filter .curtain {
			line-height: 30px;
			height: 30px;
		}

			#distributor_finder .inner .finder .other .filter .curtain .little_dropdown_menu .select .actual,
			#distributor_finder .inner .finder .other .filter .curtain .little_dropdown_menu .select .option {
				min-height: 20px;
				line-height: 20px;
			}

			#distributor_finder .inner .finder .other .filter .curtain .little_dropdown_menu .select .actual .text{
				line-height:20px;
				height:20px;
			}

			/*PROVA DA QUA*/
			#distributor_finder{
				height:auto!important;
			}
			#distributor_finder .special_wrapper{
				position:relative;
				padding-top:0;
				height:auto;
			}

			#distributor_finder .inner .finder .results{
				display:block;
			}

#distributor_finder .inner .finder .results .container{
	display:block;
	margin-bottom:40px;
	margin-right:0!important;
}

#distributor_finder.data .special_wrapper{
	height:auto;
}

/*A QUA*/
}

@media all and (max-width:499px) {
	#distributor_finder .inner .finder .title {
		position: relative;
		display: flex;
		align-items: center;
	}

		#distributor_finder .inner .finder .title .text {
			width: 200px;
			line-height: 36px;
			margin-left: auto;
			margin-right: auto;
		}
}
