/* the fonts are on fire */
@import url('https://fonts.googleapis.com/css?family=Heebo');

* {
    font-family: 'Heebo' !important;
}
.BasketBox span {
    font-family: inherit !important;
    font-size: inherit !important;
}
.fa-shopping-cart:before {
    font-family: FontAwesome !important;
    margin: 0 0.5em;
}
.fa, .fas {
    font-family: FontAwesome !important;
    font-style: normal !important;
}
.Header h3 { font-size: 16px; }
.hasProducts { font-size: initial !important; }
.Footer .ContextBox .ContextBoxHead span, .Footer .ContextBox .ContextBoxHead h1 { line-height: 20px; }

/* GENERAL */

/* Cross selling */
.CrossellingCount tr td, .CrossellingInfoArea {
    text-align: center !important;
}
.Price.FloatLeft {
    text-align: center !important;
    width: 100%;
}
.CrossellingImageArea {
    height: 200px;
	position: relative;
}
.CrossellingImageArea a {
/*    position: absolute; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.CrossellingCount tr td img, .BundledProductsTable tr td img {
    max-height: 200px;
    max-width: 300px;
}
.CrossellingInfoArea {
    min-height: 105px;
    position: relative;
}
.CrossellingInfoArea .FloatRight {
    position: absolute;
    bottom: 0;
    margin: 0 !important;
}
table.CrossellingCount td.MediumColumn {
    padding-top: 55px;
}
.CrossellingCount .CrossellingInfoArea, .BundledProductsTable BundledProductsInfoArea {
    padding: 25px 0 4px 0;
}
.CrossellingInfoArea, .CrossellingInfoArea .FloatLeft, .CrossellingInfoArea .FloatRight {
    text-align: center !important;
    width: 100%;
}
.CrossellingInfoArea button.ButtonBasket {
    padding: 5px 10px;
}

/* MOBILE */
@media screen and (max-width: 700px)
{
	/* Cross selling */
	.CrossellingCount tr td, .CrossellingCount tr td div {
		display: block;
		width: 95%;
		text-align: center !important;
	}
}

/* DESKTOP */
@media screen and (min-width: 700px)
{
	/* Cross selling */
	.CrossellingCount tr td {
    	width: auto;
	    display: table-cell;
		text-align: center !important;
	}
	table.CrossellingCount td.MediumColumn .FloatRight {
		float: none;
	}
}

/* widening everything */
@media screen and (min-width: 800px) {
.NavBarRoof, .Header, .Middle, .NavBarTop, .Footer, .NavBarRoof.HorizontalNavBar, .NavBarTop.HorizontalNavBar { width: 100% !important; }
.ContentArea, .NavBarRoof .PropertyContainer, .HorizontalNavBar .PropertyContainer, .NavBarTop .PropertyContainer { width: 90%; max-width: 1290px; margin: 0 auto !important; }
.Middle { max-width: 1290px; }}

@media screen and (max-width: 800px){.NavBarRoof, .Header, .NavBarTop, .Footer {padding: 0px; }}

/* shopping cart styling */
html body .GeneralLayout .HorizontalNavBar .BasketBox img { visibility:hidden; }
.fa-shopping-cart:before {  content: " " !important;  }
html body .GeneralLayout .HorizontalNavBar .BasketBox .fa-shopping-cart { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9ItCh0LvQvtC5XzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEzOSAxMzk7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMzkgMTM5IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTEuOSwxMjhIMjcuMWMtMS40LDAtMi42LTEuMi0yLjYtMi42VjQzLjZjMC0xLjQsMS4yLTIuNiwyLjYtMi42aDg0LjhjMS40LDAsMi42LDEuMiwyLjYsMi42ICB2ODEuOEMxMTQuNSwxMjYuOCwxMTMuMywxMjgsMTExLjksMTI4eiIgaWQ9IlhNTElEXzFfIi8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQzLjUsNDFjMC0zMCwyNi0zMCwyNi0zMHMyNiwwLDI2LDMwIiBpZD0iWE1MSURfN18iLz48L3N2Zz4=');
background-size: cover; background-repeat: no-repeat; width: 30px; height: 30px; }


.contentslider li { width: 100% !important; }

/* header stuff */
.NavBarRoof.HorizontalNavBar a, .NavBarTop.HorizontalNavBar a { text-transform: uppercase; }
.NavBarRoof.HorizontalNavBar { border-bottom: 1px solid lightgrey; }
.ep-megamenu-first-level-element.NavigationElement.MenuToggle a { font-size: 20px !important; }
.ep-megamenu-first-level-element.NavigationElement.MenuToggle a:hover { color: inherit !important; }


/* narrowing and styling the menu */
/* @media screen and (max-width: 800px){ */
	.ep-megamenu-container { max-width: 240px; padding: 0px; margin-top: 13px; box-shadow: 0px 0px; }
	.ep-megamenu .masonry a { padding: 5px; margin: 0px 0px 0px 5px; font-weight: 400; }
	.ep-megamenu .masonry > li { width: 100% !important; margin: 0px; border-bottom: 1px dotted lightgrey; }
	.ep-megamenu-container { box-shadow: 0px 1px 11px rgba(169, 166, 166, 0.58); }
	.ep-megamenu-third-level-element:first-child { margin-top: 0px; }

	.ep-megamenu-third-level-element a { padding: 0px !important; margin: 0px 0px 0px 15px !important; }
	.ep-megamenu-third-level-element a { text-transform: initial !important; }
	.ep-megamenu .active-marker { display: none !important; }
/* }*/

/* same in the admin side */
.NavBarTop.HorizontalNavBar.Selected, .NavBarTop.HorizontalNavBar.Unselected {  width: 100% !important; }

/* restriction for logo */
#epages_cartridges_de_epages_design_widget_NavigationelementLogo_0 img, .Header.HorizontalNavBar .custom-left .ShopLogo img { max-width: 250px; }

/* breadcrumbing */
.ContentArea .BreadcrumbItem, .ContentArea .BreadcrumbItem:hover, .ContentArea .BreadcrumbLastItem, .fa-angle-right:before { font-weight: normal; font-size: 10px; }
h3.BottomMargin { margin: 10px 0px; max-width: 100% !important;  }

/* add to cart styling */
button.ep-js.AddToBasketButton.ep-uiInput.ep-uiInput-button {
    width: 70%;
    margin: 0 auto;
    max-width: 300px;
}
/* no diving line in sublinks or header */
.ep-megamenu-container ul li a:after, .NavBarRoof.HorizontalNavBar .custom-right a:after,
.NavBarRoof.HorizontalNavBar .custom-left a:after, .ep-megamenu li a:after { content: ""; text-transform: uppercase; }

/* adding padding to content area */
/* @media screen and (min-width: 700px) { p { padding: 10px; }} */
p { padding: 10px 0; }

/* cooler search */
.SearchForm.horizontal-search > input { height: 25px; width: 150px; }
.InputField.SearchForm.horizontal-search { border-radius: 4px; }

/* show cart number */
html body .GeneralLayout .HorizontalNavBar .BasketBox span:first-child { display: initial; font-size: inherit; }

/* hide selaa sivuja */
.PageThis.ClearBoth { display: none; }

/* padding for flags */
.LocaleFlags.NavBarElement5 img { padding: 0px 2px; }

/* left navbar stuff */
.NavBarLeft .ContextBoxHead span, .NavBarLeft .ContextBoxHead { padding: 6px; font-family: inherit !important; text-transform: uppercase; margin-left: 15px; }
@media screen and (min-width: 800px) {.Div .ContentArea { margin-left: 251px !important; }}
.NavBarLeft .ContextBox .BoxContainer { border: 1px solid lightgrey; }
.ContextBoxBody { background: whitesmoke; padding: 10px !important; margin: 0px !important; }
.NavBarLeft ul li { list-style-type: disc; margin-left: 10px; margin-top: 5px; }
.NavBarLeft .RightPaddingSmall img { max-width: 210px !important; float: left; }


@media screen and (max-width: 700px) {
.NavBarLeft .RightPaddingSmall img { max-width: 98% !important; }
.NavBarLeft .ContextBox { width: 98%; }
img.ThumbnailsInBasket { display: none; }
.Header.HorizontalNavBar .custom-right { padding-right: 0px !important; }}

.NavBarLeft span.LineThrough { color: #333; font-size: 10px; }
p.some img { width: 25px !important; height: auto !important; padding: 5px; filter: invert(60%); }
p.payment img, .logo img { filter: invert(60%); }
p.payment img:hover, .logo img:hover { filter: invert(0%); }
p.some img:hover { padding: 5px; filter: invert(0%); }

/* basket stuff */
.Message.Medium, html body .MessageInfo { padding: 1px 8px 8px 40px; }
.Basket input.ep-js.ep-uiInput.ep-uiInput-text { max-width: 23px; }


@media screen and (max-width: 800px) {
	.Message.Medium.FreeShipping h3 { font-size: 15px; }
	.Basket tr, .Basket td, .Basket a, .Basket div, .Basket input { font-size: 10px !important; }
	.Basket input.ep-js.ep-uiInput.ep-uiInput-text { max-width: 18px; }
	form#BasketForm button.SubmitButton { min-width: 90% !important; margin: 15px auto; }
	div#ViewMultiCheckoutConfirmation { padding: 15px; }
}

body#MultiCheckout .Logo img { max-width: 50%;  margin: 15px auto; }
body#MultiCheckout .ep-uiInput-select { min-width: 175px; }
div#BasketAddressFormContainer img { max-width: 100px; }
form#BasketForm img.productBasketImage.FloatLeft { max-width: 100px; }
#KCOLink, #KCOLinkNavElement { font-weight: normal !important; }

/* product category stuff */
.CategoryImage img { margin: 10px 20px 20px 10px !important; }
@media screen and (min-width: 700px) {
	.CategoryList .CategoryText { max-width: 100%; margin-right: 10px; }
}
.ListItemCategory .ImageArea img {
    max-width: 100%;
}
.ListItemCategory .InfoArea p { margin-top: -5px; }
.CategoryList .ListItemCategory h3 a { padding: 0px !important; font-size: 12px !important; display: block; line-height: 33px !important; }
.ListItemCategory:hover { border: 1px solid grey; }
.CategoryList .ListItemCategory h3 { text-align: center; margin: 0px !important;  }
.CategoryList table.ListItemCategoryTable .ListItemCategory { border: 0px; }
.CategoryList table.ListItemCategoryTable .ListItemCategory:hover { border: none;  }
.CategoryList table.ListItemCategoryTable .ListItemCategory .InfoArea h3 {  padding: 15% 0%; }
.CategoryList table.ListItemCategoryTable .ListItemCategory .InfoArea h3 a { font-size: 13px !important; }
.ListItemCategory .InfoArea {  text-align: center; }
.ListItemCategory .ImageArea { display: block; margin: 0 auto !important; float: none; }
.ContentAreaWrapper h3 { margin-left: 0px !important; }


/* tuoteryhmäpainikkeet kivaksi */
.ListItemCategory .InfoArea p { display: none; }
.ListItemCategory {  min-height: 15px; margin: 7px 4px 0 0; padding: 18px 8px 8px; display: inline-block; border: 1px solid lightgrey; }

@media screen and (max-width: 700px) { .CategoryImage img { margin: 10px auto !Important; }
.ContentArea h1 { text-align: center; }}

.CategoryText { margin-top: 10px !important; /* float: right !important; */ }

/* footer stuff */
.FooterContainer { position: inherit !important;}
.FooterContainer .SizeContainer.custom-container.custom-right { margin: 0 auto; }
.FooterContainer .PropertyContainer .SizeContainer.custom-container.custom-right .ContextBox .BoxContainer h3 { margin: 0px; }
.FooterContainer strong { font-weight: normal !important; color: black; text-transform: uppercase; }
.FooterContainer .ContextBoxBody, .Footer .ContextBoxHead { padding: 0px !important; }
.Footer .ContextBox .BoxContainer { min-height: 350px; }
.FooterContainer .SizeContainer.custom-container.custom-left { width: 74%; }
.FooterContainer .custom-left .ContextBox { width: 32% !important; }

@media screen and (max-width: 1000px) {
.ContextBox { margin: 0 auto !important; display: block !important; float: none !important; }
.FooterContainer .SizeContainer.custom-container.custom-left { width: 100%; }
.Footer .ContextBox .BoxContainer span { text-align: center; }
.Footer .ContextBox .BoxContainer { min-height: 0px; margin: 30px 0px; }
.Footer .ContextBoxBody strong { color: black; }
.FooterContainer .custom-left .ContextBox { width: 100% !important; }}




/* product site */
#ProductInfoTabs .ui-tabs-nav .ui-state-active { border: 0px; background: whitesmoke; }
.footer {max-width: 110px !important;}
.ContentArea h3 { margin: 10px 0px; }
.ep-uiLightbox-ctrlClose { height: 28px; right: 10px; top: 10px; border: 2px solid #333; width: 28px; border-radius: 0px; box-shadow: none; background: none; }
.ep-uiLightbox-ctrlClose:hover { background: whitesmoke; }
.ep-uiLightbox-ctrlClose span { color: #333 !important; }




    /* products two in row for mobile */
    @media screen and (max-width: 735px) {
    .four-colums-product-list .ImageArea img { width: 99%; }
    table.ProductListImageBox.three-colums-product-list td, table.ProductListImageBox.four-colums-product-list td { max-width: 99%; }
    table.ProductListImageBox.three-colums-product-list h3 { margin-top: 20px !important; }
    table.ProductListImageBox.three-colums-product-list td, table.ProductListImageBox.four-colums-product-list td  { width: 95%; display: block; margin: 20px auto; }}


    .four-colums-product-list .InfoArea { max-width: 228px !important; }
    .HotDealList.ClearBoth .ListItemProduct img { max-width: 165px;  float: left; }

    @media screen and (min-width: 700px) {
     	.ListItemProductInfoContainer {
    		width: 80%;
		    float: right;
			}
	}

.three-colums-product-list .ImageArea img, .four-colums-product-list .ImageArea img { height: auto !important; max-height: none; max-width: 100% !important; }
.CategoryProducts form.AddToBasketForm, .ShowVariations {
    position: absolute;
    bottom: 10px;
    left: 1%;
    right: 1%;
}
.CategoryProducts table.HorizontalDisplay.FullSize form.AddToBasketForm {
    position: relative;
}
table.ProductListImageBox .NewProduct { position: absolute; top: 0px; left: 0px;  background: black; color: white; padding: 2px 10px; }
table.ProductListImageBox.three-colums-product-list .InfoArea { min-height: 560px; }
table.ProductListImageBox.four-colums-product-list .InfoArea { min-height: 460px; margin: 20px auto; }
table.ProductListImageBox.four-colums-product-list .TopPaddingWide { padding: 0px !important; }
 .three-colums-product-list .InfoArea { max-width: 312px; }
    .two-colums-product-list .ImageArea.ClearBoth { max-height: 415px; }

    @media screen and (max-width: 735px) {
    .two-colums-product-list .ImageArea img { max-height: 70%; }
    .ProductListImageBox.two-colums-product-list div.ImageArea { line-height: 200px; }
    .two-colums-product-list h3.TopPaddingWide { margin-top: 10px; }
    .ProductDetails .NewProduct { position: absolute !important; }}


/* products to work coolio */
.HotDeal { /* border: 1px solid #333; */ background: #fafafa !important; max-width: 200px; display: block; margin: 20px auto; }
table.ProductListImageBox td .InfoArea { /* border: 1px solid #333; */ background: #fafafa !important; padding: 0px !important; }
.ProductListImageBox div.InfoArea { padding: 0px; }
span.hotdeal-old-price.LineThrough { color: #333; }
.HotDeal:hover, .ProductListImageBox .InfoArea:hover { box-shadow: 0px 0px 3px lightgrey; }
.AddToBasketButton[type="submit"], .Customizable button { padding: 10px 5px; }
.ProductListImageBox h3 a, .CategoryProducts .TopPaddingWide, .ProductListImageBox .Price, .ProductListImageBox .price-value { text-align: center; display: block ; float: none; }
.ProductListImageBox .Description, .ProductListImageBox h3 a, .ProductListImageBox .LineThrough { text-align: center; display: block; }
.ProductListImageBox .FloatLeft { float: none; }
.InfoArea h3 a { /* background: rgba(234, 233, 233, 0.22); */  min-height: 33px; padding: 10px; font-weight: bold; font-size: 16px;  }
.ContentArea h3 {
	margin: 10px auto;
/* max-width: 95%;*/
}
.ListItemProductTopFloatArea h3 a { background: none !important; }
.ListItemProduct .Description.SmallTopPadding { text-align: left;  }
.ListItemProduct h3 a { padding-left: 0px; }
.ListItemCategory h3 a {  background: none; }
span.ep-sprite.ep-sprite-s.BasketIcon { display: none; }
.ep-uiInput-buttonSpriteOnly.ep-sprite.ep-sprite-s.BasketIcon { display: block; margin: 0 auto; }
.ProductListImageBox .Description, .ListItemProduct .Description.SmallTopPadding { max-height: 50px; overflow: hidden; }

@media screen and (max-width: 750px) {
.ep-uiLightbox.ui-dialog.ui-front.ep-uiLightbox-showThumbs .ep-uiLightbox-thumbs
{  display: none !important; }
.ep-uiLightbox.ui-dialog.ui-front.ep-uiLightbox-showThumbs .ep-uiLightbox-slides { width: 100%; }
.ep-uiLightbox.ui-dialog.ui-front.ep-uiLightbox-showThumbs
{ width: 95% !important; left: 0px; max-height: 518px;}}

.InfoArea h3 a:hover { font-weight: bold; }

@media screen and (min-width: 550px) {
.HotDeal { min-height: 300px; }
.HotDeal .ImageArea { height: 200px; }}


@media screen and (max-width: 700px) {
.HotDeal { width: 48%; max-width:155px; min-height: 285px; }}

.ListItemCategory .InfoArea { margin-top: -11px; }
.HotDealTopFloatin .NewProduct { top: 1px; left: 1px; background: black; color: white; padding: 0px 5px; }
.ProductDetails .NewProduct,  .ListItemProductInfoContainer .NewProduct  { padding: 0px 5px; line-height: 25px; z-index: 99; margin-right: 20px; }

.ProductDetails .NewProduct { background: black; color: white; margin-top: 8px; }
 .ListItemProductInfoContainer .NewProduct  { background: black; color: white; }

/* blog stuff */
.Message .CategoryImage {  max-width: 30%; margin-right: 20px; }
a.CustomButton.FloatLeft { background: whitesmoke; width: 45%; margin: 5px 1%; font-size: 15px; padding: 10px 10px 20px; text-align: center; }

@media screen and (max-width: 700px) {
.Message .CategoryImage { max-width: 100%; margin-right: 0px; }
.Message .MessageBlock {  display: block;  width: 100%; border-bottom: 1px dotted lightgray; }
a.CustomButton.FloatLeft {  width: 90%; display: block; margin: 5px auto; }}

.BlogListItem img { max-width: 100%; }
.BlogListItem h2 a, .BlogListItem h2 a:hover { font-size: 18px; font-weight: bold; letter-spacing: 1px; }
.BlogListItem h1, .BlogListItem h2 { margin: 10px 0px; }
.Message p { padding: 10px 0px; }
.ep-2-click-button.DisplayInlineBlock {
    filter: grayscale(1);
}.Message .MessageBlock {  padding: 15px 0px; }
.BlogListItem { margin-top: 15px;   padding-top: 15px;  border-top: 1px dotted lightgray; }

/* Login page stuff */

form#UserLoginForm h2.MarginBottom { display: none; }
form#UserLoginForm input[type="text"], form#UserLoginForm input[type="password"] { width: 200px;  padding: 5px; margin: 15px 0px; }
form#UserLoginForm button { margin: 25px 0px; }


form#registrationForm .InputField input.ep-uiInput-text {
    width: 245px;
    padding: 5px 5px;
}
form#registrationForm .InputField  { height: 30px; }
form#registrationForm select.ep-uiInput.ep-uiInput-select { width: 250px; height: 30px; }
form#registrationForm  .TableHead div { font-weight: bold;  font-size: 15px; margin-bottom: 15px; }
form#registrationForm button.ep-js.ep-uiInput.ep-uiInput-button { width: 50%; }
@media screen and (max-width: 700px) {
.InputLabelling { text-align: left !important; }
form#registrationForm button.ep-js.ep-uiInput.ep-uiInput-button { width: 100%; }
.TextLeft, .TextRight {  width: 100% !important; display: block; margin: 10px 0px; }}



/*mobile optimization */
.Header.HorizontalNavBar { z-index: 1; }

@media screen and (max-width: 800px) {
	.ContentArea {padding: 0px;}
	#ContentAreaFix, .Div .ContentArea:before { display:none; }
	.NavBarLeft { display: block; margin: 0 auto; float: none !important; }
	.NavBarTop.HorizontalNavBar div.SizeContainer { width: 100%; }
	.HorizontalNavBar .PropertyContainer, .ep-megamenu-container{ width: 100% !important;}
	.ep-megamenu-third-level-element a { font-size: 11px !important; }
	.ep-megamenu-container { margin-top: 4px; max-width: 100%; left: 0px !important; }
	.Header.HorizontalNavBar .custom-left .ShopLogo img { max-width: 50%; margin: 0px 0px 20px 0px; }
	.NavBarRoof.HorizontalNavBar .custom-left { display: none; }
	.NavBarLeft .PropertyContainer, .NavBarLeft.VerticalNavBar { width: 100%; }
	.NavBarLeft .SizeContainer { width: 94%; }
	.ep-megamenu { width: 100% !important; }
	li.ep-megamenu-first-level-element { background: #333 !important; padding-left: 10px !important; }
	li.ep-megamenu-first-level-element a { color: white; }
	li.ep-megamenu-first-level-element, .ep-megamenu-second-level-element { padding: 5px 10px !important; }
	li.ep-megamenu-first-level-element.MenuToggle a { color: inherit !important; }
	li.ep-megamenu-first-level-element.MenuToggle { background: inherit !important; padding-left: 10px !important; }
	.NavBarTop .NavigationElement { height: 28px; }
	.ep-megamenu-second-level-element a { color: #333 !important; }
	.ep-megamenu-third-level-element a { color: grey !important; }
	.ep-megamenu-first-level-element li:hover, .ep-megamenu-second-level-element li:hover, .ep-megamenu-third-level-element li:hover { background: whitesmoke;}
	.ep-megamenu-third-level-element a:hover { color: black !important; }
	.Header .SizeContainer.custom-container.custom-left { width: 100%; margin-left: 0px; max-width: 50%; }
	.Header.HorizontalNavBar .custom-right { padding-right: 15px; }
	ul.ep-megamenu > li { border-bottom: 1px solid lightgray; }
	.CategoryList .ListItemCategory { display: block;  margin: 10px auto !important; width: 85%; }
	.NavBarLeft .ContextBox .BoxContainer {margin-top: 15px;}
}

@media screen and (max-width: 550px) {
	.Header .SizeContainer.custom-container.custom-left { max-width: 100% !important; }
	.CategoryImage img { margin: 0 auto; display: block; }
}


/* fixes on search filtering */
.NavBarLeft .BoxContainer {  margin: 10px 0px !important; padding: 0px !important; }
li.RemoteSearchFacetsInitial { text-transform: uppercase;  float: left; margin: 5px 0px; }
div#RemoteSearchFacets li { list-style-type: none; }
div#RemoteSearchFacets { margin-top: 0px; }
div#RemoteSearchFacets li ul.LeftPaddingWide {
    padding-left: 0 !important;
}


.NavBarTop {
    white-space: normal;
    overflow: visible;
}
.NavBarTop .PropertyContainer, .NavBarTop .SizeContainer {
    overflow: visible;
    height: auto;
}
ul.ep-megamenu-second-level-group li a:after {
    display: none !important;
}

@media only screen and (max-width: 800px) {

 .NavBarTop.HorizontalNavBar div.SizeContainer { height: auto; }
 .HorizontalNavBar .PropertyContainer { margin: 0px !important; }
 .ep-megamenu-first-level-element { display: block !important; }
 .ep-megamenu-first-level-element div.ep-megamenu-container { display: none; }
 .ep-megamenu-first-level-element span.active-marker { display: none !important; }
 .ep-megamenu.Collapsed { overflow:hidden; height: 28px; }
 .ep-megamenu.Collapsed span.plus { display:none; }
 .ep-megamenu .MenuToggle a::before { content: ""; }
 .ep-megamenu.Collapsed .MenuToggle a::before { content: ""; }
 .ep-megamenu.Collapsed .MenuExtra { display: block; }

div.SizeContainer .ep-megamenu-first-level-element div.ep-megamenu-container ul li {
    display:block;
 }
div.SizeContainer .ep-megamenu-first-level-element div.ep-megamenu-container .ep-megamenu-second-level-group {
    display: block;
    height: auto;
    position: relative !important;
    float: none;
 }
div.SizeContainer .ep-megamenu-first-level-element div.ep-megamenu-container  .ep-megamenu-second-level-element {
    display: block;
    position: relative !important;
    top: initial !important;
    left: initial !important;
 }
}

.Tarjous {
    display: block;
    width: 35px;
    height: 35px;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI1MiIgd2lkdGg9IjUyIiB5PSItMSIgeD0iLTEiLz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8cmVjdCBpZD0ic3ZnXzEiIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgZmlsbD0ibm9uZSIvPgogIDxwYXRoIGlkPSJzdmdfMiIgc3Ryb2tlLXdpZHRoPSIxLjkzNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZT0iIzAwMDAwMCIgZmlsbD0iIzAwMDAwMCIgZD0ibTQ4LjUzMzAwMSwyOC40OTM5OTlsLTMuODEzLDMuNjU2MDAybDAuNDMsNS4yNjU5OTljMC4wNTg5OTgsMC43MTg5OTggLTAuMzk2LDEuMzc2OTk5IC0xLjA4ODAwMSwxLjU3Nzk5OWwtNS4wNzUwMDEsMS40NjMwMDFsLTIuMDYzOTk5LDQuODYyYy0wLjI4MzAwMSwwLjY2NDAwMSAtMC45OTQ5OTksMS4wNDIgLTEuNjk2OTk5LDAuODkxOTk4bC01LjE3OTAwMSwtMS4wNjA5OTdsLTQuMDg3MDAyLDMuMzQ0OTk3Yy0wLjI3ODk5OSwwLjIyODAwMSAtMC42MTgsMC4zNDIwMDMgLTAuOTU5LDAuMzQyMDAzcy0wLjY4LC0wLjExNDAwMiAtMC45NTksLTAuMzQyMDAzbC00LjA4NiwtMy4zNDQ5OTdsLTUuMTc5OTk5LDEuMDYwOTk3Yy0wLjcwMywwLjE1MiAtMS40MTMsLTAuMjI5IC0xLjY5NywtMC44OTE5OThsLTIuMDY0LC00Ljg2MmwtNS4wNzUsLTEuNDYzMDAxYy0wLjY5LC0wLjIwMSAtMS4xNDYsLTAuODU5MDAxIC0xLjA4OCwtMS41Nzc5OTlsMC40MywtNS4yNjU5OTlsLTMuODEzLC0zLjY1NjAwMmMtMC41MjEsLTAuNDk3OTk5IC0wLjYxNywtMS4yOTUgLTAuMjMyLC0xLjkwMmwyLjgyOSwtNC40NjJsLTEuNjgsLTUuMDA5OTk4Yy0wLjIyOCwtMC42ODMwMDEgMC4wNTgsLTEuNDMyMDAxIDAuNjgxLC0xLjc5MWw0LjU3OCwtMi42NGwwLjg0MiwtNS4yMTRjMC4xMTUsLTAuNzEyIDAuNzE0LC0xLjI0MyAxLjQzMywtMS4yNzJsNS4yNzksLTAuMjA4bDMuMTY4LC00LjIyN2MwLjQzNCwtMC41NzUgMS4yMTI5OTksLTAuNzY4IDEuODYyLC0wLjQ1OGw0Ljc3MSwyLjI3bDQuNzcxLC0yLjI3YzAuNjQ2LC0wLjMxMSAxLjQyOTAwMSwtMC4xMTggMS44NjEsMC40NThsMy4xNjg5OTksNC4yMjdsNS4yNzkwMDMsMC4yMDhjMC43MTg5OTgsMC4wMjkgMS4zMTc5OTcsMC41NiAxLjQzNTk5NywxLjI3MWwwLjg0MjAwMyw1LjIxNGw0LjU3Nzk5OSwyLjY0YzAuNjIyOTk3LDAuMzU5IDAuOTA2OTk4LDEuMTA4MDAxIDAuNjgxLDEuNzkwOTk5bC0xLjY3OTAwMSw1LjAxbDIuODI3OTk5LDQuNDYyYzAuMzg0MDAzLDAuNjA4IDAuMjg4MDAyLDEuNDA1MDAxIC0wLjIzMjk5OCwxLjkwM3oiLz4KICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBpZD0ic3ZnXzQiIGQ9Im0xNS43MTUsMjIuNTczOTk5Yy0wLjE3OSwtMC41NjkgLTAuMjM5LC0wLjg5Nzk5OSAtMC4yMzksLTMuMDUzOTk5YzAsLTIuMTU2IDAuMDYxLC0yLjQ4NTAwMSAwLjIzOSwtMy4wNTQwMDFjMC40NzksLTEuNDA3IDEuNzM3LC0yLjMwNDk5OSAzLjQ0MzAwMSwtMi4zMDQ5OTlzMi45NjM5OTksMC44OTggMy40NDE5OTksMi4zMDQ5OTljMC4xOCwwLjU2OSAwLjI0LDAuODk4MDAxIDAuMjQsMy4wNTQwMDFjMCwyLjE1NDk5OSAtMC4wNjEwMDEsMi40ODQ5OTkgLTAuMjQsMy4wNTM5OTljLTAuNDc5LDEuNDA3MDAxIC0xLjczNiwyLjMwNSAtMy40NDE5OTksMi4zMDVzLTIuOTY0MDAxLC0wLjg5Nzk5OSAtMy40NDMwMDEsLTIuMzA1em01LjA1OSwtMC40NzljMC4wOSwtMC4yOTkgMC4xNSwtMC43MTkgMC4xNSwtMi41NzQ5OTlzLTAuMDYwOTk5LC0yLjI3NSAtMC4xNSwtMi41NzUwMDFjLTAuMjM5LC0wLjY4OCAtMC44Mzc5OTksLTEuMDQ3OTk5IC0xLjYxNTk5OSwtMS4wNDc5OTlzLTEuMzc3MDAxLDAuMzU5IC0xLjYxNjAwMSwxLjA0Nzk5OWMtMC4wOSwwLjI5OSAtMC4xNSwwLjcxOSAtMC4xNSwyLjU3NTAwMXMwLjA2MDk5OSwyLjI3NSAwLjE1LDIuNTc0OTk5YzAuMjM5LDAuNjg4MDAyIDAuODM3OTk5LDEuMDQ4IDEuNjE2MDAxLDEuMDQ4czEuMzc2OTk5LC0wLjM1ODk5OSAxLjYxNTk5OSwtMS4wNDh6bTguOTgyLC03LjcyMzk5OWMwLjExOTk5OSwtMC4yMDkwMDEgMC4yMzksLTAuMjk5MDAxIDAuNDc5LC0wLjI5OTAwMWwxLjQzNywwYzAuMTc5OTk4LDAgMC4yMzg5OTgsMC4xNTAwMDEgMC4xNSwwLjI5OTAwMWwtMTEuODI2LDIwLjQxODAwMWMtMC4xMTg5OTksMC4yMDkgLTAuMjM5LDAuMjk5IC0wLjQ0ODk5OSwwLjI5OWwtMS40MzcsMGMtMC4xOCwwIC0wLjI3LC0wLjE0OTAwMiAtMC4xOCwtMC4yOTlsMTEuODI2LC0yMC40MTgwMDF6bS0yLjg0NCwxNS4yOTljMCwtMi4xNTYgMC4wNTk5OTksLTIuNDg1MDAxIDAuMjM4OTk4LC0zLjA1NWMwLjQ3OSwtMS40MDcgMS43MzYsLTIuMzA1IDMuNDQzMDAxLC0yLjMwNWMxLjcwNTk5OSwwIDIuOTYzOTk5LDAuODk4MDAxIDMuNDQxOTk5LDIuMzA1YzAuMTgsMC41NjkgMC4yMzkwMDIsMC44OTgwMDEgMC4yMzkwMDIsMy4wNTVjMCwyLjE1Mzk5OSAtMC4wNjAwMDEsMi40ODM5OTkgLTAuMjM5MDAyLDMuMDUyOTk5Yy0wLjQ3OSwxLjQwNzAwMSAtMS43MzYsMi4zMDYgLTMuNDQxOTk5LDIuMzA2Yy0xLjcwNzAwMSwwIC0yLjk2NDAwMSwtMC44OTc5OTkgLTMuNDQzMDAxLC0yLjMwNmMtMC4xNzg5OTksLTAuNTY5IC0wLjIzODk5OCwtMC44OTkgLTAuMjM4OTk4LC0zLjA1Mjk5OXptMy42ODI5OTksMy42MjJjMC43NzgsMCAxLjM3NzAwMSwtMC4zNTkwMDEgMS42MTU5OTksLTEuMDQ4YzAuMDksLTAuMjk5IDAuMTQ5MDAyLC0wLjcxOSAwLjE0OTAwMiwtMi41NzM5OTljMCwtMS44NTYwMDEgLTAuMDYwMDAxLC0yLjI3NSAtMC4xNDkwMDIsLTIuNTc1MDAxYy0wLjIzODk5OCwtMC42ODggLTAuODM3OTk5LC0xLjA0Nzk5OCAtMS42MTU5OTksLTEuMDQ3OTk4cy0xLjM3OCwwLjM1ODk5OSAtMS42MTY5OTksMS4wNDc5OThjLTAuMDksMC4zMDAwMDEgLTAuMTQ5LDAuNzE5IC0wLjE0OSwyLjU3NTAwMWMwLDEuODU1IDAuMDU5OTk5LDIuMjc1IDAuMTQ5LDIuNTczOTk5YzAuMjM4OTk4LDAuNjg4OTk5IDAuODM3OTk5LDEuMDQ4IDEuNjE2OTk5LDEuMDQ4eiIvPgogPC9nPgo8L3N2Zz4=') no-repeat top left;
    top: 0;
    right: 0;
    background-size: cover;
}
.ProductDetails .Tarjous {
    float: right;
}
.LinkArea .Tarjous {
  position: absolute;
}



@media screen and (max-width: 700px) {
.RemoteSearchFacet  { display: inline-block }
.RemoteSearchFacets, .RemoteSearchFacets span.fa:nth-child(1) { display: inline-block !important; }
.RemoteSearchFacets { width: 90%;}
div#RemoteSearchFacets a { text-transform: uppercase; font-weight: bold; }
.Middle .ContentAreaWrapper>.RemoteSearchFacets, .Middle .ContentAreaWrapper .CategoryList>.RemoteSearchFacets { width: 90%; }

.FacetsToggle a, .FacetsToggle a:visited, .FacetsToggle a:hover   { color: white; }
.FacetsToggle {  background: #333; /* margin: -2% -4% 3% -2%; */ padding: 5px 0px; }

#RemoteSearchFacets {
border: 1px solid #333;
padding: 0px 0px 5px;
margin: 10px;
text-align: center;
box-shadow: 0px 0px 2px #3c5578 !important;
}}



@media screen and (min-width: 200px)
{
	div#RemoteSearchFacets.Collapsed {
    	height: 26px !important;
    	overflow: hidden !important; padding-bottom: 0px;
	}
	div#RemoteSearchFacets {
    	height: auto !important;
    	width: 100%;
	}
@media screen and (min-width: 700px)
{
	div#RemoteSearchFacets .FacetsToggle {
    	display: none !important;
	}
	div#RemoteSearchFacets.Collapsed {
    	height: auto !important;
	}
}




.extraBnr {
    height: 400px;
    text-align: center !important;
    text-shadow: 3px 3px 3px #999;
    color: #fff !important;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.extraBnr .TextRight {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    text-shadow: 0px 1px #333;
}
.extraBnr h2 {
    font-size: 2.5em;
    color: #fff;
}

@media screen and (max-width: 700px) {
.extraBnr h2 { font-size: 2em; color: #fff; }
.extraBnr { height: 40vh; }}

.extraBnr a {
    background: #fff;
    padding: 10px 20px;
    margin: 10px;
    display: inline-block;
    color: #333;
    text-decoration: none;
    text-shadow: none !important;
    border: 1px solid #eee;
}


.extraBnr a:hover {
    background: #333;
    color: white;
    transition-duration: 0.2s;
}

.CategoryBaseTable .TextLeft {
    padding: 0;
    display: block;
    width: 100%;
}


/* Piilota editorissa */
.ShowVisualAid .extraBnr {
    display: none;
}
#ContentPreviewContent-StartPage .ImgLeft, #ContentPreviewContent-StartPage .TextRight {
    display: none;
}

@media screen and (max-width: 800px) {
.NavBarTop .PropertyContainer, .ShopLogo img {
padding-bottom: 0px; margin: 0px !important; }}



@media screen and (max-width: 1000px)
{.Middle { background: white; }}

a.BreadcrumbItem:after { content: " /"; }

span.fa.fa-angle-right.LeftSmallPadding.RightSmallPadding { display: none; }

.ep-megamenu-container { margin-top: 12px; }

.ProductListImageBox img, .HotDealList img { max-height: 250px !important; }

.HotDeal img, .ProductListImageBox .InfoArea img  { padding-top: 10px; }

 a.ProductName { padding: 0px 10px; }

.ProductListImageBox .InfoArea div
{ margin: 0 auto !important; float: none; text-align: center; }

a.ProductName { font-weight: bold; white-space: initial; }

a.ProductName:hover { font-weight: bold; }

.extraBnr {background-blend-mode: multiply; background-color: #e3e3e3; }

.HotDeal { min-height: 350px; }

.HotDealList.ClearBoth .ListItemProduct img { vertical-align: middle; float: none; }

.ListItemProduct .ImageArea { line-height: 200px; }

.ListItemProduct h3.Headline { text-align: left; }

@media screen and (min-width: 750px) {
	.CategoryBaseTable .TextLeft {width: 49%; }
}
@media screen and (max-width: 750px) {
	.ep-megamenu-third-level-element a { color: #333 !important; }
	.ep-megamenu-first-level-element li:hover,
	.ep-megamenu-second-level-element li:hover,
	.ep-megamenu-third-level-element li:hover { background: none !important; }
	.ListItemProduct .FloatLeft { width: 100%; }
	.TestShopAlert.TopLeft,
	.TestShopAlert.TopRight { display: none; }
	.NavBarTop .PropertyContainer { padding: 3px 0px 0 0px; }
/* 	.Header .SizeContainer.custom-container.custom-left { padding: 10px; } */
	.ProductDetails.ImgLeft .InfoArea h1 { font-size: 23px; font-weight: bold !important; text-align: left; }
}

iframe { max-width: 100%; } #KCOButton span { font-weight: bold; }

.ProductDetails .NewProduct { top: 0px; }


#epages_cartridges_de_epages_design_widget_NavigationelementLogo_0 img, .Header.HorizontalNavBar .custom-left .ShopLogo img {max-height: 150px;} @media screen and (min-width: 750px) { .HotDeal { margin: 20px;}}


 /* quick design width fix */
   .GeneralLayout { width: 100% !important; }
   .Div .Middle { max-width: 1290px !important; }

/* version 1.1 korjaukset */


@media screen and (max-width: 800px) {
.ProductListImageBox img, .HotDealList img {
    width: auto !important;
}}

.message-cookies {
    background-color: white;
    color: #111;
    z-index: 999;
    text-align: center;
    padding-top: 15px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}

.message-bar.message-cookies a { color: #00b4e9; }
.message-bar-inner { padding: 0px; }
span.fa.fa-close-message.CursorPointer.DisplayInlineBlock.AlignCenter { display: block; width: 37%; margin: 15px auto !important; }
span.fa.fa-close-message.CursorPointer.DisplayInlineBlock.AlignCenter { margin-left: 20px; background: black; padding: 7px 30px; vertical-align: middle; border-radius: 4px; }

span.fa.fa-close-message.CursorPointer.DisplayInlineBlock.AlignCenter:before {
    content: "OK";
    font-family: monospace;
    font-weight: bold;
    color: white !important;
}


/* version 1.2 korjaukset */

body > div.Layout1.GeneralLayout.Div > div.Middle > div.ContentArea > div > div > div.CategoryList > div.CategoryBase > table > tbody > tr:nth-child(2) > td { width: 100% !important; }
a#Link_ProductDataSheet_11 { text-align: center; display: block; }
table.three-colums-product-list div.InfoArea .LinkArea { padding-bottom: 0px; }
table.ProductListImageBox.three-colums-product-list span.ep-uiInput.ep-uiInput-button.ep-uiSpinner-stepper { display: none; }
table.ProductListImageBox.three-colums-product-list button.AddToBasketButton.ep-js.ButtonBasket.ep-uiInput.ep-uiInput-button { bottom: 0px; }
table.ProductListImageBox.three-colums-product-list input.Quantity.epWidth50.epWidth-4.ep-js.ep-uiInput.ep-uiInput-text.ep-uiValidate.ep-uiSpinner { display: none; }

@media screen and (max-width: 757px) { td.MediumColumn { width: 100% !important; display: block; }}
td.MediumColumn .FloatRight { float: left; margin-left: 10px; }
.BlogListItem .Message { float: left; }
.epCustomFormWrapper button.AlignRight.Button.ep-js.ep-uiInput.ep-uiInput-button { float: left !important; padding: 5px 26%; }
div#epCustomFormWrapperId { margin-top: 30px; max-width: 585px; }
.epCustomFormWrapper dl dt { display: block !important; width: 100% !important; text-align: left !important; }
.epCustomFormWrapper dl dd { margin: 0 auto; }
div#epCustomFormWrapperId textarea, div#epCustomFormWrapperId input { width: 96%; }
@media screen and (max-width: 757px) { .epCustomFormWrapper button.AlignRight.Button.ep-js.ep-uiInput.ep-uiInput-button { padding: 5px 41%; }}
#CouponCode { max-width: 200px !important; }
.ContentArea .KlarnaCheckoutContainer { margin: 2px !important; }
.ContentArea #KCOArea { background: #f4f4f4; margin-top: 35px; padding: 20px; }
.ContentArea #KCOArea h2 { background: #f4f4f4; text-align: left; }
.ContentArea #checkout body { background: #f4f4f4 !important; }
.ContentArea .KCOShippingMethod { text-align: left; }
.extraBnr h2 { font-size: 2.3em; padding-top: 20px; }
table.PagerTable { margin-top: 40px; }
.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close { color: #e7e7e7; }


/*version 1.3. fixes */
/* Basket overlay*/

div#BasketOverLay span.fa.fa-shopping-cart { display: none; }
div#BasketOverLay span img.FloatRight {
    display: none;
}
div#BasketOverLay a {
    color: #000;
    text-decoration: none;
}
div#BasketOverLay a span {
    font-size: initial;
}
div#BasketOverLay {
    text-align: center;
    display: block;
    padding: 5px 10px 10px;
    margin-top: 0px !important;
    background: #e0f5c8;
    left: 0px !important;
    min-width: 100% !important;
    position: fixed !important;
    top: -20px !important;
    z-index: 9999999999999 !important;
    -webkit-animation:moveOpen 5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}
/* Safari and Chrome */
@-webkit-keyframes moveOpen
	{
    from {-webkit-transform: translate(0,-100px);}
    10% {-webkit-transform: translate(0,20px);}
    12% {-webkit-transform: translate(0,22px);}
    16% {-webkit-transform: translate(0,20px);}
    80% {-webkit-transform: translate(0,20px);}
    85% {-webkit-transform: translate(0,25px);}
    to {-webkit-transform: translate(0,-100px);}
}

.NavBarRoof { z-index: 1 !important; }
.NavBarTop .PropertyContainer, .NavBarLeft, .NavBarRight,.NavBarLeft .PropertyContainer, .NavBarRight .PropertyContainer, ul.DropDownList { z-index: 0 !important; }
@media screen and (max-width: 757px) {
  .NavBarElement2.BasketBox.NavElementIcon {
    margin-left: 0px !important;
  }
}

/* Palautuslomakkeen muotoilut */
.OrderReturnInput.InputField {
    margin-bottom: 1em !important;
}

@media screen and (max-width: 770px){

#OrderReturnFormContainer .OrderReturnLabel.InputLabelling.InputLabellingWide{
    text-align: left !important;
  }
}

@media screen and (max-width: 550px){
  .OrderReturnLabel.InputLabelling.InputLabellingWide {
      width: 100% !important;
  }
}






/* Version 1.8 fix */
table.ProductListImageBox.four-colums-product-list tr {
        display: block !important;
    }

.ProductListImageBox tr td {
    text-align: center !important;
}

.four-colums-product-list .InfoArea {
    max-width: 300px !important;
}

.start-page table.ProductListImageBox.four-colums-product-list td,
table.ProductListImageBox.four-colums-product-list td {
    float: left !important;
    box-sizing: border-box !important;
}

/* Muiden sivujen tuotelistaus ilman sivupalkkia */
@media screen and (min-width: 900px){
	table.ProductListImageBox.four-colums-product-list td {
    	width: 25%;
	}
}

/* Etusivun tuotelistaus + sivupalkki */
@media screen and (max-width: 1000px){
     .start-page table.ProductListImageBox.four-colums-product-list td{
        width: 33% !important;
    }
}

@media screen and (max-width: 500px){
	.start-page table.ProductListImageBox.four-colums-product-list td {
        width: 50%!important;
    }
}

@media screen and (max-width: 360px){
	.start-page table.ProductListImageBox.four-colums-product-list td {
        width: 100%!important;
    }
}
}



/* Versio 1.91 */
/* Hampurilainen isommaksi, yläpalkki tiiviimmäksi */
li.MenuToggle fa.fa.fa-bars {
    font-size: 25px;
}
.NavBarLeft .ContextBoxBody p {
    padding-left: 10px;
}

/* 1.94  */
.Header img, .FooterContainer img {
    max-width: 85%;
    height: auto !important;
}
.AddressDialog textarea.LongText {
    max-height: 50px;
}

/* Myös: näytä vaihtoehdot-napit linjassa
Fontti muutettu skandinaavisia merkkejä paremmin ymmärtäväksi
Ikonit svb base64:nä
Rekisteröitymislomakkeen pikku fiksaus
 */