@font-face {
	font-family: 'playBold';
	src: url('./fonts/PlayBold.eot');
	src: url('./fonts/PlayBold.eot') format('embedded-opentype'),
	url('./fonts/PlayBold.woff2') format('woff2'),
	url('./fonts/PlayBold.woff') format('woff'),
	url('./fonts/PlayBold.ttf') format('truetype'),
	url('./fonts/PlayBold.svg#PlayBold') format('svg');
}

@font-face {
	font-family: 'playRegular';
	src: url('./fonts/PlayRegular.eot');
	src: url('./fonts/PlayRegular.eot') format('embedded-opentype'),
	url('./fonts/PlayRegular.woff2') format('woff2'),
	url('./fonts/PlayRegular.woff') format('woff'),
	url('./fonts/PlayRegular.ttf') format('truetype'),
	url('./fonts/PlayRegular.svg#PlayRegular') format('svg');
}

h1,
h2,
body.page1 h2,
.wrapLine .container strong.titleSites {
	font-family: 'playBold', arial, sans-serif;
	font-size: 30px;
}

body.Front-Page-Homepage h1 {
	display: none;
}

th {
	text-align: center;
}

fieldset {
	border: none;
	margin: 0 0 40px 0;
}

#frm-registerForm label {
	width: 200px;
	display: block;
}

div.left {
	float: left;
}

.wrapLine .container strong.titleSites,
.wrapLine .container h1.titleSites {
	margin: 0;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 28px;
}

h1.titleAll {
	margin: 0 0 15px 0;
	padding-left: 22px;
	background: url('./img/big_dot.png') no-repeat 0 50%;
}

h1.smallGreen {
	margin: -15px 0 35px 0;
	padding: 0;
	font-size: 23px;
	color: #3a9728;
}

h2,
fieldset legend {
	margin: 0 auto;
	margin-bottom: 15px;
	/*width: 640px;*/
	font-family: 'playRegular', arial, sans-serif;
	font-size: 20px;
	color: #3a9728;
	padding-left: 15px;
	background: url('./img/menu_nav_hover.png') no-repeat 0 50%;
}

h2.noList {
	background-image: none;
}

h2.green,
.green {
	color: #3a9728;
}

body.page1 h2 {
	background: none;
	margin: 25px 0;
	padding: 0;
}

h2.gray,
.contaction h2,
body.page1 .contaction h2,
body.page1 h2.gray {
	margin: 14px 0 0 0;
	width: 100%;
	text-align: right;
	display: inline-block;
}

body.page1 .contaction h2.gray {
	text-align: left;
	margin-top: 50px;
	margin-bottom: 20px;
}

h2.gray {
	color: #717171;
}

h2.white {
	color: #fff;
}

a {
	color: #000;
	text-decoration: underline;
}

p {
	font-size: 16px;
	color: #000;
}

body {
	background: white;
	margin: 0;
	padding: 0;
	font-family: 'playRegular', 'Trebute MS', arial, sans-serif;
	color: #000;
	font-size: 16px;
}

a.simpleHref {
	position: absolute;
	bottom: 0;
	color: #3a9728;
	font-size: 17px;
	padding-right: 7px;
	background: url('./img/green_small_arrow.png') no-repeat right 9px;
}

img {
	border: none;
}

span.telEmail {
	margin-top: -35px;
	float: right;
	color: #fff;
	font-size: 30px;
}

span.telEmail img {
	padding: 0 10px 0 30px;
}

.redCircle {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 23px;
	background: #E40303;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	line-height: 23px;
	font-size: 11px;
	font-weight: 800;
}

.dottedLine {
	margin: 20px auto;
	width: 660px;
	height: 2px;
	border-bottom: 2px dotted #e8e8e8;
}

.confirmButton {
	font-family: 'playRegular', 'Trebute MS', arial, sans-serif;
	margin-top: 16px;
	height: 38px;
	background: #000;
	color: #fff;
	font-size: 16px;
	border: 0;
	border-bottom: 6px solid #3a9728;
	cursor: pointer;
	-webkit-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
}

.confirmButton:hover {
	outline: none;
	background: #3a9728;
	border-color: #000;
}

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 20px;
	background: white url('./img/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em 45px;
	margin: 1em 0;
}

div.flash a.close {
	width: 22px;
	height: 22px;
	float: right;
	background: url('./img/cross.png') 50% 50% no-repeat;
	text-decoration: none;
}

div.flash.success {
	background: url("./img/Apply.png") no-repeat scroll 13px 40% #EAF4D9;
	border-color: #4F8A10;
}

div.flash.error,
#vsConfigurator ul.errors {
	background: url("./img/Problem.png") no-repeat scroll 13px 40% #fae1e1;
	border-color: #D8000C;
}

a[href^="error:"] {
	background: red;
	color: white;
}

#homeSwitchConfigurator,
#camSwitchConfigurator {
	line-height: 1.1em;
}

#homeSwitchConfigurator .titleGroup,
#homeSwitchConfigurator h3,
#homeSwitchConfigurator h4 {
	margin: 0;
	height: 40px;
	line-height: 40px;
	font-size: 19px;
	font-weight: normal;
	padding: 0 0 0 20px;
	color: #868585;
	background: #f3f3f3;
}

#homeSwitchConfigurator h2.titleGroup {
	cursor: pointer;
	font-family: 'playRegular', arial, sans-serif;;
}

#homeSwitchConfigurator h2.titleGroup .icons {
	float: right;
	margin: 7px 40px 0 0;
}

#homeSwitchConfigurator h4 {
	width: 280px;
}

/* ---------------- Výběr barvy Kodem ------------------- */
#homeSwitchConfigurator .color {
	float: left;
	margin-right: 12px;
	display: block;
	width: 59px;
	height: 55px;
	border: 1px solid #6b6b6b;
}

/* -------------------------- Koupit - PoÄŤet kusĹŻ ------------------ */
form.counter {
	height: 53px;
	line-height: 53px;
	float: right;
}

form.counter span {
	color: #399728;
	margin: 0 10px 0 5px;
}

form.counter input,
#homeSwitchConfigurator a.largeButton {
	width: 25px;
	height: 25px;
	text-align: center;
	font-size: 16px;
	color: #399728;
	border: 1px solid #399728;
}

form.counter input.button,
#homeSwitchConfigurator a.largeButton {
	width: 25px;
	height: 25px;
	text-align: center;
	border: 2px solid #399728;
	background: #fff;
	-webkit-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
	padding: 0;
}

#homeSwitchConfigurator form.counter {
	margin-left: 55px;
}

form.counter input.button:hover,
#homeSwitchConfigurator a.largeButton:hover {
	color: #fff;
	border: 2px solid #399728;
	background: #399728;
}

form.counter input.buyButton,
#homeSwitchConfigurator a.largeButton {
	width: 125px;
	margin-left: 20px;
	padding-left: 15px;
	height: 50px;
	line-height: 50px;
	text-align: left;
	color: #fff;
	border-bottom: 5px solid #000;
	background: #399728 url('./img/basket.png') no-repeat no-repeat 83px 50%;
	-webkit-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
	cursor: pointer;
}

form.counter input.buyButton:hover,
#homeSwitchConfigurator form.counter input.buyButton:hover {
	border-bottom: 5px solid #000;
	background-color: #000;
}

#homeSwitchConfigurator .reset {
	height: 27px;
	line-height: 27px;
	padding-bottom: 20px;
	background: url('./img/reset.png') no-repeat;
}

#vsConfigurator .red {
	color: red;
}

#vsConfigurator ul.errors {
	padding: 15px 15px 15px 75px;
	border: solid 1px #D8000C;
}

#homeSwitchConfigurator .reset a,
#vsConfigurator a.reset,
#vsConfigurator a.help {
	padding-left: 30px;
	color: #399728;
}

#vsConfigurator a.reset,
#vsConfigurator a.help {
	float: left;
	margin-right: 30px;
	height: 27px;
	padding-left: 35px;
	line-height: 27px;
	padding-bottom: 20px;
	color: #399728;
	background: url('./img/reset.png') no-repeat;
}

#vsConfigurator a.reset,
#vsConfigurator a.help {
	padding-left: 35px;
}

#vsConfigurator a.help {
	background: url('./img/help.png') no-repeat;
}

.clr {
	clear: both;
	line-height: 0;
}

#homeSwitchConfigurator {
	margin: 50px auto;
	width: 990px;
}

#homeSwitchConfigurator .products {
	display: none;
}

#homeSwitchConfigurator .products input,
#vsConfigurator .ConfigRadio label input {
	display: none;
}

#homeSwitchConfigurator .bottom {
	position: relative;
}

/* -------------------------- Seven Clicking Items ------------------------ */
#homeSwitchConfigurator #frame,
#homeSwitchConfigurator #configResult {
	width: 990px;
	padding: 10px 32px;
	box-sizing: border-box;
}

#homeSwitchConfigurator #frame {
	position: relative;
	border: 1px solid #eaeaea;
	min-height: 38px;
	text-align: center;
	line-height: 0;
	z-index: 1;
}

#homeSwitchConfigurator #frame .shapeCell {
	display: inline-block;
	width: 132px;
	/*height: 114px;*/
	height: 132px;
	line-height: 88px;
	background: #fff;
	cursor: pointer;
	-webkit-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
	position: relative;
	margin-left: -20px;
	overflow: hidden;
}

#homeSwitchConfigurator #frame .shapeCell.first {
	margin-left: 0;
}

#homeSwitchConfigurator #frame .shapeCell.multi img {
	/*left: -10px;*/
}

#homeSwitchConfigurator #frame .shapeCell.multi.design-4 {
	width: 128px;
	/*margin-left: -23px;*/
}

#homeSwitchConfigurator #frame .shapeCell.multi.design-4.first,
#homeSwitchConfigurator #frame .shapeCell.multi.design-4.last {
	width: 132px;
}

#homeSwitchConfigurator #frame .shapeCell.multi.first img,
#homeSwitchConfigurator #frame .shapeCell.multi.design-4.first img {
	left: 0;
}

#homeSwitchConfigurator #frame .shapeCell.multi.design-4 img {
	left: -2px;
}

#homeSwitchConfigurator #frame .shapeCell .inside,
#homeSwitchConfigurator #frame .shapeCell img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

#homeSwitchConfigurator #frame .shapeCell .inside {
	width: 88px;
	height: 88px;
	border-radius: 5px;
	border: 22px solid #f0f0f0;
	z-index: 1;
}

#homeSwitchConfigurator #frame .shapeCell .cellSeparator {
	position: absolute;
	left: 0;
	top: 4px;
	width: 21px;
	height: 125px;
	z-index: 2;
}

#homeSwitchConfigurator #frame .shapeCell:hover .inside {
	border-color: #e1e1e1;
	z-index: 3;
}

#homeSwitchConfigurator.home-switch-configurator {
	position: relative;
}

#homeSwitchConfigurator .home-switch-configurator__preview__frame {
	position: relative;
	font-size: 0;
	display: inline-block;
}

#homeSwitchConfigurator .home-switch-configurator__preview__frame__active-line {
	width: 132px;
	height: 5px;
	background-color: #399728;
	position: relative;
	top: 0;
	left: 0;
	-webkit-transition: left .5s, top .5s;
	-o-transition: left .5s, top .5s;
	transition: left .5s, top .5s;
}

#homeSwitchConfigurator .home-switch-configurator__preview__frame__active-line::before {
	content: '';
	display: block;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #399728;
	border-left: 20px solid transparent;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
}

#homeSwitchConfigurator.home-switch-configurator--vertical .home-switch-configurator__preview__frame__active-line::before {
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #399728;
	bottom: 50%;
	left: 0;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}

#homeSwitchConfigurator:not(.home-switch-configurator--vertical) .home-switch-configurator__preview__frame__active-line--start-1 {
	left: 0;
}

#homeSwitchConfigurator:not(.home-switch-configurator--vertical) .home-switch-configurator__preview__frame__active-line--start-2 {
	left: 112px;
}

#homeSwitchConfigurator:not(.home-switch-configurator--vertical) .home-switch-configurator__preview__frame__active-line--start-3 {
	left: 224px;
}

#homeSwitchConfigurator:not(.home-switch-configurator--vertical) .home-switch-configurator__preview__frame__active-line--start-4 {
	left: 336px;
}

#homeSwitchConfigurator:not(.home-switch-configurator--vertical) .home-switch-configurator__preview__frame__active-line--start-5 {
	left: 448px;
}

#homeSwitchConfigurator:not(.home-switch-configurator--vertical) .home-switch-configurator__preview__frame__active-line--start-6 {
	left: 560px;
}

#homeSwitchConfigurator:not(.home-switch-configurator--vertical) .home-switch-configurator__preview__frame__active-line--start-7 {
	left: 672px;
}

#homeSwitchConfigurator form.counter input.buyButton,
#homeSwitchConfigurator a.largeButton {
	width: auto;
	padding-right: 53px;
	padding-bottom: 46px;
	background: #399728 url('./img/basket.png') no-repeat no-repeat 93% 50%;
}

@-webkit-keyframes dash {
	to {
		stroke-dashoffset: -5;
	}
}

@keyframes dash {
	to {
		stroke-dashoffset: -5;
	}
}

#homeSwitchConfigurator #frame .shapeCell.hasFrame .inside {
	display: none;
}

#homeSwitchConfigurator #frame .shapeCell.hasFrame.active .inside {
	display: block;
}

#homeSwitchConfigurator #frame .shapeCell img {
	width: 132px;
	height: 114px;
}

#homeSwitchConfigurator .home-switch-configurator__preview {
	background-color: #fff;
}

#homeSwitchConfigurator .home-switch-configurator__preview.fixed {
	position: fixed;
	z-index: 10;
	top: 0;
	border-bottom: 1px solid #eaeaea;
	-webkit-box-shadow: 0 0 10px 5px #ddd;
	box-shadow: 0 0 10px 5px #ddd;
}

#homeSwitchConfigurator .home-switch-configurator__preview.fixed.fixed-bottom {
	position: absolute;
	top: auto;
	bottom: 0;
}

/* ----------------------------------- Kod produktu ----------------------------- */
#homeSwitchConfigurator #detailOfConfiguration .productCode {
	position: absolute;
	bottom: 0;
	line-height: 25px;
	padding: 0 25px;
	font-size: 15px;
	color: #9d9d9d;
	background: #f0f0f0;
}

#homeSwitchConfigurator #detailOfConfiguration .productCode.usedInDetail {
	position: static;
	display: inline-block;
}

#homeSwitchConfigurator #detailOfConfiguration .productCode span {
	color: #399728;
}

/* --------------------------- Náhled vypínače ----------------------- */
#homeSwitchConfigurator #detailOfConfiguration {
	position: relative;
	z-index: 2;
	margin-bottom: 10px;
}

#homeSwitchConfigurator #detailOfConfiguration.fixed {
	position: fixed;
	top: 23px;
	width: 332px;
}

#homeSwitchConfigurator #previewConfiguration {
	position: relative;
	width: 100%;
	height: 253px;
	border: 1px solid #eaeaea;
	background: url('./img/itemSelector.png');
}

#homeSwitchConfigurator #previewSwither.fixed {
	position: fixed;
	top: 23px;
}

#homeSwitchConfigurator #previewConfiguration .previewWindow {
	margin: 40px 0 0 68px;
	width: 130px;
	height: 105px;
	border-radius: 5px;
	border: 33px solid #f0f0f0;
	background: #fff;
}

/*#homeSwitchConfigurator #previewConfiguration .imgHolder{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}*/

#homeSwitchConfigurator #previewConfiguration img.design {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -100px;
}

/* ------------------------ KOD + CENA ----------------------- */
#homeSwitchConfigurator #codeWithPrice {
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
}

#homeSwitchConfigurator .allPrice {
	width: 250px;
	margin: -15px auto 0;
	font-size: 14px;
	color: #9d9d9d;
	text-align: left;
	line-height: 1.2em;
}

#homeSwitchConfigurator .allPrice td.right {
	text-align: right;
}

#homeSwitchConfigurator .allPrice td.finalPrice {
	color: #3a9728;
	font-weight: bold;
}

#homeSwitchConfigurator .allPrice td.priceType {
	text-align: center;
	color: #3a9728;
	font-size: 16px;
}

#homeSwitchConfigurator .home-switch-configurator__prices {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* ------------------------- Konfigurátor Vlastnosti ------------------------ */
#homeSwitchConfigurator #conFigurator {
	position: relative;
}

#homeSwitchConfigurator .rollUp {
	width: 100%;
	height: 25px;
	margin-bottom: 20px;
	background: #3a9728;
	cursor: pointer;
}

