@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700,300italic,400italic&subset=latin,latin-ext);
@import url("reset.css");
@import url("font-awesome.min.css");
@import url("justifiedGallery.css");
@import url("magnific-popup.css");

@import url("product-carousel.css");
@import url("form.css");
@import url("slide.css");

@import url("header.css");
@import url("footer.css");
@import url("domain-menu.css");
@import url("product-category-menu.css");

@import url("bootstrap.css");

html
{
	width: 100% !important;
	height: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	background: #fff;
	color: #484848;
	font-size: 16px;
}

body
{
	min-height: 100%;
	height: auto !important;
	position: relative;
	margin: 0 auto;
}

.desktop-layout body
{
	min-width: 1200px;
}

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
	margin: 0.6em 0 0.6em 0;
}

h2, h3, h4, h5, h6
{
	text-transform: uppercase;
}

.lowercase
{
    text-transform: none !important;
}

h1
{
	margin-top: 0;
	text-transform: uppercase;
	font-size: 1.95em;
	color: #2a2a2a;
	text-align: center;
	font-weight: bold;
}

h1::after
{
	content: "";
	display: block;
	position: relative;
	width: 300px;
	margin: 12px auto 0 auto;
	height: 2px;
	background: #ebf9fd;
}

h2
{
	font-size: 1.35em;
	color: #2a2a2a;
	font-weight: bold;
	padding-bottom: 0.3em;
}

h3
{
	font-size: 1.25em;
}

h4
{
	font-size: 1.2em;
	color: #2a2a2a;
}

h5
{
	font-size: 1.1em;
}

h6
{
	font-size: 1.1em;
	color: #2a2a2a;
}

p
{
	margin: 0 0 1em 0;
}

a
{
	color: #03adeb;
	font-size: 1.0em;
	text-decoration: none;
}

a:hover,
a:focus
{
	color: #0393c8;
	text-decoration: underline;
}

a.decoration-none,
a.decoration-none:hover,
a.decoration-none:focus
{
	text-decoration: none;
	cursor: default;
}

li
{
	position: relative;
	padding-left: 1em;
}

li::before
{
	content: "";
	display: block;
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 6px;
	height: 6px;
	background: #03adeb;
}

.content
{
	width: 95%;
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
	display: block;
}

.desktop-layout .content
{
	width: 1170px;
}

.strike
{
	text-decoration: line-through;
}

.blue
{
	color: #03adeb;
}

.align-right
{
	text-align: right;
}

.show-mobile
{
	display: none;
}

.image-fixed-size 
{
    width: auto !important;
    margin: 10px !important;
}

@media screen and (max-width: 500px)
{
	.responsive-layout h1::after
	{
		width: 100%;
	}
}

/*------------------doprava a platba-------------------------------*/
.shipping-payment-wrapper
{
	display: block;
}

.shipping-payment-wrapper h2
{
	font-size: 20px;
}

.shipping-payment-wrapper:after
{
	content: "";
	width: 100%;
	height: 0px;
	overflow: hidden;
	display: block;
	clear: both;
}
.shipping-wrapper
{
	float: left;
	clear: left;
	width: 50%;
}
.payment-wrapper
{
	float: right;
	clear: right;
	width: 50%;
}
.shipping-content
{
	background: #f1f1f1;
	padding: 20px 20px 5px 20px;
	margin-right: 10px;
}
.payment-content
{
    background: #f1f1f1;
	padding: 20px 20px 5px 20px;
	margin-left: 10px;
}
.shipping-content h2,
.payment-content h2
{
	margin: 0;
	line-height: 1em;
	padding-bottom: 15px;
	border-bottom: 1px solid #2a2a2a;
}
.shipping-content ul,
.payment-content ul
{
	padding-top: 5px;
}
.shipping-content ul li,
.payment-content ul li
{
	border-bottom: 1px solid #dedede;
	line-height: 1.5em;
	padding: 10px 70px 10px 0;
	position: relative;
}

.shipping-content ul li:last-child,
.payment-content ul li:last-child
{
	border-bottom: 0;
}
.shipping-content ul li span,
.payment-content ul li span
{
	position: absolute;
	top: 10px;
	right: 0;
	width: 70px;
	text-align: right;
	font-weight: bold;
}
@media screen and (max-width: 900px)
{
	.responsive-layout .shipping-wrapper
	{
		float: none;
		clear: both;
		width: 100%;
		margin-bottom: 20px;
	}

	.responsive-layout .shipping-content
	{
		margin-right: 0;
	}

	.responsive-layout .payment-wrapper
	{
		float: none;
		clear: both;
		width: 100%;
	}

	.responsive-layout .payment-content
	{
		margin-left: 0;
	}
}


/* 
 * =====================================================================================================================
 * BREADCRUMB MENU
 * =====================================================================================================================
 */
.breadcrumb-menu
{
	background: #ebf9fd;
	width: 100%;
	padding: 12px 0;
	min-height: 50px;
}

.breadcrumb-menu a
{
	color: #6d6d6d;
	display: inline-block;
	line-height: 26px;
	padding: 0 10px 0 11px;
	font-size: 14px;
	position: relative;
    text-transform: uppercase;
}

.breadcrumb-menu a::before
{
	position: absolute;
	/*top: 5px;*/
	left: 0;
	content: "»";
	/*width: 1px;
	height: 14px;
	background: #6d6d6d;*/
}

.breadcrumb-menu a.home
{
	padding-left: 0;
}

.breadcrumb-menu a.home::before
{
	content: none;
}

.breadcrumb-menu .content div
{
	margin-left: 290px;
}

