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

.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;
	box-shadow: 0 3px 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: -10px;
	width: 21px;
	height: 21px;
	cursor: hand;
	cursor: pointer;
	background: #dd2200;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: none;
}

.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: 0px none;
	border-top: solid 4px #e3276b;
}

.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 #e3276b;
}

.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: solid 1px #e3e1df;
	flex-grow: 1;
	flex-shrink: 1;
	flex-wrap: wrap;
	overflow: hidden;
	padding: 10px;
}

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

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

.column_title{
}

.brands_container{
}

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

.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 10px 10px;
	color: #4D4D4D;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

.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_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.subtitle{
	font-size: 80%;
	color: #888888;
}

.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: #ece8e2;
}

.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: #FF6F00;
	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: visible;
	text-align: left;
	transition: all 0.2s;
	position: relative;
}

.products_container a::before{
	box-shadow: 0 0px 0px 0 rgba(83,49,88,0.13);
	transition: all 0.2s;
}

.products_container a:hover::before, .products_container a.selectedItem::before{
	content: ' ';
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
	box-shadow: 0 20px 30px 0 rgba(0,0,0,0.2);
}

.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: calc(25% - 13px);
	margin: 5px;
	border: solid 1px #eeeeee;
}

.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: 15px;
	left: 0px;
	width: 40px;
	height: 20px;
	background: ##cd0000;
	color: #FFFFFF;
	display: flex;
	font-size: 0.8em;
	letter-spacing: 0px;
	font-weight: bold;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.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: 12px;
	right: 8px;
	width: 30px;
	height: 30px;
	z-index: 5;
	background: #e3276b;
	color: #FFFFFF;
	display: flex;
	font-size: 0.8em;
	font-weight: bold;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: all 0.3s;
}

.products_container div.products a .product_add_to_cart::before{
	content: ' ';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 18px;
	height: 18px;
	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='18px' height='19px'><path fill-rule='evenodd'  fill='white' d='M8.165,10.955 L8.070,10.955 C7.724,10.955 7.442,11.235 7.442,11.580 L7.442,15.549 C7.442,15.893 7.724,16.174 8.070,16.174 L8.165,16.174 C8.511,16.174 8.794,15.893 8.794,15.549 L8.794,11.580 C8.794,11.235 8.511,10.955 8.165,10.955 ZM5.651,10.955 L5.556,10.955 C5.209,10.955 4.927,11.235 4.927,11.580 L4.927,15.549 C4.927,15.893 5.209,16.174 5.556,16.174 L5.651,16.174 C5.996,16.174 6.279,15.893 6.279,15.549 L6.279,11.580 C6.279,11.235 5.996,10.955 5.651,10.955 ZM3.768,7.005 C3.891,7.075 4.028,7.111 4.165,7.111 C4.303,7.111 4.440,7.075 4.562,7.003 C4.815,6.853 4.959,6.575 4.961,6.237 C5.279,4.126 7.145,2.537 9.310,2.537 C11.478,2.537 13.347,4.132 13.659,6.247 C13.700,6.801 14.111,7.040 14.476,7.030 C14.863,7.019 15.274,6.729 15.274,6.216 L15.271,6.183 C14.919,3.196 12.354,0.944 9.310,0.944 C6.264,0.944 3.700,3.196 3.347,6.183 L3.345,6.216 C3.345,6.564 3.500,6.851 3.768,7.005 ZM16.099,7.653 L2.500,7.653 C1.523,7.653 0.728,8.441 0.728,9.409 C0.728,10.022 1.052,10.579 1.586,10.893 L2.869,16.840 C2.886,17.847 3.719,18.660 4.740,18.660 L14.039,18.660 C14.548,18.660 15.045,18.452 15.403,18.089 C15.720,17.765 15.897,17.357 15.899,16.938 L17.225,10.755 C17.632,10.426 17.873,9.931 17.873,9.409 C17.873,8.441 17.077,7.653 16.099,7.653 ZM16.194,9.597 C15.978,9.702 15.827,9.896 15.778,10.129 L14.372,16.748 L14.365,16.808 C14.365,16.983 14.218,17.125 14.039,17.125 L4.740,17.125 C4.542,17.125 4.410,16.959 4.403,16.702 L4.403,16.675 L3.014,10.189 C2.954,9.905 2.731,9.675 2.448,9.604 C2.345,9.578 2.273,9.498 2.273,9.409 C2.273,9.287 2.375,9.189 2.500,9.189 L16.099,9.189 C16.225,9.189 16.327,9.288 16.327,9.409 C16.327,9.486 16.277,9.558 16.194,9.597 ZM13.195,10.955 L13.101,10.955 C12.754,10.955 12.472,11.235 12.472,11.580 L12.472,15.549 C12.472,15.893 12.754,16.174 13.101,16.174 L13.195,16.174 C13.542,16.174 13.824,15.893 13.824,15.549 L13.824,11.580 C13.824,11.235 13.542,10.955 13.195,10.955 ZM10.680,10.955 L10.586,10.955 C10.239,10.955 9.958,11.235 9.958,11.580 L9.958,15.549 C9.958,15.893 10.239,16.174 10.586,16.174 L10.680,16.174 C11.027,16.174 11.308,15.893 11.308,15.549 L11.308,11.580 C11.308,11.235 11.027,10.955 10.680,10.955 Z'/></svg>");
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: center center;
}

.products_container div.products a .product_add_to_cart:hover{
	background: #DA2562;
}

.products_container div.products a .product_add_to_cart::after{
}

.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: 100%;
	min-height: 0;
	margin-bottom: 15px;
}

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

.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{
	margin: 10px auto;
	display: inline-block;
	padding: 10px 20px;
	background: #e3276b;
	color: #FFFFFF;
	cursor: hand;
	cursor: pointer;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	width: 80%;
	position: relative;
	transition: all 0.3s;
}

.products_container .products_btn_all:hover, .products_container .products_btn_all.selectedItem{
	background: #DA2562;
}

.products_container .products_btn_all::after{
}

.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;
	text-align: left;
}

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

.result_highlighted{
	background: rgba(227,39,107,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;
	margin-left: 5px;
}

.magrano_logo:hover{
	color: #000000;
	-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: 100%;
		max-width: 100%;
	}

	.result_container.result_container_border{
		width: 100%;
		max-width: 100%;
	}

}

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

}

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

	.result_container.result_container_border{
		width: 100%;
	}

	.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: 767px){
	.searchbox_container_fixed_tablet{
		position: fixed;
		top: 0px;
		z-index: 50000;
		overscroll-behavior: none;
	}

	.searchbox_container_fixed_tablet .result_container{
		top: 50px !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: 177px !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 15px 0 15px;
		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;
	}

}