#homeSwitchConfigurator .rollUp .arrowButton {
	float: right;
	width: 125px;
	height: 25px;
	background-image: url('./img/down.png');
	background-position: center;
	background-size: auto 25px;
}

#homeSwitchConfigurator .rollUp.up .arrowButton {
	background-image: url("./img/up.png");
}

#homeSwitchConfigurator ul.category {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	clear: both;
}

#homeSwitchConfigurator ul.category li {
	margin: 19px 0 19px 15px;
	float: left;
	color: #000;
}

#homeSwitchConfigurator ul.category li label {
	padding: 7px 0 7px 7px;
	width: 176px;
	height: 55px;
	display: block;
	color: #868585;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: 150ms;
	-o-transition: 150ms;
	transition: 150ms;
}

#homeSwitchConfigurator ul.category li label img {
	float: left;
	margin-right: 12px;
}

#homeSwitchConfigurator ul.category li label.active {
	text-decoration: underline;
	color: #3a9728;
	border-radius: 5px;
	-webkit-box-shadow: #999 0 0 7px;
	box-shadow: #999 0 0 7px;
}

#homeSwitchConfigurator ul.category li label:hover {
	text-decoration: underline;
	color: #3a9728;
}

#homeSwitchConfigurator .subCategoryLeft,
#homeSwitchConfigurator .subCategoryRight {
	float: left;
	width: 300px;
}

#homeSwitchConfigurator .subCategoryRight {
	float: right;
}

#homeSwitchConfigurator .loading,
#vsConfigurator .loading,
.floatContainer .loading {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1) url("./img/loading-bars.svg") 50% 50% no-repeat;
	display: none;
}

.shapeHolder {
	float: left;
	line-height: 10px;
	margin: 0 10px 0 0;
	min-height: 100%;
}

.shapeHolder .shapeCell {
	float: left;
	width: 8px;
	height: 8px;
	border: 1px solid transparent;
}

.shapeHolder .shapeCell.active {
	background: #E1E1E1;
	border-color: #908D8D;
}

/* Configuration result */
#homeSwitchConfigurator #configResult {
	position: absolute;
	left: 0;
	top: 0;
	background: white;
	border: 1px solid #EAEAEA;
	display: none;
	min-height: 100%;
}

#homeSwitchConfigurator #configResult a.cornerButton {
	position: absolute;
	right: -12px;
	top: -12px;
	width: 30px;
	height: 30px;
	background: url("./img/unselected.png") 50% 50% no-repeat;
	text-decoration: none;
}

/* Home Switch - vertical variant */
#homeSwitchConfigurator.home-switch-configurator--vertical::after {
	content: '';
	display: table;
	clear: both;
}

#homeSwitchConfigurator.home-switch-configurator--vertical .home-switch-configurator__preview {
	float: left;
	width: 332px;
	max-height: 100vh;
	overflow: auto;
}

#homeSwitchConfigurator.home-switch-configurator--vertical .home-switch-configurator__preview.fixed {
	border-bottom: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#homeSwitchConfigurator.home-switch-configurator--vertical .bottom {
	float: right;
	width: 620px;
}

#homeSwitchConfigurator.home-switch-configurator--vertical #frame {
	margin-bottom: 10px;
}

#homeSwitchConfigurator.home-switch-configurator--vertical #frame .shapeCell {
	margin-left: 0;
}

#homeSwitchConfigurator:not(.home-switch-configurator--vertical) .home-switch-configurator__preview__frame__active-line {
	top: 0 !important;
}

#homeSwitchConfigurator.home-switch-configurator--vertical .home-switch-configurator__preview__frame__active-line {
	position: absolute;
	left: -5px !important;
	top: 0;
	width: 5px;
	height: 132px;
}

#homeSwitchConfigurator.home-switch-configurator--vertical .home-switch-configurator__preview__frame__active-line--start-1 {
	top: 0;
}

#homeSwitchConfigurator.home-switch-configurator--vertical .home-switch-configurator__preview__frame__active-line--start-2 {
	top: 132px;
}

#homeSwitchConfigurator.home-switch-configurator--vertical .home-switch-configurator__preview__frame__active-line--start-3 {
	top: 264px;
}

#homeSwitchConfigurator.home-switch-configurator--vertical .home-switch-configurator__preview__frame__active-line--start-4 {
	top: 396px;
}

#homeSwitchConfigurator.home-switch-configurator--vertical .home-switch-configurator__preview__frame__active-line--start-5 {
	top: 528px;
}

#homeSwitchConfigurator.home-switch-configurator--vertical .home-switch-configurator__prices {
	display: block;
}

#homeSwitchConfigurator.home-switch-configurator--vertical .allPrice {
	margin-top: 10px;
}

#homeSwitchConfigurator.home-switch-configurator--vertical #frame,
#homeSwitchConfigurator.home-switch-configurator--vertical #configResult {
	width: 100%;
}

/* Cam Switch */
#vsConfigurator .shuffle h2,
#homeSwitchConfigurator #configResult .shuffle h2 {
	padding-left: 16px;
	font-size: 23px;
	color: #000;
	background: url('./img/side_menu_dot_hover.png') no-repeat 0 50%;
}

#vsConfigurator .shuffle h2.title,
#homeSwitchConfigurator #configResult .shuffle h2.title {
	margin: 0 0 10px 0;
	position: relative;
}

#homeSwitchConfigurator #configResult .shuffle .configuratorBox table.listingConfig,
#vsConfigurator .shuffle .configuratorBox table.listingConfig {
	margin: 20px 0 40px 0;
	width: 100%;
}

#homeSwitchConfigurator #configResult .shuffle .configuratorBox table.listingConfig td,
#vsConfigurator .shuffle .configuratorBox table.listingConfig td {
	border-bottom: 1px solid #F4F4F4;
	color: #3A9728;
	font-weight: 600;
	padding: 5px 10px;
	width: 30%;
	vertical-align: middle;
}

#homeSwitchConfigurator #configResult .shuffle .configuratorBox table.listingConfig td.choosen,
#vsConfigurator .shuffle .configuratorBox table.listingConfig td.choosen {
	border-left: 2px dotted #DCDCDC;
	font-weight: normal;
	color: #000;
	width: 70%;
}

#homeSwitchConfigurator #configResult .shuffle .productCode,
#vsConfigurator .shuffle .productCode {
	color: #969595;
	line-height: 28px;
	text-align: center;
	border: 1px solid #3A9728;
	background: #FFF url('./img/back_code.png') repeat-x;
}

#homeSwitchConfigurator #configResult .shuffle .productCode span,
#vsConfigurator .shuffle .productCode span {
	color: #3A9728;
}

#homeSwitchConfigurator #configResult input.print {
	float: left;
}

/* Cam Switch configurator */
#vsConfigurator {
	width: 990px;
	margin: 50px auto 100px auto;
	position: relative;
}

#vsConfigurator .clr {
	clear: both;
	height: 0;
	line-height: 0;
}

#vsConfigurator .buttonField {
	width: 100%;
	height: 50px;
}

/* ----------------- boÄŤnĂ­ menu ----------------- */
#vsConfigurator .sideMenu {
	float: left;
	width: 227px;
}

#vsConfigurator .confirmButton {
	width: 100%;
}

#vsConfigurator .confirmButton.addSwitch {
	margin-bottom: 50px;
}

#vsConfigurator .confirmButton:active {
	border: none;
}

#vsConfigurator .sideMenu .confirmButton {
	background: #000 url('./img/arrow_button.png') no-repeat 204px 52%;
}

#vsConfigurator .sideMenu .confirmButton:hover {
	background-color: #3a9728;
}

#vsConfigurator .sideMenu ul.mainMenu {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

#vsConfigurator .sideMenu ul.mainMenu li {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border-bottom: 2px dotted #fff;
	background: #eaeaea url('./img/side_menu_dot.png') no-repeat 11px 50%;
	cursor: pointer;
}

#vsConfigurator .sideMenu ul.mainMenu li:hover {
	text-decoration: underline;
	background: #eaeaea url('./img/side_menu_dot_hover.png') no-repeat 11px 50%;
}

#vsConfigurator .sideMenu ul.mainMenu li {
	padding-left: 24px;
	text-decoration: none;
	color: #000;
}

#vsConfigurator .sideMenu ul.mainMenu li.active {
	height: 36px;
	color: #fff;
	line-height: 36px;
	border-bottom: 6px solid #000;
	background: #3a9728 url('./img/side_menu_dot_active.png') no-repeat 11px 50%;
}

#vsConfigurator .sideMenu ul.mainMenu li.inactive {
	padding-left: 24px;
	color: #c9c7c7;
	text-decoration: none;
	background: #eaeaea url('./img/side_menu_dot_inactive.png') no-repeat 11px 50%;
}

/* --------------------- Pravá strana ---------------------------*/
#vsConfigurator .shuffle {
	float: right;
	width: 721px;
	position: relative;
}

#vsConfigurator .shuffle h2 {
	padding-left: 16px;
	font-size: 23px;
	color: #000;
	background: url('./img/side_menu_dot_hover.png') no-repeat 0 50%;
	margin: 20px 0;
}

#vsConfigurator .shuffle h2.title {
	margin: 0 0 10px 0;
	position: relative;
}

#vsConfigurator .shuffle h2.title span.edit {
	cursor: pointer;
}

#vsConfigurator .shuffle h2.title span.edit span.grey {
	color: #969595;
	margin: 0 0 0 10px;
	font-size: 0.65em;
	font-weight: normal;
}

#vsConfigurator .shuffle h2.title span.edit:hover span.grey {
	color: black;
}

#vsConfigurator .shuffle h2.title a.remove {
	text-decoration: none;
	float: right;
	width: 30px;
	height: 30px;
	background: url("./img/unselected.png") 50% 50% no-repeat;
	margin: -10px 0 0 0;
}

#vsConfigurator .shuffle .productCode {
	margin: 0 auto;
	width: 719px;
	height: 28px;
	color: #969595;
	line-height: 28px;
	text-align: center;
	border: 1px solid #3a9728;
	background: #fff url('./img/back_code.png') repeat-x;
}

#vsConfigurator .shuffle .productCode span {
	color: #3a9728;
}

/* ---------------------- Výběr polí ----------------------- */
#vsConfigurator .shuffle .configuratorBox {
	width: 100%;
	height: auto;
}

#vsConfigurator .shuffle .configuratorBox .viewSelected {
	margin-bottom: 20px;
}

#vsConfigurator .shuffle .configuratorBox .viewSelected table {
	width: 100%;
	margin-bottom: 30px;
	padding: 0;
	border-collapse: separate;
}

#vsConfigurator .shuffle .configuratorBox .viewSelected table td {
	padding: 10px 20px;
}

#vsConfigurator .shuffle .configuratorBox .viewSelected table td span {
	padding: 10px 20px;
	color: #6a6969;
	font-weight: 600;
	text-decoration: underline;
}

#vsConfigurator .shuffle .configuratorBox .viewSelected table tr td.first {
	width: 45%;
}

#vsConfigurator .shuffle .configuratorBox .viewSelected table tr.selected td.first,
#vsConfigurator .shuffle .configuratorBox .viewSelected table tr.noSelected td.first {
	padding: 10px 20px 10px 35px;
	border-right: 1px solid #eaeaea;
	background: #fff url('./img/unselected.png') no-repeat 0 50%;
}

#vsConfigurator .shuffle .configuratorBox .viewSelected table tr.selected td.first {
	background: #fff url('./img/selected.png') no-repeat 0 50%;
}

#vsConfigurator .shuffle .configuratorBox .viewSelected textarea {
	margin: 0;
	width: 97%;
	min-width: 97%;
	max-width: 97%;
	height: 50px;
	padding: 10px;
}

#vsConfigurator .shuffle .configuratorBox table {
	float: right;
	width: 490px;
	border-collapse: collapse;
}

#vsConfigurator .shuffle .configuratorBox table td {
	padding: 5px 10px;
}

#vsConfigurator .shuffle .configuratorBox table td.gray {
	background: #f3f3f3;
}

#vsConfigurator .shuffle .configuratorBox table td span {
	margin-left: 15px;
}

#vsConfigurator .shuffle .configuratorBox table td span.right {
	margin-right: 15px;
	float: right;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble {
	float: left;
	margin: 0 17px 0 0;
	width: 210px;
	padding: 0;
	list-style: none;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble li {
	line-height: 26px;
	background: #fff;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble li.title {
	line-height: 32px;
	text-align: center;
	color: #fff;
	background: #3a9728;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble li.gray {
	background: #f3f3f3;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble li.active {
	color: #fff;
	background: #3a9728;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble li label {
	padding-left: 12px;
	cursor: pointer;
	display: block;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble li label:hover {
	text-decoration: underline;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.section {
	width: 130px;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.scheme {
	width: 130px;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.angles {
	width: 200px;
	margin-right: 0;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.angles.small {
	width: 210px;
	margin-right: 10px;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.angles.big {
	width: 346px;
	margin-right: 0;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.angles li {
	line-height: 60px;

}

#vsConfigurator .shuffle .configuratorBox ul.changeble.angles li.title {
	line-height: 32px;

}

#vsConfigurator .shuffle .configuratorBox ul.changeble.angles li img {
	float: left;
	margin-top: 4px;
	margin-right: 20px;
	width: 53px;
	height: 52px;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.description {
	margin: 0;
	padding: 0;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.description li.description {
	height: 450px;
	overflow: auto;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble li.description a {
	position: static;
	width: auto;
	height: auto;
	border: none;
	background: none;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble li.description a:hover {
	background: transparent;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.description.montageFix,
#vsConfigurator .shuffle .configuratorBox ul.changeble.description.specialDesign {
	width: 266px;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.description.frontPlate,
#vsConfigurator .shuffle .configuratorBox ul.changeble.description.control {
	width: 493px;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.description.accessory {
	width: 267px;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.description.cover {
	width: 267px;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.anglesIMG li div {
	padding: 15px;
	line-height: 16px;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.anglesIMG li label {
	padding: 0;
	border: 0;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.anglesIMG li label img {
	border: none;
	margin-top: 10px;
	display: block;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.message {
	width: 494px;
	margin-right: 0;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.message li {
	padding: 0;
	margin: 0;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.message li.areaBox {
	height: 260px;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.message li .typeMessage {
	margin: 10px auto;
	font-size: 16px;
	width: 452px;
	color: #3a9728;
	padding: 20px 20px;
	height: 200px;
	border: 1px solid #3a9728;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble.message li .typeMessage:focus {
	outline: none;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble li {
	position: relative;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble li.hasLink {
	padding-right: 45px;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble li a {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	text-decoration: none;
	height: 26px;
	border-left: 2px dotted #e3e3e3;
	background: url('./img/show_scheme.png') no-repeat;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble li a:hover {
	background: #9d9c9c url('./img/show_scheme_active.png') no-repeat;
	border-color: #9d9c9c;
}

#vsConfigurator .shuffle .configuratorBox ul.changeble li.active a {
	background: url('./img/show_scheme_active.png') no-repeat;
}

#vsConfigurator .shuffle .configuratorBox table.listingConfig {
	margin: 20px 0 50px 0;
	width: 100%;
}

#vsConfigurator .shuffle .configuratorBox table.listingConfig.send {
	margin: 20px 0 80px 0;
	width: 100%;

}

#vsConfigurator .shuffle .configuratorBox table.listingConfig td {
	border-bottom: 1px solid #f4f4f4;
	color: #3a9728;
	font-weight: 600;
	padding: 5px 10px;

}

#vsConfigurator .shuffle .configuratorBox table.listingConfig td.choosen {
	border-left: 2px dotted #dcdcdc;
	font-weight: normal;
	color: #000;
}

#vsConfigurator .shuffle .configuratorBox table.listingConfig.send {
	width: 100%;
}

#vsConfigurator .shuffle .configuratorBox table.listingConfig.send td {
	padding: 0;
	border: none;
	line-height: 35px;
	width: auto;
}

#vsConfigurator .shuffle .configuratorBox table.listingConfig.send td span {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #000;
}

#vsConfigurator .shuffle .configuratorBox table.listingConfig.send td input[type="text"] {
	width: 250px;
	padding: 3px 5px;
	line-height: 20px;
	border: 1px solid #3a9728;
	color: #3a9728;
}

#vsConfigurator .shuffle .configuratorBox table.listingConfig.send td .input[type="text"]:focus,
#vsConfigurator .shuffle .configuratorBox table.listingConfig.send td textarea:focus {
	outline: none;
}

#vsConfigurator .shuffle .configuratorBox table.listingConfig.send td textarea {
	margin-top: 10px;
	width: 506px;
	padding: 10px;
	height: 80px;
	font-size: 14px;
	border: 1px solid #3a9728;
	color: #3a9728;
}

#vsConfigurator .shuffle .contentHolder {
	display: none;
}

#vsConfigurator .contentHolder.result {
	display: none;
	background: white;
}

#vsConfigurator .contentHolder.result .shuffle {
	float: none;
	width: auto;
}

.none {
	display: none;
}

/* ADDED ESHOP */
.container,
.contish {
	margin: 0 auto;
	width: 990px;
}

#header .container {
	position: relative;
	height: 100%;
	z-index: 2;
}

.contish {
	position: relative;
	clear: both;
}

.contish.home {
	/*padding-bottom: 40px;*/
	padding-top: 5px;
}

.home-benefits-wrap {
	border-top: 1px solid #ececec;
}

.home-benefits-wrap h2 {
	text-transform: uppercase;
	margin-bottom: 15px !important;
}

.home-benefits-wrap a.simpleHref {
	background-image: url('./img/small_arrow.png');
}

.floatContainer {
	float: right;
	width: 711px;
	padding-bottom: 50px;
	position: relative;
}

.floatContainer.wide {
	width: 100%;
}

.mapButton {
	position: absolute;
	top: 70px;
	left: -162px;
	width: 140px;
	height: 176px;
	z-index: 150;
}

.mapButtoner {
	width: 100%;
	margin-bottom: 13px;
	line-height: 45px;
	text-align: center;
	color: #ffffff;
}

.mapButtoner form {
	display: none;
	position: relative;
	left: -7px;
}

.mapButtoner form select {
	width: 140px;
	margin: 0;
}

a.changeMap {
	font-size: 16px;
	color: #ffffff;
	background: #3a9728;
	border-bottom: 5px solid #ffffff;
	display: block;
	-webkit-transition: 250ms;
	-o-transition: 250ms;
	transition: 250ms;
}

a.changeMap.active,
a.changeMap:hover {
	color: #000000;
	border-bottom: 5px solid #000000;
}

.whereIam {
	width: 100%;
	height: 49px;
	margin-top: 25px;
	/*line-height: 49px;*/
	font-size: 14px;
}

.whereIam a {
	color: #696969;
	text-decoration: none;
}

.whereIam a:hover {
	text-decoration: underline;
}

.whereIam span {
	color: #3c982a;
}

.whereIam span.separator {
	color: #696969;
}

#basketRespositary {
	position: absolute;
	top: 45px;
	padding-top: 10px;
	right: 0;
	width: 650px;
	background: #fff;
	z-index: 99;
	cursor: auto;
	color: #000;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear;
	-o-transition: visibility 0s linear 0.1s, opacity 0.1s linear;
	transition: visibility 0s linear 0.1s, opacity 0.1s linear;
}

#basketRespositary p {
	padding: 20px 25px;
	margin: 0;
}

#basketRespositary td.nameProduct p {
	padding: 0;
	line-height: 1.3em;
}

#basketRespositary table.product {
	width: 100%;
	border-collapse: collapse;
}

#basketRespositary table.product td {
	height: 80px;
	border-bottom: 1px solid #CACACA;
}

#basketRespositary table.product td a {
	color: #000;
	text-decoration: none;
	margin-left: 10px;
}

#basketRespositary table.product td.img {
	width: 70px;
	padding: 0 15px 0 10px;
}

#basketRespositary table.product td span {
	padding: 8px;
}

