.Middle, .ContentArea, .ContentAreaInner, .ContentAreaWrapper {
    overflow: visible !important;
}
#ContentAreaFix, .Div .ContentArea:before {
    height: auto;
}

/* ----------- Fontit ----------- */
* {
    font-family: "Lato",sans-serif !important;
}
.BasketBox span {
    font-family: inherit !important;
    font-size: inherit !important;
}
.fa-shopping-cart:before {
    font-family: FontAwesome !important;
    margin: 0 0.5em;
}
.fa {
    font-family: FontAwesome !important;
    font-style: normal !important;
}

/* cookie-ilmoitus */
.message-cookies .fa-close-message {
    border: 1px solid;
    width: 20px;
    height: 20px;
    margin: 20px 0;
    position: relative;
    right: 50%;
    top: 10px;
}

/* Sivuston leveys */
form {
    clear: both;
}
.NavBarRoof .PropertyContainer, .NavBarTop .PropertyContainer, .Header .PropertyContainer, .NavBarTop, .Middle, .Footer .PropertyContainer {
    width: auto;
}
.Div .ContentArea {
    margin: 0;
}
.GeneralLayout {
   width: 100%;
   max-width: 100%;
   height: 100%;
   margin: 0px auto 0 auto;
   overflow: hidden;
}
div.NavBarRoof .PropertyContainer, div.Header, div.NavBarTop .PropertyContainer, div.Middle, div.NavBarBottom .PropertyContainer, div.Footer .PropertyContainer {
   max-width: 1200px !important;
   margin: auto;
   width: 100%;
}
div.NavBarRoof {
   width: 100%;
}

/* Kuvien rajoitus */
img {
    max-width: 100% !important;
    height: auto !important;
}

/* Roof */
.NavBarRoof p.BasketLink, .NavBarRoof .NavigationElement > a, .NavBarRoof .NavigationElement > em > a, .NavBarRoof .NavigationElement.SSLSwitch input {
    line-height: normal;
}
.NavBarRoof .NavElementIcon {
    height: 30px;
}
.NavBarRoof .NavigationElement a:after {
   display: none;
}
.HorizontalNavBar .BasketBox {
    margin-left: 0 !important;
}

/* Header */
.Header .ShopLogo img {
    max-height: 100px;
}


/* Navi */
.sticky {
	position: fixed !important; top: 0; width: 100%; z-index: 500;
}
.sticky .NavBarTop {
	margin: auto;
}
/* Piilota logo navigaatiosta oletuksena */
.NavBarTop .ShopLogo {
	display: none !important;
}
/* Näytä logo sticky-navissa */
.sticky .NavBarTop .ShopLogo {
    display: inline-block !important;
    padding: 0 7px;
    vertical-align: top;
}
/* Näytä navi-logo MBO:ssa */
.ShowVisualAid .NavBarTop .ShopLogo {
	display: inline-block !important;
}

.ep-megamenu li a:after {
	display: none !important;
}

/* Etusivu */


.start-page h2 {
	text-align: center;
}
.start-page td.TextRight {
    display: block;
}


