@font-face { font-family: 'SF Pro Display'; font-display: swap; src: local('☺'), url('../style/fonts/SF-Pro-Display-Regular.woff') format('woff'), url('../style/fonts/SF-Pro-Display-Regular.ttf') format('truetype'), url('../style/fonts/SF-Pro-Display-Regular.svg') format('svg'); }
#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 1694px minmax(0, 1fr); grid-template-rows: 0px auto 10px; }
#imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; }
#imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; }
#imSideBar { display: none; }
#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
@media (max-width: 1693.9px) and (min-width: 1500.0px) {
	#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 1500px minmax(0, 1fr); grid-template-rows: 0px auto 0px; }
	#imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; }
	#imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; }
	#imSideBar { display: none; }
	#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
	#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
	
}
@media (max-width: 1499.9px) and (min-width: 1204.0px) {
	#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 1204px minmax(0, 1fr); grid-template-rows: 0px auto 0px; }
	#imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; }
	#imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; }
	#imSideBar { display: none; }
	#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
	#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
	
}
@media (max-width: 1203.9px) and (min-width: 960.0px) {
	#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 960px minmax(0, 1fr); grid-template-rows: 0px auto 0px; }
	#imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; }
	#imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; }
	#imSideBar { display: none; }
	#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
	#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
	
}
@media (max-width: 959.9px) and (min-width: 720.0px) {
	#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 720px minmax(0, 1fr); grid-template-rows: 0px auto 0px; }
	#imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; }
	#imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; }
	#imSideBar { display: none; }
	#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
	#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
	
}
@media (max-width: 719.9px) and (min-width: 600.0px) {
	#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 600px minmax(0, 1fr); grid-template-rows: 0px auto 0px; }
	#imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; }
	#imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; }
	#imSideBar { display: none; }
	#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
	#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
	
}
@media (max-width: 599.9px) and (min-width: 480.0px) {
	#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 480px minmax(0, 1fr); grid-template-rows: 0px auto 0px; }
	#imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; }
	#imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; }
	#imSideBar { display: none; }
	#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
	#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
	
}
@media (max-width: 479.9px) and (min-width: 400.0px) {
	#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 400px minmax(0, 1fr); grid-template-rows: 0px auto 0px; }
	#imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; }
	#imFooter { display: block; grid-column: 1 / 4; grid-row: 3 / 4; }
	#imSideBar { display: none; }
	#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
	#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
	
}
@media (max-width: 399.9px) and (min-width: 320.0px) {
	#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 320px minmax(0, 1fr); grid-template-rows: 0px auto 0px; }
	#imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; }
	#imFooter { display: block; grid-column: 1 / 4; grid-row: 3 / 4; }
	#imSideBar { display: none; }
	#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
	#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
	
}
@media (max-width: 319.9px)  {
	#imPage { display: grid; grid-template-columns: 0 minmax(0, 1fr) 0; grid-template-rows: 0px auto 0px; }
	#imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; }
	#imFooter { display: block; grid-column: 1 / 4; grid-row: 3 / 4; }
	#imSideBar { display: none; }
	#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
	#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
	
}
#imContent { display: grid; grid-template-columns: minmax(0, 1fr) 1694px minmax(0, 1fr); grid-template-rows: auto; }
#imSearchPage { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
@media (max-width: 1693.9px) and (min-width: 1500.0px) {
	#imContent { display: grid; grid-template-columns: minmax(0, 1fr) 1500px minmax(0, 1fr); grid-template-rows: auto; }
	#imSearchPage { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	
}
@media (max-width: 1499.9px) and (min-width: 1204.0px) {
	#imContent { display: grid; grid-template-columns: minmax(0, 1fr) 1204px minmax(0, 1fr); grid-template-rows: auto; }
	#imSearchPage { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	
}
@media (max-width: 1203.9px) and (min-width: 960.0px) {
	#imContent { display: grid; grid-template-columns: minmax(0, 1fr) 960px minmax(0, 1fr); grid-template-rows: auto; }
	#imSearchPage { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	
}
@media (max-width: 959.9px) and (min-width: 720.0px) {
	#imContent { display: grid; grid-template-columns: minmax(0, 1fr) 720px minmax(0, 1fr); grid-template-rows: auto; }
	#imSearchPage { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	
}
@media (max-width: 719.9px) and (min-width: 600.0px) {
	#imContent { display: grid; grid-template-columns: minmax(0, 1fr) 600px minmax(0, 1fr); grid-template-rows: auto; }
	#imSearchPage { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	
}
@media (max-width: 599.9px) and (min-width: 480.0px) {
	#imContent { display: grid; grid-template-columns: minmax(0, 1fr) 480px minmax(0, 1fr); grid-template-rows: auto; }
	#imSearchPage { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	
}
@media (max-width: 479.9px) and (min-width: 400.0px) {
	#imContent { display: grid; grid-template-columns: minmax(0, 1fr) 400px minmax(0, 1fr); grid-template-rows: auto; }
	#imSearchPage { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	
}
@media (max-width: 399.9px) and (min-width: 320.0px) {
	#imContent { display: grid; grid-template-columns: minmax(0, 1fr) 320px minmax(0, 1fr); grid-template-rows: auto; }
	#imSearchPage { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	
}
@media (max-width: 319.9px)  {
	#imContent { display: grid; grid-template-columns: 0 minmax(0, 1fr) 0; grid-template-rows: auto; }
	#imSearchPage { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	
}