#basketRespositary table.product td span.finalPrice {
	padding: 8px;
	float: right;
}

#basketRespositary table.product tr.nameRow td {
	width: auto;
	height: auto;
	border: none;
	padding: 10px 0 10px 10px;
}

#basketRespositary table.product tr.nameRow td a {
	margin-left: 0;
}

#basketRespositary table.product td.nameProduct {
	width: 180px;
	padding-left: 10px;
	vertical-align: top;
}

#basketRespositary table.product td a.plusMinus,
#orderComplete a.plusMinus,
#basketRespositary table.product td a.delete {
	width: 21px;
	height: 21px;
	background: #fff;
	text-align: center;
	line-height: 19px;
	border: 2px solid #3BAB26;
	color: #3BAB26;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: 150ms;
	-o-transition: 150ms;
	transition: 150ms;
}

#basketRespositary table.product td .finalButton,
#flashMessage a.button,
#orderFinish .sendBlock input,
#orderFinish .finishButtonHolder a,
input[type="submit"],
input[type="button"],
a.largeButton,
.btn-primary,
.btn-primary-solid {
	padding: 5px 10px;
	/*margin: 10px 0 0 0;*/
	background: #fff;
	text-align: center;
	border: 2px solid #3BAB26;
	color: #3BAB26;
	cursor: pointer;
	display: inline-block;
	-webkit-transition: 150ms;
	-o-transition: 150ms;
	transition: 150ms;
	text-decoration: none;
}

#orderFinish .finishButtonHolder a.btn--sm {
	font-size: 1em;
}

#orderFinish .sendBlock input,
#orderFinish .finishButtonHolder a.btn-primary-solid,
.btn-primary-solid {
	background-color: #3BAB26;
	color: #fff;
}

.btn--more {
	padding-right: 15px;
	background-image: url('./img/small_arrow.png');
	background-position: 88% 54%;
	background-repeat: no-repeat;
}

#basketRespositary table.product td a.plusMinus:hover,
#orderComplete a.plusMinus:hover,
#basketRespositary table.product td a.delete:hover,
#basketRespositary table.product td .finalButton:hover,
#flashMessage a.button:hover,
#orderFinish .sendBlock input:hover,
#orderFinish .finishButtonHolder a:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.btn-primary:hover {
	background: #3BAB26;
	color: #fff;
}

#orderFinish .sendBlock input:hover,
#orderFinish .finishButtonHolder a.btn-primary-solid:hover,
.btn-primary-solid:hover {
	background-color: black;
	border-color: black;
}

#flashMessage a.button.closeFlash {
	float: right;
}

#homeSwitchConfigurator a.largeButton {
	background-image: none;
	padding-bottom: 0;
	padding-left: 25px;
	padding-right: 25px;
	float: right;
	font-size: 1.3em;
}

#homeSwitchConfigurator a.largeButton:hover {
	border-bottom: 5px solid #000;
	background: black;
}

/****************** Conainer backgrounds for all page *************************/
div#overlight {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
	left: 0;
	top: 0;
}

#snippet--flash {
	width: 700px;
	position: absolute;
	z-index: 100;
	left: 50%;
	margin-left: -350px;
}

#snippet--flash div.flash.addProduct div.contentFlashAddProduct .message {
	background: #E7F2E5 url("./img/success.png") 30px 14px no-repeat;
	padding-left: 65px;
}

.flash.addProduct {
	background: white;
	border-color: #EBEBEB;
	padding: 0;
}

.flash.addProduct .addProductWindow {
	padding: 25px 20px;
}

.flash.addProduct .productInfo a {
	text-decoration: none;
}

.flash.addProduct .productInfo .name {
	font-weight: bold;
}

.flash.addProduct table {
	width: 100%;

}

.flash.addProduct table td {
	vertical-align: top;
}

.flash.addProduct .addProductWindow .price,
.flash.addProduct table td.price,
.flash.addProduct .toFreeShipping .green {
	color: #3BAB26;
	font-weight: bold;
}

.flash.addProduct table td.quantity-col {
	width: 100px;
}

.flash.addProduct table td.price {
	text-align: right;
	width: 140px;
}

#snippet--flash div.flash div.contentFlashAddProduct .message,
#snippet--flash div.flash div.contentFlashCarts .message {
	padding: 0 30px;
	margin: 0;
	line-height: 52px;
	border-bottom: 1px solid #BDBDBD;
	font-size: 16px;
}

.wrapLine .container.shop {
	height: 143px;
	background: url('./img/eshop.png') no-repeat top center;
	padding-top: 10px;
}

.contacter {
	height: 163px;
	background: url('./img/contact_people.png') no-repeat top center;
}

.wrapLine .container {
	position: relative;
	z-index: 1;
	padding: 0;
}

/**************************************** End *********************************/

.simpleButton {
	margin: 14px 0 0 0;
	float: right;
	padding: 16px;
	border: 1px solid #3a9728;
	display: inline-block;
	color: #3a9728;
	background: url('./img/green_small_arrow.png') no-repeat 95% 50%;
	-webkit-transition: 150ms;
	-o-transition: 150ms;
	transition: 150ms;
}

.simpleButton:hover {
	color: #fff;
	background: #3a9728 url('./img/small_arrow.png') no-repeat 95% 50%;
}

.simpleButton.black {
	position: absolute;
	top: 260px;
	padding: 12px 16px;
	right: 0;
	border: 1px solid #6d6d6d;
	color: #6d6d6d;
	background: url('./img/gray_small_arrow.png') no-repeat 96% 50%;
	-webkit-transition: 150ms;
	-o-transition: 150ms;
	transition: 150ms;
}

.simpleButton.black:hover {
	color: #fff;
	background: #6d6d6d url('./img/small_arrow.png') no-repeat 96% 50%;
}

.logo {
	float: left;
}

.clr {
	clear: both;
	line-height: 0;
}

.facebook {
	float: right;
	margin-top: 9px;
}

/****************************** Přihlášení do Eshopu *****************************/
.loginBox {
	position: absolute;
	top: 44px;
	right: 0;
	width: 268px;
	height: 270px;
	border: 1px solid #399728;
	background: #ffffff;
	display: none;
	-webkit-box-shadow: 0 4px 8px #000;
	box-shadow: 0 4px 8px #000;
	z-index: 99;
}

.loginBox form {
	margin: 20px auto;
	width: 220px;
	font-size: 12px;
	text-align: right;
	line-height: 1.4em;
	color: #000;
}

/* ------------- Tabulka pro přihlášení --------------- */
.loginBox .user,
.loginBox .password,
.loginBox .button {
	width: 180px;
	padding: 0 10px 0 30px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #000;
	height: 40px;
	border: 1px solid #399728;
	background: url('./img/letter.png') no-repeat 8px 50%;
}

.loginBox .password {
	background: url('./img/password.png') no-repeat 8px 50%;
}

.loginBox .button {
	width: 222px;
	margin: 0 0 30px 0;
	color: #ffffff;
	background: #399728;
	cursor: pointer;
}

/*********************************** Konec ***************************************/

#header {
	width: 100%;
	border-bottom: 1px solid #d0e7cd;
}

#header .searchArea {
	position: relative;
	float: right;
	width: 339px;
	height: 163px;
}

#header .searchArea span {
	margin-top: 12px;
	text-align: center;
	color: #8c8c8c;
	display: block;
	font-size: 28px;
}

.ru #header .searchArea span {
	font-size: 18px;
}

#header .language {
	padding: 0;
	margin: 0;
	width: 50px;
}

#header .language li {
	list-style-type: none;
	background-color: #ececec;
	border-bottom: 1px solid white;
	display: block;
	text-align: center;
}

#header .language li a {
	display: block;
	padding: 5px 0;
}

#header .language li a:hover {
	background-color: black;
}

#header .searchArea .search {
	margin: 0 auto;
	width: 259px;
	padding: 0 62px 0 16px;
	height: 41px;
	border: 1px solid #3a9828;
	font-size: 16px;
	font-family: 'playRegular', arial, sans-serif;
	color: #3a9828;
}

#header .searchArea .button {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 35px;
	height: 35px;
	border: none;
	background: #3a9828 url('./img/glass.png') no-repeat center 50%;
	cursor: pointer;
}

#header .searchArea .search:focus,
#header .searchArea .button:focus {
	outline: none;
}

/********************************************************/
.productSearchBlockResult,
.productSearchBlockResult .lastSearch .code_pin,
.productSearchBlockResult .lastSearch .price {
	position: absolute;
	float: right;
}

.productSearchBlockResult {
	margin-top: 5px;
	width: 450px;
	left: -113px;
	background: #fff;
	border: 1px solid #3a9828;
	-webkit-box-shadow: 0 4px 10px #000000;
	box-shadow: 0 4px 10px #000000;
	z-index: 99;
}

.productSearchBlockResult.hide {
	display: none;
}

.productSearchBlockResult .lastSearch {
	position: relative;
	margin: 10px auto;
	width: 400px;
	height: 72px;
	padding: 10px 0;
	border-bottom: 1px solid #3a9828;
}

.productSearchBlockResult .lastSearch .lastSearch__image {
	float: left;
	margin-top: 0 !important;
	width: 95px;
	height: 70px;
	margin-right: 15px;
	border: 1px solid #3a9828;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.productSearchBlockResult .lastSearch img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
}

.productSearchBlockResult .lastSearch .code_pin {
	left: 87px;
	font-size: 12px;
	bottom: 10px;
	color: #3a9828;
}

.productSearchBlockResult .lastSearch .price {
	right: 0;
	font-weight: 700;
	bottom: 10px;
	color: #3a9828;
}

.productSearchBlockResult p.noResult {
	padding: 0;
	margin: 25px;
}

/********************************************************/

.navbar {
	margin-top: 20px;
	margin-bottom: 20px;
}

@media (min-width: 731px) {
	.navbar {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

.navbar__buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	position: relative;
	z-index: 2;
}

.navbar__button {
	width: 40px;
	height: 40px;
	background-color: #338024;
	border: none;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: 2px;
	color: black;
}

.navbar__button:hover {
	background-color: black;
	color: white;
}

.navbar__button:hover .navbar__button__caret {
	border-top-color: white;
}

.navbar__button--gray {
	background-color: #ececec;
}

.navbar__button__icon {
	width: 25px;
	line-height: 0;
}

.navbar__button__icon--basket {
	position: relative;
}

.navbar__button__icon--basket .count {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #ff0000;
	position: absolute;
	top: -3px;
	right: -3px;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	color: #fff;
	font-size: 12px;
}

.navbar__button--search .navbar__button__icon {
	width: 20px;
}

.navbar__button--user .navbar__button__icon {
	width: 18px;
}

.navbar__button__icon .svg__path {
	fill: white;
}

.navbar__button--gray .navbar__button__icon .svg__path {
	fill: black;
}

.navbar__button:hover .navbar__button__icon .svg__path {
	fill: white;
}

.navbar__button__caret {
	border-top: 4px solid black;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	margin-left: 5px;
}

.navbar__button--lang {
	width: 50px;
}

.navbar__button--lang .navbar__button__icon img {
	width: 20px;
}

#header .navbar .basket {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

#header .navbar .basket .navbar__button {
	margin-left: 0;
}

#header .navbar .basket:hover #basketRespositary {
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

#header .mainMenu .login {
	width: 45px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 0;
	height: 45px;
	line-height: 0;
	color: #fff;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#header .mainMenu .login .toggleButton {
	cursor: pointer;
	text-align: center;
}

#header .mainMenu ul.topMenu {
	list-style-type: none;
	margin: 0 0 0 25px;
	padding: 0;
	line-height: 45px;
	font-size: 14px;
}

#header .mainMenu ul.topMenu.right {
	float: right;
	list-style: none;
	margin: 0 0 0 25px;
	padding: 0;
	line-height: 45px;
	font-size: 18px;
}

#header .mainMenu ul.topMenu li {
	float: left;
}

#header .mainMenu ul#mainMenu li {
	position: relative;
}

#header .mainMenu ul#mainMenu li.eshop {
	position: static;
}

#header .mainMenu ul.topMenu li.eshop > a,
#header .mainMenu ul.topMenu li.eshop:hover > a {
	font-weight: 700;
	color: #3a9828;
}

#header .mainMenu ul.topMenu li a {
	color: #000;
	text-decoration: none;
	padding: 0 8px;
	display: block;
}

#header .mainMenu ul.topMenu li ul li a {
	padding-left: 16px;
}

#header .mainMenu ul.topMenu li:hover > a,
#header .mainMenu ul#mainMenu > li > ul li:hover > a {
	color: #3a9828;
	text-decoration: none;
}

#header .mainMenu ul#mainMenu li:hover ul {
	display: block;
}

#header .mainMenu ul#mainMenu > li > ul {
	display: none;
	list-style-type: none;
	position: absolute;
	left: 0;
	top: 45px;
	width: 250px;
	/*background: white;*/
	margin: 0;
	padding: 13px 0 0 0;
	font-size: 14px;
	line-height: 1.4em;
	background: url('./img/submenu/white_arrow.png') 0 0 no-repeat;
}

#header .mainMenu ul#mainMenu > li > ul li,
#header .mainMenu ul#mainMenu > li > ul li a {
	background: none;
	color: #000;
}

#header .mainMenu ul#mainMenu > li > ul li {
	padding: 5px 8px;
	background: white url('./img/dot.png') no-repeat 10px 12px;
	float: none;
}