@media screen and (max-width: 900px)
{
	.breadcrumb-menu .content div
	{
		margin-left: 0;
	}
}


/* 
 * =====================================================================================================================
 * PAGINATION
 * =====================================================================================================================
 */



/*-------------------------strankovani----------------------*/
.filter-wrapper
{
	display: block;
	margin: 20px 0;
}

.filter-wrapper ul
{
	display: inline-block;
	width: 50%;
}

.filter-wrapper ul.pagination
{
	text-align: right;
}

.filter-wrapper ul li
{
	display: inline-block;
	margin-left: 5px;
	line-height: 1em;
}

.filter-wrapper ul li:first-child
{
	margin-left: 0;
}

.filter-wrapper ul li a,
.filter-wrapper ul li span
{
	border: 2px solid #ebf9fd;
	padding: .5em 1em;
	display: block;
}

.filter-wrapper ul li span
{
	color: #dedede;
}

.filter-wrapper ul li a.select,
.filter-wrapper ul li a:hover,
.filter-wrapper ul li a.focus
{
	border: 2px solid #ebf9fd;
	text-decoration: none;
	background: #ebf9fd;
	color: #2a2a2a;
}

@media screen and (max-width: 1100px)
{
	.responsive-layout .filter-wrapper ul
	{
		display: table;
		width: 100%;
		text-align: left;
	}

	.responsive-layout .filter-wrapper ul.pagination
	{
		text-align: left;
		margin-top: 20px;
	}
}

@media screen and (max-width: 900px)
{
	.responsive-layout .filter-wrapper ul
	{
		display: inline-block;
		width: 50%;
	}

	.responsive-layout .filter-wrapper ul.pagination
	{
		text-align: right;
		margin-top: 0;
	}
}

@media screen and (max-width: 799px)
{
	.responsive-layout .filter-wrapper ul
	{
		display: table;
		width: 100%;
		text-align: left;
	}

	.responsive-layout .filter-wrapper ul.pagination
	{
		text-align: left;
		margin-top: 20px;
	}
}

@media screen and (max-width: 500px)
{
	.responsive-layout .filter-wrapper ul:first-of-type li
	{
		display: block;
		width: 100%;
		margin-left: 0;
		margin-top: 5px;
	}
}


/*-------------------------basket--------------------------*/
.step-top-wrapper
{
	display: block;
	margin-bottom: 20px;
	border: 2px solid #f1f1f1;
	padding: 20px;
    font-weight: normal;
}
.step-top-wrapper ul
{
	display: table;
	width: 100%;
}

.step-top-wrapper ul li
{
	display: table-cell;
	padding: 0 20px;
	text-align: center;
	color: #e3e3e3;
}

.step-top-wrapper ul li span
{
	display: block;
}

.step-top-wrapper ul li.past a
{
    color: #2a2a2a;
}

.step-top-wrapper ul li.select
{
	color: #03adeb;
}

@media screen and (max-width: 750px)
{
	.responsive-layout .step-top-wrapper
	{
		padding: 0 20px;
	}

	.responsive-layout .step-top-wrapper ul li
	{
		padding: 10px;
		display: block;
		border-left: 0;
		border-bottom: 1px solid #e3e3e3;
	}

	.responsive-layout .step-top-wrapper ul li:last-child
	{
		border-bottom: 0;
	}

	.responsive-layout .step-top-wrapper ul li span
	{
		display: inline-block;
		margin-right: 5px;
	}
}

.step-footer-wrapper
{
	display: block;
	margin-top: 20px;
}

.step-footer-wrapper ul li
{
	display: inline-block;
	padding-left: 0;
}

.step-footer-wrapper ul li:first-of-type
{
	width: 40%;
}

.step-footer-wrapper ul li:last-of-type
{
	width: 60%;
}