/* Tuoteryhmäkuva loppu */
.extraBnr {
    height: 400px;
    text-align: center !important;
    color: #fff !important;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	margin-bottom: 30px;
}
.extraBnr .TextRight {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.extraBnr h2 {
    font-size: 2.5em;
    color: #fff;
    text-shadow: 3px 3px 3px #999;
}
.extraBnr p {
    font-size: 20px;
    margin: 10px 0;
    text-shadow: 1px 1px 1px #999;
}
.extraBnr a {
    background: #fff;
    padding: 5px 15px;
    margin: 10px;
    display: inline-block;
    color: #333;
    text-decoration: none;
    border: 1px solid #666;
}
.CategoryBaseTable .TextLeft {
    padding: 0;
    display: block;
    width: 100%;
}
/* Piilota editorissa */
.ShowVisualAid .extraBnr {
    display: none;
}


/* Slider responsiiviseksi */
.contentslider {
    margin: 0px auto !important;
    max-width: 100% !important;
}
.contentslider > ul {
    width: 100% !important;
    height: auto !important;
    padding-bottom: 33%;
}
.contentslider > ul > li {
    width: 100% !important;
}
.contentslider > ul > li img {
    width: 100% !important;
}

/* Tuotelistat */
	/* Filtteri */

.ContentArea .BreadcrumbItem, .ContentArea .BreadcrumbItem:hover, .ContentArea .BreadcrumbLastItem {
    font-weight: 100;
    top: 10px;
    font-size: 0.9em;
    color: #999;
}

span.fa.fa-angle-right.LeftSmallPadding.RightSmallPadding {
    display: none;
}
a.BreadcrumbItem:after {
    content: "\f101";
    font-family: "FontAwesome";
    margin: 0 5px;
}

.ContentArea h3 {
    margin-top: 10px;
}

table.ProductListImageBox.three-colums-product-list td .Description {
   	display: none;
}
.CategoryProducts {
    margin-top: 0;
}
.ep-uiSpinner-stepper {
    height: 25px;
}
.ep-uiSpinner-stepUp, .ep-uiSpinner-stepDown {
    height: 15px;
}
.ProductListImageBox div.InfoArea {
    text-align: center;
}
.ProductListImageBox div.InfoArea .FloatLeft {
    float: none;
}
.CategoryProducts span.withouttax {
    text-align: center;
}

/* Korostus tuotteille joilla on vertailuhinta */
.Tarjous {
    background: #ff0000;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    font-size: 11px !important;
    display: block;
    position: relative;
    float: right;
    padding: 10px 5px 0;
    text-align: center;
    margin: 0;
    bottom: 10px;
    color: #fff !important;
}

/* Bottom */
.NavBarBottom img {
    max-height: 40px;
    margin: 0 10px;
}

/* Footer */
.NavBarBottom, .Footer {
    white-space: normal;
}
.Footer .ContextBoxHead {
	padding: 0 0 30px 0;
	line-height: normal !important;
}
.Footer .ContextBoxHead span {
	height: inherit !important;
}
.Footer .BoxContainer .ContextBoxBody {
	margin-bottom: 20px;
}
.Footer .CreditCards {
    margin: 20px auto;
    width: 100%;
}
.Footer .NavigationText ul li a + a {
    margin-left: 0;
}
.Footer input {
    padding: 4px;
    border: 1px solid #666;
}
.Footer .ContextBoxBody strong {
    color: inherit;
}


/* MOBIILINÄKYMÄ */
@media screen and (min-width: 200px)
{
	.NavBarRoof, .Header, .Footer {
		padding: 0;
	}
	.Header .custom-right div {
		margin: 3px;
	}
	.Header .SearchElement form {
    	margin: 0 !important;
	}
	/* Header */

	.Header .SizeContainer.custom-container.custom-left {
    	width: 20%;
	}
	.Header .SizeContainer.custom-container.custom-right {
    	width: 80%;
	}
	.basket-txt, .basket-nbr, .fa-shopping-cart:before {
    	float: left;
	}
	/* Piilotetaan näytä ostoskori -teksti */
	.basket-txt {
    	display: none;
	}
	.basket-nbr, .basket-txt {
    	margin: 2px !important;
    	font-size: inherit !important;
	}
	.Header .BasketBox.NavElementIcon span.fa.fa-shopping-cart {
    	font-family: inherit !important;
    	font-size: 0;
	}

	/* Navi */
	.NavBarTop {
    	padding: 0;
	}
	.NavBarTop .ShopLogo img {
		max-height: 30px;
	}
	ul.Collapsed li.ep-megamenu-first-level-element {
		visibility: hidden;
	}
	.NavBarTop.HorizontalNavBar div.SizeContainer {
	   height: auto;
	 }
	.NavBarTop .PropertyContainer {
		height: auto !important;
	}
	ul.ep-megamenu {
    	padding: 2px 10px 3px 10px !important;
	}

	/* Tuotelista */
	.ProductListImageBox div.InfoArea {
    	min-height: 460px;
	}
  /* Kahden sarakkeen asettelu */
  .ProductListImageBox.two-colums-product-list div.ImageArea {
    line-height: 170px !important;
  }
  .ProductListImageBox.two-colums-product-list div.ImageArea img {
    max-height: 160px;
  }
	/* Hakusuodatin */
	div#RemoteSearchFacets.Collapsed {
    	height: 20px;
    	overflow: hidden;
	}
	div#RemoteSearchFacets {
    	height: auto;
	}

	table.ProductListImageBox tr td {
		display: block;
		width: 45%;
		float: left;
	}
	table.ProductListImageBox tr {
    	display: block;
	}


	.epWidth50.epWidth-4 {
		width: 20px;
	}

	/* Tuotesivu */



	/* Ristiinmyynti */
	.CrossellingCount tr td, .CrossellingCount tr td div {
		display: block;
		width: 95%;
		text-align: center !important;
	}

	/* Ostoskori */
	img.ThumbnailsInBasket {
		display: none;
	}
	table.Basket td, table.Basket td a, table.Basket td input {
		font-size: 85% !important;
	}
	td.NoWrap {
		white-space: normal !important;
		text-align: center !important;
	}

	/* Checkout */
	.CheckOutNav li {
		display: block;
		float: left;
	}
	.CheckOutNav li > a, .CheckOutNav li > span {
		padding: 6px 15px;
		font-size: 85%;
	}

	/* Footer */
	.Footer .ContextBoxHead span {
    	text-align: center !important;
	}
	.Footer .SizeContainer.custom-container.custom-left {
    	width: 100%;
	}
	.Footer .NavigationText {
    	width: 100%;
	}

	/* Roof sivun alas */
	.GeneralLayout {
		padding-bottom: 70px;
	}
	.NavBarRoof {
		position: absolute;
		bottom: 0;
	}
	.NavBarRoof .PropertyContainer {
	    padding: 10px 0;
	}
}