#header .mainMenu ul#mainMenu > li > ul li.first {
	padding-top: 12px;
	background-position: 10px 19px;
}

#header .mainMenu ul#mainMenu > li > ul li.last {
	padding-bottom: 12px;
}

/************************ SubMENU *********************/
#header .mainMenu ul.topMenu li.eshop .subMenu,
#basketRespositary,
#flashMessage,
#header .mainMenu ul#mainMenu > li > ul {
	-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);
}

#header .mainMenu ul.topMenu li.eshop .subMenu {
	position: absolute;
	width: 100%;
	padding-top: 24px;
	left: 0;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear;
	-o-transition: visibility 0s linear 0.1s, opacity 0.1s linear;
	transition: visibility 0s linear 0.1s, opacity 0.1s linear;
	z-index: 99;
	padding-bottom: 15px;
	font-size: 16px;
}

#header .mainMenu ul.topMenu li.eshop:hover .subMenu {
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

#header .mainMenu ul.topMenu li.eshop .subMenu ul {
	list-style: none;
	float: left;
	width: 268px;
	/*height: 155px;*/
	padding: 0 0 0 35px;
	border-left: 3px dotted #d4e9d1;
}

#header .mainMenu ul.topMenu li.eshop .subMenu ul li {
	width: 100%;
	font-size: 20px;
	margin-top: 20px;
}

#header .mainMenu ul.topMenu li.eshop .subMenu ul li img {
	float: left;
	margin-right: 10px;
	border: none;
}

#header .mainMenu ul.topMenu li.eshop .subMenu ul li a {
	padding: 0;
	line-height: 20px;
	color: #000;
	background: none;
}

#header .mainMenu ul.topMenu li.eshop .subMenu ul li a.simple,
#header .mainMenu ul.topMenu li.eshop .subMenu ul li span.arrow {
	float: left;
	font-size: 14px;
}

#header .mainMenu ul.topMenu li.eshop .subMenu ul li a.simple {
	padding: 0 8px;
	color: #000;
	background: url('./img/dot.png') no-repeat left 50%;
}

#header .mainMenu ul.topMenu li.eshop .subMenu ul li span.arrow {
	padding: 5px 6px 0 0;
	color: #3a9828;
	background: url('./img/green_small_arrow.png') no-repeat 100% 70%;
	font-size: 14px;
}

#header .mainMenu ul.topMenu li.eshop .subMenu ul li a:hover,
#header .mainMenu ul.topMenu li.eshop .subMenu ul li a.simple:hover {
	color: #3a9828;
}

#header .mainMenu ul.topMenu li.eshop .subMenu ul li a:hover span.arrow {
	text-decoration: underline;
}

#header .mainMenu ul.topMenu li.eshop .subMenu ul.middle {
	width: 367px;
}

#header .mainMenu ul.topMenu li.eshop .subMenu ul.first {
	border: none;
}

#header .mainMenu ul.topMenu li.eshop .subMenu ul.last {
	width: 240px;
}

#header .mainMenu ul.topMenu li.eshop .subMenu ul.first li {
	margin-bottom: 35px;
}

#header .mainMenu ul.topMenu li.eshop .subMenu ul.middle li {
	margin-bottom: 23px;
}

.navbar-dropdown {
	position: relative;
}

.navbar-dropdown__content {
	position: absolute;
	top: 42px;
	right: 0;
	display: none;
}

.navbar-dropdown__toggler:focus {
	outline: none;
}

.navbar-dropdown__toggler:not(.navbar-dropdown__toggler--collapsed) .navbar-dropdown__only-collapsed {
	display: none;
}

.navbar-dropdown__toggler.navbar-dropdown__toggler--collapsed .navbar-dropdown__not-collapsed {
	display: none;
}

.whiteArrow {
	position: absolute;
	top: -14px;
	right: 105px;
	width: 100px;
	height: 14px;
	background: url('./img/submenu/white_arrow.png') top;
}

.whiteArrow.step {
	left: 90px;
}

.wrapLine--homepage {
	background: radial-gradient(#f6f6f6, #bebebe);
	position: relative;
	padding-bottom: 33px;
}

.wrapLine--homepage:before,
.wrapLine--homepage:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 33px;
	background-image: url('./img/square-header.png');
	height: 63px;
	width: calc((100vw - 990px) / 2 - 20px);
}

.wrapLine--homepage:before {
	left: 0;
}

.wrapLine--homepage:after {
	right: 0;
}

.wrapLine .box {
	position: relative;
	float: left;
	margin: 40px 31px 0 0;
	width: 307px;
	height: 236px;
	border: 1px solid #d0e7cd;
	background-color: white;
}

.wrapLine .box > a,
.wrapLine .box > span {
	text-align: center;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.wrapLine .box.last,
.wrapLine .box.small.last {
	margin-right: 0;
}

.wrapLine .box a {
	/*display: block;
	width: 100%;
	height: 100%;*/
}

.wrapLine .box a.loop,
.wrapLine .box span.loop {
	color: #fff;
	font-size: 17px;
	padding-right: 7px;
	background: url('./img/small_arrow.png') no-repeat right 9px;
	text-decoration: underline;
	bottom: 0;
}

.wrapLine .box a.loop:hover,
.wrapLine .box a:hover span.loop {
	text-decoration: none;
}

.wrapLine .box a.more,
.wrapLine .box span.more {
	position: absolute;
	right: 0;
	bottom: 0;
	/*width: 62px;*/
	padding: 0 15px 0 13px;
	text-align: center;
	line-height: 34px;
	color: #fff;
	font-size: 17px;
	background: #399728 url('./img/small_arrow.png') no-repeat 88% 16px;
	-webkit-transition: 120ms;
	-o-transition: 120ms;
	transition: 120ms;
	z-index: 3;
}

.wrapLine .box a.more:hover,
.wrapLine .box a:hover > span.more,
.wrapLine .box--configurator .box__item:hover > span.more {
	/*background: #000 url('./img/small_arrow.png') no-repeat 50px 16px;*/
	background: #000 url('./img/small_arrow.png') no-repeat 88% 16px;
}

.wrapLine .box img,
.wrapLine .box span {
	float: none;
	margin: 0;
}

.wrapLine .box img.logo,
.wrapLine .box img.pictogram {
	left: 11px;
}

.wrapLine .box img.logo {
	bottom: 38px;
}

.wrapLine .box img.pictogram {
	margin-top: 30px;
}

.wrapLine .box span.title {
	font-size: 22px;
	line-height: 24px;
	color: #399728;
	text-align: center;
	display: block;
	position: absolute;
	top: 10px;
	right: 0;
	left: 0;
	padding: 15px 0;
	font-weight: 700;
}

.wrapLine .box span.title img {
	float: left;
	margin-right: 7px;
}

.wrapLine .box.box--configurator > span {
	display: block;
	text-decoration: none;
}

.wrapLine .box.box--configurator span.title {
	position: static;
	padding-top: 22px;
	padding-bottom: 22px;
	text-decoration: none;
	background-color: #399728;
	color: white;
}

.box__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 55px;
	border-top: 1px solid #d0e7cd;
	padding-left: 15px;
	text-decoration: none;
}

.box__item:nth-child(even) {
	background-color: #f9f9f9;
}

.box__item:hover {
	color: black;
	background-color: #d0e7cd;
}

.box__item__title {
	position: relative;
	z-index: 2;
}

.box__item__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-right: 10px !important;
}

.box__item__icon .svg {
	width: 100%;
	height: 100%;
	fill: #399728;
}

.wrapLine .box .config {
	position: absolute;
	top: 103px;
	left: 13px;
}

.wrapLine .box.small {
	margin: 17px 31px 36px 0;
	width: 309px;
	height: 80px;
	background: url('./img/bg_small_box.png');
}

.wrapLine .box.small img.pictogram {
	top: 17px;
}

.wrapLine .box.small span.title {
	top: 15px;
	color: #000;
	width: 180px;
}

.wrapLine .box.small.ru span.title {
	font-size: 0.9em;
	line-height: 1.2em;
}

.wrapLine .box a.more.small,
.wrapLine .box.small span.more {
	bottom: 0;
}

.wrapLine.all {
	width: 100%;
	height: 153px;
	background: #8f8f8f url('./img/bg_wrap.png');
}

.chooseBox {
	margin-bottom: 30px;
	width: 711px;
	line-height: 55px;
	background: #eaeaea;
}

.chooseBox span,
.chooseBox label {
	margin-left: 20px;
	font-size: 18px;
	color: #000;
}

.chooseBox form {
	float: right;
}

.chooseBox select {
	width: 160px;
	height: 29px;
	border: 1px solid #3a9728;
	color: #3a9728;
	background: url('./img/select.png');
	margin-right: 10px;
}

.chooseBox select:focus {
	outline: none;
}

.productsBlock .grid-paginator {
	margin-bottom: 0;
	text-align: right;
	line-height: 30px;
	background: #ffffff;
	clear: both;
}

.productsBlock .grid-paginator a,
.productsBlock .grid-paginator span {
	color: #989696;
	margin-left: 8px;
	text-decoration: none;
	display: inline-block;
}

.productsBlock .grid-paginator a:hover {
	text-decoration: underline;
}

.productsBlock .grid-paginator a.arrow:hover {
	text-decoration: none;
}

.productsBlock .grid-paginator span.grid-current {
	color: #3a9728;
	padding: 0 5px 0 5px;
	text-decoration: none;
	border: solid 1px #3a9728;
}

.productsBlock .grid-paginator a.arrow,
.productsBlock .grid-paginator span.arrow {
	padding: 0 7px;
}

.productsBlock .grid-paginator a.arrow.left,
.productsBlock .grid-paginator span.arrow.left {
	background: url("./img/arrowLeft.png") 50% 50% no-repeat;
}

.productsBlock .grid-paginator a.arrow.right,
.productsBlock .grid-paginator span.arrow.right {
	background: url("./img/arrow.png") 50% 50% no-repeat;
}

.productDetails {
	position: relative;
	float: left;
	margin: 0 20px 10px 0;
	width: 221px;
	height: 233px;
	border: 1px solid #ebebeb;
	text-align: center;
	/*background: url('./img/gray_dot.png');*/
}

.productsBlock .productDetails {
	margin-bottom: 65px;
}

