.searchbox_container{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100000;
	overflow: visible;
	z-index: 5000000;
}

.result_container{
	position: absolute;
	z-index: 100000;
	width: 1200px;
	top: 50px;
	left: 0px;
	background: #ffffff;
	padding: 0px;
	text-align: left;
	line-height: 20px;
	font-size: 14px;
	overscroll-behavior: none;
	overflow: visible;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.container_radius{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.result_container_loading{
}

.result_content{
	overflow: auto;
	position: relative;
}

.result_container_close{
	position: absolute;
	z-index: 10;
	top: -10px;
	right: -3px;
	width: 21px;
	height: 21px;
	cursor: hand;
	cursor: pointer;
	background: #dd2200;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.result_container_close:before, .result_container_close:after{
	position: absolute;
	top: 5px;
	left: 10px;
	content: ' ';
	height: 12px;
	width: 1px;
	background-color: #FFFFFF;
}

.result_container_close:before{
	transform: rotate(45deg);
}

.result_container_close:after{
	transform: rotate(-45deg);
}

.result_container_border{
	border: solid 1px #e7e7e7;
	border-top: solid 5px #ff7200;
}

.result_container_shadow{
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.result_container_triangle .triangle{
	position: absolute;
	top: -15px;
	left: 10px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #ff7200;
}

.result_container_triangle.result_container_border .triangle{
	top: -18px;
}

.result_container_border.result_container_triangle::before{
	top: -20px;
}

.result_columns{
	display: flex;
	position: relative;
	text-align: center;
	justify-content: center;
}

div.results_column{
	border-left: 0px none;
	flex-grow: 1;
	flex-shrink: 1;
	flex-wrap: wrap;
	overflow: hidden;
	padding: 8px;
}

.result_container div.results_column:first-of-type{
	border-left: 0px none;
	padding-bottom: 28px;
}

.column_container{
	flex: 1 1 100%;
	min-width: 0;
	padding-bottom: 20px;
}

.column_title{
}

.brands_container{
}

.brands_container div.brands_title{
	padding: 5px 10px;
	color: #4D4D4D;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

.brands_container a{
	display: flex;
	justify-content: space-between;
	text-decoration: none;
	font-size: 1em;
	padding: 0px 10px;
	line-height: 2em;
	color: #333333;
	transition: all 0.2s;
}

.brands_container a div.brand_count{
	flex: 0 0 30px;
	color: #888888;
	text-align: right;
	font-size: 80%;
}

.brands_container a div.brand_title{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.brands_container a:hover, .brands_container a.selectedItem{
	background: rgba(20,20,20,0.1);
}

.categories_container{
}

.categories_container div.categories_title{
	padding: 5px 10px;
	color: #4D4D4D;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

.categories_container div.categories{
}

.categories_container a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	font-size: 1em;
	padding: 0px 10px;
	line-height: 2em;
	color: #333333;
	min-width: 0;
	transition: all 0.2s;
}

.categories_container a:hover, .categories_container a.selectedItem{
	background: rgba(20,20,20,0.1);
}

.categories_container a div.category_title_text{
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	flex: 0 0 calc(100% - 30px);
}

.categories_container a div.category_title_text.category_img_title_text{
	flex-basis: calc(100% - 30px - 50px);
}

.categories_container a div.category_title_text.category_title_subtitle{
	line-height: 1.2em;
	padding: 4px 0;
}

.categories_container a div.category_count{
	flex: 0 0 30px;
	color: #888888;
	text-align: right;
	font-size: 80%;
}

.categories_container a div.category_img{
	flex: 0 0 40px;
	margin: 0 10px 0 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 40px;
}

.categories_container a div.category_subtitle{
	font-size: 80%;
	color: #888888;
}

.categories_container .category_group{
	background: #bbbbbb;
	font-weight: bold;
	padding: 5px;
	font-size: 95%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.categories_container_tags{
	padding: 0 10px 5px 10px;
}

.categories_container_tags a{
	display: inline-block;
	max-width: calc(50% - 20px);
	background: #e00056;
	color: #FFFFFF;
	padding: 4px 8px;
	margin: 0 5px 3px 0;
	line-height: 1em;
	font-size: 0.9em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.categories_container_tags a:hover{
	background: #C1004D;
}

.categories_container_tags a div.category_count{
	display: none;
}

.categories_container_tags .result_highlighted{
	background: #7F0033;
}

.tags_container{
	padding: 0 10px 5px 10px;
}

.tags_container div.tags_title{
	padding: 5px 10px;
	color: #4D4D4D;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

.tags_container div.magrano_result_item{
	display: inline-block;
	max-width: calc(50% - 20px);
	background: #e00056;
	color: #FFFFFF;
	padding: 4px 8px;
	margin: 0 5px 3px 0;
	line-height: 1em;
	font-size: 0.9em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: hand;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.tags_container div.magrano_result_item:hover{
	background: #C1004D;
}

.tags_container .result_highlighted{
	background: #7F0033;
}

.products_container{
	display: block;
	text-align: center;
}

.products_container div.products_title{
	padding: 5px 10px;
	color: #4D4D4D;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

.products_container div.products{
}

.products_container a{
	flex: 1 1 100%;
	text-decoration: none;
	font-size: 1em;
	padding: 10px 0px;
	line-height: 1.25em;
	color: #333333;
	overflow: hidden;
	text-align: left;
	transition: all 0.2s;
	position: relative;
}

.products_container a::before{
	content: ' ';
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: rgba(0,0,0,0);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: all 0.2s;
}

.products_container a:hover, .products_container a.selectedItem{
	text-decoration: none;
}

.products_container a:hover::before, .products_container a.selectedItem::before{
	background: rgba(0,0,0,0.075);
}

.products_container_tiles div.products{
	display: flex;
	flex-wrap: wrap;
}

.products_container_tiles div.products a{
	flex: 1 1 50%;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
}

.products_container_cards div.products{
	display: flex;
	flex-wrap: wrap;
}

.products_container_cards div.products a{
	flex: 1 1 25%;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	max-width: 25%;
}

.products_container_tile div.products{
	display: flex;
	flex-wrap: wrap;
}

.products_container_tile div.products a{
	flex: 1 1 100%;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
}

.products_container_card{
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
}

.products_container_card div.products{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	min-width: 0px;
	flex: 1 1 100%;
}

.products_container_card div.column_title{
	flex: 1 1 100%;
}

.products_container_card div.products a{
	flex: 1 1 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.products_container div.products a{
	position: relative;
}

.products_container div.products a div.product_discount_label{
	position: absolute;
	top: 1px;
	left: 1px;
	width: 30px;
	height: 30px;
	background: rgba(255,200,0,0.7);
	color: #000000;
	display: flex;
	font-size: 0.8em;
	letter-spacing: -0.5px;
	font-weight: bold;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.products_container_card div.products a div.product_discount_label{
	width: 50px;
	height: 50px;
	font-size: 1.2em;
}

.products_container div.products a div.product_label{
	position: absolute;
	top: -5px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: rgba(27,104,48,0.7);
	color: #FFFFFF;
	display: flex;
	font-size: 0.8em;
	letter-spacing: -0.5px;
	font-weight: bold;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.products_container div.products a .product_add_to_cart{
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	z-index: 5;
	background-color: #0099B3;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='31px' height='31px'><path fill-rule='evenodd' fill='white' d='M27.829,16.750 C27.497,18.307 26.106,19.430 24.523,19.430 L11.557,19.430 C11.276,19.430 11.008,19.379 10.740,19.316 L11.072,20.898 C11.187,21.434 11.659,21.817 12.208,21.817 L24.485,21.817 C25.008,21.817 25.442,22.251 25.442,22.774 C25.442,23.297 25.008,23.731 24.485,23.731 L12.221,23.731 C10.766,23.731 9.502,22.710 9.209,21.294 L7.244,12.041 L6.325,7.753 C6.325,7.740 6.325,7.740 6.325,7.728 L5.342,3.108 C5.227,2.572 4.755,2.189 4.206,2.189 L1.207,2.189 C0.684,2.189 0.250,1.755 0.250,1.232 C0.250,0.709 0.684,0.275 1.207,0.275 L4.206,0.275 C5.648,0.275 6.912,1.296 7.218,2.712 L8.022,6.515 L29.207,4.371 C29.513,4.346 29.807,4.461 30.011,4.690 C30.215,4.920 30.292,5.239 30.228,5.533 L27.829,16.750 ZM8.418,8.404 L9.171,11.926 L10.102,16.368 C10.255,17.044 10.855,17.529 11.544,17.529 L24.511,17.529 C25.213,17.529 25.812,17.044 25.953,16.368 L28.071,6.426 L8.418,8.404 ZM12.961,24.395 C14.582,24.395 15.896,25.709 15.896,27.330 C15.896,28.951 14.582,30.265 12.961,30.265 C11.340,30.265 10.026,28.951 10.026,27.330 C10.026,25.722 11.340,24.395 12.961,24.395 ZM12.961,28.351 C13.522,28.351 13.982,27.892 13.982,27.330 C13.982,26.769 13.522,26.309 12.961,26.309 C12.399,26.309 11.940,26.769 11.940,27.330 C11.940,27.892 12.399,28.351 12.961,28.351 ZM22.099,24.395 C23.719,24.395 25.034,25.722 25.034,27.330 C25.034,28.951 23.719,30.265 22.099,30.265 C20.478,30.265 19.163,28.951 19.163,27.330 C19.163,25.709 20.478,24.395 22.099,24.395 ZM22.099,28.351 C22.660,28.351 23.120,27.892 23.120,27.330 C23.120,26.769 22.660,26.309 22.099,26.309 C21.537,26.309 21.078,26.769 21.078,27.330 C21.078,27.892 21.537,28.351 22.099,28.351 Z'/></svg>");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFFFFF;
	display: flex;
	font-size: 0.8em;
	font-weight: bold;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	transition: all 0.3s;
}

.products_container div.products a .product_add_to_cart:hover{
	background-color: #00BCDC;
}

.products_container a div.product_img{
	flex: 0 0 80px;
	margin: 0 10px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 80px;
}

.products_container_card a div.product_img{
	flex: 1 1 100%;
	padding-top: 60%;
	min-height: 0;
	margin-bottom: 5px;
}

.products_container_cards a div.product_img{
	flex: 1 1 100%;
	padding-top: 60%;
	min-height: 0;
	margin-bottom: 5px;
}

.products_container a div.product_info{
	align-self: center;
	text-align: left;
	padding: 0 10px 0 0;
	min-width: 0;
}

.products_container_card a div.product_info{
	padding: 0 20px;
}

.products_container_cards a div.product_info{
	padding: 0 10px;
	text-align: center;
	flex: 1 1 100%;
}

.products_container a div.product_info.product_info_no_image{
	padding-left: 10px;
}

.products_container a div.product_info div.product_title{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.products_container a div.product_info div.product_subtitle{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-style: italic;
	font-size: 0.9em;
	color: #AAAAAA;
}

.products_container a div.product_info div.product_subtitle .result_highlighted{
	color: #000000;
}

.products_container_cards a div.product_info div.product_title{
	margin-bottom: 7px;
}

.products_container a div.product_info div.product_delivery{
	font-size: 0.8em;
}

.products_container a div.product_info div.product_price{
	display: flex;
	flex-wrap: wrap;
	align-items: left;
	text-align: left;
}

.products_container_cards a div.product_info div.product_price{
	display: flex;
	flex-wrap: wrap;
	align-items: left;
	justify-content: center;
	text-align: center;
	font-size: 0.9em;
}

.products_container a div.product_info div.product_current_price{
	white-space: nowrap;
	font-weight: bold;
}

.products_container a div.product_info div.product_sale_price{
	white-space: nowrap;
	margin-right: 15px;
	text-decoration: line-through;
	font-weight: normal;
}

.products_container .products_btn_all, .magrano_promo_container .magrano_promo_btn{
	margin: 10px auto;
	display: inline-block;
	padding: 10px 20px;
	background: #ff7200;
	color: #FFFFFF;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 80%;
	transition: all 0.2s;
}

.products_container .products_btn_all:hover, .products_container .products_btn_all.selectedItem, .magrano_promo_container .magrano_promo_btn:hover, .magrano_promo_container .magrano_promo_btn.selectedItem{
	background: #E06400;
}

.articles_container div.articles_title{
	padding: 5px 10px;
	color: #4D4D4D;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

.articles_container div.articles a{
	display: block;
	text-decoration: none;
	color: #333333;
	text-align: left;
}

.articles_container a .articles .article_title{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 5px 10px;
	text-decoration: none;
	color: #333333;
}

.articles_container a:hover, .articles_container a.selectedItem{
	background: rgba(20,20,20,0.1);
}

.magrano_promo_container div.magrano_promo_title{
	padding: 5px 10px;
	color: #4D4D4D;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

.magrano_promo_container div.magrano_promo img.magrano_promo_img{
	width: 100%;
}

.magrano_promo_container div.magrano_promo_text{
	padding: 5px 10px;
	color: #4D4D4D;
	font-size: 90%;
	text-align: center;
}

.magrano_countdown{
	display: flex;
	align-items: center;
	justify-content: center;
}

.magrano_countdown_element{
	margin: 0 3px;
}

.magrano_countdown_label{
	font-size: 70%;
	color: #888888;
}

.magrano_countdown_number{
	font-size: 200%;
	font-weight: bold;
	padding: 0 8px;
}

.result_highlighted{
	background: rgba(0,153,179,0.3);
}

.magrano_no_results{
	flex: 1 1 100%;
	text-align: center;
	padding: 20px;
	font-size: 20px;
	min-width: 0;
	color: #BBBBBB;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.magrano_no_results_text{
	font-size: 0.8em;
	font-weight: normal;
	padding-top: 5px;
	flex: 0 0 100%;
}

.magrano_no_results_suggests{
	flex: 0 1 30%;
	min-width: 0;
	padding: 20px;
	border-left: solid 1px #cccccc;
	color: #888888;
	background: #f5f5f5;
}

.magrano_no_results_suggests_options.tags_container{
	padding: 5px 0 0 0;
}

.magrano_no_results_suggests_options.tags_container div.magrano_result_item{
	max-width: calc(100% - 20px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.magrano_logo{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: absolute;
	bottom: 5px;
	left: 15px;
	height: 20px;
	font-size: 9px;
	text-decoration: none;
	font-style: italic;
	color: #000000;
	transition: all 0.3s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.5;
}

.magrano_logo img{
	height: 15px !important;
	margin-left: 5px;
}

.magrano_logo:hover{
	color: #000000;
	text-decoration: none;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
}

.result_container .magrano_loading{
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	margin: 30px auto;
}

.result_container .magrano_loading div{
	display: inline-block;
	position: absolute;
	left: 8px;
	width: 16px;
	background: #dddddd;
	animation: magrano_loading 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.result_container .magrano_loading div:nth-child(1){
	left: 8px;
	animation-delay: -0.24s;
}

.result_container .magrano_loading div:nth-child(2){
	left: 32px;
	animation-delay: -0.12s;
}

.result_container .magrano_loading div:nth-child(3){
	left: 56px;
	animation-delay: 0;
}

@keyframes magrano_loading{
	0%{
		top: 8px;
		height: 64px;
	}

	50%, 100%{
		top: 24px;
		height: 32px;
	}

}

.magrano_body_disabled_scroll{
	overflow: hidden !important;
	height: 100% !important;
}

@media screen and (max-width: 1200px){
	.result_container{
		width: calc(100% - 24px);
		max-width: calc(100% - 20px);
	}

	.result_container.result_container_border{
		width: calc(100% - 26px);
		max-width: calc(100% - 26px);
	}

}

@media screen and (min-width: 1201px){
	.result_container_close{
		display: none;
	}

}

@media screen and (max-width: 900px){
	.result_container{
		width: 100%;
		max-width: 100%;
	}

	.result_container.result_container_border{
		width: calc(100% - 6px);
		max-width: calc(100% - 6px);
	}

	.products_container_cards div.products a{
		flex: 1 1 50%;
	}

}

@media screen and (min-width: 901px){
	.searchbox_container_fixed_pc{
		position: fixed;
		top: 0px;
		z-index: 50000;
	}

	.searchbox_container_fixed_pc .result_container{
		top: 75px !important;
	}

}

@media screen and (min-width: 601px) and (max-width: 900px){
	.searchbox_container_fixed_tablet{
		position: fixed;
		top: 0px;
		z-index: 50000;
		overscroll-behavior: none;
	}

	.searchbox_container_fixed_tablet .result_container{
		top: 75px !important;
		overscroll-behavior: none;
	}

}

@media screen and (max-width: 600px){
	.searchbox_container_fixed_mobile{
		position: fixed;
		top: 0px;
		z-index: 50000;
		overflow: visible;
		overscroll-behavior: none;
	}

	.searchbox_container_fixed_mobile .result_container{
		top: 135px !important;
		overscroll-behavior: none;
	}

}

@media screen and (min-width: 901px){
	.magrano_display_mobile_only{
		display: none !important;
	}

	.magrano_display_tablet_only{
		display: none !important;
	}

}

@media screen and (min-width: 601px) and (max-width: 900px){
	.magrano_display_mobile_only{
		display: none !important;
	}

	.magrano_display_pc_only{
		display: none !important;
	}

}

@media screen and (max-width: 600px){
	.result_columns{
		flex-wrap: wrap;
	}

	.products_container_tiles div.products a, .products_container_card div.products a, .products_container_cards div.products a{
		flex-basis: 100%;
		max-width: 100%;
		flex-wrap: nowrap;
		align-items: center;
	}

	.products_container_card a div.product_img, .products_container_cards a div.product_img{
		padding-top: 0%;
		flex: 0 0 80px;
		min-height: 80px;
		margin-bottom: 0;
	}

	.products_container_card div.products a div.product_discount_label{
		width: 30px;
		height: 30px;
		font-size: 0.8em;
	}

	.products_container_cards a div.product_info{
		text-align: left;
		padding: 0 10px 0 0;
		flex: 1 1 100%;
	}

	.products_container_cards a div.product_info div.product_price{
		display: flex;
		flex-wrap: wrap;
		align-items: left;
		justify-content: start;
		text-align: left;
		font-size: 1.0em;
	}

	div.results_column{
		min-width: 80%;
		border-left: 0px none;
		order: 10;
	}

	.magrano_display_pc_only{
		display: none !important;
	}

	.magrano_display_tablet_only{
		display: none !important;
	}

	.magrano_logo{
		width: 100%;
		padding: 5px 0px 0 0px;
		background: linear-gradient(0deg, rgba(230,230,230,1) 50%, rgba(230,230,230,0) 100%);
		-webkit-filter: grayscale(0%);
		opacity: 0.8;
		text-align: center;
		z-index: 100;
		display: flex;
		align-items: center;
		justify-content: center;
		bottom: 0;
		left: 0;
		color: #888888;
	}

	div.results_column.column_mobile_1{
		order: 1;
	}

	div.results_column.column_mobile_2{
		order: 2;
	}

	div.results_column.column_mobile_3{
		order: 3;
	}

	div.results_column.column_mobile_4{
		order: 4;
	}

	div.results_column.column_mobile_5{
		order: 5;
	}

	div.results_column.column_mobile_6{
		order: 6;
	}

	div.results_column.column_mobile_7{
		order: 7;
	}

	div.results_column.column_mobile_8{
		order: 8;
	}

	div.results_column.column_mobile_9{
		order: 9;
	}

}