/* TECHINS - MOBILE */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&display=swap');

/*@charset "UTF-8";*/

body,html{
	margin: 0; padding: 0;
	width: 100%; height: 100%;
	font-size: 1em;
	font-family: "Open Sans", Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}

body{
	background-color: #F5F5F5;
	min-width: 320px;
	max-width: 768px;
	height: auto;
	min-height: 100%;
	position: relative;
	box-sizing: border-box;
	/* fix biggger font-size in landscape mode */
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}

div{ margin: 0; padding: 0; }

a{ border: 0; text-decoration: none; }
a.tel{ float: none !important; width: auto !important; padding: 0 !important; display: inline !important; }
a.hovered-text{ color: #4A4A4A; }

.bb{ box-sizing: border-box !important; }
.relative{ position: relative; }

p{ margin: 0; padding: 0; font-size: 1em; }

input{ border: 1px solid #D8D8D8; font-size: 1em; font-family: "Open Sans"; }
input.input-num{ width: 10%; margin-right: 5px; }

input:not([type="checkbox"]):not([type="radio"]):not([type="date"]){ -webkit-appearance: none; border-radius: 0; padding: 10px; }

textarea{
	border: 1px solid #D8D8D8;
	overflow: auto;
    outline: none;
    min-height: 111px;
    margin: 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; border-radius: 0;

    font-size: 1em;
    font-family: "Open Sans";
}

.fix{ clear: both; }
.hide{ display: none !important; }
.hide-n{ display: none; }

.help-box{ margin: 0 !important; padding: 0 !important; }

.grid-1{ width: 25% !important; }
	.grid-12{ width: 30% !important; }
	.grid-123{ width: 33% !important; }
	.grid-13{ width: 35% !important; }
.grid-2{ width: 50% !important; }
	.grid-21{ width: 40% !important; }
	.grid-22{ width: 45% !important; }
	.grid-23{ width: 55% !important; }
.grid-3{ width: 75% !important; }
	.grid-32{ width: 70% !important; }
.grid-4{ width: 100% !important; }

.grid-25{ width: 40% !important; }

.scroll-off{ overflow: hidden; position: fixed; height: 100% !important; }

.tree-dots{
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
}

.wPadd{ padding: 10px !important; }
.woPadd{ padding: 0 10px !important; }
.woaPadd{ padding: 0 !important; }
.wtPadd{ padding: 10px 0 0 0 !important; }
.wbPadd{ padding-bottom: 10px !important; }
.wotPadd{ padding-top: 0 !important; }
.wobPadd{ padding-bottom: 0 !important; }
.wtbPadd{ padding: 10px 0 !important; }
.wrPadd{ padding-right: 10px !important; }

.wPaddHLF{ padding: 0 5px 10px 5px !important; }

.woaMar{ margin: 0 !important; }

.woaBor{ border: 0 !important; }

.txt{ margin-top: 10px !important; }
.txt-tiny{ font-size: .8em !important; }
.txt-small{ font-size: .9em !important; }
.txt-bigger{ font-size: 1.1em !important; }
.txt-big{ font-size: 2.2em !important; }
.txt-bold{ font-weight: bold !important; }
.txt-center{ text-align: center !important; }
.txt-right{ text-align: right !important; }
.txt-left{ text-align: left !important; }
.txt-light, .txt-light a{ color: #888888 !important; }
.txt-green{ color: #3FA535 !important; }
.txt-red{ color: #CD1719 !important; }
.txt-blue{ color: #009FE3 !important; }
.txt-blue a{ color: #009FE3 !important; }
.txt-black{ color: #4A4A4A !important; }
.txt-normal{ font-weight: normal !important; }
.txt-uppercase-none{ text-transform: none !important; }

.m-text-lt{ text-decoration: line-through; margin-right: 6px; font-weight: normal; }
.text-lt{ text-decoration: line-through; margin-right: 6px; display: none; font-weight: normal; }

.error{ color: #CD1719 !important; }
.error textarea,
.error input{ border: 1px solid #CD1719 !important; }

img.errorPage{ width: 128px; }

.f-right{ float: right !important; }
.f-left{ float: left !important; }

.p-top-0{ padding-top: 0 !important; }

.m-top-0{ margin-top: 0 !important; }
.m-left-5{ margin-left: 5px !important; }

.openShop { margin-top: .45em !important; }

.bBox{ box-sizing: border-box; }

div.date i.datepicker{ display: none; }

a.search-button-more{
	display: block;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	color: #4A4A4A;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none !important;
}

h1{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: #4A4A4A;
}

h2{
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #4A4A4A;
	font-weight: normal;
}

#category-description {
	display: block;
	margin: 0.5em 0;
	width: 100%;

}

.light{ color: #888888; }

.readonly input,.readonly a,.readonly div.button{ background-color: #D8D8D8 !important; border: 1px solid #D8D8D8 !important; color: #4A4A4A !important; }
.btn-red input,.btn-red a,.btn-red div.button{ background-color: #CD1719 !important; border: 1px solid #CD1719 !important; color: #FFFFFF !important; }
.btn-green input,.btn-green a,.btn-green div.button{ background-color: #3FA535 !important; border: 1px solid #3FA535 !important; color: #FFFFFF !important; }
.btn-gray input,.btn-gray a,.btn-gray div.button{ background-color: #888888 !important; border: 1px solid #888888 !important; color: #FFFFFF !important; }
.btn-blue input,.btn-blue a,.btn-blue div.button{ background-color: #009FE3 !important; border: 1px solid #009FE3 !important; color: #FFFFFF !important; }
.btn-small input,.btn-small a,.btn-small div.button{ padding: 5px 10px !important; text-transform: uppercase; margin-top: 5px; width: 90% !important;  }

header div.menu-desktop { display: none; }
header div.nav-top { display: none; }

.show-desktop{ display: none; }
.d-show{ display: none; }
.t-show{ display: none; }
.d-hide{ display: block; }

div.search{
	width: 100%;
	font-size: .9em;
}
	div.search div.input{ padding: 10px; float: left; box-sizing: border-box; }
	div.search div.input.left{ padding-right: 5px; }
	div.search div.input.right{ padding-left: 5px; }
	div.search input:not([type="checkbox"]){ width: 100%; padding: 10px; box-sizing: border-box; font-size: .9em; }
	div.search input[type="text"]{ border: 1px solid #D8D8D8; background-color: #FFFFFF; color: #4A4A4A; }
	div.search input[type="submit"],
	div.search input[type="button"]{ border: 1px solid #009FE3; background-color: #009FE3; color: #FFFFFF;   }

		div.search label{
			font-size: 1em;
		}

			div.search label input[type="checkbox"]{
				margin: 0; padding: 0;
				width: 15px;
				background-color: #FFFFFF;
				border-radius: 0;
				border: 1px solid #D8D8D8; 
			}

div.main-container{
	margin: 0;
	padding: 0;
}
	div.main-container.relative{ position: relative; }

header{
	position: relative;
	padding: 10px;
	width: 100%; height: 55px;
	box-sizing: border-box;
	background-color: #FFFFFF;
}

	header div.logo{
		float: left;
		height: 34px;
	}
		header div.logo img{ height: 34px; margin: 0; padding: 0; }

	header div.menu{
		float: right;
	}

	header div.menu ul{
			list-style: none;
			margin: 0; padding: 0;
		}

		header div.menu ul li{
				float: right;
				width: 34px; height: 34px;
				background-color: #575656;
				font-size: 20px;
				text-align: center;
				position: relative;
			}
		header div.menu ul li:not(:first-child){ margin-right: 3px; }
		header div.menu ul li a{ display: block; width: 100%; height: 100%; color: #FFFFFF; }
		header div.menu ul li i{ margin-top: 7px;  }
		header div.menu ul li a.logged{ border-top: 3px solid #fcbf05; }
		header div.menu ul li a.logged i{ margin-top: 4px; }

			header div.menu ul li div.num{
				position: absolute;
				top: -6px; right: -1px;
				width: 20px; height: 18px;
				padding-top: 2px;
				border-radius: 10px;
				background-color: #CD1719;
				font-size: .55em;
			}
			
section.cart-info-box{ 
	display: none; 
	position: absolute; 
	top: 10px; left: 0; right: 0; 
	margin: 0; padding: 0 9px; 
	width: 100%;
	box-sizing: border-box;
	z-index: 1000;
}
section.cart-info-box.fixed{ position: fixed; right: 0; left: 0; }

	section.cart-info-box div.cart-info{
		width: 100%;
		height: 100%;
		padding: 10px;
		border: 1px solid #D8D8D8;
		background-color: #FFFFFF;
		color: #4A4A4A;
		box-sizing: border-box;
	}
	
	section.cart-info-box div.cart-info div.remove{ 
		position: absolute;
		right: 5px; top: 2px;
		padding: 0;
		color: #D8D8D8;
		text-align: center;
		font-size: 1.1em;
		z-index: 10;
		cursor: pointer;
		display: none;
	}
	
		section.cart-info-box div.cart-info div.item{
			float: left;
			width: 100%; height: 55px;
			color: #4A4A4A;
			font-size: .9em;
		}
		section.cart-info-box div.cart-info div.item.first{ margin-top: 30px; }
		
			section.cart-info-box div.cart-info div.item div.image{ 
				float: left;
				width: 20%; height: 100%;
				text-align: center;
				color: #9B9B9B;
				position: relative;
				padding: 0 10px 0 0;
				box-sizing: border-box;
			}
				section.cart-info-box div.cart-info div.item div.image.empty i{ margin-top: 15px; } 
				section.cart-info-box div.cart-info div.item div.image img{ 
					max-width: 100%;
					max-height: 100%;
					width: auto;
					height: auto;
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 10px;
					margin: auto;
					padding: 0;
				} 
			section.cart-info-box div.cart-info div.item div.name{ 
				float: left;
				width: 50%; height: 100%;
				text-align: left;
			}
			section.cart-info-box div.cart-info div.item div.price{ float: left; width: 30%; height: 100%; text-align: right; }
			
			
		section.cart-info-box div.cart-info div.button { width: auto; font-size: .9em; }
		section.cart-info-box div.cart-info div.button.left { float: left; margin-left: 20%; }
		section.cart-info-box div.cart-info div.button.right { float: right; }
			section.cart-info-box div.cart-info div.button a{ color: #888888; text-decoration: underline; }

	header div.search{
		position: absolute;
		top: 55px;
		left: 0;
		right: 0;
		border-bottom: 1px solid #D8D8D8;
		background-color: #FFFFFF;
		z-index: 2;
		display: none;
	}

		header div.search div.item{
			width: 100%;
			height: 55px;
			font-size: .9em;
		}
		header div.search div.item.first{ margin-top: -10px; }
		header div.search div.item > a{ display: block; width: 100%; height: 100%; padding: 10px 10px 0 10px;	box-sizing: border-box; color: #4A4A4A; }

			header div.search div.item div.name{ float: left; width: 60.67%; padding: 0 0 0 10px; box-sizing: border-box; }
			header div.search div.item div.price{ float: right; width: 25%; padding: 0 0 0 10px; box-sizing: border-box; text-align: right; }
			header div.search div.item div.image{ float: left; width: 14.33%; height: 35px; text-align: center; display: inline-block; position: relative; }
				header div.search div.item div.image img{ 
					max-width: 100%;
					max-height: 100%;
					width: auto;
					height: auto;
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto;
				}

nav.desktop{ display: none; }
nav.mobile{
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	z-index: 100;
	display: none;
	/*overflow-y: hidden;*/
	background-color: rgba(255,255,255,.8);
	padding-top: 55px;
}
	nav.mobile div.close{
		position: absolute;
		top: 10px; right: 10px;
		width: 34px; height: 34px;
		background-color: #575656;
		font-size: 20px;
		text-align: center;
		color: #FFFFFF;
		cursor: pointer;
		z-index: 10;
	}
	nav.mobile div.close i{ margin-top: 7px; }

	nav.mobile div.navigation{
		position: absolute;
		top: 55px; right: 0;
		bottom: 0; left: 0;
		
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}

	nav.mobile div.navigation ul{
		list-style: none;
		margin: 0; padding: 0;
	}
	
		nav.mobile div.navigation ul li{
			position: relative;
			width: 100%;
			box-sizing: border-box;
			background-color: #4A4A4A;
			font-size: .9em;
		}
		nav.mobile div.navigation ul.more li{ background-color: #009FE3; }

			nav.mobile div.navigation ul li a{ 
				position: relative;
				display: block;
				width: 100%;
				padding: 10px;
				box-sizing: border-box;
				height: 100%; 
				color: #FFFFFF;
				text-decoration: none;
				white-space: nowrap;
				overflow: hidden !important;
				text-overflow: ellipsis;
				border-bottom: 1px solid #D8D8D8;
			}
			nav.mobile div.navigation ul:last-child li:last-child a{ border-bottom: 0; }
			nav.mobile div.navigation ul li a.selected{ background-color: #888888; }

				nav div.navigation ul li a.more{ padding-right: 30px; }
				nav div.navigation ul li a i{ margin-top: 3px; color: #FFFFFF; font-size: 1em; }
				nav div.navigation ul li a i.fa-chevron-right{ position: absolute; right: 10px; top: 10px; }
				nav div.navigation ul li a i.fa-chevron-left{ float: left; margin-right: 10px; }
			
			nav.mobile div.navigation ul li ul{ display: none; }
			
section{
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 10px;
}
section.title{ padding: 10px 10px 0 10px; position: relative; }
section.box{ padding: 10px 10px 0 10px; }
section:last-child:not(.d-wobPadd){ padding-bottom: 10px !important; }
	
	section div.remove{ 
		position: absolute;
		right: 0; top: 0;
		padding: 5px 0 0 0;
		width: 35px; height: 30px;
		background-color: #888888;
		color: #FFFFFF;
		text-align: center;
		font-size: 1.1em;
		z-index: 10;
		cursor: pointer;
	}
		section div.remove.adminButton{ 
			position: absolute;
			top: 0; left: 20px;
			padding: 0 !important;
			width: 10px; height: auto;
			background-color: #FFFFFF;
			color: #888888;
			text-align: center;
			font-size: 1.1em;
			z-index: 10;
			cursor: pointer;
		}
			section div.remove.adminButton:hover{ color: #009FE3; opacity: 1; }
	
	section a.edit.adminButton{ 
			position: absolute;
			top: 0; left: 40px;
			padding: 2px 0 0 0 !important;
			width: 10px !important; height: auto !important;
			background-color: #FFFFFF;
			color: #888888 !important;
			text-align: center;
			font-size: 1.1em;
			z-index: 10;
			cursor: pointer;
		}
			section a.edit.adminButton:hover{ color: #009FE3 !important; opacity: 1 !important; }
		
	section.title div.text{
		width: 100%;
		text-align: center;
		font-size: .9em;
		color: #4A4A4A;
		font-weight: bold;
	}
	section.title div.container{ font-size: .9em; margin: 0; }
	section.title div.row{ float: left; width: 100%; margin-top: 10px;  }
	section.title div.row:first-child{ margin-top: 0; }
	section.title div.row a{ color: #4A4A4A; text-decoration: underline; }
	section.title a.url{ color: #4A4A4A; text-decoration: underline; font-size: .8em; position: absolute; right: 10px; bottom: 0; }

	section.title div.cart-crumb{ width: 100%; position: relative; padding: 10px 0 0 0; font-size: .9em; z-index: 0; }
	section.title div.cart-crumb a{ color: #009FE3; }
		section.title div.cart-crumb .step{ background-color: #DDDDDD; padding: 0 10px; color: #4A4A4A; }
		section.title div.cart-crumb .step.active{ color: #009FE3; }
		section.title div.cart-crumb div.step-1{ float: left; padding: 0 10px 0 0; }
		section.title div.cart-crumb div.step-2{ position: absolute; width: 100%; text-align: center; z-index: -1; }
		section.title div.cart-crumb div.step-3{ float: right; padding: 0 0 0 10px; }
		section.title div.cart-crumb div.space{ position: absolute; height: 68%; border-bottom: 1px solid #979797; z-index: -2; }
		section.title div.cart-crumb div.space.left{ position: absolute; top: 0; left: 0; width: 50%; }
		section.title div.cart-crumb div.space.right{ position: absolute; top: 0; right: 0; width: 50%; }
		section.title div.cart-crumb div.space.active{ border-color: #009FE3; }

	section > div.title{
		margin: 10px 0;
		color: #4A4A4A;
		font-size: .9em;
		font-weight: bold;
		text-transform: uppercase;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}

	section div.text.link{
		margin: 10px 0 0 0;
		font-size: .9em;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
	section div.text.link.left{ text-align: left; float: left; }

		section div.text.link a{
			color: #4A4A4A;
			text-decoration: underline;
			font-size: 1em;
		}

	section div.text.button{
		margin: 10px 0 0 0;
		font-size: .9em;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		float: left;
		padding-bottom: 10px;
	}
	section div.text.button.left{ float: left; padding: 0 5px 10px 0; }
	section div.text.button.right{ float: right; padding: 0 0 10px 5px; }

		section div.text.button a,
		section div.text.button div.button,
		section div.text.button input[type="submit"],
		section div.text.button input[type="button"]{
			margin: 0;
			display: block;
			width: 100%;
			background-color: #009FE3;
			color: #FFFFFF;
			border: 1px solid #009FE3;
			font-size: 1em;
			padding: 10px 0;
			box-sizing: border-box;
		}

	section div.text.input{
		width: 100%;
		float: left;
		font-size: .9em;
		padding-bottom: 10px;
		box-sizing: border-box;
	}
	section div.text.input.last{ padding-bottom: 0; }
	/*section div.d-form-row:not(.d-wtPaddHLF) div.text.input:first-child{ padding-top: 10px; }*/
	section div.text.input.wPadd:last-child{ padding-bottom: 0 !important; }
	section div.text.input.center{ text-align: center; }
	section div.text.input.center input{ text-align: center; }
	section div.text.input.left{ padding-right: 5px; }
	section div.text.input.right{ padding-left: 5px; }

		section div.text.input div.name{ font-size: 1em; color: #4A4A4A; }

		section div.text.input label{ 
			display: block; 
			float: left; 
			width: 100%; 
			font-size: 1em; 
			padding-left: 22px; 
			position: relative; 
			box-sizing: border-box;
		}

		section div.text.input input[type="checkbox"],
		section div.text.input input[type="radio"]{ 
			position: absolute; 
			top: 0; bottom: 0; 
			left: 0;
			margin: auto 0; 
			width: 11px; height: 11px;
			border: 1px solid #979797;
		}
		section div.text.input.valing input[type="radio"]{ top: 0; bottom: 0; margin: auto 0; }
		section div.text.input input.input-top{ top: 2px; bottom: auto; }

		section div.text.input textarea,
		section div.text.input input[type="text"],
		section div.text.input input[type="tel"],
		section div.text.input input[type="email"],
		section div.text.input input[type="date"],
		section div.text.input input[type="password"]{ width: 100%; padding: 10px; box-sizing: border-box; }

		section div.text.input textarea{ resize: none; }

	section div.container{
		margin: 2px 0 0 0;
		float: left;
		box-sizing: border-box;
		padding: 0 10px;
	}
	section div.container.first{ margin-top: 0px !important; }
	section div.container.new-border{ margin-top: 2px !important; }
	section div.container.new-border:nth-child(1){ margin-top: 10px !important; }
	section div.container.box{ padding: 0 10px 0 10px; margin: 0; float: none; background-color: #FFFFFF; width: 100%; }
	section div.container p{ font-size: 1em; color: #4A4A4A; font-size: .9em; }
	
	section div.container.box.border{ margin-bottom: 1px; }
		section .border{ margin-bottom: 1px; }
	
	
	section div.container.link a{
			display: block;
			width: 100%;
			height: 100%;
			padding: 10px;
			box-sizing: border-box;
			background-color: #FFFFFF;
			font-size: .9em;
			color: #4A4A4A;
			text-decoration: none;
		}

		section div.container div.title,
		section div.container div.sub-title{
			margin: 0;
			padding: 10px;
			text-align: left;
			font-size: .9em;
			font-weight: normal;
			text-transform: none;
			background-color: #FFFFFF;
			box-sizing: border-box;
		}

			section div.container.box div.title{
				width: 100%;
				text-align: center;
				font-weight: bold;
			}
			section div.container.box div.title div.sub-title{ width: 100%; text-align: center; box-sizing: border-box; padding: 0; font-size: 1em; }
			section div.container.box div.title.left,
			section div.container.box div.title.left div.sub-title{ text-align: left; }

			section div.container.box div.input-space{ width: 100%; height: 0; border: 1px solid #D8D8D8; padding: 0 10px; margin: 0 0 10px -10px; }
			section div.container.box div.input-space.last{ margin: 0 0 0 -10px; }

	section.products{ padding: 0; }
	section.products div.container{ margin: 10px 0 0 0; padding: 0 10px; }
	section.products div.container.grid-2{ margin: 10px 0 0 0; padding: 0 10px 0 5px; }
	section.products div.container.grid-2:nth-child(2n+1){ padding: 0 5px 0 10px; }

		section div.container div.product{
			float: left;
			width: 100%;
			background-color: #FFFFFF;
			position: relative;
		}
		section div.container div.product.cart{ box-sizing: border-box; height: 111px; border-top: 2px solid #D8D8D8; }
		section div.container div.product.cart.small{ height: 64px; }
		section div.container div.product.cart.sum{ height: 50px; font-weight: bold; }
		section div.container div.product.cart:first-child{ border: 0; }
		
		.btn-addToCart { text-transform: uppercase; font-weight: bold; }
		.price-novat { font-size: 0.8em; }
		.price-vat { color: #4A4A4A; font-size: 0.9em; font-weight: bold; }
		.price-vat.sale { color: #cf3939; }
		#product-stock-info {font-size: 0.8em;}

		section div.container div.product.info{ box-sizing: border-box; }
			section div.container div.product.info p{
				margin-top: 10px; 
				font-size: .9em;
				color: #4A4A4A;
			}
				section div.container div.product.info p a{ color: #4A4A4A; }

			section div.container div.product:not(.news) a{ 
				display: block;
				padding: 10px;
				padding-bottom: 0;
				width: 100%; 
				height: 100%;
				text-decoration: none;
				box-sizing: border-box;
				border: 0;
			}
			section div.container div.product a.search{ padding-bottom: 10px; }

			section div.container div.product div.title{
				padding: 0;
				height: 55px;
				text-align: center;
				font-size: 1em;
				font-weight: bold;
				line-height: 18px;
				text-overflow: ellipsis;
				overflow: hidden !important;
				text-transform: none;
				color: #4A4A4A;
			}

				section div.container div.product div.title .txt-light {
					font-weight: normal;
				}

				section div.container div.product div.title div.text{
					padding: 0;
					max-height: 35px;
					text-align: center;
					font-size: 1em;
					font-weight: bold;
					line-height: 18px;
					text-overflow: ellipsis;
					overflow: hidden !important;
					text-transform: none;
					color: #4A4A4A;
				}
			section div.container div.product.info div.title,
			section div.container div.product.cart div.title{ font-weight: bold; width: 100%; height: auto; padding-right: 37px; box-sizing: border-box; }

			section div.container div.product.cart div.text{ width: 100%; font-size: .9em; color: #4A4A4A; }
			section div.container div.product.cart div.text.light{ color: #888888; }

			section div.container div.product div.image{
				margin-top: 10px;
				width: 100%;
				height: 90px;
				background-color: #FFFFFF;
				text-align: center;
				position: relative;
				margin-bottom: 10px;
			}
			section div.container div.product div.image.big.empty{ margin: 0; padding: 10px 10px 0 10px; box-sizing: border-box; }
			section div.container div.product div.image.big{ height: 200px; margin-bottom: 0; }
				section div.container div.product div.image div.img{ 
					width: 100%;
					height: 100%;
					background-color: #FFFFFF;
					color: #9B9B9B;
				}
					section div.container div.product div.image div.img div.txt-middle{ padding-top: 20px; font-size: .5em; text-transform: uppercase; }
					section div.container div.product div.image.big div.img div.txt-middle{ padding-top: 60px; }
					section div.container div.product div.image div.img i{ font-size: 3em; margin-bottom: 10px; }
					section div.container div.product div.image.big div.img i{ font-size: 4em; margin-bottom: 10px; }
				section div.container div.product div.image img{
					max-width: 100%;
					max-height: 100%;
					width: auto;
					height: auto;
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto;
					padding: 0;
				}
				section div.container div.product div.image.big div.img,
				section div.container div.product div.image.big img{ left: 10px; right: 10px; }

			section div.container div.product div.details{
				width: 100%;
				font-size: .9em;
				color: #4A4A4A;
				text-align: right;
			}
				section div.container div.product div.details div.name{ float: left; color: #888888; }
				section div.container div.product div.details div.value{ float: right; }

			section div.container div.product div.item{
				width: 100%;
				border-bottom: 2px solid #DDDDDD;
				font-size: .9em;
				color: #4A4A4A;
			}
			section div.container div.product div.item:last-child{ border: 0; }

				section div.container div.product:not(.news) div.item a{ 
					display: block;
					width: 100%; 
					min-height: 100%;
					padding-bottom: 10px;
					font-size: 1em;
					color: #4A4A4A;
				}

				section div.row{ box-sizing: border-box; }
				section div.container div.product div.row{
					width: 100%;
					padding: 0 10px;
					box-sizing: border-box;
				}
				section div.container div.product div.row:first-child{ padding-top: 10px; }
				section div.container div.product div.row:last-child{ padding-bottom: 10px; }

				section div.container div.product div.item pre{ white-space: pre-wrap; }
				section div.container div.product div.item div.name{ float: left; width: 70%; }
				section div.container div.product div.item div.value{ float: right; width: 30%; text-align: right; }
				section div.container div.product div.item div.row div.name{ width: auto; }
				section div.container div.product div.item div.row div.value{ width: auto; }
				section div.container div.product div.item div.row div.date{ font-size: .8em; color: #888888; }
				section div.container div.product div.item div.row div.info{ font-size: .8em; color: #888888; float: left; min-width: 40px; }
				section div.container div.product div.item div.detail{ width: 100%; box-sizing: border-box; }
				section div.container div.product div.item div.title{ color: #888888; width: 100%; height: auto; font-size: 1em; }
				section div.container div.product div.item div.big{ font-size: 1em; color: #3FA535; font-weight: bold; }

				section div.container div.product div.item div.input{ width: 100%; float: left; box-sizing: border-box; }
				section div.container div.product div.item div.input.num{ width: 16.66%; padding-right: 15px; }
				section div.container div.product div.item div.input.button{ width: 83.34%; padding-left: 15px; }
				section div.container div.product div.item div.input input{ width: 100%; padding: 10px; font-size: 1em; color: #4A4A4A; border: 0; }
				section div.container div.product div.item div.input.num input{ text-align: center; border: 1px solid #888888; }
				section div.container div.product div.item div.input.button input{ text-align: center; padding: 10px; }
				section div.container div.product div.item div.input.button input[type="submit"]:hover{ cursor: pointer; opacity: .8; }

				section div.row a.button,
				section div.container div.product:not(.news) div.item div.row a{ 
					display: block; 
					text-align: center; 
					padding: 10px; 
					background-color: #D8D8D8; 
					float: left; 
					width: auto; 
					margin: 5px 0 0 5px;
					color: #4A4A4A;
				}
					section div.row a.button{ margin-left: 0; margin-right: 5px; background-color: #888888; color: #FFFFFF; }
					section div.container div.product div.item div.row a:hover{ opacity: .8; }

			section div.container div.product div.box{
				position: absolute;
				bottom: 13px;
				height: 37px;
				min-width: 50%;
				color: #4A4A4A;
				padding: 12px 10px 10px 10px;
				box-sizing: border-box;
				font-size: .9em;
			}

			section div.container div.product.small div.box{ bottom: 2px; }
			section div.container div.product.sum div.box{ top: -6px; }
			section div.container div.product.sum div.box:not(.txt-light){ color: #3FA535 !important; }
			section div.container div.product div.box.left{ left: 0; }
			section div.container div.product div.box.center{ position: absolute; width: 100%; left: 0; text-align: center; z-index: 1; }
			section div.container div.product div.box.center.input{ position: absolute; width: 100%; text-align: center; padding: 0; z-index: 1; }
				section div.container div.product div.box.center input{ text-align: center; width: 16.66%; padding: 10px; box-sizing: border-box; margin-right: 5px; font-size: 1em; }
			section div.container div.product div.box.right{ right: 0; text-align: right; font-weight: bold; }
				section div.container div.product div.box.right div.extra{ position: absolute; top: -10px; right: 10px; color: #009FE3; font-weight: normal; }
				
				div.txt-before{ position: relative; }
				div.txt-before div.txt-after{ position: relative; display: inline-block; }
				div.txt-before div.txt-after::before{ content: "\00a0 "; }

		section div.container > div.box{
			float: left;
			width: 100%;
			background-color: #FFFFFF;
			position: relative;
			padding: 0;
			border-bottom: 2px solid #D8D8D8;
			box-sizing: border-box;
		}
		section div.container > div.box:last-child{ border: 0; }

			section div.container > div.box a{
				display: block;
				width: 100%; height: 100%;
				padding: 10px;
				box-sizing: border-box;
				color: #4A4A4A;
				position: relative;
			}

			section div.container > div.box div.title{ width: 100%; font-size: 1em; margin: 0; padding: 0; }
			section div.container > div.box div.row{ width: 100%; float: left; }
			section div.container > div.box div.text{ width: 100%; font-size: .9em; }
			section div.container > div.box div.text.left{ width: auto; float: left; }
			section div.container > div.box div.text.right{ width: auto; float: right; }

			section div.container > div.box div.extra{ position: absolute; top: 10px; right: 10px; font-weight: normal; font-size: .9em; }

		section.box div.container.box div.pay-cards{
			width: 100%;
			text-align: center;
			margin: 0; padding: 0;
			font-size: 0;
			padding-bottom: 10px;
		}
			section.box div.container.box div.pay-cards img{ margin: 0 0 0 5px; padding: 0; }
			section.box div.container.box div.pay-cards img:first-child{ margin: 0; }

	section.nav-crumb{
		margin-top: 1px;
		background-color: #FFFFFF; 
		padding: 0;
	}
		section.nav-crumb div.last,
		section.nav-crumb a{
			position: relative;
			width: 100%;
			padding: 10px 10px 10px 30px;
			box-sizing: border-box;
			color: #009BE2;
			font-size: .9em;
			display: none;
		}
			section.nav-crumb a.m-show{ display: block; }
			section.nav-crumb a.both{ display: block; }
			section.nav-crumb a i{ position: absolute; left: 10px; top: 13px; }
			section.nav-crumb a i.fa-chevron-right{ display: none; }
		section.nav-crumb span.crumb-item{ color: #4A4A4A; }

.map{
	width: 100%;
	height: 350px;
	padding: 0;
}

	iframe.iMap{
		width: 100%;
		display: block;
		pointer-events: none;
		position: relative; /* IE needs a position other than static */
	}
	iframe.iMap.clicked{
		pointer-events: auto;
	}

section.alert{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	z-index: 1000;
	display: inline-block;
}

	section.alert div.container{
		position: fixed;
		top: 20%;
		left: 0; right: 0;
		margin: auto;
		width: 90%;
		min-width: 288px;
		margin: auto;
		background-color: #FFFFFF;
	}

		section.alert div.container div.message{
			font-size: .9em;
		}

.scroll-off footer{ display: none; }

footer{ 
	right: 0;
	bottom: 0;
	left: 0;
	position: relative;
	text-align: center;
	margin: 20px 0 10px;
	font-size: .9em;
}
	footer a{ color: #4A4A4A; display: block; float: left; width: 100%; text-decoration: underline; margin: 10px 0 0 0; }
		
	footer img{ margin-bottom: 20px; } 
	
	footer div.title{ color: #4A4A4A; font-weight: bold; text-transform: uppercase; }
	footer div.text{ margin: 20px 0 10px 0; float: left; width: 100%; }
	
.btn-variant{
	padding: 10px !important;
	margin: 2px 0 0 0;
	text-align: center;
}

/**
	BANNER
*/

#home-banner{
	width: 100%;
	height: auto;
	padding: 20px 10px 0;
	box-sizing: border-box;
}

	#home-banner img{ width: 100%; }

section div.container.link a.news {
	margin: 0;
	padding: 0;
	display: inline;
	text-decoration: underline;
}



#product-description {
	font-size: 1em;
	margin: 0;
	padding: 0;
	white-space: pre-wrap;
}

	#product-description:before {
		content: "Popis produktu:";
		color: #888888;
		display: block;
		font-weight: bold;
	}

.banner#techfloor {
	display: block;
	width: 100%;
	padding: 0 10px;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}

	.banner#techfloor .container {
		width: 100%;
		background-color: #f9f6ed;
		border: 1px solid #F4B629;
		padding: 10px;
	}
	
	.banner#techfloor p {
		margin: 0;
		padding: 0;
	}
	
	.banner#techfloor .title {
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.banner#techfloor .sub-title {
		color: #F4B629;
		font-weight: 700;
		margin: 0 0 0.5em;
	}
	
	.banner#techfloor .link {
		margin: 0.5em 0 0 0;
	}
	
		.banner#techfloor .link i {
			margin: 0 0 0 0.5em;
			text-decoration: none;
		}
		
	.banner#techfloor img {
		width: 180px;
		float: right;
		margin: 0.5em -70px 0 0;
	}


	@media only screen and (min-width: 768px) {
		
		.banner#techfloor {
			padding: 0;
		}
		
			.banner#techfloor .container {
				padding: 1em;
			}

		.banner#techfloor img {
			position: absolute;
			top: 1em;
			bottom: 0;
			margin: auto 0;
			right: -50px;
			width: 30%;
			max-width: 220px;
		}

	}
	
	@media only screen and (min-width: 980px) {
		
	.banner#techfloor {
		margin: 1em 0 2em 0;
	}

		.banner#techfloor .container {
			padding: 2em;
		}
	
		.banner#techfloor p {
			font-size: 1.1em;
		}
	
		.banner#techfloor .title {
			font-size: 1.6em;
		}
		
		.banner#techfloor .sub-title {
		}

		.banner#techfloor .link {
			font-size: 1em;
			margin: 1em 0 0 0;
			text-decoration: underline;
		}
		
			.banner#techfloor:hover .link {
				color: #009FE3;
			}

		.banner#techfloor img {
			max-width: 260px;
		}
	}
	
	
#home-benefits {
	padding: 0 10px;
	margin: 0.5em 0 0 0;
}

	#home-benefits h1 {
		font-size: 1.1em !important;
		text-align: center;
		font-weight: normal;
		
	}
	
	#home-benefits h2 {
		font-size: 0.9em !important;
		font-weight: normal;
		text-align: center;
		color: #00A6DF;
	} 
	
	#home-benefits ul {
		margin: 0.5em 0 0 0;
		padding: 0;
		list-style-type: none;
		text-align: center;
	}
	
		#home-benefits ul li {
			font-size: 0.9em;
			
		}
		
		#home-benefits ul li i {
			color: #41AA4A;
		}

	@media only screen and (min-width: 768px) {

		#home-benefits h1 {
			font-size: 1.3em !important;			
		}
		
		#home-benefits h2 {
			font-size: 1.1em !important;
		} 
		
		#home-benefits ul {
			text-align: center;
		}
		
			#home-benefits ul li {
				font-size: 1em;
				display: block;
				float: left;
				width: 31%;
			}
			
				#home-benefits ul li+li {
					margin-left: 3%;
				}


	}
	
	@media only screen and (min-width: 980px) {

		#home-benefits h1 {
			font-size: 1.4em !important;
			text-align: left;
			width: 49%;
		}

		#home-benefits h2 {
			font-size: 1.2em !important;
			text-align: left;
			width: 49%;
		} 

		#home-benefits ul {
			margin: -3em 0 0 0;
			float: right;
			width: 50%;
			text-align: right;
		}

		#home-benefits ul li {
			text-align: center;
			max-width: 200px;
		}

	}
	
	
#home-stiebel {
	padding: 10px;
	margin: 1em 0 0;
	text-align: center;
	background-color: #FFF;
}

	#home-stiebel img {
		width: 150px;
		height: auto;
		margin-bottom: 0.5em;
	}	

	#home-stiebel h3 {
		font-size: 1.1em !important;
		margin: 0;
		color: #00A6DF;
	}
	
	#home-stiebel p {
		margin: 0;
		padding: 0;
	} 

	#home-stiebel p+p {
		margin-top: 1em;
	}
	

	@media only screen and (min-width: 768px) {

		#home-stiebel {
			padding: 1em;
		}
		

		#home-stiebel img {
			width: 200px;
			height: auto;
			margin-bottom: 0.5em;
		}	

		
		#home-stiebel h3 {
			font-size: 1.1em !important;
		} 
		

	}
	
	@media only screen and (min-width: 980px) {

		#home-stiebel {
			margin: 2em 0 -1em 0;
			padding: 1.5em;
		}

		#home-stiebel h3 {
			font-size: 1.2em !important;
		} 


	}
	
	

#home-sales {
	display: block;
	position: relative;
	padding: 15px;
	margin: 0.5em 0 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;
	background-color: #FDDB70;
	z-index: 1;
}


	@media only screen and (min-width: 768px) {

		#home-sales {
			margin: 1em 0 0 ;
		}


	}
	
	
	@media only screen and (min-width: 980px) {

		#home-sales {
			margin: 1.5em 0 -2em 0 ;
			padding: 20px;
			font-size: 1.2em;
		}

		#home-sales:hover {
			background-color: #eece63;
		}
	}
	
	
	
.button-red {
	display: inline-block;
	width: auto;
	margin: 0.5em 0;
	padding: 5px 10px;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	background-color: #BD252B;
}

.button-green {
	display: inline-block;
	width: auto;
	margin: 0.5em 0;
	padding: 5px 10px;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	background-color: #3FA447;
}

.button-blue {
	display: inline-block;
	width: auto;
	margin: 0.5em 0;
	padding: 5px 10px;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	background-color: #00A3DA;
}

section.news{

}

.catalog-category-menu {
	display: none;
}

.products-v2{
	width: 100%;
}