.productDetails a.productImgHref,
.productDetails .titlePro,
.productDetails .imgHolder,
.productDetails .price {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

.productDetails a.productImgHref {
	height: 100%;
}

.productDetails p.titlePro {
	font-size: 16px;
	top: 10px;
}

.productDetails .imgHolder {
	top: 55px;
}

.productDetails p.titlePro.price {
	font-size: 18px;
	color: #3a9728;
	top: auto;
	bottom: 10px;
}

.productDetails p.titlePro.price .value {
	font-size: 1.2em;
}

.productDetails img {
	margin-top: 15px;
}

.productDetails .imgHolder img {
	max-width: 221px;
}

.productDetails img.detail {
	position: relative;
	margin: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.productDetails .tags {
	width: 50px;
	position: absolute;
	left: 5px;
	top: 55px;
	text-align: center;
}

.productDetails .tags .tag {
	background: url("./img/greenmark.png") no-repeat 50% 0;
	padding: 20px 0 0 0;
	margin: 0 0 10px 0;
	font-size: 13px;
	color: #3A9728;
}

.productDetails .bigtable {
	position: absolute;
	bottom: -39px;
	width: 223px;
	height: 39px;
	left: -1px;
	background: #eaeaea;
}

.productDetails .bigtable .inbutton {
	float: left;
	line-height: 39px;
}

.productDetails .bigtable .inbutton.right {
	float: right;
	margin-right: 7px;
	line-height: 39px;
}

.productDetails .bigtable .inbutton img {
	float: left;
	margin: 10px 7px 0 8px;
}

.productDetails .bigtable .inbutton.right img {
	margin: 6px 7px;
}

.productDetails .bigtable .inbutton a,
.productDetails .bigtable .inbutton input.buy {
	font-family: 'playRegular', 'Trebute MS', arial, sans-serif;
	color: #3a9728;
	font-size: 14px;
	line-height: 39px;
	text-decoration: underline;
	background: none;
	border: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

.productDetails.empty {
	margin: 0;
	width: 333px;
/ / height: 238 px;
	height: auto;
	border: none;
	text-align: left;
	background: none;
}

/*
.productDetails.empty #tags {
	position: absolute;
	bottom: -50px;
}*/

.productDetails.empty p.greenDetail {
	font-size: 18px;
	padding: 5px 10px;
	background: #3a9728;
	color: #fff;
	margin: 0 0 14px 0;
	display: inline-block;
}

.productDetails.empty p.titleDetail,
.productDetails.empty p.titleDetail.text {
	font-size: 14px;
	color: #000;
	margin: 0 0 8px 0;
}

.productDetails.empty p.titleDetail.text {
	font-size: 14px;
}

.productDetails.empty p.titleDetail.price {
/ / position: absolute;
	position: relative;
	margin: 0;
	bottom: 0;
	left: 0;
	font-size: 24px;
	color: #3a9728;
}

.productDetails #tags .tag {
	color: #3a9728;
	font-size: 18px;
	background: url("./img/greenmark.png") 0 50% no-repeat;
	padding-left: 28px;
}

table.specification {
	width: 710px;
	margin-bottom: 20px;
	border-collapse: collapse;
}

table.specification th,
table.specification td {
	padding: 1px 5px;
}

table.specification th {
	font-size: 14px;
	color: #3a9728;
	line-height: 30px;
	background: #e7f2e5;
	text-align: center;
}

table.specification th.code {
	width: 120px;
}

table.specification th.variant {
	width: 220px;
}

table.specification th.last {
	width: 80px;
}

table.specification th.last.noEshop {
	width: 120px;
}

table.specification th.left {
	text-align: left;
}

table.specification td {
	font-size: 12px;
	background: #f3f3f3;
	text-align: center;
	/*line-height: 48px;*/
	line-height: 1.8em;
}

table.specification td p.oldPrice,
table.specification td p.newPrice {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

table.specification td p.oldPrice {
	text-decoration: line-through;
}

table.specification td p.newPrice {
	font-weight: bold;
	color: #3A9728;
}

table.specification td .tag.discount {
	position: absolute;
	left: -37px;
	top: 50%;
	background: url("./img/greenmark.png") 50% 0 no-repeat;
	color: #3A9728;
	font-size: 12px;
	text-align: center;
	margin: -12px 0 0 0;
	padding: 15px 0 0 0;
}

table.specification td.first {
	position: relative;
}

table.specification td.first img {
	float: left;
}

table.specification td.first.last {
	background: #ffffff;
}

table.specification td.first.last img {
	margin-left: 13px;
}

table.specification td input.quantity {
	width: 40px;
	text-align: center;
}

table.specification td.dotted {
	height: 1px;
	background: url('./img/dotted.png');
}

table.specification input.buy {
	width: 25px;
	height: 24px;
	border: none;
	background: url("./img/green_box.png") 0 0 no-repeat;
	cursor: pointer;
	margin: 0 0 0 5px;
	position: relative;
	top: 1px;
}

.documents {
	/*float: left;*/
	display: block;
	font-size: 15px;
	height: 35px;
	line-height: 35px;
	padding-left: 30px;
	margin: 0 27px 15px 0;
	color: #000000;
	background: url('./img/pdf.png') no-repeat 0 50%;
}

/**
* SubMenu
**/
/* -------------------------- SIDE MENU -------------------------------- */
ul.sideMenu {
	float: left;
	margin: 24px 0 0 0;
	list-style: none;
	width: 227px;
	padding: 0;
	background: #eaeaea;
}

ul.sideMenu li {
	position: relative;
	width: auto;
	border-bottom: 2px dotted #fff;
}

ul.sideMenu li.top {
	line-height: 50px;
	background: #3a9728 url('./img/small_arrow_down.png') no-repeat 50% 38px;
	font-size: 20px;
	text-align: center;
	color: #ffffff;
	border-bottom: 5px solid #000000;
}

ul.sideMenu li a,
ul.sideMenu li.active li a,
ul.sideMenu li span.node {
	display: block;
	font-size: 17px;
	color: #000000;
	padding: 11px 0 11px 31px;
	text-decoration: none;
	background: url('./img/black_dot.png') no-repeat 17px 50%;
}

ul.sideMenu li a.normal {
	background-position-y: 18px;
}

ul.sideMenu li a:hover {
	background-image: url('./img/menu_nav_hover.png');
}

ul.sideMenu li a:hover,
ul.sideMenu li.active ul.inSideMenu li a:hover,
ul.sideMenu li.active ul.inSideMenu li.active a:hover {
	color: #5ea450;
}

ul.sideMenu li a.ingreen {
	font-size: 14px;
	color: #5ea450;
	text-decoration: none;
	background: none;
	padding-top: 0;
}

ul.sideMenu li a.last {
	font-family: 'playBold', arial, sans-serif;
	font-size: 17px;
	color: #5ea450;
	background: url('./img/menu_nav_hover.png') no-repeat 17px 50%;
}

ul.sideMenu li.active a,
ul.sideMenu li.active ul.inSideMenu li.active a {
	font-weight: bold;
	text-decoration: underline;
}

ul.sideMenu li ul.inSideMenu {
	width: 100%;
	padding: 0 0 20px 0;
	/*display: none;*/
}

ul.sideMenu li ul.inSideMenu li {
	list-style: none;
	border: none;
	padding-left: 30px;
}

ul.sideMenu li ul.inSideMenu li a,
ul.sideMenu li.active ul.inSideMenu li a {
	line-height: 14px;
	padding: 5px 0 5px 10px;
	font-size: 14px;
	background: url('./img/dot.png') no-repeat 0 10px;
	font-weight: normal;
}

ul.sideMenu li.active ul {
	display: block;
}

.sideMenu__checkbox label {
	display: block;
	padding: 11px 0 11px 11px;
	cursor: pointer;
	text-transform: uppercase;
}

.sideMenu__checkbox label:hover {
	color: #3a9728
}

.sideMenu__checkbox input[type="checkbox"] {
	margin-right: 5px;
}

.greenMark {
	position: absolute;
	width: 20px;
	height: 17px;
	top: 7px;
	right: 7px;
	background: url('./img/greenmark.png') no-repeat;
}

/* ---------------------------- END --------------------------------*/

.ingreenBackground {
	width: 660px;
	padding: 20px 25px;
	margin-bottom: 20px;
	background: #f1f8f0;
}

.ingreenBackground .imgRight {
	float: right;
	margin-left: 20px;
}

.firstLetter {
	color: #3a9728;
	font-size: 14px;
	margin: 0;
}

.firstLetter::first-letter {
	margin: 0;
	font-size: 200%;
}

.newspaper p {
	margin-top: 0;
	padding-top: 0;
	font-size: 14px;
	color: #000;

}

.newspaper {
	margin: 0 auto;
	width: 660px;
	margin-right: 25px;
	line-height: 1.4em;
	color: #000;

	font-size: 14px;
	background: none;
	height: auto;
	text-align: justify;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */ /* Firefox */
	column-count: 2;
	-webkit-column-gap: 48px; /* Chrome, Safari, Opera */ /* Firefox */
	column-gap: 48px;
}

.actual {
	width: 100%;
	/*height: 146px;*/
	margin: 0;
}

.actual .information {
	position: relative;
	float: left;
	width: 307px;
	padding: 10px 10px 40px;
	background: white;
	border: 1px solid #ececec;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	text-decoration: none;
}

.actual .information:hover .more {
	background-color: black;
}

.actual .information:nth-child(2) {
	margin-left: 31px;
	margin-right: 31px;
}

.actual .information .more {
	position: absolute;
	right: 0;
	bottom: 0;
	/* width: 62px; */
	padding: 0 15px 0 13px;
	text-align: center;
	line-height: 34px;
	color: #fff;
	font-size: 17px;
	background: #399728 url(./img/small_arrow.png) no-repeat 88% 16px;
	-webkit-transition: 120ms;
	-o-transition: 120ms;
	transition: 120ms;
	z-index: 3;
}

.actual .information .actual-image {
	width: 303px;
	height: 140px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.actual .information .actual-image a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.actual .information img {
	max-width: 100%;
	width: auto;
	max-height: 100%;
	height: auto;
}

.actual .information p.title {
	font-size: 18px;
	color: #3a9728;
	line-height: 21px;
	margin: 0;
	word-break: break-word;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.actual .information p.title a {
	color: #3a9728;
	text-decoration: none;
}

.actual .information p.title a:hover {
	text-decoration: underline;
}

.actual .information p.actual-perex {
	font-size: 15px;
	height: 51px;
	line-height: 17px;
	color: #000;
	margin: 5px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.actual .information p.text {
	font-size: 12px;
	color: #525151;
	margin: 5px 0 0 168px;
}

.actual .information a.simpleHref {
	position: absolute;
	display: inline-block;
	margin-top: 5px;
	right: 0;
	bottom: 5px;
}

.actual .actual-btn {
	text-align: center;
	padding-top: 30px;
}

.actual .actual-btn-link {
	color: #3a9728;
}

.actual .simpleHref {
	position: static;
}

.actual .simpleHref:hover {
	text-decoration: none;
}

.bigSquare {
	position: relative;
	float: left;
	margin: 0 43px 35px 0;
	width: 334px;
	height: 269px;
	background: #dddddd;
}

.bigSquare.configurator {
	line-height: 0;
}

.bigSquare img {
	margin: 0 auto;
}

.noMargin {
	margin-right: 0;
}

.bigSquare p.cron {
	position: absolute;
	margin: 0;
	padding: 0 0 0 20px;
	top: 16px;
	left: 16px;
	font-size: 32px;
	color: #fff;
	line-height: 28px;
	background: url('./img/white_square.png') no-repeat 0 8px;
}

.bigSquare p.cronText {
	margin: 0;
	font-size: 25px;
	line-height: 25px;
	color: #000;
	padding: 0 20px;
	position: absolute;
	left: 0;
	bottom: 5px;
	text-align: center;
	width: 294px;
	height: 50px;
}

.bigSquare a.config {
	font-size: 14px;
	color: #fff;
	text-decoration: none;

}

.bigSquare span {
	float: right;
	background: #6E6E6E url('./img/small_arrow.png') no-repeat 96% 50%;
	padding: 0 14px;
	line-height: 34px;
}

.bigSquare.other {
	width: 334px;
	height: 235px;
	text-align: center;
	background: #dddddd url('./img/line.png');
	position: relative;
}

.bigSquare.other img {
	/*margin-top: 40px;*/
	max-width: 90%;
	max-height: 75%;
}

.bigSquare.other img.category {
	margin-top: 0;
}

.fair {
	position: relative;
	width: 100%;
	/* height: 414px; */
	border-bottom: 1px solid #ececec;
	clear: both;
	float: left;
	/* margin-bottom: 25px; */
	padding: 22px 0 45px 0;
}

.fair .board {
	width: 100%;
}

.fair .board:after {
	content: '';
	display: table;
	clear: both;
}

.page1 .fair h2.fair-heading {
	text-align: left;
	margin-top: 0;
	margin-bottom: 30px;
}

.fair .board.right {
	float: right;
	padding: 0 0 0 29px;
	background: none;
}

.fair .board span {
	font-family: 'playBold', arial, sans-serif;
	font-size: 19px;
	display: block;
	text-align: right;
	margin: 10px 0;
	color: #717171;
}

.fair .board .info {
	position: relative;
	margin: 0;
	width: 303px;
	float: left;
	min-height: 109px;
}

.fair .board .info:nth-child(2) {
	margin-left: 40px;
	margin-right: 40px;
}

.fair .board .info p.title {
	font-size: 18px;
	color: #3a9728;
	margin: 0 0 10px 0;
	display: inline-block;
	height: 42px;
	overflow: hidden;
}

.fair .board .info p.title a {
	color: #3a9728;
	text-decoration: none;
}

.fair .board .info p.title a:hover {
	text-decoration: underline;
}

.fair .board .info p.text {
	margin: 5px 0 0 0;
	font-size: 12px;
	color: #525151;
}

.fair .fair-image {
	width: 303px;
	height: 140px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.fair .fair-image a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.fair .fair-image img {
	max-width: 100%;
	width: auto;
	max-height: 100%;
	height: auto;
}

.iconer {
	float: left;
	padding: 0 18px 0;
	height: 165px;
	text-align: center;
	font-size: 15px;
	min-width: 160px;
	width: 20%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.iconer img {
	max-height: 70px;
}

.iconer.first {
	border: none;
	padding: 0 18px 0 0;
	min-width: 145px;
}

.iconer.last {
	float: right;
	padding: 0 0 0;
	border: none;
}

.iconer p.green {
	font-family: 'playBold', arial, sans-serif;
	font-size: 23px;
	margin: 5px 0;
}

.iconer.ru p.green {
	margin-top: 10px;
	font-size: 1.2em;
}

/* -------------------------- KONTAKT ---------------------------- */
.contactTable,
.contactBigButton {
	width: 100%;
	cursor: pointer;
}

.contactTable {
	margin: 0;
	padding-top: 40px;
	height: 80px;
	font-size: 32px;
	text-align: center;
	background: #ededed url('./img/line.png');
}

.contactBigButton {
	height: 32px;
	margin-bottom: 50px;
	background: #3a9728;
	clear: both;
}

.contactBigButton--sm {
	margin-bottom: 30px;
	display: inline-block;
	width: auto;
	padding: 5px 20px;
	text-transform: uppercase;
}

.contactBigButton__title {
	color: #fff;
	float: left;
	height: 42px;
	line-height: 32px;
}

.showButton {
	float: right;
	padding: 0 60px;
	height: 32px;
	background: #000000 url('./img/rozklik.png') no-repeat center 50%;
}

.showButton.down {
	background: #000000 url('./img/nadklik.png') no-repeat center 50%;
}

.contact {
	margin: 0;
	width: 100%;
	display: none;
}

#content-page .contact {
	display: block;
}

.contactBox {
	float: left;
	width: 200px;
	padding: 0 0 0 30px;
	margin-bottom: 30px;
	border-right: 3px dotted #e9f4e7;
}

.contactBox.top {
	border: none;
	margin: 0;
	padding: 27px 0 27px 32px;
}

.contact.map .contactBox.first {
	clear: left;
}

.contact.map .contactBox.map {
	width: 445px;
}

.contact.wide .contactBox {
	width: 295px;
}

.contact.wide .contactBox.last {
	margin-left: 50px;
}

.contactBox.last {
	border: none;
}

.contactBox p.titleContacter {
	color: #3a9728;
	margin: 0;
	font-size: 16px;
}

.contactBox p.textContacter,
.contactBox p.positionContacter {
	margin: 0 0 5px 0;
	font-size: 14px;
}

.contactBox p.textContacter {
	margin: 0;
}

.contactBox p.textContacter.last {
	margin-bottom: 30px;
}

.incontacter {
	margin-top: 15px;
	font-size: 20px;
	color: #3a9728;
	padding-left: 15px;
	background: url('./img/menu_nav_hover.png') no-repeat 0px 50%;
}

.contactIcons {
	margin: 0 5px 0 30px;
}

#mapContact {
	margin: 0 0 0 0;
	width: 100%;
	height: 327px;
	background: #616161 url('./img/building.jpg') no-repeat right bottom;
}

#mapContact #map {
	position: relative;
	width: 50%;
	float: left;
	height: 327px;
}

#mapContact .contaction {
	position: relative;
	float: left;
	width: 427px;
	padding-left: 68px;
	height: 327px;
}

#mapContact .contaction table td {
	width: 200px;
	vertical-align: top;
}

#mapContact .contaction table td.clear {
	height: 30px;
}

#mapContact .contaction table td p {
	margin: 0;
	line-height: 22px;
	color: #fff;
}

#mapContact .contaction table td p.title {
	margin: 0;
	padding-left: 14px;
	font-size: 20px;
	color: #3a9728;
	background: url('./img/green_dot.png') no-repeat 0 50%;
}

ul.partners {
	width: 990px;
	list-style: none;
	padding: 0;
	text-align: center;
}

ul.partners li {
	display: inline-block;
	padding: 0 57px 0 0;
}

ul.partners li.last {
	padding: 0;
}

#footer,
#footer .endLine {
	height: 120px;
}

#footer {
	width: 100%;
	padding-top: 126px;
	background: url('./img/bg_footer.png');
	clear: both;
}

#footer .endLine {
	margin: 0 auto;
	width: 990px;
	background: #3a9728;
}

#footer .endLine span {
	color: #fff;
	float: left;
	padding-left: 25px;
	line-height: 50px;
}

#footer .endLine a.logo {
	float: right;
	color: #fff;
	text-decoration: none;
	margin: 15px 25px 0 0;
}

#footer ul.social {
	list-style: none;
	margin: 20px 0 0 25px;
	padding: 20px 0 0 0;
}

#footer ul.social li {
	display: inline;
	margin: 0 15px 0 0;
}

#footer ul.social li a {
	text-decoration: none;
}

#userInfo {
	float: right;
	line-height: 45px;
}

#userInfo,
#userInfo a {
	color: white;
}

#orderComplete {
	margin: 30px 0 0 0;
}

#orderFinish .left {
	width: 50%;
}

#orderComplete table {
	border-spacing: 0;
	width: 100%;
}

#orderComplete table tr th {
	border-bottom: 1px solid #BDBDBD;
}

#orderComplete table tr td {
	padding: 10px 0;
	margin: 0;
	border-bottom: 1px solid #DDD;
}

#orderComplete .address table tr td {
	border: none;
	padding: 0 0;
}

#orderComplete table tr td.count {
	width: 150px;
	text-align: center;
}

#orderComplete table tr td.image {
	width: 90px;
}

#orderComplete table tr td.control {
	width: 30px;
	text-align: center;
}

#orderComplete table tr td.nameHolder {
	width: 300px;
	padding-left: 10px;
}

#orderComplete table tr td.nameHolder a {
	text-decoration: none;
}

#orderComplete a.plusMinus {
	margin: 0 5px;
}

#orderComplete table tr td.nameHolder p,
#orderComplete table tr td.nameHolder h3 {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}

#orderComplete.orderFinish table tr td.nameHolder h3 {
	font-size: 16px;
}

#orderComplete.orderFinish table tr td.nameHolder p,
#orderComplete.orderFinish tr.summary {
	font-size: 14px;
}

#orderComplete.orderFinish table tr td {
	padding-top: 7px;
	padding-bottom: 7px;
}

#orderComplete tr.summary {
	text-align: right;
}

#orderComplete td.price {
	font-family: 'playBold', arial, sans-serif;
	text-align: right;
	padding-right: 20px;
}

#orderComplete td.price.total {
	padding-right: 10px;
	font-size: 1.3em;
	color: #3A9828;
}

#orderFinish {
	margin: 30px 0;
}

#orderFinish table {
	width: 100%;
}

#orderFinish table td {
	padding: 3px 0;
}

#orderFinish table td.first {
	width: 176px;
}

#orderFinish table td .requiredSign {
	color: red;
}

input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
	font-size: 16px;
	height: 28px;
	padding: 0 10px;
	border: 1px solid #3A9828;
	font-family: 'playRegular', arial, sans-serif;
	color: #3A9828;
}

#orderFinish input[type="text"],
#orderFinish select,
#orderFinish .note textarea {
	width: 80%;
}

#orderFinish select {
	width: 666px;
}

#orderFinish .note textarea {
	width: 825px;
	max-width: 825px;
	height: 45px;
	max-height: 100px;
	line-height: 1.4em;
	padding-top: 5px;
	padding-bottom: 5px;
}

#orderFinish input[type="text"]:focus,
input[type="password"]:hover,
#orderFinish .note textarea:focus {
	border-color: #000000;
	color: #000000;
}

#orderFinish table label {
	display: block;
	width: 150px;
}

#orderFinish label input {
	margin-right: 5px;
}

#orderFinish .note label {
	width: auto;
}

#orderFinish .confirmBlock label {
	display: inline;
}

#orderComplete h2,
#orderFinish h2,
#orderFinish .confirmBlock,
#orderFinish .sendBlock,
fieldset legend {
	width: auto;
	margin: 37px 0 10px 0;
	text-align: left;
}

#orderFinish h2 label {
	display: inline;
	width: auto;
	cursor: pointer;
}

#orderFinish .sendBlock {
	text-align: right;
}

#orderFinish .sendBlock input,
#orderFinish .finishButtonHolder a {
	font-family: 'playRegular', arial, sans-serif;
	font-size: 1.3em;
	padding: 10px 20px;
	margin: 0;
}

@media (min-width: 731px) {
	#orderFinish .sendBlock input,
	#orderFinish .finishButtonHolder a {
		font-size: 1.4em;
	}
}

@media (max-width: 730px) {
	#orderFinish .finishButtonHolder a {
		display: block;
	}

	#orderFinish .finishButtonHolder a:first-child {
		margin-bottom: 10px;
	}
}

#orderFinish .finishButtonHolder {
	margin: 0;
	clear: both;
}