/* Vain mobiili */
@media screen and (max-width: 700px)
{

	.Header .SearchElement {
		width: 60% !important;
	}

	.Header .InputField.SearchForm {
		width: 100%;
		white-space: nowrap;
		max-width: 175px;
	}
	.Header input.Search {
		width: calc(100% - 32px);
	}
	.Header .SearchForm button.search-button {
	    width: 28px;
    	float: right;
	}
	.Header .BasketBox.NavElementIcon {
		width: 35% !important;
	}
	.fa-shopping-cart:before {
		font-size: 1.6em;
	}
	.Header span.fa.fa-shopping-cart {
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: inline-block !important;
		max-width: fit-content;
	}

	/* Ennakoiva haku */
	.de_epages-remotesearchUiSuggest-box {
		left: 0 !important;
	}

	/* Tuotelista */
	/* Piilotetaan mobiilissa juttuja */
	.CategoryProducts form.AddToBasketForm,
	.CategoryProducts span.ProductNo,
	.CategoryProducts .InfoArea br,
	.CategoryProducts .ClearBoth .ClearBoth .ClearBoth {
		display: none !important;
	}

	/* Tuotearviot */
	#NewRatingTable .SizeContainer {
		min-width: 300px;
	}
	#NewRatingTable .InputLabelling.RightPadding .FloatRight {
		float: left;
	}
	div#NewRatingTable .InputField {
		width: 100%;
	}
	#NewRatingTable textarea.ExtremeLongText, input.ExtremeLongText {
		width: 300px;
	}

	/* Tuotesivu */
	/* Lightbox*/
	.ep-uiLightbox.ui-dialog.ui-front.ep-uiLightbox-showThumbs {
		width: 85% !important;
		left: 5% !important;
	}
	.ep-uiLightbox .ep-uiLightbox-thumbs {
		width: 100%;
	}
	.ep-uiLightbox .ep-uiThumbbox.ep-uiThumbbox-list li {
		width: 50px !important;
		height: 50px !important;
		line-height: 50px !important;
	}
	.ep-uiLightbox-showThumbs .ep-uiLightbox-slides {
		right: 0;
		width: 100%;
	}
	table.VariationsTable {
	    position: relative;
    	overflow-x: scroll;
	    width: 100%;
    	display: block;
    	float: left;
	}

	/* Ostoskori, perinteinen tilausprosessi */
	table.Basket td {
	    word-break: break-all;
    	hyphens: auto;
	}
	table.productBasketImage tr td {
    	padding: 0;
	}
	.Basket .Money {
    	white-space: normal;
	}
	.BasketSharing .InputBlock .BS-inputLabel, .BasketSharing .InputBlock .InputField {
		width: 100%;
		float: left;
		display: block;
		padding: 0;
	}
	.BasketSharing .InputBlock {
		display: block !important;
	}
	.BasketSharing textarea.BasketSharing-textarea {
		width: 300px !important;
		font-size: 75% !important;
	}
	.BasketSharing {
		width: 100%;
		float: left;
	}
	.BasketSharing .Dialog {
		padding: 0;
	}
	.Basket input#CouponCode {
		width: 95px;
	}
	.Basket .ShippingOptionContainer .HalfWidth {
		width: 100% !important;
		padding-bottom: 20px;
	}
	/* Rekisteröityminen */
	.Dialog div.InputLabelling {
    	text-align: left;
	}
}