.step-button,
.step-button-invert
{
	display: inline-block;
	position: relative;
    font-size: 1.5em
}
.step-button:hover,
.step-button-invert:hover
{
	text-decoration: none;
}
.step-button
{
    color: #03adeb;
	font-weight: bold;
	text-transform: uppercase;
    position: relative;
	padding: 12px 15px 11px 40px;
	line-height: 1em;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.step-button:hover
{
	background: #03adeb;
	color: #fff;
}
.step-button-invert
{
    color: #fff;
	font-weight: bold;
	text-transform: uppercase;
    position: relative;
	padding: 12px 55px 11px 15px;
	line-height: 1em;
	background: #2a2a2a;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.step-button-invert:hover
{
	background: #03adeb;
	color: #fff;
}
.step-button:before,
.step-button-invert:before
{
	content: "";
	position: absolute;
	top: 50%;
    margin-top: -20px;
	width: 40px;
	height: 40px;
    z-index: 5
}

.step-button-invert:after
{
	content: "";
	position: absolute;
	top: 0;
	width: 40px;
	height: 100%;
    right: 0;
    background: #03adeb;
}

.step-button:before
{
	left: 0;
	background: url(/img/sprite.png) no-repeat -336px -192px;
}
.step-button:hover:before
{
	background: url(/img/sprite.png) no-repeat -336px -240px;
}
.step-button-invert:before
{
    right: 0;
	background: url(/img/sprite.png) no-repeat -288px -96px;
}
.basket-form
{
	margin-bottom: 20px;
    background: #f1f1f1;
	padding: 20px 20px 0 20px;
}
.basket-form.step3
{
	padding: 20px;
}
.basket-form h2
{
	margin: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #35337f;
}
.basket-form p
{
	margin: 1em 0;
}
.basket-form table
{
	width: 100%;
}
.basket-form td.responsive-size
{
	display: none;
}
.basket-form tr th
{
	text-align: left;
	font-weight: normal;
	padding: 5px 10px;
}
.basket-form tr th.price
{
	text-align: right;
}
.basket-form tbody tr td
{
	padding: 20px 10px;
	vertical-align: middle;
	border-bottom: 1px solid #e3e3e3;
}
.basket-form tbody tr:last-child td
{
	border-bottom: 0;
}
.basket-form tfoot tr td
{
	border-top: 1px solid #2a2a2a;
	padding: 20px 10px;
}
.basket-form tfoot tr td span
{
	display: block;
}
.basket-form tfoot tr td.price-title span.blue
{
	padding-top: 0.6em;
    color: #03adeb;
    font-weight: bold;
}
.basket-form tfoot tr td label
{
	margin: 0 15px 5px 0;
	display: inline-block;
}
.basket-form td.image
{
	width: 14%;
}
.basket-form td.title
{
	width: 36%;
}
.basket-form td.convert
{
	min-width: 110px;
	width: 15%;
}
.basket-form td.convert .input-text
{
	width: 55px;
	margin-right: 5px;
}
.basket-form td.convert .fa
{
	font-size: 1.4em;
}
.basket-form td.image img
{
	width: 100%;
	height: auto;
}
.basket-form td.price
{
	min-width: 160px;
	width: 15%;
	text-align: right;
}
.basket-form td.price .big
{
	display: block;
	font-size: 1.4em;
}
.basket-form tfoot td.price .big
{
	font-size: 1.6em;
    font-weight: bold;
}
.basket-form td.trash
{
	width: 10%;
	text-align: right;
}
.basket-form td.trash .fa
{
	font-size: 1.4em;
}

@media screen and (max-width: 1000px)
{
	.responsive-layout .basket-form
	{
		padding: 0 20px 0 20px;
	}

	.responsive-layout .basket-form td,
	.responsive-layout .basket-form,
	.responsive-layout .basket-form tbody,
	.responsive-layout .basket-form tfoot,
	.responsive-layout .basket-form tr
	{
		display: block;
		clear: both;
	}

	.responsive-layout .basket-form td.normal-size
	{
		display: none;
	}

	.responsive-layout .basket-form td.responsive-size
	{
		display: block;
	}

	.responsive-layout .basket-form thead
	{
		display: none;
	}

	.responsive-layout .basket-form tbody tr td
	{
		position: relative;
		float: left;
		width: 100%;
		padding: 10px;
		white-space: normal;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-top: 1px solid #e3e3e3;
		border-bottom: 0;
	}

	.responsive-layout .basket-form tbody tr:first-child td:first-child
	{
		border-top: 0;
	}

	.responsive-layout .basket-form tbody tr:nth-child(2n + 0) td
	{
		background: #f6f6f6;
	}

	.responsive-layout .basket-form td:before
	{
		content: attr(data-title);
		display: block;
		position: absolute;
		left: 10px;
		top: 10px;
	}

	.responsive-layout .basket-form td.trash:before
	{
		position: relative;
		left: auto;
		top: auto;
		display: inline-block;
		margin-right: 5px;
	}

	.responsive-layout .basket-form td.image img
	{
		width: 100%;
		max-width: 133px;
	}

	.responsive-layout .basket-form td.image,
	.responsive-layout .basket-form td.title,
	.responsive-layout .basket-form td.convert,
	.responsive-layout .basket-form td.price,
	.responsive-layout .basket-form td.trash,
	.responsive-layout .basket-form td.promotional-code
	{
		width: 100%;
		text-align: right;
	}

	.responsive-layout .basket-form tfoot td.price em
	{
		width: 120px;
		font-style: normal;
		display: inline-block !important;
	}
}

@media screen and (max-width: 900px)
{
	.responsive-layout .step-footer-wrapper ul li
	{
		display: inline-block;
	}

	.responsive-layout .step-footer-wrapper ul li:first-of-type
	{
		width: 45%;
	}

	.responsive-layout .step-footer-wrapper ul li:last-of-type
	{
		width: 55%;
		text-align: right;
	}
}

@media screen and (max-width: 690px)
{
	.responsive-layout .step-footer-wrapper ul li
	{
		display: block;
		width: 100% !important;
	}

	.responsive-layout .step-footer-wrapper ul li a
	{
		width: 100%;
	}

	.responsive-layout .step-footer-wrapper ul li:first-child
	{
		margin-bottom: 15px;
	}
}

/*-------------------------osobni udaje--------------------*/
.personal-data-wrapper
{
	display: table;
	width: 100%;
}
.personal-data-wrapper .left-content
{
	border-right: 1px solid #e3e3e3;
	padding-top: 5px;
	display: table-cell;
	width: 50%;
}
.left-content ul.clear-style li
{
	display: inline-block;
	padding: 0 20px 15px 0;
	width: 50%;
}

.left-content .bx-wrapper ul.clear-style li
{
	display: inline-block;
    padding: 0;
    overflow: hidden !important;
}

.left-content ul.clear-style li.width-100,
.right-content ul li.width-100
{
	width: 100%;
	vertical-align: middle;
}

.left-content ul.clear-style li.width-100 label,
.right-content ul li.width-100 label
{
	display: inline-block;
	margin-bottom: 0;
	padding: 0;
}

.personal-data-wrapper .right-content
{
	display: table-cell;
	padding-top: 5px;
	width: 50%;
}

.right-content ul li
{
	display: inline-block;
	padding: 0 0 15px 20px;
	width: 50%;
}

.personal-data-wrapper label
{
	padding-bottom: 5px;
	display: block;
	font-size: 0.9em;
}

.personal-data-wrapper .input-text,
.personal-data-wrapper .input-textarea
{
	width: 100%;
}

.personal-data-wrapper .input-textarea
{
	height: 150px;
	line-height: 1.5em;
}

.personal-data-footer
{
	margin-bottom: 20px;
	width: 100%;
}

.personal-data-footer li
{
	display: inline-block;
	width: 50%;
}

@media screen and (max-width: 900px)
{
	.responsive-layout .personal-data-wrapper
	{
		display: block;
	}

	.responsive-layout .personal-data-wrapper .left-content,
	.responsive-layout .personal-data-wrapper .right-content
	{
		border: 0;
		display: block;
		width: 100%;
	}

	.responsive-layout .left-content ul.clear-style li,
	.responsive-layout .right-content ul li
	{
		padding: 0 10px 15px 0;
	}

	.left-content ul.clear-style li:nth-child(2n + 0),
	.right-content ul li:nth-child(2n + 0)
	{
		padding: 0 0 15px 10px;
	}

	.left-content ul.clear-style li.width-100,
	.right-content ul li.width-100
	{
		padding-left: 0;
		padding-right: 0;
	}

	.responsive-layout .personal-data-footer li
	{
		display: block;
		width: 100%;
		text-align: left;
	}

	.responsive-layout .personal-data-footer li:first-child
	{
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 500px)
{
	.responsive-layout .left-content ul.clear-style li,
	.responsive-layout .right-content ul li
	{
		padding: 0 0 15px 0 !important;
		width: 100%;
	}
}
/*-------------------------katalog-------------------------*/
.catalog-wrapper
{
	display: block;
	width: 100%;
	margin-bottom: 1em;
}
.catalog-wrapper:after
{
	content: "";
	width: 100% !important;
	height: 0;
	display: block;
	overflow: hidden;
	clear: both;
}

ul li.catalog-content
{
	width: 32%;
	margin-right: 2%;
	
	width: calc(100% / 3 - 40px / 3);
	margin-right: 20px;
	margin-bottom: 20px;
	
	/*padding: 0 20px 50px 20px;*/
	float: left;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul li.catalog-content .catalog-content-box
{
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*box-shadow: 1px 0 0 0 #ebf9fd,
				0 1px 0 0 #ebf9fd, 
				1px 1px 0 0 #ebf9fd,   /* Just to fix the corner 
				1px 0 0 0 #ebf9fd inset, 
				0 1px 0 0 #ebf9fd inset;*/
    border: 1px solid #ebf9fd;
}

ul li.catalog-content .catalog-content-box:hover
{
    border: 1px solid #03adeb;
}

ul li.catalog-content .catalog-content-box:hover .catalog-content-box-zoom
{
    display: block;
}

ul li.catalog-content:nth-child(3n)
{
	margin-right: 0;
}

ul li.catalog-content::before
{
	content: none;
}

ul li.catalog-content .catalog-text-box
{
	background: #ebf9fd;
	display: block;
	padding: 10px 10px 60px 10px;
}

.catalog-content-box-zoom
{
    display: none;
    position: absolute;
    top: 14px;
    right: 36px;
    z-index: 300;
}

.catalog-content-box-zoom:before
{
    height: 23px;
    width: 23px;
    position: absolute;
    content: "";
    background: url(/img/sprite.png) no-repeat -288px -48px;
}

@media screen and (max-width: 1000px)
{
	.responsive-layout ul li.catalog-content
	{
		margin: 1.5%;
		width: 47%;
		padding: 0;
	}

	.responsive-layout ul li.catalog-content:nth-child(3n)
	{
		margin-right: 1.5%;
	}
}

@media screen and (max-width: 900px)
{
	.responsive-layout ul li.catalog-content
	{
		margin: 0 2% 0 0;
		width: 31.3%;
	}

	.responsive-layout ul li.catalog-content:nth-child(3n)
	{
		margin-right: 2%;
	}
}

@media screen and (max-width: 800px)
{
	.responsive-layout ul li.catalog-content
	{
		margin: 1.5%;
		width: 47%;
		padding: 0;
	}

	.responsive-layout ul li.catalog-content:nth-child(3n)
	{
		margin-right: 1.5%;
	}
}

@media screen and (max-width: 550px)
{
	.responsive-layout ul li.catalog-content
	{
		width: 100%;
		margin: 5% 0
	}

	.responsive-layout ul li.catalog-content:nth-child(3n)
	{
		margin-right: 0;
	}

}

.catalog-image
{
	width: 100%;
	display: block;
	height: 200px;
	line-height: 200px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
}
.catalog-image img
{
	vertical-align: middle;
}
ul li.catalog-content .sticker
{
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	z-index: 2;
}
ul li.catalog-content .sticker li
{
	padding: 5px 8px 5px 8px;
	line-height: 1em;
	text-align: left;
	text-transform: uppercase;
	font-size: .7em;
	float: left;
	clear: left;
	margin-bottom: 5px;
	color: #fff;
}

ul li.catalog-content .sticker li.blue
{
	background: #03adeb;
}
ul li.catalog-content .sticker li.brown
{
	background: #c48600;
}

ul li.catalog-content .sticker li.red
{
	background: #c51200;
}

ul li.catalog-content .sticker li.green
{
	background: #339000;
}

.availability
{
	position: relative;
	right: 0;
	display: block;
	line-height: 1em;
	text-transform: uppercase;
	font-size: 1em;
	text-align: right;
	margin: 10px 0;
}

.availability span
{
	display: inline-block;
	width: 100px;
}

.availability .green
{
	color: #339000;
}

.availability .brown
{
	color: #c48600;
}

.availability .red
{
	color: #c40000;
}

.catalog-title
{
	font-size: 1.0em;
    text-decoration: underline;
}

.catalog-wrapper .price
{
	position: relative;
	font-size: 18px;
	text-align: right;
	margin: 10px 0;
	text-transform: uppercase;
}

.catalog-wrapper .price span
{
	display: inline-block;
	width: 100px;
    text-transform: none !important;
}

.catalog-wrapper .price .red
{
	color: #c51200;
	line-height: 1em;
	font-size: 0.875em;
}

.catalog-wrapper .price .blue
{
	color: #03adeb;
}
/*----------------detail produktu------------------*/
.product-wrapper
{
	display: block;
	position: relative;
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px solid #e3e3e3;
}
.product-wrapper:after
{
	content: "";
	width: 100% !important;
	height: 0;
	display: block;
	overflow: hidden;
	clear: both;
}
.product-wrapper .left-content
{
	float: left;
	clear: left;
	width: 400px;
}
.product-wrapper .left-content .big-image
{
	width: 100%;
	height: auto;
	display: block;
    margin-top: 12px;
}
.product-wrapper .left-content .big-image a
{
	padding-bottom: 1em;
	display: block;
	text-align: center;
}
.recommendations-maintenance
{
	border: 1px solid #e4e4e4;
	padding: 20px 20px 0px 110px;
	position: relative;
	margin-top: 2em;
}
.recommendations-maintenance:before
{
	position: absolute;
	content: "";
	width: 50px;
	height: 58px;
	left: 20px;
	top: 20px;
	background: url(/img/sprite.png) no-repeat 0 -48px;
}
.recommendations-maintenance:after
{
	position: absolute;
	content: "";
	height: 58px;
	width: 1px;
	top: 20px;
	left: 90px;
	background: #e4e4e4;
}
.recommendations-maintenance h3
{
	margin: 0.5em 0 1em 0;
	text-transform: uppercase;
	color: #35337f;
	/*font-size: 1.1em;*/
}
.product-wrapper .right-content
{
	width: 410px;
	float: right;
}
.product-wrapper .right-content .technical-specification
{
	padding-bottom: .5em;
	text-transform: uppercase;
	margin-top: 0;
}
.product-wrapper .right-content .technical-specification-content H2
{
	text-align: left;
    margin-bottom: 10px;
}
.product-wrapper .right-content .technical-specification-content
{
	margin: .5em 0 1em 0;
}

.product-wrapper .right-content .technical-specification-content li
{
	padding: 0.5em 0;
	line-height: 1em;
	display: block;
	width: 100%;
}

.product-wrapper .right-content .technical-specification-content li:nth-child(2n)
{
	background: #ebf9fd;
}

.product-wrapper .right-content .technical-specification-content table,
.table-blue-lines
{
    width: 100%;
    border: 0;
    border-collapse: collapse;
}

.product-wrapper .right-content .technical-specification-content table tr:nth-of-type(even) td,
.table-blue-lines tr:nth-of-type(even) td
{
    background: #ebf9fd;
}

.product-wrapper .right-content .technical-specification-content table tr td,
.table-blue-lines tr td
{
    padding: 10px 5px;
}

.product-wrapper .right-content .technical-specification-content table tr td:nth-of-type(even),
.table-blue-lines tr td:nth-of-type(even)
{
    font-weight: bold;
}

.product-wrapper .block-content
{
	padding-top: 1px;
	display: block;
	clear: both;
	position: relative;
}

.product-wrapper h2
{
	text-align: center;
	border-bottom: 2px solid #ebf9fd;
}

.product-wrapper .block-content h2
{
	padding-top: 1em
}

.table-responsive
{
    width: 100%;
    overflow-x: auto;
}

table.product-model-type-configuration
{
	width: 100%;
	text-align: center;
	border: 1px solid #8a8989;
}

table.product-model-type-configuration td
{
	vertical-align: middle;
	border: 1px solid #8a8989;
	padding: .5em;
}

table.product-model-type-configuration th
{
	vertical-align: middle;
	background: #ebf9fd;
	border: 1px solid #8a8989;
	padding: .5em;
}

table.product-model-type-configuration th img
{
	max-height: 48px;
}

.order-form
{
	display: block;
}

.order-form select
{
	width: 100%;
	margin-bottom: 10px;
}

.add-basket-content
{
	background: #ebf9fd;
	padding: 20px;
}

.add-basket-content ul
{
	display: table;
	width: 100%;
}

.add-basket-content ul li
{
	display: table-cell;
	width: auto !important;
	padding: 5px 0;
	line-height: 1em;
}

.add-basket-content ul li:nth-child(2n + 0)
{
	text-align: right;
	padding-left: 10px;
	font-weight: bold;
}

.add-basket-content ul li.green
{
	color: #339000;
}

.add-basket-content ul li.red
{
	color: #c51200;
}

.add-basket-content ul li.blue
{
	color: #03adeb;
}

.add-basket-content ul li.big
{
	font-size: 2.0em;
}

.add-basket
{
	padding-top: 15px;
	text-align: right;
}

.price-label 
{
    font-size: 1.5em;
}

.button-add-basket
{
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
    box-sizing: border-box;
	height: 40px;
    font-size: 0.9em;
    padding: 10px 20px 10px 60px;
    margin-left: 15px;
	line-height: 1em;
    border: 0;
    background: url(/img/icon-add-basket.jpg) no-repeat #2a2a2a;
    background-position: left center;
    
    
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.button-add-basket:hover,
.button-add-basket:focus
{
    background: url(/img/icon-add-basket.jpg) no-repeat #03adeb;
    background-position: left center;
	color: #fff;
}

.add-basket .input-text
{
	width: 60px;
	margin-right: 5px;
}

.product-wrapper .left-content .sticker
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
}

.product-wrapper .left-content .sticker li
{
	padding: 5px 15px !important;
	line-height: 1em;
	text-align: left;
	text-transform: uppercase;
	font-size: .8em;
	margin-bottom: 5px;
	margin-right: 5px;
	color: #fff;
	float: left;
	width: auto;
}

.product-wrapper .left-content .sticker li.blue
{
	background: #03adeb;
}

.product-wrapper .left-content .sticker li.brown
{
	background: #c48600;
}

.product-wrapper .left-content .sticker li.red
{
	background: #c51200;
}

.product-wrapper .left-content .sticker li.green
{
	background: #339000;
}

@media screen and (max-width: 1220px)
{
	.responsive-layout .product-wrapper .left-content
	{
		width: 50%;
	}

	.responsive-layout .product-wrapper .right-content
	{
		width: 45%;
	}

	.responsive-layout .button-add-basket
	{
		margin-top: 20px;
	}
}

@media screen and (max-width: 1000px)
{
	.responsive-layout .product-wrapper .left-content
	{
		width: 45%;
	}

	.responsive-layout .product-wrapper .right-content
	{
		width: 50%;
	}
}

@media screen and (max-width: 750px)
{
	.responsive-layout .product-wrapper .left-content
	{
		width: 100%;
		float: none;
		clear: both;
	}

	.responsive-layout .product-wrapper .right-content
	{
		width: 100%;
		float: none;
		clear: both;
	}
}


/* 
 * =====================================================================================================================
 * FOOTER
 * =====================================================================================================================
 */

.base-contact-form-wrapper
{
	background: #f6f6f6;
	display: block;
	position: relative;
	margin: 2em 0;
	padding: 1em;
}
.base-contact-form-wrapper h2
{
	margin: 0 0 .5em 0;
}
.base-contact-form-wrapper p
{
	margin: 0 0 1em 0;
}
.base-contact-form-wrapper .input-label
{
	display: inline-block;
	position: relative;
	width: 33.3%;
	padding: 0 20px 20px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.base-contact-form-wrapper .input-label.required::before
{
	content: "*";
	display: block;
	position: absolute;
	top: .125em;
	left: .25em;
	color: red;
}

.base-contact-form-wrapper .input-label .input-text
{
	width: 100%;
}

.base-contact-form-wrapper .input-label:nth-child(3)
{
	padding-right: 0;
}
.base-contact-form-wrapper .input-textarea
{
	width: 100%;
	height: 100px;
}
.form-bar
{
	display: block;
	margin-top: 20px;
	position: relative;
	text-align: right;
}
.button
{
	font-weight: bold;
	text-transform: uppercase;
}
.base-contact-form-wrapper .required-note
{
	position: relative;
	left: 0;
	text-align: left;
}

.required-note span
{
	color: red;
}

@media screen and (max-width: 998px)
{
	.responsive-layout .base-contact-form-wrapper .input-label
	{
		width: 100%;
		padding: 0 0 20px 0;
	}
}

/* google map --------------------------------------------------------------------------------------------------------*/
.google-map-wrapper
{
	display: block;
	width: 100%;
	height: 250px;
}


/* product subcategory in page */

.product-page-subcategory-wrapper
{
	display: block;
	position: relative;
	margin-bottom: 20px;
	padding: 10px 0 20px 0;
    border-bottom: 2px solid #ebf9fd;
}
.product-page-subcategory-wrapper ul
{
	display: block;
	position: relative;
	width: 100%;
}

.product-page-subcategory-wrapper ul::after
{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: relative;
	clear: both;
}

.product-page-subcategory-wrapper ul li
{
	display: block;
	width: 25%;
	float: left;
	text-align: left;
	color: #2a2a2a;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
}

.product-page-subcategory-wrapper ul li a:link,
.product-page-subcategory-wrapper ul li a:visited
{
    width: 100%;
    font-weight: bold;
    padding: 15px 20px;
    text-decoration: none;
    display: block;
	color: #2a2a2a;
    background: #ebf9fd;
    
    -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.product-page-subcategory-wrapper ul li a:hover
{
	color: #fff;
	background: #03adeb;
}

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

	.responsive-layout .product-page-subcategory-wrapper ul li
	{
		display: block;
		width: 50%;
	}

	.responsive-layout .product-page-subcategory-wrapper ul li:last-child
	{
		border-bottom: 0;
	}

	.responsive-layout .product-page-subcategory-wrapper ul li span
	{
		display: inline-block;
		margin-right: 5px;
	}
}

@media screen and (max-width: 550px)
{
	.responsive-layout .product-page-subcategory-wrapper ul li
	{
		width: 100%;
	}
}


/* 
 * =====================================================================================================================
 * MAIN CONTENT
 * =====================================================================================================================
 */

.main-wrapper
{
	z-index: 1;
}

.main-wrapper .main.content
{
	padding-top: 1em;
}

.main-wrapper .content::after
{
	content: "";
	display: block;
	clear: both;
}

.main.content
{
	width: calc(100% - 290px);
	display: block;
	position: relative;
	left: 30px;
	box-sizing: border-box;
	float: left;
}

@media screen and (max-width: 900px)
{
	.responsive-layout .main.content
	{
		width: 100%;
		display: block;
		position: relative;
		left: 0;
		float: none;
	}
}


/* 
 * =====================================================================================================================
 * SIDEBAR LEFT
 * =====================================================================================================================
 */

.sidebar-left
{
	margin-top: -50px;
	display: block;
	width: 260px;
	float: left;
	position: relative;
}

.sidebar-box
{
	margin-top: 3em;
	background: #ebf9fd;
}

.sidebar-box-header
{
	font-size: 18px;
	background: #2a2a2a;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 16px;
	line-height: 1em;
}

.sidebar-box-title
{
	background: #6d6b6b;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 12px 16px 11px 16px;
	line-height: 1em;
}

.sidebar-box-content
{
	padding: 16px;
}

.sidebar-box form
{
	padding: 10px;
	padding-bottom: 20px;
}

.sidebar-box form table
{
	width: 100%;
}

.sidebar-box form table tr td
{
	padding: 10px 0 0 10px
}

.sidebar-box form input:not([type="submit"]),
.sidebar-box form select
{
    width: 100%;
}

.sidebar-box form input[type="submit"]
{
    float: right;
}

.sidebar-box form label
{
    text-transform: uppercase;
    line-height: 35px;
    color: #2a2a2a;
}

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

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

	.responsive-layout .product-category-menu
	{
		display: block !important;
	}

	.responsive-layout .product-category-menu .sidebar-box-header
	{
		display: block !important;
	}
}

@media screen and (max-width: 900px)
{
	.responsive-layout .sidebar-left
	{
		margin-top: 0;
		padding-top: 10px;
		display: block;
		width: 100%;
		float: none;
		position: relative;
	}

	.responsive-layout .sidebar-left .sidebar-box
	{
		display: none;
	}

	.responsive-layout .product-category-menu
	{
		display: none;
	}

	.responsive-layout .product-category-menu .content
	{
		width: 100%;
	}

	.responsive-layout .product-category-menu .sidebar-box-header
	{
		display: none;
	}

	.responsive-layout .category-menu-mobile
	{
		display: block;
		width: 100%;
		background: #2a2a2a;
		border-bottom: 3px solid black;
	}

	.responsive-layout .category-menu-mobile a
	{
		color: white;
		display: block;
		width: 100%;
		position: relative;
		padding: 15px 0 15px 45px;
		text-decoration: none;
		text-transform: uppercase;
	}

	.responsive-layout .category-menu-mobile a:before
	{
		width: 40px;
		height: 40px;
		content: "";
		left: 0;
		top: 50%;
		margin-top: -20px;
		position: absolute;
		background: url(/img/sprite.png) no-repeat -48px 0;
	}
}


.embeddedContent
{
	display: block;
	position: relative;
	width: 100%;
    clear: both;
	height: 385px;
	margin: 0 auto;
}

.embeddedContent iframe
{
	width: 100% !important;
    height: 340px !important;
}

/* 
 * =====================================================================================================================
 * COMPETITION
 * =====================================================================================================================
 */

p.winner
{
    border-top: 2px solid #ebf9fd;
    border-bottom: 2px solid #ebf9fd;
    color: #03adeb;
    position: relative;
    padding: 15px 0 15px 50px;
}

p.winner strong
{
    text-transform: uppercase;
    color: #2a2a2a;
}
p.winner:before
{
    height: 35px;
    top: 50%;
    margin-top: -18px;
    left: 0;
    width: 40px;
    position: absolute;
    content: "";
    background: url(/img/sprite.png) no-repeat 0 -240px;
}

/* 
 * =====================================================================================================================
 * BUTTONS
 * =====================================================================================================================
 */
.btn-video,
.btn-send,
.btn-info,
.btn-gallery,
.btn-form,
.order-sign-in-button
{
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
    position: relative;
	padding: 11px 15px 11px 55px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    display:  inline-block;
	line-height: 1em;
	background: #2a2a2a;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.order-sign-in-button
{
	margin-bottom: 1.5em;
}

.detail
{
   color: #fff;
	font-weight: bold;
	text-transform: uppercase;
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 40px;
	padding: 13px 15px 9px 55px;
	line-height: 1em;
	background: #2a2a2a;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out; 
}

.detail:hover,
.detail:focus,
.btn-video:hover,
.btn-video:focus,
.btn-send:hover,
.btn-send:focus,
.btn-info:hover,
.btn-info:focus,
.btn-gallery:hover,
.btn-gallery:focus,
.btn-form:hover,
.btn-form:focus,
.order-sign-in-button:hover,
.order-sign-in-button:focus
{
	background: #03adeb;
	color: #fff;
	text-decoration: none;
}

.detail:before,
.btn-video:before,
.btn-send:before,
.btn-info:before,
.btn-gallery:before,
.btn-form:before,
.order-sign-in-button:before
{
	position: absolute;
    content: "";
    height: 40px;
    width: 40px;
    top: 50%;
    margin-top: -20px;
    float: left;
    left: 0;
    z-index: 5;
}

.detail:after,
.btn-video:after,
.btn-send:after,
.btn-info:after,
.btn-gallery:after,
.btn-form:after,
.order-sign-in-button:after
{
	content: "";
	position: absolute;
	top: 0;
	width: 40px;
	height: 100%;
    left: 0;
    background: #03adeb;
}

.detail:before
{
    background: url(/img/sprite.png) no-repeat -288px 0;
}

.btn-video:before
{
    background: url(/img/sprite.png) no-repeat -240px -240px;
}

.btn-send:before
{
    background: url(/img/sprite.png) no-repeat -240px -192px;
}

.btn-info:before
{
    background: url(/img/sprite.png) no-repeat -288px -240px;
}

.btn-gallery:before
{
    background: url(/img/sprite.png) no-repeat -288px -192px;
}

.btn-form:before
{
    background: url(/img/sprite.png) no-repeat -384px 0;
}

.order-sign-in-button:before
{
    background: url(/img/sprite.png) no-repeat -432px -144px;
}

/* 
 * =====================================================================================================================
 * 
    CLIENT SECTION
 * =====================================================================================================================
 */

.client-section-link
{
    padding: 10px 25px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    background: #ebf9fd;
    color: #2a2a2a;
    
    -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.client-section-link:hover,
.client-section-link:active
{
    background: #03adeb;
    color: #fff;
    text-decoration: none
}

.client-section-link:last-of-type:hover,
.client-section-link:last-of-type:active
{
    background: #c72222;
    color: #fff;
    text-decoration: none
}

.client-section h2
{
    padding-bottom: 0;
    margin-bottom: 15px;
    margin-top: 50px;
}

.client-section table
{
    width: 100%;
    border-collapse: collapse;
    border: 0;
}

.client-section table tr td
{
    border: 1px solid #8a8989;
    padding: 10px;
}

.client-section table tr td:nth-of-type(2)
{
    width: 200px;
    text-align: center;
}

.client-section table tr td:last-of-type
{
    width: 90px;
    text-align: center;
}

.client-section table tr td:last-of-type a:link,
.client-section table tr td:last-of-type a:visited,
.client-section table tr td:last-of-type a:hover,
.client-section table tr td:last-of-type a:active
{
	color: #c72222;
}

.client-section table thead tr td
{
	border: 1px solid #8a8989;
	text-align: left !important;
	background: #ebf9fd;
	font-weight: bold;
}

@media screen and (max-width: 550px)
{
	.responsive-layout .client-section-link
	{
		display: block;
		margin-bottom: 10px;
		padding-left: 15px;
	}
}

/* 
 * =====================================================================================================================
 * 
    SIGN IN
 * =====================================================================================================================
 */

.sign-in-register-left label
{
    display: block;
    width: 100%;
}

.sign-in-register-left ul li
{
    padding-left: 0 !important;
    padding-right: 15px !important;
}

.sign-in-register-left input[type="text"],
.sign-in-register-left input[type="password"]
{
    display: block;
    margin-top: 5px;
    width: 100%;
}

.sign-in-register-right
{
    padding: 20px 20px 35px 20px !important;
    border: 2px solid #ebf9fd;
}

.sign-in-register-right h2
{
    padding-bottom: 0;
    margin-bottom: 20px;
}

.sign-in-register-right p
{
    padding-bottom: 20px;
}

.sign-in-register-right a
{
	padding: 10px 25px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	background: #ebf9fd;
	color: #2a2a2a;

	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.sign-in-register-right a:hover,
.sign-in-register-right a:active
{
	background: #03adeb;
	color: #fff;
	text-decoration: none
}

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

	.responsive-layout .sign-in-register-left ul li   
	{
		padding-right: 0px !important;
	}


	.responsive-layout .sign-in-register-right
	{
		margin-top: 20px;
	}
}


/* 
 * =====================================================================================================================
 * NEWS
 * =====================================================================================================================
 */

.article-list-item-wrapper {
    position: relative;
    padding: 15px 0 30px 225px;
}

.article-list-item-wrapper H2{
    font-size: 1.2em;
    margin: 5px 0;
}

.article-detail-date
{
    text-align: center;
    padding-bottom: 25px;
}

.article-detail-date,
.article-list-item-wrapper .article-date {
    font-size: 0.85em;
    color: #969696;
}

.article-image {
    width: 200px;
    height: 160px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 15px;
}

.article-image img{
    width: 100%;
}

.article-detail-image {
    float: right;
    max-width: 230px;
    margin-left: 25px;
    margin-bottom: 25px;
}

@media screen and (max-width: 500px)
{
    .article-list-item-wrapper {
        position: relative;
        padding: 185px 0 30px 0;
    }
    
	.article-image {
        width: 100%;
        left: 0;
        right: 0;
        top: 15px;
    }
    
    .article-detail-image {
        float: none;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 25px;
    }
    
    .article-detail-date
    {
        padding-bottom: 20px;
    }
}

.payment-description
{
	font-size: 0.85em;
	line-height: 1.2em;
	font-style: italic;
	color: #777777;
	padding-left: 25px;
}

.payment-description img
{
	margin: 10px 15px 10px 0;
	opacity: 0.7;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	
	-webkit-transition: all 400ms;
  	-moz-transition: all 400ms;
    -o-transition: all 400ms;
  	transition: all 400ms;
}

.payment-list input[type=radio]:checked ~ .payment-description img
{
	opacity: 1;
	filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
    -webkit-filter: grayscale(0%);
	filter: none;
	
	-webkit-transition: all 400ms;
  	-moz-transition: all 400ms;
    -o-transition: all 400ms;
  	transition: all 400ms;
}



.box-title
{
	background: #6d6b6b;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 12px 16px 11px 16px;
	line-height: 1em;
}

.youtube-wrapper,
.youtube
{
	display: block;
	position: relative;
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	background: #000;
	overflow: hidden;
	clear: both;
	font-size: 0;
}
.youtube-wrapper iframe
{
	width: 100%;
	height: 100%;
}
.youtube::before
{
	margin: -25px 0 0 -25px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	display: block;
	content: "";
	background: url(/img/sprite.png) no-repeat 0px -294px;
}