@media (min-width: 731px) {
	#orderFinish .finishButtonHolder {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

#orderFinish .finishButtonHolder-sticky-wrap {
	padding: 10px 0;
}

#orderFinish .finishButtonHolder-sticky-wrap--sticky {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	border-top: 1px solid #d0e7cd;
}

@media (max-width: 730px) {
	#orderFinish .finishButtonHolder-sticky-wrap--sticky {
		padding: 10px 15px;
	}
}

#orderFinish .finishButtonHolder-sticky-wrap--sticky .finishButtonHolder {
	max-width: 681px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 1015px) {
	#orderFinish .finishButtonHolder-sticky-wrap--sticky .finishButtonHolder {
		max-width: 990px;
	}
}

.order-export-pdf {
	margin-top: -50px;
	margin-bottom: 80px;
}

#customerDetail .topBlock,
#customerDetail .leftBlock,
#customerDetail .rightBlock {
	margin: 50px 0 0 0;
}

#ordersSummary tr td {
	border-bottom: 1px solid #DDD;
}

#ordersSummary tr.paginator td,
#ordersSummary tr td.noBorder {
	border: none;
}

table td.right,
table th.right {
	text-align: right;
}

table#orderProductsSummary {
	width: 100%;
	margin: 25px 0;
	border-collapse: collapse;
}

table#orderProductsSummary th,
table#orderProductsSummary td {
	border-bottom: 1px solid #EAEAEA;
}

table#orderProductsSummary td {
	padding: 6px 4px;
}

table#orderProductsSummary td.productName {
	width: 180px;
}

table#orderProductsSummary td.productName span {
	font-size: 0.9em;
}

table#orderProductsSummary td.center {
	text-align: center;
}

table#orderProductsSummary tr.shipping td {
	padding-top: 20px;
}

table#orderProductsSummary tr.priceRow td {
	font-size: 1.3em;
	border-bottom: none;
}

.newsholder .news {
	margin: 0 0 50px;
}

.newsholder h2,
.newsholder .news h2 {
	background-image: none;
	padding-left: 0;
}

.newsholder img {
	/*float: left;*/
	margin: 0 20px 20px 0;
}

.newsholder h2 img {
	float: left;
}

.newsholder .news p.more {
	clear: both;
}

.newsholder .simpleButton {
	clear: both;
}

ul.nav-tabs {
	float: left;
	width: 100%;
}

.tab-content,
.tab-content .content {
	clear: both;
}

.tab-content .content {
	padding: 30px 0 0 0;
}

.tab-content .content table td p {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

/* VS tabs */
ul.nav-tabs.root {
	border-bottom: 2px solid #3A9728;
}

ul.nav-tabs.root > li > a,
ul.nav-tabs.root > li > a:hover,
ul.nav-tabs.root > li.active > a,
ul.nav-tabs.root > li > a:hover,
.nav-tabs.root > li.active > a,
.nav-tabs.root > li.active > a:focus,
.nav-tabs.root > li.active > a:hover {
	text-decoration: none;
	border: none;
	border-left: 1px solid #FFF;
	padding: 10px 3px;
	border-radius: 0;
	margin: 0;
	background-color: transparent;
}

ul.nav-tabs.root > li {
	margin: 0;
	font-family: Arial, serif;
	font-size: 12px;
	text-align: center;
	background: #efefef;
}

ul.nav-tabs.root > li.first a {
	width: 94px;
}

ul.nav-tabs.root > li:hover {
	background: #cfcdcd;
}

ul.nav-tabs.root > li.active:hover,
ul.nav-tabs.root > li.active {
	background: #3A9728;
	color: #ffffff;
}

ul.nav-tabs.root > li.active a {
	color: #ffffff;
}

ul.nav-tabs.root > li a {
	display: table-cell;
	height: 50px;
	vertical-align: middle;
	width: 90px;
}

ul.nav-tabs.subMenu {
	border: none;
	margin: 30px 0 0 0;
	clear: both;
	width: 100%;
	padding: 0;
}

ul.nav-tabs.subMenu li {
	margin: 5px 5px 5px 0;
}

ul.nav-tabs.subMenu li a,
ul.nav-tabs.subMenu li.active a {
	border: 2px solid #3A9728;
	text-decoration: none;
	padding: 2px 10px;
	border-radius: 0;
}

ul.nav-tabs.subMenu li a {
	margin: 0;
	color: #3A9728;
	/*font-size: 14px;*/
}

ul.nav-tabs.subMenu li.active a {
	background: #3A9728;
	color: white;
}

.wholesalemap {
	text-align: center;
	padding: 25px 0;
}

.wholeSaleContactsResult {
	width: 100%;
	padding: 0 0 50px 0;
	float: left;
}

.wholeSaleContactsResult .wholeSaleContact {
	float: left;
	margin: 20px 0 5px 5%;
	width: 45%;
}

.wholeSaleContactsResult .wholeSaleContact.odd {
	clear: both;
	margin-left: 0;
}

.wholeSaleContactsResult .wholeSaleContact p {
	margin: 0;
	padding: 0;
}

.decs {
	width: 711px;
}

.decs .directories {
	position: relative;
	float: left;
	width: 190px;
	height: 325px;
	padding: 20px;
	margin: 0 7px 15px 0;
	border: 1px solid #3a9728;
	text-decoration: none;
}

.decs .directories:nth-child(3n+3) {
	margin-right: 0;
}

.decs .directories img {
	text-align: center;
	display: block;
	padding-bottom: 5px;
	border-bottom: 1px solid #3a9728;
}

.decs .directories .dirTitle {
	font-size: 20px;
	text-align: center;
	color: #3a9728;
	display: block;
}

.decs .directories .dirText {
	margin: 10px 0 0 0;
	font-size: 12px;
	color: #000;
	display: block;
}

.decs .overThere {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(58, 151, 40, 0.6);
	display: none;
	text-align: center;
	font-size: 20px;
	color: #fff;
}

.decs .overThere .showText {
	margin-top: 150px;
	display: block;
}

.decs .directories:hover .overThere {
	display: block;
}

.clr {
	clear: both;
}

body.Front-Page-Page.page25 .contactTable {
	background: transparent;
	line-height: 55px;
}

body.Front-Page-Page.page25 .contactTable .left {
	float: left;
}

body.Front-Page-Page.page25 .contactTable img.left {
	margin: 0 0 0 15px;
}

.container table.gallery {
	width: 100%;
	border-collapse: collapse;
}

.container table.gallery td {
	text-align: center;
}

.container table.gallery td img {
	max-width: 100%;
	height: auto;
}

#workMessage,
.alert.alert-warning.eu-cookies {
	color: #8A6D3B;
	background-color: #FCF8E3;
	padding: 10px;
	border-top: 1px solid #FAEBCC;
	font-size: 0.9em;
	text-align: center;
	position: relative;
}

#workMessage .close {
	position: relative;
	top: -2px;
	right: 0;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #FFF;
	filter: alpha(opacity=20);
	opacity: .2;
}

#workMessage .close:focus,
#workMessage .close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5;
}

.alert.alert-warning.eu-cookies {
	position: static;
	left: 0;
	bottom: 0;
	width: auto;
	color: white;
	background-color: black;
	z-index: 1000;
	margin: 0;
}

.alert.alert-warning.eu-cookies button {
	background: #3a9728;
	color: white;
	border: none;
	font-family: 'playRegular', 'Trebute MS', arial, sans-serif;
	padding: 5px 15px;
	margin: 0 0 0 15px;
	cursor: pointer;
}

.alert.alert-warning.eu-cookies a {
	color: white;
	margin: 0 0 0 15px;
}

#vsConfigurator .infoBox {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border: 1px solid #faebcc;
	padding: 15px;
	margin-bottom: 20px;
}

.contactBlock table {
	width: 100%;
}

.contactBlock textarea {
	width: 80%;
	height: 150px;
}

.inquire {
	margin: 50px 0;
	width: 100%;
}

.inquire table {
	width: 100%;
}

.inquire table td {
	padding: 5px 0;
}

.inquire textarea {
	width: 49%;
	height: 100px;
	line-height: 1.3em;
}

.inquire label.required:after {
	content: ' *';
	color: #be0f0b;
}

#main-footer {
	color: #fff;
	overflow: hidden;
}

#main-footer .bg {
	height: 64px;
	background: url('./img/bg_footer.png');
	margin-bottom: 24px;
}

#main-footer .inner {
	background-color: #3a9728;
	padding: 27px 0 33px 0;
}

#main-footer h2 {
	color: #fff;
	text-transform: uppercase;
	margin-top: 0;
	border-bottom: 1px solid #2d7722;
	font-size: 26px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
}

#main-footer a {
	color: #fff;
	text-decoration: none;
}

#main-footer a:hover {
	text-decoration: underline;
}

#main-footer .row {
	margin-left: -20px;
	margin-right: -20px;
}

#main-footer .row:after {
	content: '';
	display: table;
	clear: both;
}

#main-footer .col {
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#main-footer .col-first,
#main-footer .col-middle {
	width: 265px;
}

#main-footer .col-last {
	width: 235px;
}

#main-footer .col-50 {
	width: 50%;
}

#main-footer .links-list {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#main-footer .links-list li {
	background-image: url('./img/small_arrow.png');
	background-repeat: no-repeat;
	background-size: 4px 6px;
	background-position: left center;
	line-height: 24px;
	list-style-type: none;
	padding-left: 16px;
}

#main-footer .social-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	font-size: 0;
}

#main-footer .social-list li {
	display: inline-block;
	margin: 6px;
}

#copyright {
	border-top: 1px solid #307728;
	background-color: #398830;
	padding: 18px 0;
	color: #fff;
}

#copyright:after {
	content: '';
	display: table;
	clear: both;
}

#copyright p {
	margin: 0;
	color: #fff;
}

#copyright a {
	color: #fff;
	text-decoration: none;
}

#copyright .text-left {
	float: left;
	width: 75%;
}

#copyright .text-right {
	float: left;
	width: 25%;
	text-align: right;
}

@media (max-width: 1014px) {
	.container {
		width: 711px;
	}

	ul.sideMenu {
		float: none;
		width: 100%;
	}

	#footer .endLine {
		width: 711px;
		text-align: center;
	}

	#footer .endLine a.logo {
		float: none;
		margin: 15px 0 0 0;
		display: inline-block;
	}

	#header .navbar {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 10px;
	}

	#header .mainMenu {
		width: 100%;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.navbar__buttons {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}


	#header .mainMenu ul.topMenu {
		margin-top: 10px;
		margin-left: 0;
	}

	#header .mainMenu ul#mainMenu ul {
		z-index: 10;
	}

	.wrapLine .box.small {
		width: 231px;
		margin: 17px 0 36px 0;
	}

	.wrapLine .box {
		width: 231px;
		height: 204px;
		margin: 30px 0 0 0;
	}

	.wrapLine .box:nth-child(2),
	.wrapLine .box:nth-child(5) {
		margin-left: 6px;
		margin-right: 6px;
	}

	.wrapLine .box .bg {
		width: 233px;
		height: 178px;
	}

	.wrapLine .box img.pictogram {
		height: 90px;
		width: auto;
	}

	.wrapLine .box span.title {
		font-size: 18px;
	}

	.wrapLine .box.small span.title {
		font-size: 23px;
	}

	.wrapLine .box a.loop, .wrapLine .box span.loop {
		font-size: 15px;
	}

	.wrapLine .box img.logo {
		bottom: 26px;
		width: 80px;
		height: 80px;
	}

	.wrapLine .box.box--configurator span.title {
		padding-top: 18px;
		padding-bottom: 18px;
	}

	.box__item {
		padding-left: 10px;
		height: 47px;
	}

	.box__item__title {
		font-size: 14px;
	}

	.actual .information p.actual-perex {
		font-size: 14px;
		height: 48px;
		line-height: 16px;
	}

	#header .mainMenu ul.topMenu li.eshop .subMenu ul {
		width: auto;
	}

	#header .mainMenu ul.topMenu li.eshop .subMenu ul.first {
		border: none;
	}

	#header .mainMenu ul.topMenu li.eshop .subMenu ul.middle {
		border: none;
		border-top: 3px dotted #d4e9d1;
		border-bottom: 3px dotted #d4e9d1;
		width: auto;
	}

	#header .mainMenu ul.topMenu li.eshop .subMenu ul.last {
		border: none;
		width: auto;
	}

	#header .mainMenu ul.topMenu li.eshop .subMenu ul li span.arrow {
		float: none;
		display: block;
		background-position: 40% 70%;
	}

	#header .mainMenu ul.topMenu li.eshop .subMenu ul.first li {
		margin-bottom: 15px;
	}

	.actual .information {
		width: 230px;
		margin-right: 6px;
	}

	.actual .information .actual-image {
		width: 230px;
		height: 106px;
	}

	.actual .information:nth-child(2) {
		margin-left: 0;
		margin-right: 6px;
	}

	.actual .information.last {
		width: 230px;
	}

	.actual .information img {
		float: none;
		height: 150px;
		max-width: 100%;
	}

	.actual .information p.title {
		margin-top: 5px;
	}

	.actual .information p.text {
		margin: 5px 0 0 0;
	}

	.fair .board {
		float: none;
		padding: 0;
	}

	.fair .board.right {
		float: none;
	}

	body.page1 h2.gray {
		text-align: center;
		margin: 20px 0;
	}

	.fair .board span {
		margin: 20px 0;
		text-align: center;
	}

	.fair .board .info {
		width: 230px;
		margin-right: 6px;
	}

	.fair .board .info:nth-child(2) {
		margin-left: 0;
		margin-right: 6px;
	}

	.fair .fair-image {
		width: 230px;
		height: 106px;
	}

	.contish {
		width: 711px;
	}

	.contish .simpleButton.black {
		bottom: 100px;
		right: 35px;
		top: auto;
	}

	.iconer,
	.iconer.first,
	.iconer.last {
		width: 33%;
		padding: 10px 0 20px;
		margin-bottom: 10px;
		min-height: 170px;
	}

	.iconer.last {
		float: left;
	}

	#mapContact {
		height: auto;
	}

	#mapContact #map {
		float: none;
		width: 100%;
	}

	#mapContact .contaction {
		float: none;
		width: auto;
		background: #616161 url('./img/building.jpg') no-repeat right bottom;
	}

	#mapContact h2 {
		text-align: left;
	}

	ul.partners {
		width: 711px;
	}

	ul.partners li {
		padding: 0;
		width: 33%;
		height: 90px;
		line-height: 90px;
		float: left;
		text-align: center;
	}

	ul.partners:after {
		content: '';
		display: table;
		clear: both;
	}

	ul.partners li img {
		max-width: 80%;
		height: auto;
		max-height: 90px;
	}

	ul.sideMenu li.top {
		display: block;
		cursor: pointer;
	}

	ul.sideMenu li {
		display: none;
	}

	#header .mainMenu ul#mainMenu li:hover ul {
		display: none;
	}

	#footer, #footer .endLine {
		height: auto;
	}

	#footer .endLine span {
		float: none;
		display: block;
		margin-top: 10px;
		line-height: 25px;
	}

	#homeSwitchConfigurator {
		margin: 0 auto;
	}

	#homeSwitchConfigurator #detailOfConfiguration {
		width: auto;
	}

	#homeSwitchConfigurator #conFigurator {
		float: none;
		width: auto;
	}

	#homeSwitchConfigurator #frame,
	#homeSwitchConfigurator #configResult {
		width: auto;
	}

	#homeSwitchConfigurator #detailOfConfiguration.fixed {
		position: relative;
		width: 332px;
		top: 0;
		padding: 20px 0;
	}

	#homeSwitchConfigurator #previewConfiguration .previewWindow {
		margin: 40px auto;
	}

	#orderFinish {
		padding: 0 15px;
	}

	#orderFinish select,
	#orderFinish input,
	#orderFinish .note textarea {
		width: 100%;
	}

	#orderFinish input[type="submit"],
	#orderFinish input[type="radio"],
	#orderFinish input[type="checkbox"] {
		width: auto;
	}

	#orderComplete,
	#orderComplete p {
		font-size: 13px;
	}

	#orderComplete table tr td.image {
		width: 75px;
	}

	#orderComplete table tr td.image img {
		max-width: 100%;
		height: auto;
	}

	#orderComplete table tr td.nameHolder {
		width: 250px;
	}

	#orderComplete td.price {
		width: 70px;
		padding-right: 0;
	}

	#main-footer .col-first,
	#main-footer .col-middle,
	#main-footer .col-last {
		width: 50%;
		margin-bottom: 20px;
	}

	#main-footer .social-list li {
		margin: 5px;
	}

	#copyright .text-left,
	#copyright .text-right {
		width: auto;
		float: none;
		text-align: center;
	}
}