/* iPad */
@media screen and (min-width: 700px)
{
	/* Roof omalle paikalleen */
	.GeneralLayout {
		padding-bottom: inherit;
	}
	.NavBarRoof {
		position: relative;
		bottom: 0;
		padding: 3px 5px 0 5px;
	}
	.NavBarRoof .PropertyContainer {
	    padding: inherit;
	}
	/* Header */
    .ShopLogo img {
        max-height: initial;
    }

	.Header .SizeContainer.custom-container.custom-left {
    	width: 40%;
	}
	.Header .SizeContainer.custom-container.custom-right {
    	width: 60%;
	}

	.Header input.Search {
		width: initial;
		font-size: initial;
	}
	/* Näytetään näytä ostoskori -teksti */
	.basket-txt {
    	display: block;
	}
	.basket-nbr, .basket-txt {
    	margin: 0px 2px 1px 2px !important;
	}
	/* Navi */
	.NavBarTop .ShopLogo img {
		max-height: 40px;
	}

	/* Tuotelista */

	div#RemoteSearchFacets .FacetsToggle {
    	display: none;
	}
	div#RemoteSearchFacets.Collapsed {
    	height: auto;
	}
	.ProductListImageBox div.InfoArea {
    	height: auto;
	}
	table.ProductListImageBox.three-colums-product-list tr td {
		display: table-cell;
		width: 30%;
		float: left;
	}
	table.ProductListImageBox.four-colums-product-list tr td {
		display: table-cell;
		width: 23%;
		float: left;
	}
	table.ProductListImageBox tr {
    	display: table-row;
	}
	.ContentArea h3 {
	    max-height: inherit;
	}
  /* Kahden sarakkeen asettelu */
  .ProductListImageBox.two-colums-product-list div.ImageArea {
    line-height: 220px !important;
  }
  .ProductListImageBox.two-colums-product-list div.ImageArea img {
    max-height: 210px;
  }

	/* Tuotesivu */
	.ProductDetails {
	    float: left;
    	margin-bottom: 20px;
	}
	.ProductDetails .InfoArea, .ProductDetails .ProductImage {
    	width: 45%;
	}
	.ep-uiMagnifier-box>div>img, .ep-uiMagnifier-zoom>div>img {
    	margin-top: 0;
	}

	.CrossellingCount tr td {
    	width: auto;
	    display: table-cell;
	}
	.VariationsTable td.AlignMiddle {
    	padding-bottom: 10px !important;
	}
	td.NoWrap.AlignRight {
	    display: table-cell;
    	position: relative;
    	margin-top: 0px;
	}
	/* Piilotetaan kpl-valinta tuotelistassa */
	.ProductListImageBox .ep-uiSpinner-stepper, .ProductListImageBox input.Quantity {
		display: none;
	}
	.ShowInlineElement button.ButtonBasket {
    	padding: 2px 10px;
	}

	/* Footer */
	.Footer .SizeContainer.custom-container.custom-left, .Footer .SizeContainer.custom-container.custom-right {
    	width: auto !important;
    	padding: 0;
    	float: left;
	}
	.Footer .PropertyContainer .SizeContainer.custom-container.custom-left div {
    	float: left !important;
	}
}
@media screen and (max-width: 1000px)
{
	.Footer.HorizontalNavBar .SizeContainer.custom-container.custom-left {
		text-align: center;
		margin: auto;
	}
	.Footer .PropertyContainer .SizeContainer > * {
		display: block;
		float: left;
	}
}