/* CONTAINER AND TITLE */
#imSearchPage { overflow: auto; max-width: 100%; }
#imPgTitle.searchPageTitle { margin-inline-start: 5px; margin-inline-end: 5px; }

/* SIDE MENU  */

@media (min-width: 1694.0px) {
	#imSearchContent { width: 1414px; padding-block: 20px; padding-inline: 0px; float: right; float: inline-end; }
	#imSearchSideBar { width: 235px; padding-block: 20px; padding-inline: 0px; float: left; float: inline-start; }
	#imSearchSideBar li { display: block; width: 100%; }
	
}
@media (max-width: 1693.9px) and (min-width: 1500.0px) {
	#imSearchContent { width: 1251px; padding-block: 20px; padding-inline: 0px; float: right; float: inline-end; }
	#imSearchSideBar { width: 208px; padding-block: 20px; padding-inline: 0px; float: left; float: inline-start; }
	#imSearchSideBar li { display: block; width: 100%; }
	
}
@media (max-width: 1499.9px) and (min-width: 1204.0px) {
	#imSearchContent { width: 1002px; padding-block: 20px; padding-inline: 0px; float: right; float: inline-end; }
	#imSearchSideBar { width: 167px; padding-block: 20px; padding-inline: 0px; float: left; float: inline-start; }
	#imSearchSideBar li { display: block; width: 100%; }
	
}
@media (max-width: 1203.9px) and (min-width: 960.0px) {
	#imSearchContent { width: 798px; padding-block: 20px; padding-inline: 0px; float: right; float: inline-end; }
	#imSearchSideBar { width: 133px; padding-block: 20px; padding-inline: 0px; float: left; float: inline-start; }
	#imSearchSideBar li { display: block; width: 100%; }
	
}
@media (max-width: 959.9px) and (min-width: 720.0px) {
	#imSearchContent { width: 100%; padding-block: 20px; padding-inline: 0px; }
	#imSearchSideBar { width: 100%; text-align: center; }
	#imSearchSideBar li { display: inline-block; width: auto; margin-inline-end: 5px; }
	
}
@media (max-width: 719.9px) and (min-width: 600.0px) {
	#imSearchContent { width: 100%; padding-block: 20px; padding-inline: 0px; }
	#imSearchSideBar { width: 100%; text-align: center; }
	#imSearchSideBar li { display: inline-block; width: auto; margin-inline-end: 5px; }
	
}
@media (max-width: 599.9px) and (min-width: 480.0px) {
	#imSearchContent { width: 100%; padding-block: 20px; padding-inline: 0px; }
	#imSearchSideBar { width: 100%; text-align: center; }
	#imSearchSideBar li { display: inline-block; width: auto; margin-inline-end: 5px; }
	
}
@media (max-width: 479.9px) and (min-width: 400.0px) {
	#imSearchContent { width: 100%; padding-block: 20px; padding-inline: 0px; }
	#imSearchSideBar { width: 100%; text-align: center; }
	#imSearchSideBar li { display: inline-block; width: auto; margin-inline-end: 5px; }
	
}
@media (max-width: 399.9px) and (min-width: 320.0px) {
	#imSearchContent { width: 100%; padding-block: 20px; padding-inline: 0px; }
	#imSearchSideBar { width: 100%; text-align: center; }
	#imSearchSideBar li { display: inline-block; width: auto; margin-inline-end: 5px; }
	
}
@media (max-width: 319.9px)  {
	#imSearchContent { width: 100%; padding-block: 20px; padding-inline: 0px; }
	#imSearchSideBar { width: 100%; text-align: center; }
	#imSearchSideBar li { display: inline-block; width: auto; margin-inline-end: 5px; }
	
}
.imSLabel { padding-block: 10px; padding-inline: 0px; }
#imSearchSideBar li { margin-bottom: 0px; background-color: transparent; border-bottom: 1px solid rgba(25, 25, 25, 1); }
#imSearchSideBar .imPgMnFirst { border: none; }

/* Normal font style */
#imSearchSideBar .imScMnTxt { display: block; padding-block: 6px; padding-inline: 0px; text-decoration: none; font: normal normal 13pt 'SF Pro Display'; color: rgba(25, 25, 25, 1);}

/* Current or hover font style */
#imSearchSideBar li:hover { text-decoration: underline; cursor: pointer; }
.imScMnTxt a { display: block; width: 100%; }