@media (max-width: 1014px) and (min-width: 731px) {
	#main-footer .row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.content img {
	max-width: 100%;
	height: auto;
}

#main-menu-toggler {
	display: none;
}

@media (max-width: 730px) {
	.container {
		width: 100%;
	}

	.logo {
		float: none;
		width: 100%;
		display: block;
		text-align: center;
	}

	.logo img {
		max-width: 100%;
		height: auto;
	}

	#header .searchArea ul.language {
		text-align: center;
		display: block;
		float: none;

	}

	.navbar__buttons {
		margin: 10px 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#header .searchArea ul.language li {
		float: none;
		display: inline-block
	}

	#basketRespositary {
		width: 100%;
	}

	#header .mainMenu ul.topMenu li.eshop .subMenu {
		display: none;
	}

	#header .navbar {
		margin-bottom: 0;
	}

	.facebook {
		float: none;
		text-align: center;
		display: block
	}

	#header {
		height: auto;
	}

	.search-dropdown .navbar-dropdown__content {
		right: -123px;
	}

	#header .searchArea {
		width: 318px;
	}

	#header .searchArea .search {
		width: 238px;
	}

	#header .container {
		height: auto;
	}

	#header .mainMenu {
		bottom: auto;
		height: auto;
		position: relative;
	}

	#header .searchArea span {
		margin-bottom: 12px;
	}

	#header .mainMenu ul.topMenu li {
		float: none;
	}

	#header .mainMenu ul.topMenu.right {
		margin: 0;
		float: left;
		width: 75%;
	}

	#header .mainMenu .basket {
		width: 25%;
		float: right;
	}

	#header .mainMenu .basket:hover #basketRespositary {
		visibility: hidden;
		opacity: 0;
	}

	#header .mainMenu {
		width: auto;
	}

	#header .mainMenu .login {
		margin-right: 20px;
	}

	.Front-Page-Homepage .wrapLine {
		height: auto;
		padding-top: 1px;
		padding-bottom: 1px;
	}

	.wrapLine .container {
		background: none;
	}

	.wrapLine .container {
		height: auto;
		min-height: 143px;
	}

	.wrapLine .container strong.titleSites, .wrapLine .container h1.titleSites {
		margin: 0 10px;
		font-size: 22px;
	}

	.wrapLine .box {
		float: none;
		width: auto;
		height: 236px;
		margin: 20px 10px;
	}

	.wrapLine .box:nth-child(2),
	.wrapLine .box:nth-child(5),
	.wrapLine .box.last,
	.wrapLine .box.small.last,
	.wrapLine .box.small {
		margin-left: 10px;
		margin-right: 10px;
	}

	.wrapLine .box .bg {
		height: auto;
		width: auto;
	}

	.wrapLine .box.small,
	.wrapLine .box.small.last {
		width: auto;
		margin: 15px 5%;
	}

	.wrapLine .box.box--configurator {
		margin-bottom: 0;
	}

	.box__item {
		height: 57px;
	}

	.wrapLine .box.box--configurator span.title {
		padding-top: 19px;
		padding-bottom: 19px;
	}

	.page1 .fair h2.fair-heading {
		width: auto;
	}

	.actual .information,
	.actual .information.last,
	.actual .information:nth-child(2) {
		width: auto;
		float: none;
		margin: 20px 10px;
	}

	.actual .information .actual-image {
		width: 272px;
		height: 126px;
	}

	.actual .information p.title {
		height: auto;
	}

	.actual .information a.simpleHref {
		left: auto;
		right: 0;
	}

	.actual a.simpleButton {
		margin: 0 5%;
		display: block;
		text-align: center;
		float: none;
	}

	body.page1 h2 {
		margin: 20px 10px;
	}

	.fair {
		margin-bottom: 25px;
	}

	.fair .board .info,
	.fair .board .info.last,
	.fair .board .info:nth-child(2) {
		width: 272px;
		float: none;
		margin: 20px auto;
	}

	.fair .fair-image {
		width: 272px;
		height: 126px;
	}

	.fair .board .info p.title {
		height: auto;
	}

	.page1 .fair h2.fair-heading {
		padding: 0 25px;
		margin-bottom: 10px;
	}

	.fair .board .info img {
		float: none;
		margin-right: 0;
	}

	.fair .board .info p.title {
		width: auto;
		display: block;
		background: none;
	}

	.fair .board .info a.simpleHref {
		left: auto;
		right: 0;
	}

	.fair .board,
	.fair .board.right {
		padding: 0;
	}

	.contish {
		width: auto;
	}

	.iconer,
	.iconer.first,
	.iconer.last {
		width: 100%;
		float: none;
		border: none;
	}

	.contish .simpleButton.black {
		position: relative;
		top: auto;
		bottom: auto;
		right: auto;
		margin: 0 5%;
		width: auto;
		display: block;
		float: none;
		text-align: center;
		background: url('./img/gray_small_arrow.png') no-repeat 95% 50%;
	}

	.contish .simpleButton.black:hover {
		background: #6d6d6d url('./img/gray_small_arrow.png') no-repeat 95% 50%;
	}

	#mapContact h2 {
		text-align: center;
	}

	#mapContact .contaction {
		padding: 0 2%;
		height: auto;
		text-align: center;
	}

	#mapContact .contaction table {
		width: 100%;
	}

	#mapContact .contaction table td {
		display: block;
		margin-bottom: 20px;
		width: auto;
	}

	#mapContact .contaction table td p.title {
		background: none;
	}

	ul.partners {
		width: 100%;
	}

	ul.partners li {
		width: 50%;
	}

	#footer .endLine {
		width: auto;
	}

	.floatContainer {
		float: none;
		width: auto;
		padding: 0 10px;
	}

	.ingreenBackground {
		width: auto;
	}

	.ingreenBackground .imgRight {
		float: none;
		display: block;
		margin: 0 auto;
		max-width: 100%;
		height: auto;
	}

	.newspaper {
		width: auto;
		margin-right: 0;
		-webkit-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0;
		column-gap: 0;
	}

	.container table.gallery td {
		display: block;
		float: left;
		width: 50%;
		padding: 0;
		margin-bottom: 10px;
	}

	.container table.gallery td img {
		max-width: 100%;
		height: auto;
	}

	.container table.td-130 td {
		height: 130px;
	}

	#snippet--flash {
		width: auto;
	}

	.dottedLine {
		width: auto;
	}

	.responsive-table {
		width: 100%;
	}

	.responsive-table td {
		display: block;
		width: auto;
	}

	.responsive-object {
		width: 100%;
		border: none;
	}

	.wholeSaleContactsResult .wholeSaleContact {
		width: 100%;
		float: none;
		margin: 15px 0;
		text-align: center;
	}

	.table-osvedceni,
	.table-osvedceni tbody,
	.table-osvedceni tr {
		width: 100%;
		display: block;
	}

	.table-osvedceni td {
		width: 100%;
		padding: 0;
		float: left;
	}

	.table-osvedceni td img {
		max-width: 100%;
		height: auto;
		max-height: 350px;
	}

	.decs {
		width: auto;
	}

	.decs .directories {
		width: 100%;
		height: auto;
		margin: 0 0px 15px 0;
		text-align: center;
		padding: 20px 0;
	}

	.decs .directories img {
		display: inline-block;
		max-width: 100%;
		height: auto;
	}

	.content table {
		max-width: 100% !important;
		width: auto !important;
	}

	ul.nav-tabs.root > li {
		width: 50%;
		text-align: center;
	}

	ul.nav-tabs.root > li > a {
		display: inline-block;
		border-left: none !important;
		width: auto;
		height: auto;
	}

	.img-responsive {
		max-width: 100%;
		height: auto;
	}

	.charakteristika {
		width: 100%;
	}

	.charakteristika tr td {
		display: block;
		float: left;
		padding: 0;
	}

	.charakteristika tr td:nth-child(1),
	.charakteristika tr td:nth-child(2),
	.charakteristika tr td:nth-child(3) {
		display: none;
	}

	.charakteristika tr td:nth-child(4) {
		width: 100%;
		text-align: center;
	}

	.charakteristika tr td:nth-child(4) img {
		padding-right: 10px;
	}

	.charakteristika tr td:nth-child(5) {
		width: 100%;
		text-align: center;
		padding: 10px 0;
	}

	.charakteristika tr td:nth-child(6) {
		width: 0;
		clear: both;
	}

	.charakteristika tr td:nth-child(7) {
		width: 50%;
		text-align: right;
	}

	.charakteristika tr td:nth-child(7) img {
		padding-right: 10px;
	}

	.charakteristika tr td:nth-child(8) {
		width: 50%;
	}

	.charakteristika tr td:last-child {
		text-align: center;
		width: 100%;
		margin-bottom: 30px;
	}

	.minigallery {
		width: 100%;
	}

	.minigallery img {
		float: left;
		width: 30%;
		height: auto;
		padding-right: 1%;
	}

	#header .mainMenu .login {
		position: relative;
	}

	.loginBox {
		right: 0;
		top: 50px;
	}

	.whiteArrow.step {
		left: auto;
		right: 0;
	}

	.table-to-columns {
		width: 100%;
	}

	.table-to-columns tr:first-child {
		float: left;
		width: 40%;
	}

	.table-to-columns tr:last-child {
		float: left;
		width: 60%;
	}

	.table-to-columns tr td {
		display: block;
		margin-bottom: 10px;
	}

	#snippet--flash {
		margin-left: 0;
		left: 0;
		right: 0;
	}

	.contact.map .contactBox.map {
		width: auto;
	}

	.contact.map .contactBox.map iframe {
		max-width: 100%;
		height: 285px;
	}

	.contactBox {
		width: auto;
		float: none;
		border-right: none;
	}

	.contactTable {
		font-size: 25px;
		padding: 20px 0;
		height: auto;
	}

	.contact.wide .contactBox.last {
		margin-left: 0;
	}

	.bigSquare p.cronText {
		width: auto;
		right: 0;
	}

	.bigSquare {
		margin: 0 auto 35px auto;
		float: none;
	}

	.productDetails {
		width: 50%;
		margin: -1px -1px 65px -1px;
	}

	.productDetails .bigtable {
		width: 100%;
	}

	.productDetails a.productImgHref {
		text-decoration: none;
	}

	.productDetails p.titlePro {
		left: 5px;
		right: 5px;
		width: auto;
	}

	.chooseBox {
		width: auto;
		padding-bottom: 10px;
	}

	.chooseBox select {
		display: block;
		margin: -10px 20px 0 20px;
	}

	table.specification {
		width: 100%;
		background-color: #f3f3f3;
	}

	table.specification td,
	table.specification th {
		display: block;
		width: auto;
		float: left;
		padding: 0;
		width: 33%;
		height: auto;
		padding-top: 10px;
	}

	table.specification td {
		height: 100px;
	}

	table.specification td:nth-child(4),
	table.specification th:nth-child(4),
	table.specification td:nth-child(5),
	table.specification th:nth-child(5),
	table.specification td:nth-child(6),
	table.specification th:nth-child(6) {
		height: 50px;
	}

	table.specification tbody,
	table.specification tr {
		display: block;
		clear: both;
	}

	table.specification td.first img {
		float: none;
		max-height: 100%;
		max-width: 100%;
		height: auto;
		width: auto;
	}

	table.specification td.dotted {
		width: 100%;
		background: #fff;
	}

	table.specification th.image,
	table.specification th.code,
	table.specification th.variant,
	table.specification th.priceWithoutTax,
	table.specification th.priceWithTax,
	table.specification th.last {
		width: 33%;
	}

	.responsive-form,
	.responsive-form tbody,
	.responsive-form tr,
	.responsive-form td,
	.responsive-form th {
		display: block;
		width: 100%;
		text-align: left;
	}

	.responsive-form td {
		padding-bottom: 20px;
	}

	.productDetails {
		float: none;
		width: auto;
	}

	.productDetails img.detail {
		max-width: 100%;
		height: auto;
	}

	.productDetails.empty {
		width: auto;
		height: auto;
	}

	.productDetails.empty p.titleDetail.price {
		position: relative;
	}

	.Front-Eshop-Product .productDetails {
		margin: 0 0 20px 0;
	}

	.newsholder h2 img {
		display: block;
		float: none;
		max-width: 100%;
		height: auto;
	}

	.newsholder img {
		display: inline-block;
		max-width: 100%;
		height: auto;
	}

	.newsholder iframe {
		max-width: 400px;
		width: 100%;
	}

	.newsholder .news > a {
		text-decoration: none;
	}

	table.catalogs {
		width: 100%;
		display: block;
	}

	table.catalogs td {
		width: 33%;
		display: block;
		float: left;
		padding: 0;
		height: 320px;
	}

	table.catalogs tr:nth-child(1) td:nth-child(1),
	table.catalogs tr:nth-child(1) td:nth-child(2) {
		height: 0;
	}

	table.catalogs td img {
		max-width: 100%;
		height: auto;
		display: inline-block;
	}

	.Front-Eshop-User form tbody,
	.Front-Eshop-User form table,
	.Front-Eshop-User form tr,
	.Front-Eshop-Customer form tbody,
	.Front-Eshop-Customer form table,
	.Front-Eshop-Customer form tr {
		display: block;
	}

	.Front-Eshop-User form table th,
	.Front-Eshop-User form table td,
	.Front-Eshop-Customer form table th,
	.Front-Eshop-Customer form table td {
		display: block;
		width: auto;
		text-align: left;
	}

	.Front-Eshop-User form table td,
	.Front-Eshop-Customer form table td {
		padding-bottom: 10px;
	}

	#userInfo {
		margin-right: 15px;
	}

	.productSearchBlockResult {
		width: auto;
		left: 15px;
		right: 15px;
	}

	.productSearchBlockResult .lastSearch {
		width: auto;
		height: auto;
		padding: 10px 10px 20px 10px;
	}

	.productSearchBlockResult .lastSearch .price {
		right: 10px;
	}

	.productSearchBlockResult .lastSearch .code_pin {
		left: 120px;
	}

	.productSearchBlockResult .lastSearch .code_pin,
	.productSearchBlockResult .lastSearch .price {
		position: static;
		float: none;
		padding-top: 5px;
	}

	.lastSearch a {
		text-decoration: none;
	}

	h1,
	h2,
	body.page1 h2,
	.wrapLine .container strong.titleSites {
		font-size: 27px;
	}

	h2,
	fieldset legend {
		font-size: 19px;
	}

	.page17 .content > table > tbody > tr > td,
	.page17 .content > table > tbody > tr,
	.page17 .content > table > tbody,
	.page17 .content > table,
	.page19 .content > table > tbody > tr > td,
	.page19 .content > table > tbody > tr,
	.page19 .content > table > tbody,
	.page19 .content > table {
		display: block;
		width: 100%;
		height: auto !important;
	}

	.page17 .content > table,
	.page19 .content > table {
		width: auto;
		max-width: 594px;
	}

	.page17 .content > table > tbody > tr > td,
	.page19 .content > table > tbody > tr > td {
		margin-bottom: 10px;
	}

	.wrapLine.all {
		height: auto;
		min-width: 153px;
	}

	.container.build {
		padding-bottom: 28px;
	}

	.whereIam {
		height: auto;
		margin-bottom: 20px;
	}

	.Front-Eshop-Product .description img {
		max-width: 100%;
		height: auto;
	}

	.bigSquare img {
		max-width: 100%;
		height: auto;
	}

	#orderFinish table tbody tr td,
	#orderFinish table tbody tr,
	#orderFinish table tbody,
	#orderFinish table {
		display: block;
	}

	#orderComplete td,
	#orderComplete th,
	#orderComplete tr,
	#orderComplete thead,
	#orderComplete tbody,
	#orderComplete tfoot,
	#orderComplete table {
		display: block;
		width: 100% !important;
	}

	#orderComplete td {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 10px 0 !important
	}

	#orderComplete table tr td.image {
		display: none;
	}

	#orderComplete table td:before {
		display: inline-block;
		width: 100px;
		font-weight: bold;
		padding-right: 20px;
		padding-left: 10px;
		text-align: right;
		content: '';
	}

	#orderComplete table td:nth-child(2):before {
		content: 'Produkt:';
	}

	#orderComplete table td:nth-child(3):before {
		content: '1 ks bez DPH:';
	}

	#orderComplete table td:nth-child(4):before {
		content: 'PoÄŤet:';
	}

	#orderComplete table td:nth-child(5):before {
		content: 'Cena celkem bez DPH:';
	}

	#orderComplete table td:nth-child(6):before {
		content: 'DPH:';
	}

	#orderComplete table td:nth-child(7):before {
		content: 'Cena celkem vÄŤ. DPH:';
	}

	#orderComplete table td:nth-child(8):before {
		content: 'Odebrat z košíku:';
	}

	#orderComplete table tr:first-child {
		display: none;
	}

	/*
		#orderComplete tr.summary {
			display: table-row;
		}*/
	#orderComplete tr.summary td {
		display: block;
		float: left;
		height: 20px;
	}

	#orderComplete tr.summary td:nth-child(1) {
		width: 75% !important;
		text-align: right;
	}

	#orderComplete tr.summary td:nth-child(2) {
		width: 25% !important;
	}

	#orderComplete tr.summary td:nth-child(2) span {
		padding-right: 15px;
	}

	#orderComplete tr.summary td:before {
		display: none;
		content: '';
	}

	#snippet-costToFreeShipping-costToFreeShipping {
		clear: both;
	}

	#snippet-costToFreeShipping-costToFreeShipping p {
		padding: 30px 15px;
	}

	#orderFinish .sendBlock input, #orderFinish .finishButtonHolder a {
		font-size: 1.1em;
	}

	#main-menu-toggler {
		display: block;
		background: #3a9728 url('./img/navbar.png') no-repeat 90% 50%;
	}

	#main-menu-toggler button {
		background: transparent;
		border: none;
		font-size: 20px;
		color: #ffffff;
		text-transform: uppercase;
		cursor: pointer;
		display: block;
		line-height: 50px;
		text-align: left;
		padding-left: 20px;
		width: 100%;
	}

	#mainMenu {
		display: none;
	}

	.alert.alert-warning.eu-cookies button {
		display: block;
		margin: 10px auto;
		width: 150px;
	}

	#snippet--flash {
		top: 5% !important;
		position: fixed;
	}

	.addProductWindow table,
	.addProductWindow table tbody,
	.addProductWindow table tbody tr,
	.addProductWindow table tbody tr td {
		display: block;
	}

	.flash.addProduct table td.quantity-col {
		width: auto;
	}

	.flash.addProduct table td.price {
		text-align: left;
		width: auto;
	}

	#flashMessage a.button {
		display: block;
		margin-bottom: 10px;
	}

	#flashMessage a.button.closeFlash {
		float: none;
	}

	#snippet--flash div.flash div.contentFlashAddProduct .message,
	#snippet--flash div.flash div.contentFlashCarts .message {
		line-height: 30px;
		padding: 10px 30px;
	}

	#main-footer .row {
		margin-left: 0;
		margin-right: 0;
	}

	#main-footer .col {
	}

	#main-footer .col-middle {
		margin-bottom: 20px;
	}

	#main-footer .col-first,
	#main-footer .col-middle,
	#main-footer .col-last {
		width: 100%;
	}

	#main-footer .col-first .links-list {
		float: none;
		width: auto;
	}

	#main-footer .col-first .links-list.second {
		padding-left: 0;
	}
}