/* DESKTOP */
@media screen and (min-width: 1020px)
{
	.Header .custom-right div {
		margin: 0;
	}

	/* Navi */
	/* Näytetään megamenu */
	ul.Collapsed li.ep-megamenu-first-level-element {
		visibility: visible;
	}
	li.NavigationElement.MenuToggle {
		display: none !important;
	}

	.NavBarTop .PropertyContainer {
    	padding-left: 10px;
	}
	.NavBarTop .NavigationElement {
    	margin-right: 25px;
	}
	/* Megamenu */

	.NavBarTop ul.ep-megamenu {
    	padding: 6px !important;
	}
	.NavBarTop {
		white-space: normal;
		overflow: visible;
	}
	.NavBarTop .PropertyContainer, .NavBarTop .SizeContainer {
		overflow: visible;
		height: auto;
	}



	/* Tuotesivu */


	/* Tuotelista */
	table.ProductListImageBox.three-colums-product-list tr td {
		display: table-cell;
		width: 30%;
	}
	.ProductListImageBox .ep-uiSpinner-stepper, .ProductListImageBox input.Quantity {
		display: inline-block;
	}
  /* Kahden sarakkeen asettelu */
  .ProductListImageBox.two-colums-product-list div.ImageArea {
    line-height: 350px !important;
  }
  .ProductListImageBox.two-colums-product-list div.ImageArea img {
    max-height: 340px;
  }
	/* Ostoskori */
	img.ThumbnailsInBasket {
		display: block;
	}
	table.Basket td, table.Basket td a, table.Basket td input {
		font-size: 100% !important;
	}

	/* Checkout */
	.CheckOutNav li {
		display: inline-block;
	}
	.CheckOutNav li > a, .CheckOutNav li > span {
		padding: 10px 20px;
		font-size: 100%;
	}
	/* Footer */
	.Footer .CategoriesBox {
    	margin-right: 20px;
	}
	.Footer .ContextBoxHead span {
    	text-align: left !important;
	}
	.SizeContainer.custom-container.custom-left {
    	width: auto;
	}
	.Footer .NavigationText {
    	width: auto;
	}
	.Footer .SizeContainer div {
		vertical-align: top;
	}
	.Footer .custom-left .BoxContainer {
		margin-right: 30px;
	}
}


@media only screen and (max-width: 1022px)
{
	/*Sticky */
	.ep-megamenu-container {
    	overflow-y: scroll;
	    max-height: 1950px !important;
    	height: 450px;
	}

	 .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: 25px;
	 }
	 .ep-megamenu.Collapsed span.plus {
	 	display:none;
	 }
	 .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 !important;
		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;
	 }

	 /* Ostoskorin lisävalinnat */
	 #ShippingOptionsForm table.VariationsTable .LeftPadding {
    	display: table-cell;
	}

}


/* 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;
  }
}