/* Section font style */
#imSearchSideBar .imPgMnSeparator a, #imSearchSideBar .imPgMnSeparator .imScMnTxt, #imSearchSideBar .imPgMnSeparator:hover a, #imSearchSideBar .imPgMnSeparator .imScMnTxt { cursor: auto; background-color: transparent; text-decoration: none; color: rgba(25, 25, 25, 1); }
#imSearchSideBar li:hover.imPgMnSeparator { cursor: auto; background-color: transparent; }
#imSearchSideBar ul a, #imSearchSideBar ul a:hover, #imSearchSideBar ul a:visited { font: inherit; color: inherit; text-align: inherit; text-decoration: none; }

/* SEARCH FIELDS */
.imPageSearchField { text-align: center; }

/* RESULTS */
.imSearchLink { margin-top: 5px; }
.imSearchPageResult, .imSearchBlogResult { margin-block: 0px 20px; margin-inline: 0px; text-overflow: ellipsis; overflow: hidden; }
.imSearchProductResult { margin-block: 0px 30px; margin-inline: 0px; text-overflow: ellipsis; overflow: hidden; }
#imSearchResults .imSearchCount { text-decoration: none; font-weight: normal; }
#imSearchResults h3 { color: inherit; margin-bottom: 5px; font-size: 1.2em; text-decoration: underline; font-weight: normal; }
#imSearchResults .imProductImage { display: inline-block; width: 20%; text-align: center; vertical-align: top; }
#imSearchResults .imProductImage img { max-width: 100%; }
#imSearchResults .imProductTitle img { margin-inline-start: 10px; }
#imSearchResults .imProductTitle { margin-bottom: 10px; }
#imSearchResults .imProductDescription { display: inline-block; width: 80%; }
#imSearchResults .imProductDescription > * { padding-inline-start: 10px; padding-inline-end: 10px; }
.imSearchImageResultContent {float: left; float: inline-start; width: 50%;}
.imSearchImageResult {clear: none; float: left; float: inline-start; width: 50% }
.imSearchImageResult img { border-width: 0; width: 94%; padding-inline-start: 3%; padding-inline-end: 3%; float: left; float: inline-start; }
.imSearchVideoResultContent {float: left; float: inline-start; width: 50%;}
.imSearchVideoResult {clear: none; float: left; float: inline-start; width: 50% }
.imSearchVideoResult img { border-width: 0; width: 94%; padding-inline-start: 3%; padding-inline-end: 3%; float: left; float: inline-start; }
.imSearchVideoDuration { margin-top: 5px; clear: both; display: block; text-decoration: none; color: gray; font-weight: normal; }
@media (min-width: 1694.0px) {
	#imSearchPage { box-sizing: border-box; margin-inline-start: auto; margin-inline-end: auto; padding-block: 0px; padding-inline: 5px; }
	
}

@media (max-width: 1693.9px) and (min-width: 1500.0px) {
	#imSearchPage { box-sizing: border-box; margin-inline-start: auto; margin-inline-end: auto; padding-block: 0px; padding-inline: 5px; }
	
}

@media (max-width: 1499.9px) and (min-width: 1204.0px) {
	#imSearchPage { box-sizing: border-box; margin-inline-start: auto; margin-inline-end: auto; padding-block: 0px; padding-inline: 5px; }
	
}

@media (max-width: 1203.9px) and (min-width: 960.0px) {
	#imSearchPage { box-sizing: border-box; margin-inline-start: auto; margin-inline-end: auto; padding-block: 0px; padding-inline: 5px; }
	
}

@media (max-width: 959.9px) and (min-width: 720.0px) {
	#imSearchPage { box-sizing: border-box; margin-inline-start: auto; margin-inline-end: auto; padding-block: 0px; padding-inline: 5px; }
	
}

@media (max-width: 719.9px) and (min-width: 600.0px) {
	#imSearchPage { box-sizing: border-box; margin-inline-start: auto; margin-inline-end: auto; padding-block: 0px; padding-inline: 5px; }
	
}

@media (max-width: 599.9px) and (min-width: 480.0px) {
	#imSearchPage { box-sizing: border-box; margin-inline-start: auto; margin-inline-end: auto; padding-block: 0px; padding-inline: 5px; }
	
}

@media (max-width: 479.9px) and (min-width: 400.0px) {
	#imSearchPage { box-sizing: border-box; margin-inline-start: auto; margin-inline-end: auto; padding-block: 0px; padding-inline: 5px; }
	
}

@media (max-width: 399.9px) and (min-width: 320.0px) {
	#imSearchPage { box-sizing: border-box; margin-inline-start: auto; margin-inline-end: auto; padding-block: 0px; padding-inline: 5px; }
	
}

@media (max-width: 319.9px)  {
	#imSearchPage { padding-inline-start: 5px; padding-inline-end: 5px; }
	
}

#imPage.without-id_animation-in-progress { overflow: hidden }