.productSearchBlockResult .lastSearch .code_pin {
	left: 110px;
}

.contactBox .incontacter {
	margin-bottom: 27px;
	display: block;
}

.clear {
	clear: both;
}

.table-osvedceni td {
	text-align: center;
	vertical-align: top;
	padding-bottom: 50px;
}

.table-osvedceni td span {
	display: block;
	margin-bottom: 10px;
}

.intrinsic-container {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;

}

.intrinsic-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pp_inline {
	overflow-x: auto;
	max-width: 990px;
}

#vsConfigurator .shuffle .configuratorBox table.listingConfig.send td.count {
	width: 270px;
}

@media (max-width: 550px) {
	.productDetails {
		width: 100%;
		margin: -1px -1px 65px -1px;
	}

	table.catalogs td {
		width: 100%;
	}

	h1,
	h2,
	body.page1 h2,
	.wrapLine .container strong.titleSites {
		font-size: 25px;
	}
}

@media (max-width: 450px) {
	ul.nav-tabs.root > li {
		width: 100%;
	}

	.minigallery img {
		width: 49%;
		padding-bottom: 1%;
	}

	h1,
	h2,
	body.page1 h2,
	.wrapLine .container strong.titleSites {
		font-size: 23px;
	}

	.Front-Eshop-Customer .wrapLine .container h1.titleSites {
		font-size: 18px;
	}
}

@media (max-width: 400px) {
	.container table.gallery td {
		width: 100%;
	}

	.minigallery img {
		width: auto;
		padding-right: 0;
		max-width: 100%;
		height: auto;
	}

	.Front-Eshop-User form table td,
	.Front-Eshop-Customer form table td {
		padding-right: 20px;
	}

	.Front-Eshop-User form table td input[type="text"],
	.Front-Eshop-User form table td input[type="password"],
	.Front-Eshop-User form table td input[type="email"],
	.Front-Eshop-Customer form table td input[type="text"],
	.Front-Eshop-Customer form table td input[type="email"],
	.Front-Eshop-Customer form table td input[type="password"],
	.Front-Eshop-Customer form table td select {
		width: 100%;
	}

	ul.partners li {
		width: 100%;
	}
}

@media (max-width: 365px) {
	.bigSquare,
	.bigSquare.other {
		margin: 0 0 35px 0;
		width: auto;
		height: auto;
		padding-bottom: 60px;
	}

	.bigSquare p.cronText {
		font-size: 21px;
		height: 30px;
		padding: 10px 0px;
		bottom: 15px;
	}
}

.vyrobky-table {
	border-spacing: 0;
}

.vyrobky-table tr td {
	padding: 0;
}

.vyrobky-table tr td:last-child .directories {
	margin-right: 0;
}

@media (max-width: 730px) {
	.vyrobky-table tr td {
		display: block;
		width: 100%;
	}
}

.clearfix:after {
	content: '';
	clear: both;
	display: table;
}

.fair-btn {
	text-align: center;
	padding-top: 30px;
}

.fair-btn .simpleHref {
	position: static;
}

.contish-btn {
	text-align: center;
	padding: 20px 0 30px;
}

.contish-btn .simpleHref {
	position: static;
}

.wholesale-filterForm input[type=submit]{
	display: none;
}

.wholesale-filterForm label.productType{
	padding-left: 35px;
}

.wholesaleContactModal .modal-body{
	max-height: calc(100vh - 200px);
	overflow-y: auto;
}

p.samplerInfo{
	color: #3a9728;
}

.wholeSaleContact.has-sampler strong{
	color: #3a9728;
}

.de #header .mainMenu ul.topMenu li a{
	padding-right: 16px;
}

.productTypeTags{
	margin-top: 5px;
}

.productTypeTag{
	background-color: #3a9728;
	padding: 0 15px;
	margin-right: 5px;
	color: white;
	border-radius: 3px;
}
.faq-chat {
	position: fixed;
	right: 20px;
	bottom: 0;
	z-index: 9999;
	width: 300px;
}

@media (max-width: 575px) {
	.faq-chat {
		width: 100%;
	}
}

.faq-chat__button {
	height: 65px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #338024;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
	-webkit-transition: background-color .12s, border-color .12s;
	-o-transition: background-color .12s, border-color .12s;
	transition: background-color .12s, border-color .12s;
}

.faq-chat__button:hover {
	background-color: #316b22;
	border-color: #111;
}

.faq-chat__button .icon-message {
	margin-left: 10px;
}

.faq-chat__button .icon-operator {
	-ms-flex-item-align: end;
	align-self: flex-end;
	margin-right: 20px;
}

.faq-chat__content {
	position: absolute;
	right: 0;
	bottom: 65px;
	background-color: #fff;
	width: 100%;
	display: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 3px 2px;
	box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 3px 2px;
	padding: 15px 10px 10px;
}

.faq-chat__content.open {
	display: block;
}

.faq-chat__content__title {
	display: block;
	margin-bottom: 10px;
}

.faq-chat__label,
.faq-chat label,
.faq-chat input,
.faq-chat select,
.faq-chat textarea {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.faq-chat input[type="checkbox"] {
	display: inline-block;
	width: auto;
}

.faq-chat__label,
.faq-chat label {
	margin-bottom: 5px;
}

.faq-chat textarea {
	height: auto;
	resize: none;
	padding: 5px 10px;
}

.faq-chat .close {
	position: absolute;
	top: 7px;
	right: 10px;
}

.form-group {
	margin-bottom: 12px;
}

.close {
	width: 21px;
	height: 21px;
	background: #fff;
	text-align: center;
	line-height: 19px;
	border: 2px solid #3BAB26;
	color: #3BAB26;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: 150ms;
	-o-transition: 150ms;
	transition: 150ms;
}

.close:hover {
	background-color: #3BAB26;
	color: #fff;
}

/* Nový layout formuláře */
.custom-form {
	margin-bottom: 20px;
}

.custom-form__form-group td {
	padding-top: 5px;
	padding-bottom: 5px;
}

.custom-form__offset-y {
	padding-top: 10px;
	padding-bottom: 10px;
}

@media (max-width: 575px) {
	.custom-form__form-group,
	.custom-form__form-group th,
	.custom-form__form-group td {
		display: block;
		text-align: left;
	}
}

/* Poradna - výpis dotazů */
.faq-list {
	margin-bottom: 20px;
}

.faq-list__item {
	border-bottom: 2px dotted #fff;
	padding: 5px 10px 0;
}

.faq-list__item:nth-child(odd) {
	background-color: #eaeaea;
}

.faq-list__item p {
	margin: 0 0 10px;
}

.faq-list__item__title {
	margin-top: 0;
	margin-bottom: 0;
}

.faq-list__item__title a {
	text-decoration: none;
}

.faq-list__item__title a:hover {
	text-decoration: underline;
}

.faq-list__item__cat {
	font-size: 14px;
}

.faq-list__item a {
	color: #3a9728;
}

/* Hybridní stránkování */
.hybrid-pagination .load-more {
	margin-bottom: 10px;
}

.hybrid-pagination,
.hybrid-pagination .grid-paginator {
	text-align: center;
}

.hybrid-pagination .grid-paginator span:first-child {
	margin-left: 0;
}

@media (min-width: 576px) {
	.hybrid-pagination {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.hybrid-pagination .load-more {
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0;
	}

	.hybrid-pagination .grid-paginator {
		text-align: right;
	}
}

.hr-big {
	margin-top: 30px;
	margin-bottom: 30px;
}

.h2--bigger {
	font-size: 30px;
	background: url(./img/big_dot.png) no-repeat 0 50%;
	padding-left: 22px;
}

.references-slider {
	margin-bottom: 30px;
}

.references-slider .slick-arrow {
	position: absolute;
	z-index: 2;
	background-color: #3a9728;
	border: none;
	width: 32px;
	height: 32px;
	color: white;
	cursor: pointer;
	top: 50%;
	margin-top: -16px;
	opacity: .5;
}

@media (min-width: 1015px) {
	.references-slider .slick-arrow:hover {
		opacity: 1;
	}
}

.references-slider .slick-arrow:focus {
	outline: none;
}

.references-slider .slick-arrow.slick-prev {
	left: -50px;
}

.references-slider .slick-arrow.slick-next {
	right: -50px;
}

.references-slider__item > a {
	position: relative;
	display: block;
	width: 307px;
}

.references-slider__item img {
	max-width: 100%;
	height: auto;
}

.references-slider__item__overlay {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.8)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.8));
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.8));
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.8));
	color: white;
	padding: 15px 10px;
	text-shadow: 1px 1px 1px black;
}

@media (max-width: 1199px) {
	.references-slider {
		padding: 0 50px;
	}

	.references-slider .slick-arrow.slick-prev {
		left: 0;
	}

	.references-slider .slick-arrow.slick-next {
		right: 0;
	}

	.references-slider__item > a {
		width: 100%;
	}
}

@media (max-width: 730px) {
	.references-slider {
		padding: 0;
	}

	.references-slider__item img {
		width: 100%;
	}
}

.product-gallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
	margin-bottom: 20px;
}

.product-gallery__item {
	position: relative;
	padding: 5px;
}

.product-gallery__item > a {
	display: block;
	width: 91px;
	height: 91px;
	border: 1px solid #ebebeb;
	text-align: center;
	background: url(./img/gray_dot.png);
}

.product-gallery__item img {
	position: relative;
	margin: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width: 100%;
	height: auto;
}

#header .mainMenu ul.topMenu .eshop-menu {
	border-bottom: 3px dotted #d4e9d1;
	padding-bottom: 20px;
}

@media (min-width: 731px) {
	#header .mainMenu ul.topMenu .eshop-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

#header .mainMenu ul.topMenu .eshop-menu--konfigurator {
	padding-top: 20px;
	padding-bottom: 0;
	border-bottom: none;
}

#header .mainMenu ul.topMenu .eshop-menu__item {
	width: 33.33%;
	max-width: 33.33%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: none;
	line-height: 20px;
	color: #000;
	margin-bottom: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 15px !important;
}

@media (min-width: 731px) {
	#header .mainMenu ul.topMenu {
		display: block !important;
	}
}

@media (max-width: 1014px) {
	#header .mainMenu ul.topMenu .eshop-menu__item {
		width: 50%;
		max-width: 50%;
	}
}

@media (max-width: 730px) {
	#header .mainMenu ul.topMenu .eshop-menu__item {
		width: 100%;
		max-width: 100%;
	}

	#header .mainMenu ul.topMenu li.eshop .subMenu .whiteArrow {
		left: 0;
	}
}

#header .mainMenu ul.topMenu .eshop-menu__item:hover {
	color: #3a9828;
}

#header .mainMenu ul.topMenu .eshop-menu__item:hover span.arrow {
	text-decoration: underline;
}

#header .mainMenu ul.topMenu .eshop-menu__item .eshop-menu__item__image {
	width: 50px;
	max-width: 50px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 15px;
	text-align: center;
}

#header .mainMenu ul.topMenu .eshop-menu__item span.arrow {
	padding: 5px 6px 0 0;
	color: #3a9828;
	background: url(./img/green_small_arrow.png) no-repeat 100% 70%;
	font-size: 14px;
}

.searchResult {
	margin: 20px 0;
}

.searchResult .item {
	margin-bottom: 10px;
}

.searchResult .item:after {
	content: '';
	display: table;
	clear: both;
}

.searchResult .item__button {
	text-align: right;
}

.searchResult .item h3 {
	margin-bottom: 5px;
	font-size: 16px;
}

.searchResult .item p {
	margin: 0 0 5px;
}

.searchResult .item h3 a {
	text-decoration: none;
}

.searchResult .item h3 a:hover {
	text-decoration: underline;
}

.searchResult .item .img {
	float: left;
	margin-right: 10px;
}

/* Collapse group */
.collapse-group {
	margin-bottom: 20px;
}

.collapse-group__button {
	background-color: transparent;
	padding: 10px 16px;
	font-weight: 700;
	font-size: 14px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	border: 2px solid #3a9728;
}

.collapse-group__button:hover {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.collapse-group__button:focus {
	outline: none;
}

.collapse-group__button__arrow {
	display: inline-block;
	width: 20px;
	height: 13px;
	background-image: url('img/angle-up.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 10px;
}

.collapse-group.collapse-group--collapsed .collapse-group__button__arrow {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.collapse-group__content p:last-child {
	margin-bottom: 0;
}

/* Phone number */
.phone-number {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	text-decoration: none;
	font-size: 18px;
	border: 2px solid #ececec;
	padding: 5px 15px;
}

.phone-number:hover {
	text-decoration: underline;
}

.phone-number::before {
	content: '';
	display: block;
	width: 27px;
	height: 27px;
	background-image: url('img/phone.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 15px;
}

.step-wizzard {
	counter-reset: step;
	margin: 30px 0 40px;
}

@media (min-width: 731px) {
	.step-wizzard {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.step-wizzard__item {
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 15px 30px;
	position: relative;
	text-decoration: none;
}

a.step-wizzard__item:hover {
	color: #3A9828;
}

a.step-wizzard__item:hover::before {
	color: #000;
}

@media (min-width: 731px) {
	.step-wizzard__item {
		font-size: 18px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 15px 30px;
		position: relative;
	}
}

.step-wizzard__item::before {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	counter-increment: step;
	content: counter(step);
	background-color: #ececec;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	font-weight: 500;
	font-size: 20px;
	margin-right: 20px;
}

.step-wizzard__item--active {
	color: #3A9828;
	font-weight: 700;
}

.step-wizzard__item--disabled {
	opacity: .5;
}

.step-wizzard__item--active::before {
	color: #fff;
	background-color: #3A9828;
}

.alert {
	background-color: #ececec;
	border: 1px solid #BDBDBD;
	padding: 10px;
	margin-bottom: 20px;
	text-align: center;
}

.m-b-40 {
	margin-bottom: 40px !important;
}