/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
.brands_banners .bx-viewport {
	margin: 0 10%;
	width: 80% !important;
}
@media (min-width: 768px) {
	.brands_banners .bx-viewport {
		margin: 0 5%;
    	width: 90% !important;
	}
}
@media (min-width: 1024px) {
	.brands_banners .bx-viewport {
		margin: 0 3%;
    	width: 94% !important;
	}
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 20px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	box-shadow: 0 -1px 1px #bbb7b8 inset;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #d0d1d7; box-shadow: 0 1px 1px #848484, 0 -1px 2px #fff inset;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.brands_banners .bx-wrapper .bx-prev,
.brands_banners .bx-wrapper .bx-next { 
	background: none; }
.brands_banners .bx-wrapper .bx-prev:after,
.brands_banners .bx-wrapper .bx-next:after { content: ""; display: inline-block; background: #000; width: 1px; transform: rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); height: 21px; left: 0; position: absolute; top: 10px; vertical-align: middle; }
.brands_banners .bx-wrapper .bx-prev:before,
.brands_banners .bx-wrapper .bx-next:before { content: ""; display: inline-block; background: #000; width: 1px; transform: rotate(-135deg); -ms-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); height: 21px; left: 0; position: absolute; top: -5px; vertical-align: middle; }
.brands_banners .bx-wrapper .bx-next:after { left: auto; right: 0; top: 0; }
.brands_banners .bx-wrapper .bx-next:before { left: auto; right: 0; top: 15px; }

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.selecter-element
{
	*left:-999999px;
	position:absolute;
	opacity:0
}

.selecter
{
	display:inline-block;
	position:relative;
	z-index: 0;
	max-width: 185px;
	min-width: 115px;
	font-size: 14px;
	 margin: 4px 0 3px 3px;
}

.buy_section_data .selecter {
    min-width: 215px;
    max-width: none;
}

.product_sorter .selecter {
    max-width: none;
    width: 210px;
}

.selecter .selecter-selected
{
	background: #fff;
	border: 1px solid #dcdcdc;
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 8px 34px 8px 16px;
	position: relative;
	text-overflow: clip;
	z-index: 49;
	text-align: left;
	color: #b8b8b8;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
}
.selecter .selecter-selected:hover
{
	background: #fff;
}

.selecter .selecter-selected:before {
    background: #cacaca;
    content: "";
    display: block;
    height: 6px;
    margin-top: -3px;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: rotate(-135deg);
    -ms-transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);
    width: 1px;
}

.selecter .selecter-selected:after {
    background: #cacaca;
    content: "";
    display: block;
    height: 6px;
    margin-top: -3px;
    position: absolute;
    right: 17px;
    top: 50%;
    transform: rotate(-45deg);
    -ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
    width: 1px;
}

.selecter .selecter-options
{
	background-color:#fefefe;
	display:none;
	left:0;
	margin:0;
	max-height:139px;
	padding:0;
	position:absolute;
	top:100%;
	width:100%;
	z-index:50;
	text-align: left;
}

.buy_section_data .selecter .selecter-options {
    max-height: 400px;
    overflow-y: auto;
}

.selecter .selecter-group
{
	background:#F9F9F9;
	border-bottom:2px solid #e3e3e3;
	color:#999;
	display:block;
	font-size:11px;
	padding:5px 10px 4px;
	text-transform:uppercase
}

.selecter .selecter-item
{
	border: 1px solid #dcdcdc;
	border-top: none;
	cursor: pointer;
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 8px 12px;
	text-overflow: ellipsis;
	line-height: 20px;
	color: #b8b8b8;
	background: #fff;
}

.selecter-item.last { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

.selecter .selecter-item:hover
{
	color: #000;
}

.selecter .selecter-item.selected
{
	color: #000;
}

.selecter.disabled .selecter-item:hover
{
	background:#fff
}


/* Open */
.selecter.open
{
	z-index:50;
}

.selecter.open .selecter-selected
{
	z-index:51;
}

.selecter.open .selecter-selected, .selecter.focus .selecter-selected
{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

/* 'Cover' Positioning */
.selecter.cover .selecter-options
{
	border-width:1px;
	top:0
}

.selecter.cover .selecter-options .selecter-item.first
{

}

.selecter.cover.open .selecter-selected
{

	z-index:49
}

/* 'Bottom' Positioning */
.selecter.bottom .selecter-options
{
	border-width:1px 1px 0;
	bottom:100%;
	top:auto
}

.selecter.bottom .selecter-item.last
{
	border:none
}

.selecter.bottom.open .selecter-selected
{

}

.selecter.bottom.open .selecter-options
{

}

/* 'Bottom' + 'Cover' Positioning */
.selecter.bottom.cover .selecter-options
{
	bottom:0;
	top:auto
}

.selecter.bottom.cover.open .selecter-selected
{

}

.selecter.bottom.cover.open .selecter-options
{

}

/* Multiple Select */
.selecter.multiple .selecter-options
{

	border-width:1px;
	box-shadow:none;
	display:block;
	position:static;
	width:100%
}

/* 'Disabled' State */
.selecter.disabled .selecter-selected
{
	background:#fff;
	border-color:#eee;
	color:#ccc;
	cursor:default
}

.selecter.disabled .selecter-options
{
	background:#fff;
	border-color:#eee
}

.selecter.disabled .selecter-group,.selecter.disabled .selecter-item
{
	border-color:#eee;
	color:#ccc;
	cursor:default
}

.selecter.disabled .selecter-item.selected
{
	background:#fafafa
}
@font-face {
    font-family: 'opensans';
    src: url(../../fonts/OpenSans-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans';
    src: url(../../fonts/OpenSans-Semibold.ttf) format('truetype'); /* 500 */
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'opensans';
    src: url(../../fonts/OpenSans-Bold.ttf) format('truetype'); /* 600 */
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'oswald';
    src: url(../../fonts/Oswald-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswald';
    src: url(../../fonts/Oswald-Bold.ttf) format('truetype'); /* 600 */
    font-weight: 600;
    font-style: normal;
}

/*
 * @normalize
 */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	/* http://goo.gl/KZg7bV */
	touch-action: auto !important;
}

html { font-family: 'opensans', arial, sans-serif; font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; color: #000; background: #fff; }
meta, link {display: none;}
ol, ul { list-style: none; margin: 0; padding: 0; }
img { max-width: 100%; height: auto;
	/*Remove border when inside `a` element in IE 8/9.*/
	border: 0;
}
strong, th, b { font-weight: 500; }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }
input[type="submit"] { cursor: pointer;
	/*Correct inability to style clickable `input` types in iOS.*/
	-webkit-appearance: button;
}
input[placeholder] { text-overflow: ellipsis; color: #696969; }

/*
	1. Remove excess padding in IE 8/9/10.
	2. Add margin right (isklep3)
*/
input[type="checkbox"],
input[type="radio"] { padding: 0; margin-right: .5rem; }

textarea {
	/* Remove default vertical scrollbar in IE 8/9. */
	overflow: auto;
	/* Improve readability and alignment in all browsers. */
	vertical-align: top;
}

form[name="payform"] { margin: 0 0 0 40px; }

table { border-collapse: collapse; width: 100%; }
/* end of normalize */

/*
 *	@anchors
 */
a { color: inherit; text-decoration: none; outline: 0; }
a:hover { text-decoration: none; }

.txt_s1,
.g--link { color: #737373; border-bottom: 1px solid #e3e3e3; display: inline-block; }
.txt_s1:hover,
.g--link:hover { color: #000; }

.txt_s3 { color: #e2001a; border-bottom: 1px solid #e3e2e3; }
.txt_s3:hover { color: #000; }
/* end of anchors */

/*
 *	@btn
 */
.tx_button,
.btn_cta,
.btn { display: inline-block; padding: 10px 29px; line-height: 1; color: #fff; font-family: 'oswald'; border: none; text-transform: uppercase; cursor: pointer; background: #e2001a; letter-spacing: 1px; /*white-space: nowrap;*/ }

.tx_button:hover,
.btn_cta:hover,
.btn:hover { background: #000; text-decoration: none; }

.tx_button:active,
.btn_cta:active,
.btn:active { position: relative; top: 1px; }

.btn--add_to_cart { font-size: 16px; padding: 18px 32px; }
.tx_button.zagiel { padding: 10px; display: inline-block; margin: 14px 0; }

.btn_cta.add_review { box-shadow: 0 1px 0 0 #7aa1a8 inset; background: #50727a; background-image: linear-gradient(to bottom, #618F98, #50727A);
}
.btn_cta.add_review:hover { background: #618F98; }

.btn--big { font-size: 1.2rem; padding: 1rem; }

.btn--style-a { background: none repeat scroll 0 0 #e2001a; border: none; font-size: 18px; position: relative; padding: 12px 15px; }
.btn--style-a:hover { background: #000; }

.btn--arrow-outer { text-align: center; width: 150px; }

.btn--arrow-a { padding: 0.5rem 1.75rem 0.5rem 0.75rem; position: relative; }
.btn--arrow-a span { display: inline-block; margin: 0; position: absolute; right: 12px; top: 7px; width: 9px; }
.btn--arrow-a span:before { background: #fff; content: ""; display: inline-block; height: 7px; transform: rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); width: 2px; margin: 0 2px; vertical-align: middle; }
.btn--arrow-a span:after { background: #fff; content: ""; display: inline-block; height: 7px; transform: rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); width: 2px;  margin: 0; vertical-align: middle; }
/* end of btn */

/*
 * @header
 */
.header { width: 100%; display: table; }
.header__branding { display: block; vertical-align: middle; text-align: center; background: #f9f9fa; border-bottom: 1px solid #e3e2e3; height: 62px; }
.header__branding__logo { display: block; float: left; }
.header__branding__logo__img { display: block; }
.header__branding__logo:active { position: relative; top: 1px; }

.header__branding_inner { margin: 0 auto; max-width: 1200px; width: 98%; }
.header__flags { float: right; margin: 19px 0 0; }
	.header__flags .flag__link { margin-left: 5px; position: relative; display: inline; }
	.header__flags .flag__link span, .filter__info_container, .profile-info-tooltip { position: absolute; border-radius: 4px; color: #515151; font-size: 9px; padding: 2px 5px; top: 22px; left: 50%; white-space: nowrap; background: #c6c6c6; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); display: none; z-index: 1; }
	.header__flags .flag__link:hover span, .filter__info:hover .filter__info_container { display: inline-block; }
	.header__flags .flag__link i, .filter__info i { border-bottom: 7px solid #c6c6c6; border-left: 7px solid transparent; border-right: 7px solid transparent; display: block; left: 50%; position: absolute; top: 16px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); z-index: 1; display: none; }
	.header__flags .flag__link:hover i, .filter__info:hover i { display: inline-block; }
.header__cart_links { float: right; margin: -7px 0 0 12px; display: none; }
.ue_links{ display: inline-block; position: relative; top: -13px; margin-left: 15px; float: right;}
.ue_links img{height: 50px; }

@media (max-width: 768px) {
	.ue_links {
		margin-right: 15px;
	}
}

.header__branding__mobile-friendly { display: none; }

.header__cart__anchor { border-left: 1px solid #e4e3e6; display: inline-block; font-size: 12px; margin: -3px 0 0 3px; padding: 10px 0 10px 15px; vertical-align: middle; position: relative; }
.header__cart__anchor img { margin: 0 5px -2px -3px; }
.header__cart__anchor img.header__cart_icon { margin: 0 12px -5px -3px; }
.header__cart__anchor em { display: inline-block; font-style: normal; margin: 0 0 2px; }
.header__cart__anchor:hover em { color: #e2001a; }
.header__cart__anchor span { display: inline-block; line-height: 1.45; color: #000; }
.header__cart__anchor:hover span { color: #e2001a; }
.header__cart__logout { padding-left: 10px; }
.header__cart__info { display: none; }

.menu_cart_quantity, .nav_mobile_quantity { background: #e2001a; border-radius: 20px; color: #fff; display: inline-block; font-size: 11px; height: 16px; left: 24px; padding: 0 0 0 1px; position: absolute; text-align: center; top: 2px; width: 19px; font-weight: normal; }
	.nav_mobile_quantity { left: 50%; top: 9px; }
.menu_cart_quantity i, .nav_mobile_quantity i { border-bottom: 5px solid transparent; border-left: 6px solid #e2001a; border-right: 7px solid transparent; display: block; left: 50%; position: absolute; top: 14px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); z-index: 1; }
.menu_cart_total { font-weight: normal; }

.header__navigation { border-bottom: 1px solid #e6e5e6; clear: both; height: 60px; }
.header__navigation_inner { margin: 0 auto; max-width: 1200px; width: 98%; }
.header__navigation_inner .header__navigation__search { display: none; float: right; position: relative; width: 33%; }
.submenu .header__navigation__search { display: block; margin: 0.5rem; position: relative; }
.svg-icon { vertical-align: middle; margin-right: .25rem; }
.svg-icon-path { fill: #526880; }

@media (min-width: 768px) {



	.header__branding { text-align: left; }

	.btn--go-to-cart { margin-left: .5rem; padding: 10px 0; text-align: center; width: 113px; }

	.header__cart__info { display: block; margin: 0; text-align: right; font-size: .875rem; }
	.header__cart__info__phone { display: block; margin-bottom: .25rem; font-size: 1.25rem; color: #31a6cb; }

	.header__cart_links { display: block; }

	.header__navigation_inner .header__navigation__search { display: block; }
}
@media (min-width: 1024px) {
	.header__cart__content { display: inline; margin: 0 0 0 .5rem; }

	.header__navigation_inner .header__navigation__search { width: 30%; }
}
/* end of header */

/*
 * @search
 */
.search { margin-top: 10px; display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%;
}
.search input { padding: 0 .75rem; border: 1px solid #dadada; font-size: 12px; border-top-color: #b4b5b7; -webkit-border-radius: 0; -webkit-appearance: none;
	-webkit-flex: 1; -ms-flex: 1; flex: 1;
}
.search button { background: #282828; border: none; color: #aaa; cursor: pointer; font-family: "oswald"; letter-spacing: 1px; line-height: 1; margin: 0; padding: 10px 0; text-transform: uppercase; width: 70px; -webkit-flex: none; -ms-flex: none; flex: none; }
.search button:hover { background: #000; }

.submenu_i_search .search { /*background: #fff;*/ padding: 10px 0; }
.submenu_i_search .search input { padding: .5rem; }
@media (min-width: 1024px) {
	.search button { width: 113px; }
}
/* end of search */

/*
 * @nav
 */
.nav { display: table; table-layout: fixed; width: 100%; }
.nav li { display: none; }
.nav .nav_mobile { display: table-cell; }
.nav a { display: block; margin-right: 8px; padding: 17px 0; color: #000; text-transform: uppercase; position: relative; font-size: 13px; text-align: center; }
.nav .first { border-left: 0; }
.nav .last {}
.nav a:hover { color: #e2001a; }
.nav a.nav_submenu.on { color: #e2001a; }
.nav_submenu span,
.btn--arrow-outer span { bottom: 1px; display: block; left: 50%; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); }
.btn--arrow-outer span { bottom: -15px; }
.nav .nav_desktop a span:after,
.nav_second_submenu span:after,
.btn--arrow-outer span:after { content: ""; display: inline-block; background: #e2001a; width: 1px; height: 6px; transform: rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); margin-left: -5px; vertical-align: middle; }
.nav .nav_desktop a span:before,
.nav_second_submenu span:before,
.btn--arrow-outer span:before { content: ""; display: inline-block; background: #e2001a; width: 1px; height: 6px; transform: rotate(-135deg); -ms-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); margin-left: 0; vertical-align: middle; }
.nav .nav_desktop a.on span:before,
.nav_second_submenu.on span:before { transform: rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
.nav .nav_desktop a.on span:after,
.nav_second_submenu.on span:after { transform: rotate(-135deg); -ms-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); }
.nav_second_submenu span { margin-left: 10px; }
.nav img { vertical-align: middle; }
@media (min-width: 768px) {
	.nav { display: block; float: left; width: 67%; }
	.nav li { display: block; float: left; }
	.nav a { text-align: left; font-family: 'oswald'; }
	.nav .nav_mobile { display: none; }
}
@media (min-width: 1024px) {
	.nav { width: 70%; }
	.nav a { font-size: 16px; margin-right: 18px; }
}
@media (min-width: 1280px) {
	.nav a { margin-right: 30px; }
}
/* end of nav */

/*
 *	@submenu
 */
.submenu { margin: 0 auto; width: 100%; max-width: 1200px; padding: 2px 0 0; background: #f9f9fa; display: none; clear: both; border-bottom: 1px solid #e2001a; }
.submenu:after { clear: both; content: ""; display: block; }
.submenu h2 { margin-bottom: 1rem; }
.submenu h2 a { color: #febf00; }
.submenu ul { width: 100%; margin: 0 auto; }
.submenu li { margin: 0; padding: 10px; border-bottom: 1px solid #e3e2e3; display: list-item; font-size: 9px; list-style: inside none circle; white-space: nowrap; color: #e2001a; }

.submenu a { display: block; padding: 0 10px; }
.submenu a:hover { color: #e2001a; }
.submenu i { color: #000; display: inline-block; font-size: 13px; font-style: normal; margin: 0 0 2px 5px; vertical-align: middle; width: 100%; }
.submenu h2 i { color: #404040; font-weight: normal; font-size: 12px; }
.submenu .see_all { width: 100%; margin: 0; }
.submenu .see_all li { margin: 0 2rem; padding: 1rem 0; border-top: 1px solid #e8eff5; }

.submenu.second { margin: 10px 0 -10px; padding: 0 15px; border-bottom: none; }
.submenu.second ul { width: 100%; }
.submenu.second li { border-bottom: none; border-top: 1px solid #dde6ed; }
.submenu.second a { font-size: 11px; padding: 0 10px; }
@media (min-width: 768px) {
	.submenu {padding: 2px 0 16px; }
	.submenu a { display: inline; padding: 0; }
	.submenu ul { width: 96%; margin: 0 2rem; width: auto; float: left; }
	.submenu li { margin: 1rem 0; padding: 0; border: none; }
	.submenu li:last-child { margin: 0; }
}
/* end of submenu */

/*
 *	@breadcrumb
 */
.breadcrumb { color: #737373; font-size: 14px; overflow: hidden; padding: 2px 0 10px; width: 100%; }
.breadcrumb li { margin-bottom: .5rem; float: left; color: #737373; line-height: 1.45; }
.breadcrumb a:hover { color: #000; }
.breadcrumb b { margin: 0 .5rem; font-weight: normal; color: #ff1212; }
/* end of breadcrumb */

/*
 * @product_box_header
 */
.product_box_header { width: 100%; padding: 0 0 16px; }
.product_box_header h2 { margin: 0 0 .5rem 0; padding: 0; font-size: 30px; font-weight: 400; }
.filter_and_sorter { padding: 0; }

.sorter_wrapper { margin-bottom: 1rem; }
.sorter_wrapper label { display: inline-block; margin-bottom: .25rem; padding-right: .25rem; }

/*
 * categories above .filter_and_sorter
 */

.nav_filters { margin: 0; }
.product_box_header .nav_filters .label { width: auto; background-color: transparent; color: #000; margin-bottom: 30px; }
.product_box_header .nav_filters li { display: inline-block; background-color: #e2001a; padding: 3px 13px;  color: #fff; margin:5px 5px 5px 0px; text-transform: uppercase; font-size: 15px;}

/*
 * end of categories
 */

.product_sorter p { margin: 0; }

.clear_filters { display: inline-block; margin-left: 8px; line-height: 24px; padding: 0 10px; background: #FFFDAB; color: #000; border: 1px solid #FFFDAB; border-radius: 4px; }
.clear_filters:hover { background-color: #FFFC78; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset; }

.head_filters { width: 100%; overflow: hidden; text-align: left; }
.filters.hidden { display: none; }

.filters { background: #eeeeee; border: 1px solid #dcdcdc; margin: 8px auto; overflow: hidden; padding: 15px 0 0; position: relative; width: 100%; overflow: hidden; }
.filters form { overflow: hidden; background: #fff; border: 1px solid #e8eff5; border-top-left-radius: 4px; border-top-right-radius: 4px; }

.filters.hidden h3 { font-family: "oswald"; font-size: 18px; font-weight: 100; margin: 3px 2%; text-transform: uppercase; }
.filters h5 { margin: 1.5rem 2rem; font-size: 1.5rem; font-weight: normal; color: #31a6cb;  }
.filters h6 { margin: 0 0 1rem; font-size: 1rem; font-weight: 500; }

.filters fieldset { float: left; margin: 0 0 2rem 2rem; padding: 0; border: 0; }
.filters .fieldset_cta { float: none; text-align: center; background: #f6fafc; width: 100%; margin: 0; padding: 10px 0; border-top: 1px solid #e8eff5; box-shadow: 0 1px 0 #fff inset; }
.filters label { margin: 0 0 4px 4px; display: inline-block; color: #2A3A3F; font-size: 14px; }

.filter__info { background: #444; border-radius: 14px; color: #fff; display: inline-block; font-family: times new roman, 'opensans'; font-size: 12px; font-style: italic; margin: 3px 0 0 3px; text-align: center; text-transform: none; vertical-align: top; width: 15px; height: 15px; cursor: pointer; position: relative; }
.filter__info_container, .profile-info-tooltip { font-style: normal; font-family: 'opensans'; }



	.product_box_header { display: table; }
	.product_box_header h2 { vertical-align: middle; margin: 0; }
	.filter_and_sorter { /*display: table-cell;*/ display: block; clear: both; vertical-align: middle; margin-top: 20px;}

	.sorter_wrapper { display: inline-block; margin: 0; }
	.sorter_wrapper label { margin: 0; }

	.nav_filters { display: inline-block; }

/* end of product_box_header */


.index_info__txt, .index_info__banners { width: 100%; }
.index_info__a { display: block; position: relative; }

.index_info__banners { border-bottom: 1px solid #fff; }
.index_info__banners_txt { left: 20px; position: absolute; top: 20px; }
.index_info__banners_txt h1 { font-family: "oswald"; font-size: 20px; font-weight: 600; margin: 0; text-transform: uppercase; }
.index_info__banners_txt h2 { color: #e2001a; font-size: 13px; font-weight: 100; margin-right: 20px; max-width: 400px; }
.index_info__banners_txt span,
.index_info__txt_inner h4,
.index_icons span,
.index_cats span { display: inline-block; font-family: "oswald"; font-size: 14px; font-weight: 100; text-transform: uppercase; }
.index_info__banners_txt span i,
.index_info__txt_inner h4 i,
.index_icons span i,
.index_cats span i { display: inline-block; margin: 0 0 0 11px; }
.index_info__banners_txt span i:after,
.index_info__txt_inner h4 i:after,
.index_icons span i:after,
.index_cats span i:after { content: ""; display: inline-block; background: #e2001a; width: 1px; height: 4px; transform: rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); margin-left: -1px; margin-top: -5px; vertical-align: middle; }
.index_info__banners_txt span i:before,
.index_info__txt_inner h4 i:before,
.index_icons span i:before,
.index_cats span i:before { content: ""; display: inline-block; background: #e2001a; width: 1px; height: 4px; transform: rotate(-135deg); -ms-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); margin-left: 0; vertical-align: middle; }
.index_icons span i:after,
.index_icons span i:before { background: #fff; }

.index_info__txt { margin: 0 auto; max-width: 400px; }
.index_info__txt_container { height: 140px; position: relative; color: #fff; margin-bottom: 1px; }
.index_info__txt_container a { display: block; position: absolute; height: 140px; width: 100%; }
.index_info__txt_inner { position: absolute; top: 25px; left: 25px; }
.index_info__txt_inner h2 { font-family: "oswald"; font-size: 16px; font-weight: 100; text-transform: uppercase; margin: 0; }
.index_info__txt_inner h3 { font-size: 13px; font-weight: 100; margin: 0; }
.index_info__txt_container a:hover .index_info__txt_inner { opacity: 0.8; }

.index_icons { background: #e2001a; clear: both; display: block; color: #fff; }
.index_icons li { display: block; width: 100%; text-align: center; border-bottom: 1px solid #f1808d; }
	.index_icons li:last-child { border: none; }
.index_icons li > a > i { display: block; height: 2px; width: 85px; background: #f1808d; margin: 5px auto; }
.index_icons a { display: block; height: 100%; padding: 28px 10px; }
.index_icons h2 { font-family: "oswald"; font-size: 18px; font-weight: 100; margin: 0; text-transform: uppercase; }
.index_icons span { color: #f7cbce; margin-top: 12px; }
.index_icons li a:hover span { color: #fff; }

.brands_banners { clear: both; padding: 40px 0 22px; }
/*.index_brands a { display: block; height: 33px; width: 85%; }*/
.index_brands a { /*width: 106px;*/ height: 33px; width: 168px; background-position: 0 0; display: block; }
.index_brands a:hover { background-position: 0 -33px !important; }

.category__description { font-size: 15px; margin: 16px 0 32px; display: table;margin: 16px 0 32px; }
.category__description img { float: left; margin: 0 10px 0 0; border: 1px solid #dcdcdc; }



@media (min-width: 768px) {
	.index_info__txt { float: left; width: 33.333%; }
	.index_info__banners { float: left; width: 66.666%; }
	.index_info__a { height: 421px; }
	.index_info__img { visibility: hidden; }

	.index_info__banners_txt { top: 100px; left: 45px; }
	.index_info__banners_txt h1 { font-size: 36px; }
	.index_info__banners_txt h2 { margin-right: 45px; }
	.index_info__banners_txt span { margin-top: 50px; }

	.index_info__txt_container.first { margin-bottom: 0; }
	.index_info__txt_container.first a { background-position: 50% -1px !important; }
	.index_info__txt_inner { left: 45px; }
	.index_info__txt_inner h2 { font-size: 18px; margin: 0 25px 0 0; }

	.index_icons { height: 185px; /*border-right: 1px solid #fff;*/ }
	.index_icons li { width: 33.333%; float: left; height: 185px; border-bottom: none; border-right: 1px solid #f1808d; }
		.index_icons li:last-child { border: none; }
}

/*
 * @index_cats
 */
.index_cats { /*overflow: hidden; border: 1px solid #dcdcdc;*/ border-top: none; margin-top: -16px; width: 100%; }
.index_cats > li { display: block; border: 1px solid #dcdcdc; border-top: none; }
.index_cats > li > a { display: block; width: 100%; text-align: center; padding-top: 5px; }
.index_cats li.hover { box-shadow: 0 0 6px #a2a2a2; }
.index_cats img { display: block; margin: 0 auto; }
.index_cats h2 { font-family: "oswald"; font-size: 18px; font-weight: 500; text-align: center; text-transform: uppercase; height: 57px; margin: 0 auto; padding: 0 10px; }
.index_cats .subcat_desc { color: #737373; font-size: 14px; height: 122px; margin: 0 auto; max-width: 300px; text-align: center; }
.index_cats .subcat_desc p { margin: 0 auto; }
.index_cats .subcat_desc a { display: inline; }
.index_cats > li > a > span { margin: 26px 0 30px; }

.index_cats__header { background: url(../../images/layout/rwd/prod_bg.png) no-repeat scroll 50% 100%; color: #fff; clear: both; height: 152px; text-align: center; font-family: "oswald"; padding: 20px 0; position: relative; }
.index_cats__header h1 { font-size: 36px; font-weight: 100; margin: 0; text-transform: uppercase; }
.index_cats__header h2 { font-size: 18px; font-weight: 100; margin: 5px 0; }

@media (min-width: 768px) {
	.index_cats li { width: 50%; float: left; margin: 0; border-left: none; border-right: 1px solid #dcdcdc; }
		.index_cats li:nth-child(2n+1) { border-left: 1px solid #dcdcdc; }
}
@media (min-width: 1024px) {
	.index_cats li { width: 33.333%; float: left; margin: 0; border-left: none; border-right: 1px solid #dcdcdc; }
		.index_cats li:nth-child(2n+1) { border-left: none; }
		.index_cats li:nth-child(3n+1) { border-left: 1px solid #dcdcdc; }
}
/* end of index_cats */

/*
 *	@products_list
 */
 .products_container { overflow: hidden; }

.products_list, .picture_download__producer { overflow: hidden; width: 105%; }
.products_list li, .picture_download__producer li { display: block; float: left; width: 50%; }
.products_list li:nth-of-type(2n+1), .picture_download__producer li:nth-of-type(2n+1) { clear: both; }
.products_list a { display: block; padding: 0 1rem; border: 1px solid #dcdcdc; margin: 5% 10% 5% 0; }
	.products_list a.btn { border: none; display: inline-block; }
	.products_list a:hover { box-shadow: 0 0 6px #a2a2a2; }
	.products_list a.btn:hover { box-shadow: none; }
	.section_tabs--index .products_list a { border: 0; }
.elevator { margin: -1px 0 0 0; padding: 2.5rem 1rem; font-size: 1rem; line-height: 1.5; border-top: 1px solid #f8f7f7; background: #f6f5f5; }
.img_wrapper { padding: 0 0 8px; }
.name_and_price_wrapper { padding-bottom: 20px; }
.products_list img { display: block; margin: auto; }
.product_container { height: 273px; }
.products_list h3 { clear: both; font-family: "oswald"; font-size: 15px; font-weight: 400; line-height: 1.2; margin: 20px 10px; text-align: center; min-height: 60px; overflow: hidden; }
.products_list li .price { font-size: 1.25rem; font-weight: 500; min-height: 46px; }
.products_list li .price strong { display: block; font-family: "oswald"; font-size: 18px; text-align: center; }
.products_list li .price span { color: #6e6e6e; display: block; font-size: 13px; font-weight: 100; text-align: center; }
.products_list li .price del { text-decoration: line-through; display: block; }
.products_list li .producer_logo {padding: 0; padding-right: 10px; padding-bottom: 10px; border: 0; float: left; margin: 33px 0px 0px 20px; }
.products_list li .producer_logo:hover { box-shadow: none;}
.products_list .promo_price { font-style: normal; color: #e2001a; }
.products_no_products { color: #fff; margin: 0 26px 15px; }

.picture_download__producer li { border: 1px solid #dcdcdc; margin: 0 1% 1% 0; width: 47%; }
.picture_download__producer li:nth-of-type(2n) { margin-right: 0; }
.picture_download__producer h3 { font-family: "oswald"; padding: 5px 0 0; text-align: center; text-transform: uppercase; }

.picture_download__wrapper { display: table; margin: 16px auto; }
.picture_download__wrapper .download_links { float: left; }
.picture_download__wrapper .download_links p { font-weight: 600; width: 28px; }
.picture_download__wrapper .download_links a { border-bottom: 1px solid #e3e3e3; font-size: 13px; line-height: 1px; }
.picture_download__wrapper .download_links a:hover { color: #d32221; border-bottom: none; }

#wrapper .picture_download__wrapper .img_wrapper { padding-bottom: 0; }
.picture_download__product_header { height: 60px; overflow: hidden; }

@media (min-width: 480px) {
	.products_list h3 { min-height: 80px; clear: none; }

	.products_list li .producer_logo { padding-bottom: 0; }
}

@media (min-width: 768px) {
	.products_list, .picture_download__producer { width: 103.333%; }
	.products_list li, .picture_download__producer li { width: 33.333%; }
	.products_list li:nth-of-type(2n+1), .picture_download__producer li:nth-of-type(2n+1) { clear: none; }
	.products_list li:nth-of-type(3n+1), .picture_download__producer li:nth-of-type(3n+1) { clear: both; }
	.products_list a { padding: 0 2rem; }
	.products_list li .price del { display: inline; padding-right: .25rem; }
	.products_list .promo_price { padding-left: .25rem; }
	.product_container { height: 200px; }
	.products_list h3 { margin: 20px 25px 10px; min-height: 60px; font-size: 16.5px; }

	.picture_download__producer li { margin: 0 1.333% 1.333% 0; width: 31.333%; }
	.picture_download__producer li:nth-of-type(2n) { margin-right: 1.333%; }
	.picture_download__producer li:nth-of-type(3n) { margin-right: 0; }
}
@media (min-width: 1024px) {
	.products_list, .picture_download__producer { width: 102.5%; }
	.products_list li, .picture_download__producer li { width: 25%; }
	.products_list li:nth-of-type(3n+1), .picture_download__producer li:nth-of-type(3n+1) { clear: none; }
	.products_list li:nth-of-type(4n+1), .picture_download__producer li:nth-of-type(4n+1) { clear: both; }
	.products_list h3 { margin: 21px 21px 10px; }

	.picture_download__producer li { margin: 0 1.8% 1.8% 0; width: 23%; }
	.picture_download__producer li:nth-of-type(2n),
	.picture_download__producer li:nth-of-type(3n) { margin-right: 1.8%; }
	.picture_download__producer li:nth-of-type(4n) { margin-right: 0; }
}
@media (min-width: 1200px) {
	.products_list h3 { margin: 20px 25px; }
}
/* end of products list */

/*
 * @products_list--hurt
 */
.products_list--hurt { width: 100%; }
.products_list--hurt li { width: 100%; margin-bottom: 10px; border: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; }

.products_list--hurt li .prdhrt__img { border: 0; margin: 0; padding: 0; text-align: center; }
.products_list--hurt li .prdhrt__img:hover { border: 0 !important; box-shadow: 0 0 !important; }
.products_list--hurt li .prdhrt__img img { display: block; }

.prdhrt__name { text-align: center; }
.prdhrt__name__content h2 { font-size: 15px; font-family: oswald; margin: 0; }
.prdhrt__name__content h2 a { border: 0; margin: 0; padding: 0; }
.prdhrt__name__content h2 a:hover { box-shadow: 0 0; }
.prdhrt__name__content .badge { position: static; width: 160px; }

.prdhrt__quantity { text-align: center; }
.prdhrt__quantity__content { display: inline-block; text-align: left; }
.prdhrt__quantity__content p { margin: 12px 0 10px; font-size: 14px; }
.prdhrt__quantity__content input { width: 90px; margin: 0 12px; text-align: center; border: 1px solid #ccc; padding: 2px 0; color: #999; }
.prdhrt__quantity__content input:focus { outline: 0; border: 1px solid #e2001a; }
.prdhrt__quantity__content i { font-style: normal; cursor: pointer; font-weight: 800; }

.prdhrt__price { text-align: center; }
.prdhrt__price__content { display: inline-block; text-align: left; }
.prdhrt__price__content p { margin: 0; font-size: 14px; font-weight: 100; min-height: 0; }
.prdhrt__price__content p:first-child { margin: 6px 0 0; }
.prdhrt__price__content p.nett-struck { font-family: oswald; color: #aaa; text-decoration: line-through; }
.prdhrt__price__content p.gross-struck { color: #aaa; margin-bottom: 10px; text-decoration: line-through; }
.prdhrt__price__content p.nett { font-size: 20px; font-family: oswald; }
.prdhrt__price__content p.gross { font-size: 20px; color: #aaa; }

.prdhrt__btn { width: 100%; text-align: center; }
.prdhrt__btn .btn { min-width: 180px; padding: 16px; margin: 24px 0; }
.prdhrt__btn .btn:focus { outline: 0; }

@media (min-width:1024px) {
	.products_list--hurt li { max-height: 155px; }

	.products_list--hurt li .prdhrt__img {float: left; width: 50%; }
	.prdhrt__name { float: left; width: 50%; }
	.prdhrt__quantity { float: left; width: 50%; }
	.prdhrt__price { float: left; width: 50%; }
	.prdhrt__btn { float: left; }

	.products_list--hurt li .clearfix { display: none; }
	.products_list--hurt li .prdhrt__img, .prdhrt__name, .prdhrt__quantity, .prdhrt__price, .prdhrt__btn { width: 20%; }
	.products_list--hurt li .prdhrt__quantity, 
	.products_list--hurt li .prdhrt__img, 
	.products_list--hurt li .prdhrt__price, 
	.products_list--hurt li .prdhrt__btn { padding: 12px 0 0; }
	.prdhrt__name { height: 112px; position: relative; }
	.prdhrt__name__content { position: absolute; width: 100%; top: 50%; transform: translate(0,-50%); }

	.prdhrt__btn .btn { margin: 20px 0 0; }
}
/* end of products_list--hurt */

/*
 * @products_list--hurt]
 */
.products_list--hurt {  }
.products_list--hurt li { width: 100%; }
/* end of products_list--hurt */

/*
 * @product
 */
.product { overflow: hidden; }

.product__description { clear: both; font-size: 14px; }

.product__images { margin-bottom: 2.5rem; position: relative; }
.product__images__big { background: #fff; margin-bottom: 1rem; position: relative; }
.product__images__big--rwd { display: none; }
.product__images__big img { display: block; margin: 0 auto; }

.product__images__thumbs { width: 100%; padding: 8px 0; overflow: hidden; }

.product__images__thumbs a { display: block; float: left; margin-right: .25rem; border: 1px solid #dcdcdc; padding: 1px; margin-right: 10px; margin-bottom: 12px; }
.product__images__thumbs--zoom a { display: inline-block; float: none; }

.product__images__thumbs img { display: block; margin: 0 auto; }
.product__images__thumbs .on { border-color: #e2001a; box-shadow: 0 0 0 1px #e2001a inset; }

.product__data { padding: 0 1rem; }
.product__data__name { margin: 12px 0 0; font-size: 30px; line-height: 1.25; font-weight: 400; font-family: "oswald"; }
.product__data__badges-and-producer { margin: 1rem 0; }
.product__data__producer { color: #8f999b; }
.product__data__props { padding: 30px 0 20px; }

.product__attachments { border-top: 1px solid #dcdcdc; margin: 50px 0 0; padding: 14px 0; }
.product__attachments span { display: block; font-size: 11px; font-weight: 500; }
.product__attachments li { display: block; float: left; margin-right: 15px; text-align: center; }
.product__attachments li:last-child { margin: 0; }
.product__attachments a:hover { color: #e2001a; }

.product_desc { color: #737373; font-size: 12px; height: 82px; overflow: hidden; text-align: center; }

.product__desc__content ul {
    list-style: outside none disc;
    padding-left: 25px;
}

.product__desc__content ul ul {
    list-style: outside none circle;
}

/*l*/
.buy_section { margin-bottom: 1rem; }
.buy_section a { border-bottom: 1px solid #737275; color: #aaa9ab; }
.buy_section a:hover { border-bottom: 1px solid #aaa9ab; }
.buy_section_label { margin-bottom: .5rem; }

.buy_section_price { margin-bottom: 20px; }
.buy_section_price .buy_section_data { font-size: 18px; line-height: 1; }
.buy_section_price .buy_section_data span {  }
.buy_section_price .buy_section_data span.nett_price { font-family: "oswald"; font-size: 36px; display: inline-block; padding: 0 10px 0 0; }
.buy_section_price .buy_section_data span.val { font-size: 1rem; }
.buy_section_price .buy_section_data del { text-decoration: line-through; }
.old_price { display: block; margin: 10px 0 0; }
.buy_section_price .buy_section_data .promo_price { color: #d6183a; font-style: normal; }
.buy_section_price .buy_section_data--price { color: #aaa; letter-spacing: 1px; }

.buy_section_quan input { border: 1px solid #dcdcdc; color: #b8b8b8; font-family: inherit; font-size: 14px; height: 34px; text-align: center; width: 45px; }

.pricesButton { padding: .25rem 0 0; }

.buyit_free_shipping { background: url(../../images/layout/rwd/truck.png) no-repeat scroll 0 0 / 24px; display: block; font-size: 13px; font-weight: 100; margin-top: 32px; padding: 4px 0 6px 38px; line-height: 1px; padding: 1px 0 1px 38px; }

.show_size_chart_wrapper { display: inline-block; margin-left: .75rem; font-size: .75rem; white-space: nowrap; }
/*l*/

.product__desc { width: 100%; overflow: hidden; padding: 1rem 0; }
.product__desc__profile__table { font-size: 1.15rem; line-height: 1.8; width: auto; }
.product__desc__profile__table th { padding-right: 2rem; vertical-align: top; text-align: left; font-weight: normal; color: #696969; }
.product__desc__profile__table td { vertical-align: top; font-weight: 500; }
.product__desc__profile__table th.headProf { font-weight: 400; padding-top: 20px; color: #17bfee; }
.product__desc__content p { font-size: 16px; line-height: 29px; margin: 0 0 0.4rem; }

/* TODO to jest product__desc__profile__table co powyzej */
.product_description_table { width: auto; display: block; }
@media (min-width: 650px) {
	.product_description_table { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
	@-moz-document url-prefix() {
		.product_description_table tbody { float: left; }
	}
}
.product_description_table tr { display: block; }
.product_description_table th { font-weight: normal; padding: .25rem 0; vertical-align: top; text-align: left; font-weight: 500; display: inline-block; }
.product_description_table td { padding: .25rem 0; vertical-align: top; display: inline-block; }
.product_description_table th.headProf { padding-top: 1rem; }

@media (min-width: 768px) {
	.product__data { padding: 0 2.5rem; }

	.product__images__thumbs--zoom img { /*width: 36px;*/ }

	.product__attachments span { font-size: 13px; }
	.product__attachments li { margin-right: 20px; }

	.buyit_label { float: left; width: 120px; padding: 4px 10px 4px 0; text-align: right; }
	.price .buyit_label { padding-bottom: 10px; }
	.pricesButton > .buyit_label { display: block; }

	.buy_section { display: table; table-layout: fixed; width: 100%; }
	.buy_section_label { display: table-cell; vertical-align: baseline; width: 18%; }
	.buy_section_label--many { vertical-align: top; }
	.buy_section_data { display: table-cell; padding-left: 1rem; }
}
@media (min-width: 1024px) {
	.product { background: #fff; }
	.product__images { width: 50%; float: left; margin-bottom: 0; }
	.product__data { width: 50%; float: right; padding: 0 0 0 2.5rem; }

	.product__images__big--rwd { display: block; }

	.product__images__thumbs a { margin-right: 4%; width: 22%; margin-bottom: 25px; }
	.product__images__thumbs a:nth-child(4n) { margin-right: 0; }
}
/* end of product */

/*
 * @badge
 */
 .flag_wrapper { position: relative; height: 27px; margin-top: 8px; }

.badge { display: inline-block; padding: 2px 15px 1px; color: #fff; font-family: 'oswald'; text-transform: uppercase; font-size: 15px; }
.badge--new { background: #04d1bb; }
.badge--promo { background: #e2001c; }
	/* badge on products list */
.badge--list { position: absolute; top: 0; left: 0; right: 0; text-align: center; }
.badge--top { top: -29px; }
	/* badge on product page */
.badge--product { left: 16px; margin-right: 0.75rem; position: absolute; top: 16px; z-index: 1; }
.badge--right { left: 124px; }
/* end of badge */

/*
 * @similar_box
 */
.similar_box { overflow: hidden; }
.similar_box h2 { color: #aaa; font-family: "oswald"; font-size: 18px; font-weight: 500; line-height: 1.25; margin: 20px 0; text-transform: uppercase; }
/* end of similar_box */

/*
 * @slider
 */
.slider { border: 1px solid #dcdcdc; overflow: hidden; width: 100%;
	-o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}
.slider__list { list-style: none; margin: 0; padding: 0; overflow: hidden;
	-o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.slider__list__item { float: left; overflow: hidden; position: relative; /* <- for g--loader */
	-o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}
img.slider__list__item__zoom_img { position: absolute; bottom: 25px; right: 25px; display: none; }
.js--transition { -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; }
/* end of slider */

/*
 *	@product_reviews
 */
.product_reviews { margin: 26px 0; color: #526880; border: 1px solid #E8EFF5; max-height: 500px; overflow-y: scroll; }
.product_reviews fieldset { border: 0; margin: 0; padding: 0; }
.product_reviews p { font-size: 1rem; line-height: 1.625; margin: 0.5rem 0 0.5rem; }
.product_reviews .new label { display: block; margin: 16px 0 4px; }
.product_reviews .new textarea { border: 1px solid #e7e7e7; width: 100%; height: 100px; margin-bottom: 8px; }

.product_reviews .review-header { font-size: 1.2rem; border-bottom: 1px solid #8CB3DB; padding-bottom: 0.5rem; }
.product_reviews li { padding: 1rem; }
.product_reviews li:nth-child(odd) { background: #F4F6F8; }
.product_reviews .info { font-size: 0.8rem; }
.product_reviews ul.list li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #f3f7f8; }
.product_reviews ul.list li .info { margin: 0 0 5px; }
.product_reviews ul.list li .info strong { font-size: 13px; font-weight: normal; }
.product_reviews ul.list li .info .at { font-size: 10px; margin: 0 0 0 10px; }
.reviews-header .svg-icon { margin: 0 0 6px; }
.content .svg-icon-path { fill: #D6D7D8; }
.reviews-header { font-size: 1.2rem; display: table; margin: 0 auto; }
.stars-range { color: #2ecc71; }
.star-checked .svg-icon-path { fill: #2ecc71; }
.js--show-reviews-form { clear: both; display: table; margin: 0 auto; padding: 1rem 2rem; }

.review-header .svg-icon { margin: 0 0 6px; }

.reviews-h2, .review-h3 { font-size: 18px; font-weight: 500; margin: 1rem 0 1rem; }
.review-ul li { clear: both; display: table; margin: 0 0 14px; }
.review-ul span { float: left; width: 125px; padding: 0 0 5px; }

.ask-for-review__table { margin-bottom: -1px; }
.ask-for-review__table, .ask-for-review__table--product-title { border-color: #dcdcdc !important; }
/* end of product_reviews */

/*
 * @last_viewed
 */
.last_viewed { width: 100%; overflow: hidden; padding: 0 1rem 2rem; background: #f3f3f3; }
.last_viewed h2 { display: block; margin: 0 0 1rem; font-weight: 400; font-size: .875rem; color: #696969; }
.last_viewed li { float: left; margin: .5rem .5rem 0 0; width: 40px; height: 41px; display: block; }
.last_viewed li a { display: block; width: 40px; height: 40px; background: #fff; border: 1px solid #fff; }
.last_viewed li a:hover { border-color: #31a6cb; }
@media (min-width: 768px) {
	.last_viewed h2 { float: left; padding: 0 1rem 0 0; margin: 0 1rem 0 0; height: 41px; line-height: 41px; }
	.last_viewed li { margin: 0 .5rem 0 0; }
}
@media (min-width: 1024px) {
	img.slider__list__item__zoom_img { display: block; }
}
/* end of last_viewed */

/* @cart */
.cart { overflow: hidden; }
.cart__form_border { border: 1px solid #dcdcdc; margin: 0 0 32px; }
/* end of cart */

/* @cart__steps */
.cart__steps { padding: .75rem 0; text-align: center; }
.cart__steps__item { display: inline-block; margin: .625rem 0; color: #737373; font-size: .75rem; }
.cart__steps__item--active { color: #000; }
.cart__steps__item--arrow { margin: .625rem .25rem; }

@media (min-width: 768px) {
	.cart__steps__item { font-size: 1rem; }
	.cart__steps__item--arrow { margin: .625rem 1rem; }
}
/* end of cart__steps */

/*table.items td.picture { width: 60px; padding: 0; background: #fff; }*/

table.summary { border: none; margin: 0 0 20px 0 ; font-size: 12px; }
table.summary th { padding: 2px 5px; padding-right: 15px; border-bottom: 1px solid #ccc; color: #cb960f; }
table.summary td { padding: 2px 5px; border-bottom: 1px solid #ccc; background: #F7F7F7; }

/* @cart__items */
.cart__items th { padding: 1rem .5rem; border-bottom: 1px solid #e3e2e3; font-weight: normal; white-space: nowrap; background: #f9f9fa; }
th.cart__items__name { text-align: left; }
th.cart__items__price { text-align: right; }
.cart__items__price--discounted { font-size: 0.75rem; line-height: 1em; }

.cart__items td { padding: 1rem .5rem; vertical-align: middle; border-bottom: 1px solid #e3e2e3; }
td.cart__items__img img { max-width: none; width: 75px; }
td.cart__items__price { text-align: right; }
td.cart__items__quan { text-align: right; }
td.cart__items__quan input { border: 1px solid #dcdcdc; color: #737373; font-size: 14px; height: 34px; padding: 5px 0; text-align: center; width: 45px; }

.cart__items__product__title { font-weight: 500; }
.cart__items__quan__recalc { margin: 4px 0 0 0; font-size: .875rem; }

.free-ship { background: #FAFAFA; margin: 1rem; padding: 2rem; display: inline-block; }
.free-ship--left { float: left; padding-right: 1rem; margin-right: 1rem; }
.free-ship p { margin: 0 0 0.5rem; }
.free-ship--highlighted { color: #479625; margin-bottom: 0px !important; }
.free-ship .btn_style { line-height: 3rem; color: #8f999b; border-bottom: 1px solid #a7def2; }
.free-ship .btn_style:hover { color: #55A6CB; }

.tx_cart_item_option { margin-top: .25rem; font-size: .875rem; color: #4b4845; white-space: nowrap; }
.tx_cart_item_actions { display: block; margin-top: .5rem; font-size: 14px; }
.change-variant-container { display: inline-block; }
.js--change-variant-form { position: absolute; display: none; background: #FFF; padding: 0 15px; }

.cart__items--totals { text-align: right; }
.cart__items__discount { color: #68a946; }

@media (min-width: 768px) {
	.cart__items th,
	.cart__items td { padding: 1rem; }
	.cart__items__quan__recalc { margin: 0 0 0 4px; }
	td.cart__items__img img { width: auto; }
	td.cart__items__quan { text-align: center; }
}
@media (min-width: 1024px) {
	td.cart__items__img { padding-left: 2rem; }
	th.cart__items__price,
	td.cart__items__price { padding-right: 2rem; }
	.cart__items--totals td { padding: 1rem 2rem; }
}
/* end of cart__items */

/*
 *	@cart__shipping
 */
.cart__shipping { width:100%; clear: both; }
.cart__shipping th { padding: 1rem; text-align: left; background: #ffffde; }
.cart__shipping td { padding: .5rem 1rem; }
.cart__shipping label { cursor: pointer; display: block; float: left; width: 85%; }
.cart__shipping input { display: block; float: left; margin-top: 6px; }
.cart__shipping tr:nth-of-type(2) td { padding-top: 1rem; }
.cart__shipping tr:nth-last-of-type(1) td { padding-bottom: 1.5rem; }
.cart__shipping__cost { font-weight: 500; color: #959595; display: block; }
@media (min-width: 768px) {
	.cart__shipping { width: 50%; float:left;}
	.cart__shipping--hurt { width: 100%; float:none;}
	.cart__shipping td { padding: .3rem 1rem; }
	.cart__shipping label { width: auto; }
	.cart__shipping__cost { display: inline; }
}
@media (min-width: 1024px) {
	.cart__shipping th,
	.cart__shipping td { padding-left: 2rem; }
}
/* end of cart__shipping */

/*
 * @cart__summary
 */
.cart__summary { width: 100%; }
.cart__summary td { padding: 1rem; text-align: right; border-top: 1px solid #e3e2e3; background: #e1f2db; }
.cart__summary strong { font-size: 1.2rem; }
@media (min-width: 1024px) {
	.cart__summary td { padding-right: 2rem; }
}
/* end of cart__summary */

/*
 * @cart__buttons - cart and second_step
 */
.cart__buttons { overflow: hidden; padding: 1.5rem 0 3rem; text-align: center; }
.cart__buttons .txt_s1 { white-space: nowrap; line-height: 1.5; }
.btn--go-to-order { font-size: 1.2rem; padding: 1rem; margin: 0 1rem; }
.btn--place-order { font-size: 1.2rem; padding: 1rem; margin: 0 1rem; }
@media (min-width: 768px) {
	.cart__buttons p { float: right; margin: 0 2rem 0 0; line-height: 62px; }
	.btn--go-to-order { float: right; margin: 0 1rem 0 0; }
}
@media (min-width: 1024px) {
	.btn--go-to-order { margin-right: 2rem; }
}
/* end of cart__buttons */

/* @cart__mini */
.cart__mini { margin: 2% 1% 20px; font-size: .875rem; line-height: 1.25; text-align: right; border: 1px solid #dcdcdc; border-bottom: 0; }
.cart__mini table { width:100%; }
.cart__mini th { padding: .75rem 1rem; border-bottom: 1px solid #dcdcdc; background: #f6f5f5; text-align: left; font-weight: 500; }
.cart__mini td { padding: .75rem 1rem; border-bottom: 1px solid #dcdcdc; }
.cart__mini td:nth-of-type(1) { width: 55%; text-align: left; }
.cart__mini .txt_s1 { float: right; font-weight: 400; font-size: .75rem; }
.cart__mini__img { float: left; width: 30%; max-width: 100px; padding-right: 1rem; }
.cart__mini__item { float: right; width: 70%; }
.cart__mini__item a { display: inline-block; margin-bottom: .25rem; font-weight: 500; }
.cart__mini__item li { font-size: .75rem; color: #4b4845; }
.cart__mini__transport { display: block; margin-top: .25rem; font-size: .75rem; color: #4b4845; }
.cart__mini__total td { font-weight: 500; background: #f6f5f5; }
@media (min-width: 1024px) {
	.cart__mini { width: 26%; float: left; margin: 4.125rem 0 0 2%; }
}
/* end of cart__mini */

/*
 * @order form
 */
#cartRegister,
.cart__login { margin: 2% 1% 0; }
.fields-heading { margin: 0; padding: 2rem .5rem 1rem; font-size: 1.125rem; line-height: 1; font-weight: normal; }

#cartRegister .content,
.fields { border: 1px solid #dcdcdc; padding: 2rem 0 1rem; position: relative; overflow: hidden; }

/* TODO unite */
p.cart__error { padding: 1rem 1rem 0; background: #f3dbe1; }
.errors_for_field { margin-bottom: 1rem; color: #e41b00; padding: 1rem; background: #f3dbe1; }
/* end of TODO */

.cart__fields_mustbe { color: #7f7f7f; font-size: .875rem; }
.cart__fields_mustbe em { color: #e41b00; }

.marker--required { font-size: 1rem; color: #e41b00; font-weight: 500; font-style: normal; }

.register_completed { margin: 2rem 1.8rem; }
.register_completed li { margin: 1rem 0; }
.register_completed a { border-bottom: 1px solid #D3CFCC; color: #696969; font-weight: 300; }
.register_completed a:hover { border-color: #696969; }

#cartRegister .buttons { text-align: center; margin: 20px 0 60px; }
#cartRegister .buttons input { border: 0; font-size: 14px; color: #fff; height: 33px; padding: 0 15px 0 10px; text-transform: uppercase; background: #68a946 url(../../images/layout/cartnextstep.png) no-repeat right top; cursor: pointer; } /*?*/

.fieldset_off { display: none; }

.invoice_info { font-size: 12px; margin: -11px 9px 16px; }

@media (min-width: 768px) {
	.fields-heading { padding: 2rem 1rem 1rem; }
	.invoice_info { margin: -11px 17px 16px; }
}

@media (min-width: 1024px) {
	#cartRegister,
	.cart__login { width: 68%; float: right; margin: 0 2% 0 0; }
	.fields-heading { padding: 2rem 0 1rem; }
	.fields-heading--first { padding: 1rem 0; }
	.marker--required { padding-left: .5rem; }
	.invoice_info { margin: -11px 1px 16px; }
}
/* end of order form */

/*
 * @forms
 * default form elements settings.
 * common for cart, register, login and contact form
 */

 .js--review-form { display: none; margin-top: 1rem; }
 #new .form { margin: 0 0 2rem; }
.form__heading { margin: 2rem 0 1rem; font-weight: 400; font-size: 1.5rem; line-height: 1; }

.label { font-weight: 500; display: block; padding: 5px .75rem 5px 0; cursor: pointer; }
.label--empty { display: none; }
.label--inline { display: inline-block; }
.label--average { text-align: center; width: 100%; display: block; font-size: 2rem; margin-top: 0.5rem; }
.label--average strong { color: #2ECC71; }

.input, input[type=password] { width: 100%; float: left; border: 1px solid #696969; background: #fff; padding: 5px; }
.input--inline { border: 1px solid #696969; background: #fff; padding: 5px; }

.input-description { display: block; width: 100%; overflow: hidden; font-size: .875rem; padding-top: .25rem; color: #7f7f7f; line-height: 1.45; }
.textarea, .form textarea { width: 100%; border: 1px solid #696969; background: #fff; padding: 5px; }

.tx_label_section { display: inline-block; vertical-align: top; width: 90%; }
.tx_label_info { display: block; margin-top: .25rem; color: #7f7f7f; font-size: .875rem; line-height: 1.45; }

@media (min-width: 768px) {
	.input, input[type=password], .textarea, .form textarea { width: 295px; }
	.input-description { padding-left: 200px; }
	.tx_label_section { width: auto; }
}
@media (min-width: 1024px) {
	.label { float: left; width: 200px; text-align: right; cursor: default; }
	.label--empty { display: block; }
	.errors_for_field li { margin-left: 200px; }
}
/* end of forms */

/*
 * @fieldset
 */
.fieldset { margin: 0; padding: 0; border: 0; }
.fieldset p { overflow: hidden; margin: 0 0 1rem; padding: 0 .5rem; }
.fieldset p.has_error { margin-bottom: 0; padding-top: 10px; background: #f3dbe1; }
@media (min-width: 768px) {
	.fieldset p { padding: 0 1rem; }
}
/* end of fieldset */

/*
 *	@account_option
 */
.account_option { margin-bottom: 20px; font-size: .875rem; }
.account_option p { margin-bottom: 10px; }
/* end of account_option */


/* @cart__completed */
.cart__completed__header { padding: 2.5rem; background: #f9f9fa; }
.cart__completed__header__heading { margin: 0; font-size: 1.5rem; font-weight: 500; }
.cart__completed__header__body { margin: 0; }
.cart__completed__header__body__anchor { margin-top: .5rem; }

.cart__completed__section { width: 100%; overflow: hidden; padding: 2.5rem 0; }
.cart__completed__section p { margin: 0 2.5rem 1rem; }

.cart__completed__heading { margin: 0; padding: 1rem 2.5rem; background: #e1f2db; font-size: 1rem; font-weight: 500; }

.cart__completed th,
.cart__completed td { padding: 1rem 2.5rem; border-bottom: 1px solid #e3e2e3; }
.cart__completed th { font-weight: 400; text-align: left; color: #696969; }
.cart__completed td { font-weight: 500; }

th.cart__completed__customer-data__heading { font-weight: 500; background: #fafafa; }

.cart__completed__action { display: inline-block; padding: 1.25rem 2.5rem; background: #f9f9fa; }

@media (min-width: 1024px) {
	.cart__completed__customer-data { float: left; width: 50%; }
}
/* end of cart__completed */

#tx_delivery_country_choice { width:  100%; margin: 16px 0 -8px; }
#tx_delivery_country_choice label { font-size: 14px; margin: 0 5px 0 0; }

#multi_payment_services { /*display: table;*/ padding: 0 36px 32px; }
#multi_payment_services > li { display: block; float: left; height: 110px; margin: 0; width: 50%; }
/*#multi_payment_services form { display: table-cell; height: 90px; vertical-align: middle; }*/
#multi_payment_services .submit_form { display: block; height: 100px; position: relative; text-align: center; width: 100%; border: 1px solid #e8e8e8; }
#multi_payment_services .submit_form:hover { border-color: #5c5c5c; }
#multi_payment_services img { left: 50%; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); width: 110px; }
#multi_payment_services .item { border: 1px solid #e8e8e8; font-size: 12px; height: 100px; margin: 0; overflow-y: scroll; padding: 5px; }
#multi_payment_services .item > span { display: block; font-weight: 900; margin: 5px 0 0; }
#multi_payment_services .item > h5 { font-size: 12px; font-weight: 900; margin: 0 0 20px; }
#multi_payment_services .item > p { margin: 0; }
#multi_payment_services .item span { font-size: 12px; color: #000; }


/*#multi_payment_services > li:last-child .item { border: none; height: auto; overflow-y: unset; padding: 20px 0 0; font-size: 16px; }
#multi_payment_services > li:last-child .item > h5,
#multi_payment_services > li:last-child .item span { font-size: 16px; }

#multi_payment_services > li:last-child { clear: both; height: auto; overflow: visible; width: 100%; }*/

@media (min-width: 550px) {
	#multi_payment_services > li { width: 33.3333%; }

	/*#multi_payment_services > li:last-child { width: 100%; }*/
}
@media (min-width: 768px) {
	#multi_payment_services > li { width: 25%; }

	/*#multi_payment_services > li:last-child { width: 100%; }*/
}
@media (min-width: 1024px) {
	#multi_payment_services > li { width: 20%; }

	/*#multi_payment_services > li:last-child { width: 100%; }*/
}
@media (min-width: 1280px) {
	#multi_payment_services > li { width: 16.6666%; }

	/*#multi_payment_services > li:last-child { width: 100%; }*/
}

/* infinite pagination --- */
.NaviInfiniteScrollButton { width: 100%; padding: 2rem 0 4rem; text-align: center; }
.NaviInfiniteScrollButton a { display: inline-block; padding: 12px 15px; color: #fff; font-family: 'oswald'; font-weight: 100; font-size: 18px; text-transform: uppercase; cursor: pointer; background: #e2001a; }
.NaviInfiniteScrollButton a:hover { background: #000; }
.NaviInfiniteScrollButton a:active { position: relative; top: 1px; }
.NaviInfiniteScrollButton a:after { content: "..."; }
.NaviInfiniteScrollPages,
.NaviInfiniteScrollInNextRequest,
.NaviInfiniteScrollPerPage,
.NaviInfiniteScrollCurrentPage { display: none; }
.NaviInfiniteScrollButton .loading { display: inline-block; color: #000; padding: 14px 28px 14px 45px; font-weight: bold; font-size: 18px; background: url(../../images/layout/btn_loader.gif) 0 50% no-repeat; display: none; }
.NaviInfiniteScrollButton .loading.on { display: inline-block; }
/* --- infinite pagination */

/* @wrapper */
.wrapper { width: 98%; max-width: 1200px; /*overflow: hidden;*/ margin: 16px auto; background: #fff; }
/* end of wrapper */

/* @g--tabs */
.section_tabs { overflow: hidden; padding-top: 5px; clear: both; }
.section_tabs--index { background: #f3f3f3; }

.tab { width: 100%; overflow: hidden; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
.tab--index { padding: 1rem 0 0; background: #fff; }
.tab--product { padding: 2rem 0; }
.tab--hide { display: none; }

.tabs_nav { width: 100%; }
.tabs_nav li { display: block; float: left; height: 37px; line-height: 37px; margin: 0 1px 0 0; }
	.tabs_nav--index li:first-child { margin-left: 1rem; }
.tabs_nav li a { font-weight: 500; display: block; color: #aaaaaa; padding: 0 4px; height: 38px; line-height: 38px; font-family: 'oswald'; text-transform: uppercase; font-size: 12px; margin-top: 1px; }
.tabs_nav li a:hover { color: #000; }
.tabs_nav li a.current { color: #000; background: #fff; border-bottom: 3px solid #e2001a; }

.tab__load-more { margin: 0; padding: 2.5rem 1rem; text-align: center; background: #fafafa; border-top: 1px solid #e8eff5; }
@media (min-width: 768px) {
	.tabs_nav--index li:first-child { margin-left: 2rem; }
	.tabs_nav li a { padding: 0 .5rem; margin-right: 20px; font-size: 18px; }
}
/* end of g--tabs */

/* newsletter */
.newsletter { color: #bcbcbd; font-size: 14px; }
.newsletter form { display: -webkit-flex; display: -ms-flexbox; display: flex;  -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 20px 0 0; }
.newsletter input { border: 1px solid #cccdce; flex: 1 1 0; font-size: 14px; padding: 5px 10px; -webkit-appearance: none; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.newsletter button { background: #fff; border: 1px solid #cccdce; border-left: none; color: #000; cursor: pointer; flex: 0 0 auto; font-family: "oswald"; font-size: 16px; padding: 6px 15px; text-transform: uppercase; -webkit-flex: none; -ms-flex: none; flex: none; }
.newsletter button:hover { background: #dddddd; }
/* end of newsletter */

/* forms and system messages --- */
.add_to_cart_response { display: none; margin-bottom: 16px; }
.add_to_cart_response_content,
.add_to_cart_choose_variant { background: #f9f9fa; border: 1px solid #e3e2e3; display: block; font-size: 15px; padding: 16px 16px 10px; }
.add_to_cart_response_content li,
.add_to_cart_response_content p { margin-bottom: 10px; }
.add_to_cart_response_content p strong { font-family: ptsb, arial, sans-serif; font-weight: normal; }
.ajax_load { display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-left: 16px; background: url(../../images/layout/btn_loader.gif) 50% 50% no-repeat; }
.add_to_cart_choose_variant p { margin: 6px 0; }

.response { margin: 0; padding: 15px 20px 15px 68px; font-size: 1.125rem; }
.response.ok { background: #EAF3DB url(../../images/layout/bullet_accept.png) 18px 50% no-repeat; border: 1px solid #BCDA8E; }

.response.error { background: #f3dbe1 url(../../images/layout/bullet_error.png) 18px 50% no-repeat; border: 1px solid #e1928b; color: #e41b00; }
.response--error { background: #f3dbe1 url(../../images/layout/bullet_error.png) 18px 50% no-repeat; border: 1px solid #e1928b; color: #e41b00; }
.response--cart { margin-top: 4.125rem; }

.response.error span { display: block; margin-top: .25rem; font-size: .875rem; color: #1F2D32; }
.response--error span { display: block; margin-top: .25rem; font-size: .875rem; color: #1F2D32; }

.response.error span em { color: #e41b00; font-style: normal; font-weight: 500; }
.g--star { color: #e41b00; }

.response.ok span { display: block; margin: 10px 0; }
.response.ok span em { font-style: normal; font-size: 11px; }

.cartMessages,
.messages { background: #fffbe6; color: #5b5b5b; display: block; font-size: 18px; line-height: 1.2; margin-bottom: 16px; padding: 16px; }

.dao_errors { background: #f4e4e6; color: #e41b00; margin: 0 0 32px; padding: 20px 40px; }
.dao_errors li { list-style: circle; }
/* --- forms and system messages */

/* content_box --- */
.content_box h1 { font-size: 25px; font-weight: normal; padding: 0; }
.content_box .content em { color: #e41b00; font-weight: bold; font-style: normal; padding-left: 5px; }

.content_box .tx_button,
.content_box .btn_cta { margin: 10px 0 15px; font-size: 18px; }

.content_box .page { padding: 20px; }
.content_box .page h2 { margin: 16px 0; }
.content_box .page h3 { font-size: 19px; margin-bottom: 16px; }
.content_box .page a { color: #e2001a; text-decoration: underline; outline: 0; }
.content_box .page a:visited {color: #e2001a;}
.content_box .page a:active {color: #e2001a;}
.content_box .page a:hover { text-decoration: underline; }
.content_box .page p,
.content_box .page ul,
.content_box .page ol { font-size: 14px; line-height: 1.625; text-align: left !important; /* overwrite clients justify */ }

.content_box .page p { margin-bottom: 16px; }

.content_box .page ul,
.content_box .page ol { margin: 0 20px 16px; }

.content_box .page ul li { list-style: circle; }
.content_box .page ol li { list-style: decimal; }
.content_box .page th,.content_box .page td { border:1px solid #000; }
.content_box .items th { border-bottom: 1px solid #e6e5e6; font-weight: 500; line-height: 18px; padding: 10px 0; }
.content_box .items td { border-bottom: 1px solid #e6e5e6; padding: 20px 0; text-align: center; }

.page + .tx { margin-top: -40px; }

.page_img_float { display: block; margin: 0 auto; }

@media (min-width: 768px) {
	.page_img_float { float: left; margin: 0 25px 10px 0; }
}
/* --- content_box */

/* infopages promotions */

.infopages__promotions { border: 1px solid #E6E5E6; padding: 8px; }
.infopages__promotions table { display: block; height: auto; }
.infopages__promotions table tr { display: block; }
.infopages__promotions table td { display: block; float: left; }
.infopages__promotions img { display: block; width: 100%; }

@media (min-width: 768px) {
	.infopages__promotions { padding: 32px; }
	.infopages__promotions table { display: table; width: 681px; margin: 0 auto; }
	.infopages__promotions table tr { display: table-row; }
	.infopages__promotions table td { display: table-cell; float: none; }
	.infopages__promotions tr:nth-child(15) td:nth-child(1) img:nth-child(1) { float: left; }
	.infopages__promotions img { width: auto; }
}
/* end of infopages promotions */

.productVariantDetails { display: none; }

/*
 * product advanced searcher
*/
.filter_plates { padding: 10px 0; }
.filter_plates .plate_filter_style { background: #c6c6c6; border-radius: 4px; color: #515151; cursor: pointer; display: inline-block; font-size: 14px; margin: 2px 10px 2px 0; padding: 2px 8px; }
.filter_plates .plate_filter_style:after { background: #515151; content: ""; display: inline-block; height: 10px; margin: 0 5px 0 15px; transform: rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); width: 1px; }
.filter_plates .plate_filter_style:before { float: right; background: #515151; content: ""; display: inline-block; height: 10px; margin: 5px 5px 0 -7px; transform: rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); width: 1px; }
.filter_plates .plate_filter_style:hover { color: #000; }
.filter_plates .plate_filter_style:hover:before,
.filter_plates .plate_filter_style:hover:after { background: #000; }

.advanced_search__link { display: block; font-family: "oswald"; font-size: 14px; font-weight: 100; margin: 0; padding: 15px 0 0; position: relative; text-transform: uppercase; }
/*.advanced_search__link:after { content: "+"; position: absolute; bottom: 8px; right: 10px; }
.advanced_search__link.on:after { content: "_"; position: absolute; bottom: 14px; right: 11px; }*/
.advanced_search__container { /*display: none;*/ margin: 1rem 0; }
.advanced_search__container div { font-size: 14px; }
.advanced_search__container input[type=text] { border: 1px solid #dcdcdc; font-size: 14px; height: 26px; padding: 4px; width: 50px; }
.advanced_search__container--text input[type=text] { height: 30px; width: 150px; }
fieldset.advanced_search__btn { clear: both; display: inline; float: none; padding: 1rem 0; margin: 1rem 0 0; text-align: center; width: 100%; }
fieldset.advanced_search__fieldset { border: none; margin: 0; padding: 0 24px; }
.filter__selected__label { display: inline-block; width: 100px; padding: 2px 0; font-size: 14px; }
@media (min-width: 768px) {
	fieldset.advanced_search__fieldset { width: 33.3%; }
  fieldset.advanced_search__fieldset:nth-child(3n+2) { clear: both; }
}
@media (min-width: 1024px) {
	fieldset.advanced_search__fieldset { width: 20%; }
  fieldset.advanced_search__fieldset:nth-child(3n+2) { clear: none; }
  fieldset.advanced_search__fieldset:nth-child(5n+2) { clear: both; }
}
/* end of product advanced searcher */


/*
 * @filter
 */
.filter { background: #eeeeee; border: 1px solid #dcdcdc; margin: 8px 0; padding: 15px; position: relative; }

.filter__list { margin-bottom: 5px; }
.filter__list__item { margin: 1% 0; position: relative; }
.filter__list__label { display: block; min-width: 86px; margin: .5% 0 0 0; padding: 10px 0; font-size: 14px; }

.filter__list__item__trigger { display: block; padding: 10px; position: relative; font-size: 14px; background: #fff; border: 1px solid #dcdcdc; cursor: pointer; }

.filter__list__item__trigger:after { position: absolute; right: 19px; top: 50%; margin-top: -4px; content: ""; display: block; background: #000; width: 2px; height: 7px; transform: rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
.filter__list__item__trigger:before { position: absolute; right: 15px; top: 50%; margin-top: -4px; content: ""; display: block; background: #000; width: 2px; height: 7px; transform: rotate(-135deg); -ms-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); }
.filter__list__item__trigger.on:after { position: absolute; right: 15px; top: 50%; margin-top: -4px; content: ""; display: block; height: 10px; width: 2px; background: #e2001a; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 0; }
.filter__list__item__trigger.on:before { position: absolute; right: 15px; top: 50%; margin-top: -4px; content: ""; display: block; height: 10px; width: 2px; background: #e2001a; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

.filter-drop { width: 100%; display: none; }
.filter-drop__content { border: 1px solid #dcdcdc; border-top: 0; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.filter-drop__content input[type=text] { border: 1px solid #dcdcdc; font-size: 14px; height: 26px; padding: 4px; width: 50px; }
.filter-drop__content--text input[type=text] { height: 30px; width: 150px; }
.filter-drop__content p { display: inline; }
.filter-drop ul { max-height: 249px; padding-top: 4px; overflow-y: auto; }
.filter-drop ul::-webkit-scrollbar { width: 10px; }
.filter-drop ul::-webkit-scrollbar-track { background: #f0f0f0; }
.filter-drop ul::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid #f0f0f0; background: #ccc; }
.filter-drop li { padding: 4px 8px; font-size: 14px; }

.filter-drop select { margin: 8px 8px 0; width: 96%; }

.filter-drop__btn { margin: 8px; }

.filter__selected { display: none; margin-bottom: 10px; }
.filter__selected__item { float: left; margin: 1% 1% 0 0; padding: 10px 30px 10px 10px; font-size: 14px; cursor: pointer; background: #f9f9f9; border: 1px solid #c6c6c6; color: #000; position: relative; }
.filter__selected__item:after { position: absolute; right: 15px; top: 50%; margin-top: -4px; content: ""; display: block; height: 10px; width: 2px; background: #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 0; }
.filter__selected__item:before { position: absolute; right: 15px; top: 50%; margin-top: -4px; content: ""; display: block; height: 10px; width: 2px; background: #000; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.filter__selected__item:hover:after { background: #e2001a; }
.filter__selected__item:hover:before { background: #e2001a; }
.filter__selected__item p { display: inline; }

.filter__sorter { margin-top: 12px; }
.filter__sorter--wrapper { display: inline; position: relative; }
.filter__sorter--wrapper:after { position: absolute; right: 19px; top: 50%; margin-top: -4px; content: ""; display: block; background: #000; width: 2px; height: 7px; transform: rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
.filter__sorter--wrapper:before { position: absolute; right: 15px; top: 50%; margin-top: -4px; content: ""; display: block; background: #000; width: 2px; height: 7px; transform: rotate(-135deg); -ms-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); }
.filter__sorter select { margin: 0; font-size: 14px; border: 1px solid #dcdcdc; background: #fff; padding: 9px; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; width: 100%; }

.filter-btn { width: 100%; padding: .5em .75em; font-size: 14px; }

@media (min-width: 768px) {
	.filter__list__item { float: left; width: 49%; margin: 1% 1% 0 0; }
	.filter-drop { position: absolute; z-index: 99; }

	.filter__sorter select { width: 49%; }
	.filter__sorter--hurt select { width: 100%; }
}

@media (min-width: 1024px) {
	.filter__list { width: 100.5%; margin-left: 0; }
	.filter__list__label { padding: 5px 0 10px; float: left; width: 7.5%; min-width: initial; }
	.filter__list__wrapper { width: 92.5%; float: left; }
	.filter__list__item { width: 29.5%; margin: 0.5% 0.5% 0 0; }
	.filter__list__item:nth-child(10) { clear: both; }
	.filter__list__item__trigger { padding: 5px 10px; }
	
	.filter__selected__item { padding: 5px 30px 5px 10px; }
	.filter__selected .filter__list__label { margin-top: 12px; }
	
	.filter__sorter label { padding-top: 1px; }
	.filter__sorter select { width: 19.5%; padding: 4px; }
	.filter__sorter--hurt select { width: 100%; }
}
/* end of filter */

/*
 * @is3_zoom
 */
.zoom_overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.75); display: none; z-index: 999; }
.zoom_overlay.on { display: block; }
.zoom_container { position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; z-index: 1000; display: none; text-align: center; }
.zoom_img_container { position: relative; background: #fff; min-height: 240px; width: 100%; max-width: 750px; margin: 0 auto; }
.zoom_img_container img { margin: 0 auto; display: block; }
.zoom_img_container__controls { position: absolute; top: 2rem; right: 2rem; z-index: 1001; }
.zoom_control { background: #282828; color: #aaa; font-family: "oswald"; height: 41px; line-height: 41px; text-transform: uppercase; letter-spacing: 1px; }
.zoom_control--close { display: block; margin-bottom: 1px; }
.zoom_control--arrow { display: block; float: left; font-size: 24px; height: 41px; line-height: 33px; width: 48px; }
.zoom_control--arrow.off { opacity: .2; }
.zoom_control:last-child { margin-left: 1px; }
.zoom_control:hover { color: #646464; border-color: #646464; }
/* end of is3_zoom */

/*
 *	@cart__coupon
 */
.cart__coupon { text-align: left; }
.cart__coupon [type="checkbox"] { margin-right: .25rem; }
.cart__coupon [type="text"] { margin-right: .25rem; }
.cart__coupon .input--inline { padding: 7px 5px 5px; width: 120px; }
/*.cart__coupon label { margin: 0 0 10px; display: inline-block; float:left; }*/
.cart__coupon button { margin: 0; }

.coupon__break { display: block; }
@media (min-width: 768px) {
	.cart__coupon .input--inline { width: auto; }
	.coupon__break { display: none; }
}
/* end of cart__coupon */

/*
 * @footer
 */
 .footer_outer { background: #232229; /* Old browsers */
 background: -moz-linear-gradient(left,  #232229, #393743); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#232229), color-stop(100%,#393743)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(left,  #232229,#393743); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(left,  #232229,#393743); /* Opera 11.10+ */
 background: -ms-linear-gradient(left,  #232229,#393743); /* IE10+ */
 background: linear-gradient(to right,  #232229,#393743); /* W3C */
 box-shadow: 0 8px 0 #232229 inset; color: #fff; clear: both; }
 .footer_black { background: rgba(0, 0, 0, 0.2); }

.footer_blocks { overflow: hidden; width: 98%; max-width: 1200px; margin: 0 auto; }
.footer_block h3 { margin: 20px 0 25px; font-weight: 400; font-family: "oswald"; font-size: 18px; text-transform: uppercase; line-height: 1; }

.footer_block .phone,
.footer_block .phone a { display: block; font-size: 1.5rem; color: #31a6cb; border-bottom: none; font-weight: 500; line-height: 1; padding-bottom: .25rem; }
.footer_block .phone a:hover { border-bottom-color: #696969; }

.footer_block { margin: 25px 0; }
.footer_block li { margin-bottom: 4px; }
.footer_block a { border-bottom: 1px solid #737275; display: inline-block; color: #aaa9ab; font-size: 13px; }
.footer_block a:hover { border-bottom-color: #aaa9ab; }
.footer_block p strong { color: #31a6cb; font-weight: 500; }

.footer_bottom { width: 100%; overflow: hidden; padding: 2.5rem 1rem 2rem; text-align: center; line-height: 1.45; background: #e8eff5; }
.footer_bottom > p { color: #696969; margin: 0 0 .5rem; font-size: .875rem; }
.footer_bottom > p > a { display: inline-block; border-bottom: 1px solid #d3cfcc; color: #696969; }
.footer_bottom > p > a:hover { border-bottom-color: #696969; }
.footer_bottom span { display: block; }

.footer-block--links { max-width: 260px; display: table; width: 100%; }
.footer-block--links-contact a { color: #fff; margin-bottom: 14px; }
.footer-block--links-contact a.footer_contact_img { border: none; margin-bottom: 0; }
.footer-block--links-contact a.footer_contact_img img { height: 18px; }
.footer-block--long-newsletter em { display: inline-block; font-family: "oswald"; font-size: 18px; font-style: normal; margin: 50px 15px 0 0; text-transform: uppercase; }
.footer-block--long-newsletter a { border: none; text-align: center; width: 45px; }
	.footer-block--long-newsletter a:hover { opacity: .8; }
.footer-block--hide { display: none; }

.footer_yt { position: relative; width: 100%; max-width: 424px; height: 235px; background: url(../../images/layout/rwd/yt.jpg) no-repeat 0 0 / 100%; }
.footer_yt h3 { position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); top: 39%; }
a.footer_yt__link { display: block; border: none; color: #fff; }

.footer_world { font-family: "oswald"; font-size: 14px; }
.footer_world .countries { float: left; text-transform: uppercase; width: 40%; padding: 15px 8% 15px 0; }
	.footer_world .countries span { cursor: pointer; display: block; margin: 0 0 5px; }
	.footer_world .countries span:hover { color: #e2001a; }
.footer_world .addresses { border-left: 1px solid #fff; float: left; font-size: 13px; height: 164px; overflow: hidden; padding: 15px 0 15px 8%; width: 60%; }
	.footer_world .addresses span { display: none; }
	.footer_world .addresses span.current { display: block; }
a.footer_pl__link { border: none; }
.footer_pl__link span { background: #d32221; color: #fff; display: table; font-family: "oswald"; font-size: 16px; margin: 15px 0 0; padding: 6px 32px; text-transform: uppercase; }

.powered_link { display: table; font-size: 14px; padding: 20px 0; }

@media (min-width: 768px) {
	.footer_bottom span { display: inline; }
}
@media (min-width: 1024px) {
	 .footer_outer { background: #232229; /* Old browsers */
	 background: -moz-linear-gradient(left,  #232229 0%, #232229 50%, #393743 51%, #393743 100%); /* FF3.6+ */
	 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#232229), color-stop(50%,#232229), color-stop(51%,#393743), color-stop(100%,#393743)); /* Chrome,Safari4+ */
	 background: -webkit-linear-gradient(left,  #232229 0%,#232229 50%,#393743 51%,#393743 100%); /* Chrome10+,Safari5.1+ */
	 background: -o-linear-gradient(left,  #232229 0%,#232229 50%,#393743 51%,#393743 100%); /* Opera 11.10+ */
	 background: -ms-linear-gradient(left,  #232229 0%,#232229 50%,#393743 51%,#393743 100%); /* IE10+ */
	 background: linear-gradient(to right,  #232229 0%,#232229 50%,#393743 51%,#393743 100%); /* W3C */ }
	 .footer_inner { background: url(../../images/layout/rwd/footer.jpg) no-repeat 90% 0; }
	.footer_block { float: left; }
	.footer-block--diler { text-align: center; }
	.footer-block--links { width: 21.333%; padding-left: 5%; }
	.footer-block--links-first { padding: 0; }
	.footer-block--long { width: 36%; }
	.footer-block--long-newsletter { padding-left: 5%; }
	.footer-block--hide { display: block; }
	.footer-block--show { display: none; }
}
/* end of footer */

/*rwd yt*/

.content_box iframe {display: block; max-width: 550px; width: 100%; height: 320px; margin: 0 auto; }

@media (min-width: 938px) {
	.content_box iframe { margin: 0 auto; }
}

@media (min-width: 1024px) {
	.content_box iframe { max-width: 600px; width: 100%; height: 380px; margin: 0; }
}


/* end rwd yt */

/*
 *	@is3_modal
 */
.modal-overlay { display: none; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.modal-block { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 86%; height: 86%; overflow-y: scroll; z-index: 101; background: #fff; box-shadow: 0 0 10px #000; -webkit-overflow-scrolling: touch; }
.modal-close { background: #f3f3f3; padding: 1rem 2rem; text-align: right; }
/* end of is3_modal */

/*
 *	@global table container
 */
.g--table-container { width: 100%; overflow-x: auto;
	/* ios momentum scrolling is disabled unless you also add: */
	/*-webkit-overflow-scrolling: touch;*/
}
/* add scrollbars to iOS */
.g--table-container::-webkit-scrollbar { height: 12px; }
.g--table-container::-webkit-scrollbar-track { background: #f0f0f0; }
.g--table-container::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid #f0f0f0; background: #ccc; }
/* end of global table container */

/*
 *	@g--table--default
 */
.g--table--default th,
.g--table--default td { text-align: left; padding: 1rem; border: 1px solid #E8EFF5; }
/* end of g--table--default */

/*
 *	@clearfix
 */
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* end of clearfix */

/* @js--section--customer-login */
.js--section--customer-login { display: none; }
/* end of js--section--customer-login */

/*
 *	@visual helpers
 */
.g--visible--large { display: none !important; }
.g--visible--medium { display: none !important; }
.g--visible--small { display: inherit !important; }
@media (min-width: 768px) {
	.g--visible--small { display: none !important; }
	.g--visible--medium { display: inherit !important; }
}
@media (min-width: 1024px) {
	.g--visible--medium { display: none !important; }
	.g--visible--large { display: inherit !important; }
}
/* end of visual helpers */

/*
 *	@arrow
 */
.g--cart-arrow { position: relative; }
.g--cart-arrow:before { background: #737373; content: ""; display: inline-block; height: 5px; transform: rotate(-135deg); -ms-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); width: 1px; }
.g--cart-arrow:after { background: #737373; content: ""; display: inline-block; height: 5px; transform: rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); width: 1px; vertical-align: top; margin: 9px 0 0 -1px; }
.g--cart-arrow i { background: #737373; display: block; height: 1px; left: -7px; position: absolute; top: 13px; width: 10px; }

.arrow_border { border-color: transparent transparent #E8EFF5 transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -19px; right: 4rem; }
.arrow { border-color: transparent transparent #fff transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -17px; right: 4rem; }
/* end of arrow */


/*
 * @customer page
 */
@font-face { font-family: 'fontello'; src: url(../../font/fontello.eot?94127457); src: url(../../font/fontello.eot?94127457#iefix) format("embedded-opentype"), url(../../font/fontello.woff?94127457) format("woff"), url(../../font/fontello.ttf?94127457) format("truetype"), url(../../font/fontello.svg?94127457#fontello) format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }
.icon-spin5:before { content: '\e804'; } /* '' */
.icon-th-list:before { content: '\e805'; } /* '' */
.icon-users:before { content: '\e813'; } /* '' */
.icon-link-1:before { content: '\e80c'; } /* '' */
.icon-award:before { content: '\e812'; } /* '' */
.icon-list-1:before { content: '\e816'; } /* '' */
.icon-list-alt:before { content: '\e815'; } /* '' */
.icon-gift:before { content: '\e80b'; } /* '' */
.icon-chart-bar:before { content: '\e814'; } /* '' */
.icon-facebook-squared:before { content: '\e80d'; } /* '' */
.icon-gplus-squared:before { content: '\e80f'; } /* '' */
.icon-instagramm:before { content: '\e811'; } /* '' */
.icon-star-empty:before { content: '\e817'; } /* '' */
.icon-youtube-squared:before { content: '\e810'; } /* '' */
.icon-search:before { content: '\e803'; } /* '' */
.icon-user:before { content: '\e801'; } /* '' */
.icon-home:before { content: '\e80a'; } /* '' */
.icon-vcard:before { content: '\e808'; } /* '' */
.icon-basket:before { content: '\e800'; } /* '' */
.icon-logout:before { content: '\e806'; } /* '' */
.icon-key:before { content: '\e807'; } /* '' */
.icon-box:before { content: '\e809'; } /* '' */
.icon-list:before { content: '\e802'; } /* '' */
.icon-twitter-squared:before { content: '\e80e'; } /* '' */
.animate-spin { -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; display: inline-block; }
@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@-o-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@-ms-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@-webkit-keyframes show-img { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } }
@-moz-keyframes show-img { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } }
@-o-keyframes show-img { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } }
@keyframes show-img { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } }

.customer_content { position: relative; overflow: hidden; *zoom: 1; }
.customer_content .customer_content__loader { text-align: center; font-size: 4em; line-height: 3em; }
.customer_content__nav { float: left; width: 10%; border-right: 1px solid #e6e5e6; margin-top: 2em; }
.customer_content__nav li { display: block; border-top: 1px solid #e6e5e6; }
.customer_content__nav li:first-child { border-top: 0;box-shadow: none; margin-top: 2rem;}
.customer_content__nav li a { display: block; padding: 1em 0; text-align: center; position: relative; }
.customer_content__nav li a .customer_content__nav__icon { display: inline-block; }
.customer_content__nav li a .customer_content__nav__txt { display: none; max-width: 80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px; }
.customer_content__nav li.customer_content__nav__item--selected a, .customer_content__nav li:hover a { color: #e2001a; }
.customer_content__tab { float: right; width: 88%; }

@media (min-width: 768px) {
  .customer_content__nav { width: 20%; }  .customer_content__nav li a { text-align: left; padding: 1em 0 1em 0.8em; }
  .customer_content__nav li a .customer_content__nav__icon { display: none; }
  .customer_content__nav li a .customer_content__nav__txt { display: inline-block; }
  .customer_content__tab { width: 78%; }
}

@media (min-width: 980px) {
	.customer_content__nav li a .customer_content__nav__icon { display: inline-block; margin-right: 0.8em; }
}
/* end of customer page */

/*
 * @loader
 */
.g--loader { margin: 30px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 4px solid rgba(0, 0, 0, 0.2); border-right: 4px solid rgba(0, 0, 0, 0.2); border-bottom: 4px solid rgba(0, 0, 0, 0.2); border-left: 4px solid #333;
  -webkit-animation: loader 1.1s infinite linear; animation: loader 1.1s infinite linear; }
.g--loader,
.g--loader:after { border-radius: 50%; width: 3em; height: 3em; }

@-webkit-keyframes loader {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loader {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.g--loader--product { position: absolute; left: 50%; top: 50%; margin-top: -1.5em; margin-left: -1.5em; }
/* end of loader */

.cookies { background: rgba(0,0,0,.7); color: #fff; position: fixed; bottom: 0; width: 100%; max-width: 1200px; margin: 0 auto; padding: 10px 10px 10px 15px; z-index: 99; font-size: 12px; }
	.cookies a { text-decoration: underline; }
.cookies__close { float: right; margin: 0 0 0 10px; background: #fff; color: #000; padding: 0 5px; cursor: pointer; }

.autocomplete__img { border: 1px solid #dcdcdc; float: left; height: 60px; margin: 0 15px 0 0; width: 60px; }
.autocomplete_strong { font-weight: 100; float: left; margin-top: -1px; width: calc(100% - 75px); }
.autocomplete_strong i { display: block; font-size: 12px; font-style: normal; line-height: 1.1; margin: 3px 0 0; }

.premiumPointsList .header { display: table-row; }

/*
 * @g--slider
 */
.g--slider { overflow: hidden; margin: 0; position: relative; /*width: 100%; */
	-o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}
.g--slider > ul { list-style: none; margin: 0; padding: 0; overflow: hidden;
	-o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.g--slider > ul > li { float: left; margin: 0; position: relative; /* <- for g--loader */
	-o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}
.js--transition { -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; }
.js--transition--autoplay { -webkit-transition: .8s; -moz-transition: .8s; -o-transition: .8s; transition: .8s; }

.g--slider--products > ul >li { /*width: 25%;*/ border: 1px solid tomato;  }
.g--slider--baners { margin: 8px 0; }

.g--slider--products li.empty { height: 30px; }
/* end of g--slider */

.google_map { border: 1px solid #000; display: table; max-width: 600px; width: 100%; }
.google_map iframe { width: 100%; }

.varaintsBottom { display: table; }
.varaintsBottom .quantity { float: left; margin: 5px 0 10px 8px; }
.varaintsBottom .check { clear: both; float: left; }
.varaintsBottom .title { display: inline-block; margin: 0 0 10px; }
.varaintsBottom .quantity input { border: 1px solid #dcdcdc; width: 50px; color: #b8b8b8; }
.varaints input[type="checkbox"] { margin-top: 6px; vertical-align: top; }

.profile-info {
  background: #444;
  border-radius: 14px;
  color: #fff;
  display: inline-block;
  font-family: times new roman, 'opensans'; font-size: 12px;
  font-style: italic; margin: 3px 0 0 3px; text-align: center;
  text-transform: none; vertical-align: top; width: 15px; height: 15px; cursor: pointer; position: relative;
}

.profile-info:before {
  display: block;
  content: 'i';
}


.filter__info { }
.filter__info_container { font-style: normal; font-family: 'opensans'; }

/* table at infopage */
.content_box .page table.no-border td { border: 0; }
/* --- */

.profile-info:hover .profile-info-tooltip {
  display: block;
}

/*
 * @fonts
 */
.fonts {  }
.fonts__tabs { margin: 0 !important; font-family: Oswald; border-bottom: 1px solid #dfdfdf; padding-bottom: 1px; }
.fonts__tabs li { float: left; width: 20%; list-style: none !important; font-size: 24px; cursor: pointer; padding: 0 6px; }
.fonts__tabs li.active { box-shadow: 0 3px #e2001a; }
.fonts__elements { margin: 20px 0 !important; }
.fonts__elements > li { display: none; list-style: none !important; min-height: 550px; }
.fonts__elements > li.active { display: block; }
.fonts__elements a { text-decoration: none !important; color: #000 !important; }
.fonts__elements a:hover { color: #e2001a !important; }
.fonts__elements__branch {  }
.fonts__elements__branch > span { cursor: pointer; }
.fonts__elements__branch > span:hover { color: #e2001a; }
.fonts__elements__branch.active > span { font-weight: 600; }
.fonts__elements__branch ul { display: none; margin: 10px 40px !important; }
.fonts__elements__branch.active ul { display: block; }
/* end of fonts */

/* points of sale */
	.is_company_fieldset, .dealer_fieldset { clear: both; display: block; overflow: hidden; }
	.is_company_fieldset li, .dealer_fieldset li { clear: both; display: block; margin: 0 0 8px; }
	#select_point_of_sale { display: none; margin: 10px 0 0; }
	.js--points_list, .js--dealer { display: none; overflow:visible !important;}
	.js--points_list .label { display: block; margin: 6px 0 2px; text-align: left; }
	.js--points_list .selecter { clear: both; display: block; margin: 3px 0; min-width: 275px; }
	.js--points_list .selecter .selecter-selected { border: 1px solid #d6d6d6; color: #888; }
	.js--points_list.selecter .selecter-selected:before, .js--points_list.selecter .selecter-selected:after { background: #999; }
	.js--points_list .selecter-element { display: none; }
    #google_map { height: 300px; width: 100%;}
@media (min-width: 768px) {
    #google_map { height: 500px;width: 50%;float: left;}
}

.hidden {
	display: none;
}

.none {
	float: none !important;
}

#headquarters_name, #headquarters_city, #headquarters_state {
	overflow: hidden;
}

/* end points of sale */


/*
 * @ac (autocomplete)
 */
.ac-results { background: #fafafa; border: 1px solid #e6e5e6; border-top: none; left: 0; top: 48px; width: 100%; padding: 0; z-index: 1; max-height: 240px; overflow: auto; position: absolute; }

.ac-results > span { display: block; clear: both; padding: 10px 8px; }

.ac-results > span:hover
{
	background: #f0f0f0;
	cursor: pointer;
}
.ac-results a {
	display: block;
	overflow: hidden;
}

.ac-results > span > span > a {
	display: table-cell;
}

.ac-results strong
{
	color: #006060;
}
.ac-results em
{
	display: block;
	font-style: normal;
	font-size: 0.9rem;
	line-height: 1.1;
}
#tellAFriendForm .box-recaptcha {
    padding-left: 217px;
    margin-bottom: 14px;
}

.compare_box table, .compare_box table td {
    vertical-align: top;
    text-align: left;
}

.compare_box .btn--go-to-cart {
    margin-left: 0;
    display: block;
    width: 100%;
}

.compare_box table td {
    padding: 7px;
    font-size:13px;
    min-width: 207px;
    width: 225px;
}

.ml-15 {
    margin-left:15px;
}

.pull-left {
    float:left;
}

.btn--remove-from-cart.pull-right {
    margin-top: 11px;
}

.pull-right {
    float:right;
}

.content-scroll {
    overflow-x: auto;
}

.compare_box .text-center {
    text-align: center;
}

.compare_box table td img {
    display: block;
    margin:0 auto;
}

.compare_box table td.price {
    font-family: "oswald";
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
}

.compare_box table td.price strong {
    display:block;
}

.compare_box table td.price span {
    font-size:13px;
}

.compare_box .content .tr-price {
    background: #fff;
}

.compare_box .btn--remove-from-cart {
    padding: 10px 17px;
}

.compare_box .content .tr-name {
    background: #ddd;
}

.compare_box .content tr:nth-child(2) a {
    font-weight: 500;
}

.compare_box tr:nth-child(even) {
    background-color: #f2f2f2
}

.compare_box table {
    width:auto;
}

.compare_box .btn--go-to-cart {
    line-height: 1.4;
    white-space: nowrap;
}

.products_list a {
    margin-bottom: 0;
}
.products_list .btn-list-add {
    padding: 10px 0px;
    margin:0;
    display: block;
    line-height: 1;
    font-family: 'oswald';
    border: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 10% 0% 0;
}

.products_list .btn-list-add:hover {
    background: #000;
    text-decoration: none;
    color:#fff;
}

.btn-add-to-card {
    color: #fff;
    cursor: pointer;
    background: #e2001a;

}

.compare_box .title {
    font-family: "oswald";
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    margin: 5px 5px;
    text-align: center;
    overflow: hidden;
    color:#000;
    padding: 15px;
    height: 93px;
    vertical-align: middle;
}

.compare_box .bd {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align: center;
}

.compare_box .field_name {
    min-width: 250px;
    width:250px;
}

.btn--remove-from-cart {
    padding: 10px 29px;
    line-height: 1.4;
    color: #fff;
    font-family: 'oswald';
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    background: rgba(43, 43, 43, 0.72);
    letter-spacing: 1px;
    text-align: center;
    /* white-space: nowrap; */
    width:auto;
    display: inline-block;
}

.btn--remove-from-cart.btn--remove-from-cart-product {
    padding: 15px 31px;
}

.buy_section_data .btn--remove-from-cart {
    color:#fff;
}

.compare_box .btn--remove-from-cart:hover {
    background: rgba(43, 43, 43, 1);
}

.compare_box__action {
    display: flex;
}

.header__cart__anchor:hover em.compare_number {
    color:#fff;
}

#ohsnap .alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #eed3d7;
    border-radius: 4px;
    position: fixed;
    bottom: 0px;
    right: 21px;
    /* Each alert has its own width */
    float: right;
    clear: right;
}

#ohsnap .alert-red {
    color: white;
    background-color: #DA4453;
}
#ohsnap .alert-green {
    color: white;
    background-color: #37BC9B;
}
#ohsnap .alert-blue {
    color: white;
    background-color: #4A89DC;
}
#ohsnap .alert-yellow {
    color: white;
    background-color: #F6BB42;
}
#ohsnap .alert-orange {
    color:white;
    background-color: #E9573F;
}

@media screen and (max-width: 767px) {
    .ac-results {
        position: static;
    }

    #tellAFriendForm .box-recaptcha {
        padding-left: 8px;
    }
    .compare_box .btn--remove-from-cart-all {
        float:left;
    }
    .btn--remove-from-cart-product {
        width:203px;
        margin-top:5px;
    }
}

@media screen and (min-width:768px) and (max-width: 1024px) {
    #tellAFriendForm .box-recaptcha {
        padding-left: 16px;
    }
}

.submenu-price_list_title {
    padding: 1rem 1.2rem;
}

@media all and (max-width: 767px) {
    .compare_box .field_name {
        min-width: 150px;
        width: 150px;
    }

    .compare_box table td:first-child {
        min-width: 150px;
        width: 150px;
    }

    .clone {
        display: none;
    }
}

.compare-wrap {
    position: relative;
    overflow: hidden;
}

.clone {
    position:absolute;
    top: 0;
    left: 0;
    pointer-events:none;
    opacity: 0;
    transition: opacity .3s;
}

.clone {
    opacity: 1;
}
.clone tr:nth-child(2n+3) td {
    background: #fff;
}

.clone td {
    border: none;
}

.clone tr.tr-name td {
    background: #ddd;
}
.clone th, .clone td {
    visibility:hidden;
}
.clone td, .clone th {
}
.clone tbody th {
    visibility:visible;
}
.clone .fixed-side {
    visibility:visible;
    box-shadow: 1px 0px 0px rgba(0,0,0,.25);
}

.buy.btn-add-to-card-list {
    padding: 10px 0px;
    margin: 0 10% 0% 0;
    display: block;
    width:90%;
}

.header__flags_chooser {
    padding: 10px;
}



.flag__chooser {
    float:right;
    padding: 8px;
    margin-right: 10px;
    border-right: 1px solid #e4e3e6;
}

.flag__chooser .flag__link {
    display: inline-block;
}

.flag__chooser .flag__link {
    margin-right: 5px;
}

.header__flags .flag__link:not(:last-child) {
    border-right:1px solid #e2e0e0;
    padding-right: 10px;
}
.header__flags_company .last {
    border-right:none!important;
    padding-right:0!important;
}
.header__flags .flag__link:hover a {
    padding-bottom: 3px;
    border-bottom:1px solid #e4e3e6;
}

.btn-export-box {
    text-align: right;
}

.btn-export-box a {
    margin-left: 15px;
    font-size: 14px;
}

.btn-export-box a:hover {
    text-decoration: underline;
}
/*
 * PAGER
 */
@font-face {
    font-display: auto;
}

/*
 * @OPUS Przewodnik
 */
#piktogramy {
    width: auto;
    height: auto;
    display: block;
}

.tile_header {
    min-width: 327px;
    max-width: 100%;
    max-height: 160px;
    width: 100%;
    display: block;
    margin: 30px 0 7px 6px;
    text-align: left;
    vertical-align: middle;
    font-size: 30px;
    font-weight: bold;
    color: white;
    padding: 10px;
    font-family: 'oswald';
    text-transform: uppercase;
}

.left {
    float: left;
}

.right {
    float: right;
}

#przewodnik1 {
    font-size: 26px;
    line-height: 1.5;
    color: black;
    margin: 0 0 20px 5px;
    font-family: "oswald";
}

#przewodnik2 {
    font-size: 32px;
    line-height: 1.5;
    color: #e2001a;
    margin: 17px 0 20px 5px;
    font-family: "oswald";
}

#tile_pu {
    background: #ffffff url("/files/DPR/Opisowe/systemy-opus/korpora_gl.jpg") no-repeat left top;
}

#tile_pu_gb {
    background: #ffffff url("/files/DPR/Opisowe/systemy-opus/gb/korpora_gl_gb.jpg") no-repeat left top;
}

a#tile_pu_1 {
    width: 100%;
    height: 170px;
    display: block
}

a#tile_pu_1:hover {
    background: #c1604a;
    opacity: 0.2;
}

a#tile_pu_2 {
    width: 100%;
    height: 120px;
    display: block
}

a#tile_pu_2:hover {
    background: #c1604a;
    opacity: 0.2;
}

a#tile_pu_3 {
    width: 100%;
    height: 160px;
    display: block
}

a#tile_pu_3:hover {
    background: #c1604a;
    opacity: 0.2;
}

a#tile_pu_4 {
    width: 100%;
    height: 190px;
    display: block
}

a#tile_pu_4:hover {
    background: #c1604a;
    opacity: 0.2;
}

#tile_dpu {
    background: #ffffff url("/files/DPR/Opisowe/systemy-opus/dp_gl.jpg") no-repeat left top;
}

#tile_dpu_gb {
    background: #ffffff url("/files/DPR/Opisowe/systemy-opus/gb/dp_gl_gb.jpg") no-repeat left top;
}

a#tile_dpu_1 {
    width: 100%;
    height: 170px;
    display: block
}

a#tile_dpu_1:hover {
    background: #58585a;
    opacity: 0.2;
}

a#tile_dpu_2 {
    width: 100%;
    height: 110px;
    display: block
}

a#tile_dpu_2:hover {
    background: #58585a;
    opacity: 0.2;
}

a#tile_dpu_3 {
    width: 100%;
    height: 170px;
    display: block
}

a#tile_dpu_3:hover {
    background: #58585a;
    opacity: 0.2;
}

a#tile_dpu_4 {
    width: 100%;
    height: 170px;
    display: block
}

a#tile_dpu_4:hover {
}

a#tile_dpu_5 {
    width: 100%;
    height: 120px;
    display: block
}

a#tile_dpu_5:hover {
    background: #58585a;
    opacity: 0.2;
}

a#tile_dpu_6 {
    width: 100%;
    height: 220px;
    display: block
}

a#tile_dpu_6:hover {
    background: #58585a;
    opacity: 0.2;
}

#tile_pfoto {
    background: #ffffff url("/files/DPR/Opisowe/systemy-opus/foto_gl.jpg") no-repeat left top;
}

#tile_pfoto_gb {
    background: #ffffff url("/files/DPR/Opisowe/systemy-opus/gb/foto_gl_gb.jpg") no-repeat left top;
}

a#tile_pfoto_1 {
    width: 100%;
    height: 220px;
    display: block
}

a#tile_pfoto_1:hover {
    background: #006338;
    opacity: 0.2;
}

a#tile_pfoto_2 {
    width: 100%;
    height: 100px;
    display: block
}

a#tile_pfoto_2:hover {
    background: #006338;
    opacity: 0.2;
}

a#tile_pfoto_3 {
    width: 100%;
    height: 160px;
    display: block
}

a#tile_pfoto_3:hover {
    background: #006338;
    opacity: 0.2;
}

#tile_menu_last {
    margin-bottom: 0px;
}

#pusty {
    width: 100%;
    height: 400px;
    display: block;
}

#do_gory {
    float: right;
    width: 50px;
    height: 50px;
    background-color: #e2001a;
}

#do_gory a {
    color: white;
}

#do_gory a:link, #do_gory a:visited {
    color: white;
    text-decoration: none;
}

#piktogramy_menu_left {
    float: left;
    width: 400px;
    margin-right: 0px;
    display: inline-block;
}

#piktogramy_menu_right {
    float: left;
    width: 400px;
    display: inline-block;
}

#piktogramy_menu a:link, #piktogramy_menu a:visited {
    color: black;
    text-decoration: none;
}

[class^="hvr-"] {
    font-family: 'oswald';
}

[class^="hvr-"] {
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin: .4em;
    padding: 1em;
    cursor: pointer;
    background: #e1e1e1;
    min-width: 260px;
    width: 390px;
    /* border: 3px solid #e2001a; */
    text-decoration: none;
    color: #666;
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Underline From Left */
.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    /* background: #2098d1; */
    height: 10px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.color1, .color1b:before {
    background: #41ba7c;
}

.color2, .color2b:before {
    background: #f9a45e;
}

.color3, .color3b:before {
    background: #577bbd;
}

.color4, .color4b:before {
    background: #524fa2;
}

.color5, .color5b:before {
    background: #c1604a;
}

.color6, .color6b:before {
    background: #58585a;
}

.color7, .color7b:before {
    background: #006338;
}

.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
    right: 0;
    color: black;
}

a.to-top {
    display: none;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    background: #27AE61 url("/files/DPR/Opisowe/systemy-opus/to-top.png") no-repeat center 43%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

a:hover.to-top {
    background-color: #000;
}

.tile_big_320 {
    width: 320px;
    height: 320px;
    float: left;
    margin: 0;
    border: 0;
}

.tile_big_320:hover {
    -ms-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
}

.tile_big_320_nolink {
    width: 320px;
    height: 320px;
    float: left;
    margin: 0;
    border: 0;
}

.tile_big_480 {
    width: 320px;
    height: 480px;
    float: left;
    margin: 0;
    border: 0;
}

.tile_big_640 {
    width: 320px;
    height: 638px;
    float: left;
    margin: 0;
    border: 0;
}

.tile_big_960 {
    width: 320px;
    height: 960px;
    float: left;
    margin: 0;
    border: 0;
}

.tile_small {
    width: 160px;
    height: 160px;
    float: left;
    margin: 0;
    border: 0;
}

.tile_small:hover {
    -ms-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9); /* filter: blur(5px); -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); transform: rotate(-5deg); -ms-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); */
}

.tile_small_nolink {
    width: 160px;
    height: 160px;
    float: left;
    margin: 0;
    border: 0;
}

.tile_clear {
    clear: both;
    overflow: auto;
}

.float_left {
    float: left;
}

.float_left_320 {
    float: left;
    min-width: 260px;
    width: 260px;
}

.margin6 {
    margin: 6px;
}

/* end of OPUS pictogram */

/*
 * @OPUS FIRMA
 */
.firma_container {
    width: 100%;
    height: auto;
    border-right: 1px solid #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
}

@media only screen and (max-width: 414px) {
    .firma_container {
        max-width: 414px;
    }
}

.firma_container2 {
    width: 100%;
    height: auto;
    border-top: 5px solid #fff;
    background: #8E8E8E;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
}

@media only screen and (max-width: 414px) {
    .firma_container2 {
        max-width: 414px;
    }
}

.firma_misja {
    width: 100%;
    height: auto;
    border-right: 1px solid #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    background: #e2001a;
}

@media only screen and (max-width: 414px) {
    .firma_misja {
        max-width: 414px;
    }
}

#firma_misja_box {
    width: 25%;
    display: block;
    float: left;
    padding: 25px;
    font-family: "oswald";
    border-right: 1px solid #fff;
}

@media only screen and (max-width: 736px) {
    #firma_misja_box {
        width: 100%;
        height: auto;
    }
}

.firma_film {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.firma_film iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.firma_film object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bg_color_red {
    background: #e2001a;
}

.bg_color_grey {
    background: #8E8E8E;
}

.bg_color_black {
    background: #000;
}

.bg_color_brown {
    background: #581415;
}

.bg_color_navy_blue {
    background: #1B3766;
}

.bg_color_gold {
    background: #D6B563;
}

.firma_h1 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 42px;
    line-height: 1;
    color: white;
    width: 100%;
    padding: 20px 0;
    font-family: "oswald";
}

@media only screen and (max-width: 736px) {
    .firma_h1 {
        border-bottom: 1px solid #fff;
    }
}

.firma_liczby {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
}

@media only screen {
    .firma_liczby {
    }
}

.firma_liczba_box {
    width: 14.2857%;
    height: 250px;
    display: block;
    float: left;
    padding: 5px;
    font-family: "oswald";
}

@media only screen and (max-width: 736px) {
    .firma_liczba_box {
        width: 50%;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
}

.firma_liczba_box:hover .number {
    font-size: 37px;
}

@media only screen and (max-width: 736px) {
    .firma_liczba_box:hover .number {
        font-size: 30px;
    }
}

#firma_dzial_box {
    width: 20%;
    display: block;
    float: left;
    padding: 25px;
    font-family: "oswald";
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

@media only screen and (max-width: 736px) {
    #firma_dzial_box {
        width: 50%;
        height: auto;
    }
}

#firma_dzial_box_last {
    width: 20%;
    display: block;
    float: left;
    padding: 25px;
    font-family: "oswald";
    border-right: none;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

@media only screen and (max-width: 736px) {
    #firma_dzial_box_last {
        width: 50%;
        height: auto;
    }
}

#firma_dzial_box:hover, #firma_dzial_box_last:hover {
    background: #656565;
    text-decoration: none;
}

#firma_dzial_box a:link, #firma_dzial_box a:visited, #firma_dzial_box_last a:link, #firma_dzial_box_last a:visited {
    text-decoration: none;
}

.icon {
    color: white;
    text-align: center;
}

.icon img {
    border: none;
    margin: 0;
    float: none;
}

.number {
    color: white;
    text-align: center;
    font-size: 30px;
    font-family: "oswald";
}

.title {
    color: white;
    text-align: center;
    font-family: "oswald";
    overflow: hidden;
}

.title1 {
    color: white;
    text-align: center;
    font-size: 18px;
    font-family: "oswald";
}

.title2 {
    color: white;
    text-align: center;
    font-size: 12px;
    font-family: "oswald";
    padding: 15px;
}

.title3 {
    color: white;
    text-align: left;
    font-size: 36px;
    font-family: "oswald";
    padding-bottom: 25px;
}

.title4 {
    color: white;
    text-align: left;
    font-size: 18px;
    font-family: "oswald";
    padding: 15px;
}

.title_foto {
    color: black;
    text-align: center;
    font-size: 18px;
    font-family: "oswald";
    padding-top: 30px;
}

#firma_dzial_box_tym {
    width: 33%;
    min-width: 360px;
    height: 160px;
    display: block;
    float: left;
    padding: 25px;
    font-family: "oswald";
    border-right: 1px solid #fff;
}

#firma_dzial_box_tym_last {
    width: 34%;
    min-width: 360px;
    height: 160px;
    display: block;
    float: left;
    padding: 25px;
    font-family: "oswald";
    border-right: none;
}

.firma_container_tym {
    width: 100%;
    height: auto;
    display: inline-block;
    background: #e2001a;
}

/* end of OPUS FIRMA */

/*
 * @OPUS EASY-LINE
 */
#easy_line {
    width: 50%;
}

@media only screen and (max-width: 736px) {
    #easy_line {
        width: 100%;
    }
}

#easy_line_banner, #easy_line_banner_1, #easy_line_banner_2 {
    line-height: 0;
}

/* end of OPUS pictogram */

/*
 * @systemy bindowania, złocenia itp.
 */
@media only screen and (max-width: 736px) {
    .btn-more {
        margin: 27px auto !important;
    }
}

.systemy_container {
    width: 100%;
    height: auto;
    border-top: 5px solid #fff;
    border-right: 1px solid #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
}

@media only screen and (max-width: 414px) {
    .systemy_container {
        max-width: 414px;
    }
}

.systemy_container2 {
    width: 100%;
    height: auto;
    border-top: 5px solid #fff;
    display: inline-block;
    background: #8E8E8E;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
}

@media only screen and (max-width: 414px) {
    .systemy_container2 {
        max-width: 414px;
    }
}

.category_desc {
	margin: 10px;
	padding: 10px;
	background: #fff;
}

.systemy_h1 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 42px;
    line-height: 1.2;
    color: white;
    width: 89%;
    margin: 20px 0;
    font-family: "oswald";
}

@media only screen and (max-width: 736px) {
    .systemy_h1 {
        margin: 20px auto;
    }
}

.systemy_empty_h1 {
    width: 100%;
    height: 25px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
}

.systemy_h1_no_btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 42px;
    line-height: 1.2;
    color: white;
    width: 100%;
    margin: 20px 0;
    font-family: "oswald";
}

.systemy_liczby {
}

.systemy_liczba_box {
    width: 16%;
    min-width: 176px;
    height: 250px;
    min-height: 250px;
    display: block;
    float: left;
    padding: 5px;
    font-family: "oswald";
}

.systemy_liczba_box:hover .number {
    font-size: 40px;
}

.desc1 {
    color: white;
    text-align: justify;
    font-size: 14px;
    font-family: "oswald";
    padding: 15px;
}

.desc2 {
    color: white;
    text-align: justify;
    font-size: 20px;
    font-family: "oswald";
    padding: 15px;
}

.desc3 {
    color: white;
    text-align: justify;
    font-size: 20px;
    font-family: "oswald";
    padding: 30px;
}

.desc_foto {
    color: black;
    text-align: justify;
    font-size: 14px;
    font-family: "oswald";
    padding: 15px;
}

.icon1 {
    color: white;
    text-align: center;
    padding-top: 15px;
}

.icon2 {
    color: white;
    text-align: center;
    padding-top: 15px;
}

.icon2 img {
    border: 1px solid white;
}

.pic_left {
    color: white;
    text-align: center;
    padding: 30px;
    float: left;
}

.pic_left img {
    border: 5px solid #e2001a;
}

.pic_right {
    color: white;
    text-align: center;
    padding: 30px;
    float: right;
}

.pic_right img {
    border: 5px solid #e2001a;
}

.btn-more {
    display: inline-block;
    padding: 10px 30px;
    margin: 27px 5px;
    line-height: 1;
    color: #fff;
    font-family: 'oswald';
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    background: #000;
    letter-spacing: 1px;
}

.btn-more:hover {
    background: #fff;
    color: #000;
    text-decoration: none;
    float: right;
    margin-right: 20px;
}

#systemy_baner_terbind {
    display: block;
}

#systemy_baner_oczyszczacze img {
    border: none !important;
}

#systemy_dzial_box_8b {
    width: 12.5%;
    height: auto;
    float: left;
    padding: 0px;
    font-family: "oswald";
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: block;
}

@media only screen and (max-width: 736px) {
    #systemy_dzial_box_8b {
        width: 50%;
        height: auto;
    }
}

#systemy_dzial_box_6b {
    width: 16.6667%;
    height: auto;
    float: left;
    padding: 0px;
    font-family: "oswald";
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: block;
}

@media only screen and (max-width: 736px) {
    #systemy_dzial_box_6b {
        width: 50%;
        height: auto;
    }
}

#systemy_dzial_box {
    width: 20%;
    height: auto;
    float: left;
    padding: 0px;
    font-family: "oswald";
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: block;
}

@media only screen and (max-width: 736px) {
    #systemy_dzial_box {
        width: 50%;
        height: auto;
    }
}

#systemy_dzial_box_last {
    width: 0%;
    height: auto;
    float: left;
    padding: 0px;
    font-family: "oswald";
    border-right: 1px solid #fff;
    border-bottom: 0px solid #fff;
    display: block;
}

@media only screen and (max-width: 736px) {
    #systemy_dzial_box_last {
        width: 50%;
        height: auto;
    }
}

#systemy_dzial_box_link:hover, #systemy_dzial_box:hover, #systemy_dzial_box_6b:hover, #systemy_dzial_box_8b:hover {
    border: 1px solid #fff;
    background: #656565;
    text-decoration: none;
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    bottom: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transform: scale(1.02);
}

#systemy_dzial_box_link a:link, #systemy_dzial_box a:link, #systemy_dzial_box a:visited, #systemy_dzial_box_6b a:link, #systemy_dzial_box_8b a:link {
    text-decoration: none;
}

#systemy_dzial_box_4b {
    width: 25%;
    height: auto;
    float: left;
    padding: 0px;
    font-family: "oswald";
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    display: block;
}

@media only screen and (max-width: 736px) {
    #systemy_dzial_box_4b {
        width: 50%;
        height: auto;
    }
}

#systemy_dzial_box_4b_link {
    width: 25%;
    height: auto;
    float: left;
    padding: 0px;
    font-family: "oswald";
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    display: block;
}

@media only screen and (max-width: 736px) {
    #systemy_dzial_box_4b_link {
        width: 50%;
        height: auto;
    }
}

#systemy_dzial_box_4b_link:hover {
    border: 1px solid #fff;
    background: #656565;
    text-decoration: none;
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    bottom: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transform: scale(1.02);
}

#systemy_dzial_box_6b_link {
    width: 16.6667%;
    height: auto;
    float: left;
    padding: 0px;
    font-family: "oswald";
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    display: block;
}

@media only screen and (max-width: 736px) {
    #systemy_dzial_box_6b_link {
        width: 50%;
        height: auto;
    }
}

#systemy_dzial_box_6b_link:hover {
    border: 1px solid #fff;
    background: #656565;
    text-decoration: none;
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    bottom: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transform: scale(1.02);
}

#systemy_dzial_box_6b_link a:link, #systemy_dzial_box_4b_link a:link, #systemy_dzial_box a:visited, #systemy_dzial_box_last a:link, #systemy_dzial_box_last a:visited {
    text-decoration: none;
}

#systemy_dzial_box_3b {
    width: 33.33%;
    height: auto;
    float: left;
    padding: 0px;
    font-family: "oswald";
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    display: block;
}

@media only screen and (max-width: 736px) {
    #systemy_dzial_box_3b {
        width: 50%;
        height: auto;
    }
}

#systemy_dzial_box_3b_link {
    width: 33.33%;
    height: auto;
    float: left;
    padding: 0px;
    font-family: "oswald";
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    display: block;
}

@media only screen and (max-width: 736px) {
    #systemy_dzial_box_3b_link {
        width: 50%;
        height: auto;
    }
}

#systemy_dzial_box_3b_link:hover {
    background: #656565;
    text-decoration: none;
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    bottom: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transform: scale(1.02);
}

#systemy_dzial_box_3b_link a:link, #systemy_dzial_box_3b_link a:visited {
    text-decoration: none;
}

#systemy_dzial_box_2b {
    width: 50%;
    height: auto;
    float: left;
    padding: 0px;
    font-family: "oswald";
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    display: block;
}

@media only screen and (max-width: 736px) {
    #systemy_dzial_box_2b {
        width: 50%;
        height: auto;
    }
}

#systemy_dzial_box_2b_link {
    width: 50%;
    height: auto;
    float: left;
    padding: 0px;
    font-family: "oswald";
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    display: block;
}

@media only screen and (max-width: 736px) {
    #systemy_dzial_box_2b_link {
        width: 50%;
        height: auto;
    }
}

#systemy_dzial_box_2b_link:hover {
    background: #656565;
    text-decoration: none;
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    bottom: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transform: scale(1.02);
}

#systemy_dzial_box_2b_link a:link, #systemy_dzial_box_2b_link a:visited {
    text-decoration: none;
}

#systemy_dzial_box_100 {
    width: 100%;
    height: auto;
    float: left;
    padding: 0px;
    font-family: "oswald";
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    display: block;
}

@media only screen and (max-width: 736px) {
    #systemy_dzial_box_100 {
        width: 100%;
        height: auto;
    }
}

#systemy_dzial_box_100 a:link, #systemy_dzial_box_100 a:visited {
    text-decoration: none;
}

#systemy_dzial_box_100_h1 {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px;
    font-family: "oswald";
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    display: block;
}

#systemy_foto_box_2b_link {
    width: 50%;
    height: auto;
    float: left;
    padding: 0px;
    font-family: "oswald";
    display: block;
}

@media only screen and (max-width: 736px) {
    #systemy_foto_box_2b_link {
        width: 100%;
        height: auto;
    }
}

/* #systemy_foto_box_2b_link:hover {background: #fff; text-decoration: none; -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); bottom: 0; -webkit-transition: all 0.2s ease-in-out; -webkit-transform: scale(1.02);}
*/
#systemy_foto_box_2b_link a:link, #systemy_dzial_box_2b_link a:visited {
    text-decoration: none;
}

#systemy_dzial_box_3_4b {
    width: 75%;
    height: auto;
    float: left;
    padding: 0px;
    font-family: "oswald";
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    display: block;
}

@media only screen and (max-width: 736px) {
    #systemy_dzial_box_3_4b {
        width: 50%;
        height: auto;
    }
}


/* end of systemy */
/*
 * @katalogi
 */
.catalog_container {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
}

@media only screen {
    .catalog_container {
        width: 100%;
        height: auto;
        float: left;
    }

    #catalog_box {
        width: 33.33%;
        height: auto;
        float: left;
        padding: 0px;
        font-family: "oswald";
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        display: block;
    }
}
    @media only screen and (max-width: 736px) {
        #catalog_box {
            width: 100%;
            height: auto;
        }
    }
    #catalog_box:hover {
        background: #656565;
        border: 1px solid #fff;
        text-decoration: none;
        -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
        box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
        bottom: 0;
        -webkit-transition: all 0.2s ease-in-out;
        -webkit-transform: scale(1.02);
    }

    #catalog_box a:link, #catalog_box a:visited {
        text-decoration: none;
    }

    #catalog_box_sub {
        width: 25%;
        height: auto;
        float: left;
        padding: 0px;
        font-family: "oswald";
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        display: block;
    }

    @media only screen and (max-width: 736px) {
        #catalog_box_sub {
            width: 100%;
            height: auto;
        }
    }
    #catalog_box_sub:hover {
        background: #656565;
        border: 1px solid #fff;
        text-decoration: none;
        -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
        box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
        bottom: 0;
        -webkit-transition: all 0.2s ease-in-out;
        -webkit-transform: scale(1.02);
    }

    #catalog_box_sub a:link, #catalog_box_sub a:visited {
        text-decoration: none;
    }

    .catalog_empty_h1 {
        width: 100%;
        height: 20px;
        border-right: 1px solid #fff;
    }

    .catalog_image img {
        border-bottom: 1px solid #fff;
    }

    .catalog_title1 {
        color: white;
        text-align: center;
        font-size: 26px;
        font-family: "oswald";
        padding: 15px;
    }

    .catalog_title2 {
        color: white;
        text-align: center;
        font-size: 16px;
        font-family: "oswald";
        padding: 15px;
    }

    /* end of katalogi */
    /*
     * @prezentacja pięknej papierni
     */
    #pp_logo {
        width: 33.33%;
        height: auto;
        float: left;
        padding: 0px;
        font-family: "oswald";
        display: inline-block;
    }

    @media only screen and (max-width: 736px) {
        #pp_logo {
            width: 100%;
            height: auto;
        }
    }
    #pp_menu_container {
        width: 66.66%;
        height: auto;
        float: left;
        padding: 0px;
        font-family: "oswald";
        display: block;
    }

    @media only screen and (max-width: 736px) {
        #pp_menu {
            width: 100%;
            height: auto;
        }
    }
    #pp_menu {
        width: 100%;
        height: 77px;
        float: left;
        padding: 0px;
        font-family: "oswald";
        display: block;
    }

    #pp_menu:hover {
        padding-left: 10px;
    }

    #pp_h1 {
        width: 100%;
        height: 77px;
        float: left;
        padding: 0px;
        font-family: "oswald";
        border-bottom: 5px solid #D6B563;
        display: block;
    }

    #pp_dyplom {
        width: 25%;
        height: auto;
        float: left;
        padding: 0px;
        font-family: "oswald";
        border-bottom: 5px solid #D6B563;
        display: block;
    }

    @media only screen and (max-width: 736px) {
        #pp_dyplom {
            width: 100%;
            height: auto;
        }
    }
    #pp_dyplom:hover {
        background: #1B3774;
        border: 1px solid #D6B563;
        border-bottom: 5px solid #D6B563;
        text-decoration: none;
        -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
        box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
        bottom: 0;
        -webkit-transition: all 0.2s ease-in-out;
        -webkit-transform: scale(1.02);
    }

    #pp_dyplom a:link, #pp_dyplom a:visited {
        text-decoration: none;
    }

    .pp_image {
        padding: 15px;
    }

    .pp_title1 {
        color: #D6B563;
        text-align: center;
        font-size: 12px;
        font-family: "oswald";
        padding: 15px;
    }

    .pp_title2 {
        color: #D6B563;
        text-align: center;
        font-size: 12px;
        font-family: "oswald";
        padding: 15px;
    }

    /* prezentacja pięknej papierni */
    /*
     * @promocje
     */
    #Table_01 {
        line-height: 0;
    }
    .content_box .page td {
        border: none !important;
    }
	.promo-left {width: 450px; height: 430px; float: left; overflow: hidden;}
	@media only screen and (max-width: 736px) {.promo-left {width: 50%; height: auto; float: left;}}
	.promo-left a {display: block;}
	.promo-right {width: 450px; height: 430px; float: right; overflow: hidden;}
	@media only screen and (max-width: 736px) {.promo-right {width: 50%; height: auto; float: right;}}
	.promo-right a {display: block;}
	.promocja-top {width: 1157px; height: 500px; float: left; overflow: hidden; display: block;}
	@media only screen and (max-width: 736px) {
        .promocja-top {
            display: block;
            width: 100%;
			height: auto;
        }
	}
	.promocja-1-3 {width: 33.26%; height: auto; float: left; overflow: hidden; background: #dfe3e7; padding: 10px; font-size: 24px;}
	@media only screen and (max-width: 736px) {
        .promocja-1-3 {
            display: block;
            width: 100%;
        }
	}
	.promocja-warmusz {position: relative;}
	.kontakt_warmusz {position: absolute; top: 50%; left: 4%; overflow: hidden; font-size: 28px;}
	@media only screen and (max-width: 736px) {.kontakt_warmusz {font-size: 18px;}}
    /* promocje */
    /*
     * @OPUS OUTLET
     */
    .outlet_table {
        margin: 1em 0;
        width: 100%;
        overflow: hidden;
        background: #e4e4e4;
        color: #000;
        font-family: "oswald";
        text-align: center;
    }

    .outlet_table tr {
        border: 1px solid #000 !important;
    }

    .outlet_table tr:nth-child(odd) {
        background: #efefef;
    }

    .outlet_table th {
        background: #ababab;
        color: #000;
        padding: 1em;
    }

    .outlet_table td {
        border: 1px solid #b6b6b6 !important;
    }

    @media only screen and (max-width: 736px) {
        .outlet_table th, td {
            display: block;
            width: 100%;
        }
    }
    .outlet_image img {
        border: 3px solid #fff;
        border-radius: 50%;
    }

    .outlet_btn a {
        color: white !important;
        text-decoration: none !important;
    }

    .outlet_brutto {
        font-size: 80%;
    }

    /* end of OPUS OUTLET */
    /*
     * @OPUS PROMO E120
     */
    :root {
        --glowny-kolor-tla: #fff;
        --drugi-kolor-tla: #fff;
    }

    .naglowek, #blok-50, #blok-51, #blok-52, #blok-53, #blok-54, #blok-55, #blok-56 {
        background-color: var(--glowny-kolor-tla);
    }

    .naglowek-gora-fotka {
        height: 300px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/easy_120/easyline_1200x300.png);
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    .naglowek-gora-fotka-en {
        height: 300px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/easy_120/easyline_1200x300_en.png);
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-fotka {
            height: 150px;
            width: 100%;
        }
    }
    .naglowek-dol-opis {
        height: 250px;
        background-color: var(--glowny-kolor-tla);
        position: relative;
        width: 100%;
    }

    @media only screen and (max-width: 736px) {
        .blok-opis {
            height: 125px;
            width: 100%;
        }
    }
    .box-zawartosc-top {
        position: absolute;
        margin: 0 auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 78%;
        max-width: 1200px;
    }

    .box-zawartosc-top h1 {
        font-size: 3.6rem;
    }

    @media only screen and (max-width: 736px) {
        .box-zawartosc-top h1 {
            font-size: 1.86667rem;
        }
    }
    .box-zawartosc-top p {
        font-size: 1.06667rem;
    }

    .blok-fotka1 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/easy_120/easy_120.png);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-fotka1 {
            height: 450px;
            width: 100%;
            float: left;
        }
    }
    .blok-fotka2 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/easy_120/biuro_maly_1272x919.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-fotka2 {
            height: 450px;
            width: 100%;
            float: left;
        }
    }
    .blok-fotka3 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/easy_120/easy_cover.png);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-fotka3 {
            height: 450px;
            width: 100%;
            float: left;
        }
    }
    .blok-fotka4 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/easy_120/metalbind.png);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-fotka4 {
            height: 450px;
            width: 100%;
            float: left;
        }
    }
    .blok-film {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    .blok-film {
        position: relative;
        padding-bottom: 30%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }

    .blok-film iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .blok-film object {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    @media only screen and (max-width: 736px) {
        .blok-film {
            height: 450px;
            width: 100%;
            float: left;
        }
    }
    .blok-opis {
        height: 450px;
        background-color: var(--glowny-kolor-tla);
        position: relative;
        width: 50%;
        float: left;
    }

    @media only screen and (max-width: 736px) {
        .blok-opis {
            height: 450px;
            width: 100%;
            float: left;
        }
    }
    .box-zawartosc {
        position: absolute;
        margin: 0 auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 78%;
        max-width: 600px;
    }

    .box-zawartosc h1 {
        font-size: 3.6rem;
    }

    @media only screen and (max-width: 736px) {
        .box-zawartosc h1 {
            font-size: 1.86667rem;
        }
    }
    .box-zawartosc p {
        font-size: 1.06667rem;
    }

    .kontyner_baton {
        font-size: 1.26667rem;
    }

    .baton {
        font-size: 17px;
        display: inline-block;
        text-transform: uppercase;
        padding: 0 0 15px;
        font-family: Regular, Helvetica, Arial, sans-serif;
        font-weight: 800;
    }

    .baton a {
        background: #e2001a;
        border: 5px solid #e2001a;
        color: #fff !important;;
        display: inline-block;
        padding: 13px 26px;
        font-size: 16px;
        line-height: 1;
        font-weight: 400;
        margin-bottom: 10px;
        transition: background .2s;
        border-radius: 3px;
        text-align: center;
        text-decoration: none !important;
    }

    .baton a:hover {
        background: #C60017;
        border: 5px solid #C60017;
    }

    .kontyner-strzalka {
        width: 100%;
        position: relative;
        clear: both;
        bottom: 30px;
    }

    .float-clear {
        width: 100%;
        position: relative;
        clear: both;
    }

    .strzalka-srodek {
        width: 30px;
        height: 20px;
        margin: auto;
    }

    a.plynny {
        width: 30px;
        height: 20px;
        background-size: contain;
    }

    @-moz-keyframes skok {
        0% {
            -moz-transform: translateY(0);
            transform: translateY(0);
        }
        50% {
            -moz-transform: translateY(20px);
            transform: translateY(20px);
        }
        100% {
            -moz-transform: translateY(0px);
            transform: translateY(0px);
        }
    }
    @-webkit-keyframes skok {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        50% {
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }
        100% {
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }
    }
    @keyframes skok {
        0% {
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        50% {
            -moz-transform: translateY(20px);
            -ms-transform: translateY(20px);
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }
        100% {
            -moz-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }
    }
    .strzalka-skok {
        width: 30px;
        height: 20px;
        background-size: contain;
        background-image: url('/files/DPR/Opisowe/easy_120/strzalka.png');
        background-repeat: no-repeat;
        -moz-animation: skok 2s infinite;
        -webkit-animation: skok 2s infinite;
        animation: skok 2s infinite;
    }

    /* end of OPUS PROMO 120 */
    /*
     * @OPUS OPISOWE NISZCZARKI
     */
    #systemy_baner_niszczarki img {
        height: auto;
    }

    .float_clear {
        clear: both;
    }

    #blok-niszczarki-ideal-1, #blok-niszczarki-ideal-2, #blok-niszczarki-ideal-3, #blok-niszczarki-ideal-4, #blok-niszczarki-ideal-5 {
        background-color: var(--glowny-kolor-tla);
    }

    .blok-niszczarki-ideal-fotka1 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/ideal_logo_duze.png);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-ideal-fotka1 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-ideal-fotka2 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/ideal_niszczarki_noze.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-ideal-fotka2 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-ideal-fotka3 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/ideal_niszczarki_easy_switch.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-ideal-fotka3 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-ideal-fotka4 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/ideal_niszczarki_bezpieczenstwo.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-ideal-fotka4 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-opis-film {
        height: 373px;
        background-color: var(--glowny-kolor-tla);
        position: relative;
        width: 50%;
        float: left;
    }

    @media only screen and (max-width: 736px) {
        .blok-opis-fim {
            height: 373px;
            width: 100%;
            float: left;
        }
    }

    #blok-niszczarki-eba-1, #blok-niszczarki-eba-2, #blok-niszczarki-eba-3, #blok-niszczarki-eba-4, #blok-niszczarki-eba-5 {
        background-color: var(--glowny-kolor-tla);
    }

    .blok-niszczarki-eba-fotka1 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/eba_niszczarka_old.png);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-eba-fotka1 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-eba-fotka2 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/ideal_niszczarki_noze.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-eba-fotka2 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-eba-fotka3 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/ideal_niszczarki_easy_switch.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-eba-fotka3 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-eba-fotka4 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/eba_niszczarki_bezpieczenstwo.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-eba-fotka4 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-eba-fotka5 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/eba_niszczarki_niezawodnosc.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-eba-fotka5 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-eba-fotka6 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/eba_niszczarki_wzornictwo.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-eba-fotka6 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }

    #blok-niszczarki-opus-1, #blok-niszczarki-opus-2, #blok-niszczarki-opus-3, #blok-niszczarki-opus-4, #blok-niszczarki-opus-5 {
        background-color: var(--glowny-kolor-tla);
    }

    .blok-niszczarki-opus-fotka1 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/opus_logo_duze.png);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-opus-fotka1 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-opus-fotka2 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/opus_ekonomia.png);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-opus-fotka2 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-opus-fotka3 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/opus_bezpieczenstwo.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-opus-fotka3 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-opus-fotka4 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/opus_wybor_konsumentow.png);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-opus-fotka4 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    #blok-kategorie {
        display: block;
    }

    #blok-kategorie-box-4b {
        width: 100%;
        height: auto;
        border-top: 5px solid #fff;
        border-right: 1px solid #fff;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row wrap;
    }

    @media only screen and (max-width: 414px) {
        #blok-kategorie-box-4b {
            max-width: 414px;
        }
    }
    #blok-kategorie-p {
        width: 25%;
        height: auto;
        float: left;
        padding: 0px;
        font-family: "oswald";
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        display: block;
    }

    @media only screen and (max-width: 736px) {
        #blok-kategorie-p {
            width: 100%;
            height: auto;
        }
    }
    #blok-kategorie-p-3b {
        width: 33.33%;
        height: auto;
        float: left;
        padding: 0px;
        font-family: "oswald";
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
        display: block;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: column;
    }

    @media only screen and (max-width: 736px) {
        #blok-kategorie-p-3b {
            width: 100%;
            height: auto;
        }
    }
    #blok-kategorie-p-7b {
        width: 14.28%;
        height: auto;
        float: left;
        padding: 0px;
        font-family: "oswald";
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
        display: block;
    }

    @media only screen and (max-width: 736px) {
        #blok-kategorie-p-7b {
            width: 100%;
            height: auto;
        }
    }
    .din_title {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        font-size: 22px;
        line-height: 1.2;
        color: white;
        width: 100%;
        margin-bottom: 5px;
        padding: 10px;
        font-family: "oswald";
    }

    .din_image img {
        height: 100%;
        width: 100%
    }

    .din_image img:hover {
        bottom: 0;
        -webkit-transition: all 0.2s ease-in-out;
        -webkit-transform: scale(0.95);
    }

    @media only screen and (max-width: 736px) {
        .din_image img {
            height: 100%;
        }
    }
    .din_desc {
        text-align: left;
        margin: 0 10px;
    }

    .blok-niszczarki-dobor-fotka1 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/ideal_niszczarki_bezpieczenstwo.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-dobor-fotka1 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-dobor-fotka2 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/opus_ekonomia.png);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-dobor-fotka2 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-dobor-fotka3 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/ideal_niszczarka_wysokowydajna.png);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-dobor-fotka3 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-dobor-fotka4 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/opus_bezpieczenstwo.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-dobor-fotka4 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-dobor-fotka5 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/niszczarki_cd.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-dobor-fotka5 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-dobor-fotka6 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/niszczarki_budzet.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-dobor-fotka6 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-dobor-fotka7 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/niszczarki_kontakt.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-dobor-fotka7 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-konserwacja-fotka1 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/ideal_niszczarki_bezpieczenstwo.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-konserwacja-fotka1 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-konserwacja-fotka2 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/opus_ekonomia.png);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-konserwacja-fotka2 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-konserwacja-fotka3 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/olej_reczne.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-konserwacja-fotka3 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-konserwacja-fotka4 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/IDEAL-koperty-4.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-konserwacja-fotka4 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
    .blok-niszczarki-konserwacja-fotka5 {
        height: 450px;
        background-color: var(--drugi-kolor-tla);
        background-image: url(/files/DPR/Opisowe/niszczarki/olej_litr.jpg);
        width: 50%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        position: relative;
    }

    @media only screen and (max-width: 736px) {
        .blok-niszczarki-konserwacja-fotka5 {
            height: 450px;
            width: 100%;
            float: left;
            background-size: 100%;
        }
    }
	/* NEW */
	#opus_ideal {width: 100%; font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1.5;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal; color: #6b6b6b;}
	.opus_ideal_block {height: 450px; max-height: 450px; overflow: hidden;}
	@media only screen and (max-width: 1250px) {.opus_ideal_block {height: 380px; max-height: 380px;}}
	@media only screen and (max-width: 1100px) {.opus_ideal_block {height: 320px; max-height: 320px;}}
	@media only screen and (max-width: 850px) {.opus_ideal_block {height: 270px; max-height: 270px;}}
	@media only screen and (max-width: 736px) {.opus_ideal_block {height: auto; max-height: none;}}
	.ideal-desc-left {width: 50%; float: left; overflow: hidden;}
	@media only screen and (max-width: 736px) {.ideal-desc-left {width: 100%; float: left;}}
	.ideal-desc-right {width: 50%; float: right; overflow: hidden;}
	@media only screen and (max-width: 736px) {.ideal-desc-right {width: 100%; float: left;}}
	.ideal-desc-h1-content {text-align: center; font-size: 1.2rem; margin: 0 30px;}
	@media only screen and (max-width: 1250px) {.ideal-desc-h1-content {text-align: left;}}
	.ideal-desc-content {display: block; margin: 0 30px; padding: 0px 0 0 0;}
	.ideal-desc-content h1 {font-size: 1.8rem; text-transform: uppercase;}
	@media only screen and (max-width: 1250px) {.ideal-desc-content h1 {font-size: 1.86667rem;}}
	@media only screen and (max-width: 1100px) {.ideal-desc-content h1 {font-size: 1.5rem;}}
	@media only screen and (max-width: 850px) {.ideal-desc-content h1 {font-size: 1.2rem;}}
	@media only screen and (max-width: 736px) {.ideal-desc-content h1 {font-size: 1.86667rem;}}
	.ideal-desc-content p {text-align: left; text-justify: none; font-size: 1.2rem;}
	@media only screen and (max-width: 1250px) {.ideal-desc-content p {font-size: 1rem;}}
	@media only screen and (max-width: 1100px) {.ideal-desc-content p {font-size: 0.8rem;}}
	@media only screen and (max-width: 850px) {.ideal-desc-content p {font-size: 0.6rem;}}
	@media only screen and (max-width: 736px) {.ideal-desc-content p {font-size: 1rem;}}
	.mobile_only {display:none;}
	@media only screen and (max-width: 736px) {.mobile_only {display: block;}}
	/* END NEW */
	/* SHREDCAT 8220 */
	.shredcat8220-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/switch_8220_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.shredcat8220-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.shredcat8220-photo-right-1 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/okienko_8220_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.shredcat8220-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
	/* END SHREDCAT 8220 */
	/* SHREDCAT 8240 */
	.shredcat8240-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/switch_8240_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.shredcat8240-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.shredcat8240-photo-right-1 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/okienko_8240_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.shredcat8240-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
	/* END SHREDCAT 8260 */
	/* SHREDCAT 8240 */
	.shredcat8260-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/switch_8260_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.shredcat8260-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.shredcat8260-photo-left-2 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/kolka_8260_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.shredcat8260-photo-left-2 {width: 100%; height: 250px; background-size: cover;}}
	.shredcat8260-photo-right-1 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/kosz_8260_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.shredcat8260-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
	/* END SHREDCAT 8260 */
	/* SHREDCAT 8280 */
	.shredcat8280-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/podajnik_8280_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.shredcat8280-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.shredcat8280-photo-left-2 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/szczelina_CD_8280_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.shredcat8280-photo-left-2 {width: 100%; height: 250px; background-size: cover;}}
	.shredcat8280-photo-left-3 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/kolka_8280_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.shredcat8280-photo-left-3 {width: 100%; height: 250px; background-size: cover;}}
	.shredcat8280-photo-right-1 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/panel_8280_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.shredcat8280-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
	.shredcat8280-photo-right-2 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/kosz_8280_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.shredcat8280-photo-right-2 {width: 100%; height: 250px; background-size: cover;}}
	.shredcat8280-photo-right-3 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden;}
	@media only screen and (max-width: 736px) {.shredcat8280-photo-right-3 {width: 100%; height: 200px;}}
	/* END SHREDCAT 8280 */
	/* SHREDCAT 8283 */
	.shredcat8283-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/podajnik_8283_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.shredcat8283-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.shredcat8283-photo-left-2 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/szczelina_CD_8283_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.shredcat8283-photo-left-2 {width: 100%; height: 250px; background-size: cover;}}
	.shredcat8283-photo-right-1 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/panel_8283_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.shredcat8283-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
	.shredcat8283-photo-right-2 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/kosz_8283_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.shredcat8283-photo-right-2 {width: 100%; height: 250px; background-size: cover;}}
	.shredcat8283-photo-right-3 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/blokada_8283_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.shredcat8283-photo-right-3 {width: 100%; height: 250px; background-size: cover;}}
	/* END SHREDCAT 8283 */
	/* IDEAL 2220 */
	.ideal2220-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/klapka2_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2220-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2220-photo-left-2 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/uchwyt_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2220-photo-left-2 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2220-photo-right-1 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/switch_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2220-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
	/* END IDEAL 2220 */
	/* IDEAL 2245 */
	.ideal2245-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/klapka3_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2245-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2245-photo-left-2 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/uchwyt2_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2245-photo-left-2 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2245-photo-left-3 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/hartowane_noze_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2245-photo-left-3 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2245-photo-right-1 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/easy-switch2_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2245-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2245-photo-right-2 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/blue-angel_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2245-photo-right-2 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2245-photo-right-3 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden;}
	@media only screen and (max-width: 736px) {.ideal2245-photo-right-3 {width: 100%; height: 200px;}}
	/* END IDEAL 2245 */
	/* IDEAL 2265 */
	.ideal2265-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/klapka_2265_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2265-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2265-photo-left-2 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/hartowane_noze_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2265-photo-left-2 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2265-photo-left-3 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden;}
	@media only screen and (max-width: 736px) {.ideal2265-photo-left-3 {width: 100%; height: 200px;}}
	.ideal2265-photo-right-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/easy-switch2_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2265-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2265-photo-right-2 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/blue-angel_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2265-photo-right-2 {width: 100%; height: 250px; background-size: cover;}}
	/* END IDEAL 2265 */
	/* IDEAL 2270 */
	.ideal2270-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/kosz2_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2270-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2270-photo-right-1 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/szczelina_CD_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2270-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2270-photo-right-2 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden;}
	@media only screen and (max-width: 736px) {.ideal2270-photo-right-2 {width: 100%; height: 200px;}}
	/* END IDEAL 2270 */
	/* IDEAL 2445 */
	.ideal2445-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/klapka_2445_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2445-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2445-photo-left-2 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/SSC_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2445-photo-left-2 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2445-photo-right-1 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/easy-switch3_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2445-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2445-photo-right-2 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/olejarka_2445_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2445-photo-right-2 {width: 100%; height: 250px; background-size: cover;}}
	/* END IDEAL 2445 */
	/* IDEAL 2465 */
	.ideal2465-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/klapka_2465_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2465-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	/* END IDEAL 2465 */
	/* IDEAL 2503 */
	.ideal2503-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/hartowane_noze_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2503-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2503-photo-left-2 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/kosz_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2503-photo-left-2 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2503-photo-left-3 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/klapka_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2503-photo-left-3 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2503-photo-left-4 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/blue-angel_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2503-photo-left-4 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2503-photo-right-1 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/easy-switch_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2503-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2503-photo-right-2 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/zawias_i_kolka_2503_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2503-photo-right-2 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2503-photo-right-3 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/elektronika_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2503-photo-right-3 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2503-photo-right-4 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden;}
	@media only screen and (max-width: 736px) {.ideal2503-photo-right-4 {width: 100%; height: 200px;}}
	/* END IDEAL 2503 */
	/* IDEAL 2604 */
	.ideal2604-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/ECC_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2604-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2604-photo-right-1 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/blue-angel_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2604-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2604-photo-left-2 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden;}
	@media only screen and (max-width: 736px) {.ideal2604-photo-left-2 {width: 100%; height: 200px;}}
	.ideal2604-photo-right-2 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden;}
	@media only screen and (max-width: 736px) {.ideal2604-photo-right-2 {width: 100%; height: 200px;}}
	/* END IDEAL 2604 */
	/* IDEAL 2604 JUMBO */
	.ideal2604-jumbo-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/kosz_jumbo_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2604-jumbo-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2604-jumbo-photo-left-2 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/ECC_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2604-jumbo-photo-left-2 {width: 100%; height: 250px; background-size: cover;}}
	/* END IDEAL 2604 JUMBO */
	/* IDEAL 2604 JUMBO OIL */
	.ideal2604-jumbo-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/kosz_jumbo_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2604-jumbo-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2604-jumbo-oil-photo-left-2 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/ECC_oil_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2604-jumbo-oil-photo-left-2 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2604-jumbo-photo-right-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/olejarka_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2604-jumbo-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
	/* END IDEAL 2604 JUMBO */
	/* IDEAL 2604 OIL */
	.ideal2604-oil-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/blue-angel_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2604-oil-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal2604-oil-photo-right-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/olejarka_bok_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal2604-oil-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
	/* END IDEAL 2604 OIL */
	/* IDEAL 4108 */
	.ideal4108-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/easy-switch-4108_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal4108-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal4108-photo-left-2 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/olejarka_4108_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal4108-photo-left-2 {width: 100%; height: 250px; background-size: cover;}}
	.ideal4108-photo-left-3 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/LED_4108_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal4108-photo-left-3 {width: 100%; height: 250px; background-size: cover;}}
	.ideal4108-photo-right-1 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/kosz_4108_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal4108-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal4108-photo-right-2 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/tasmociag_4108_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal4108-photo-right-2 {width: 100%; height: 250px; background-size: cover;}}
	/* END IDEAL 4108 */
	/* IDEAL 4606 */
	.ideal4606-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/easy-switch-4606_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal4606-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal4606-photo-left-2 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/olejarka_4606_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal4606-photo-left-2 {width: 100%; height: 250px; background-size: cover;}}
	.ideal4606-photo-left-3 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/lopatki_4606_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal4606-photo-left-3 {width: 100%; height: 250px; background-size: cover;}}
	.ideal4606-photo-right-1 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/stol_4606_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal4606-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal4606-photo-right-2 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/komin_4606_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal4606-photo-right-2 {width: 100%; height: 250px; background-size: cover;}}
	.ideal4606-photo-right-3 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/kosz_4606_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal4606-photo-right-3 {width: 100%; height: 250px; background-size: cover;}}
	/* END IDEAL 4606 */
	/* IDEAL 5009-2 */
	.ideal5009-2-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/panel_5009-2_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal5009-2-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal5009-2-photo-left-2 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/olejarka_5009-2_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal5009-2-photo-left-2 {width: 100%; height: 250px; background-size: cover;}}
	.ideal5009-2-photo-left-3 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/tasmociag_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal5009-2-photo-left-3 {width: 100%; height: 250px; background-size: cover;}}
	.ideal5009-2-photo-right-1 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/solidne_noze_5009-2_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal5009-2-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
	.ideal5009-2-photo-right-2 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/niszczarki/ideal/kosz_5009-2_800x800.jpg") no-repeat top; background-size: cover;}
	@media only screen and (max-width: 736px) {.ideal5009-2-photo-right-2 {width: 100%; height: 250px; background-size: cover;}}
	/* END IDEAL 5009-2 */
    /* end of OPUS OPISOWE NISZCZARKI */
/* OPUS OCZYSZCZACZE */	
/* CZUJNIK AS10 */
.ideal_as10-photo-left-1 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/oczyszczacze-powietrza/czujnik_powietrza_800x800_4.jpg") no-repeat top; background-size: cover;}
@media only screen and (max-width: 736px) {.ideal_as10-photo-left-1 {width: 100%; height: 250px; background-size: cover;}}
.ideal_as10-photo-left-2 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/oczyszczacze-powietrza/czujnik_powietrza_800x800_1.jpg") no-repeat top; background-size: cover;}
@media only screen and (max-width: 736px) {.ideal_as10-photo-left-2 {width: 100%; height: 250px; background-size: cover;}}
.ideal_as10-photo-left-3 {display: block; width: 50%; height: 500px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/oczyszczacze-powietrza/czujnik_powietrza_800x800_2.jpg") no-repeat top; background-size: cover;}
@media only screen and (max-width: 736px) {.ideal_as10-photo-left-3 {width: 100%; height: 250px; background-size: cover;}}
.ideal_as10-photo-right-1 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/oczyszczacze-powietrza/czujnik_powietrza_800x800_5.jpg") no-repeat top; background-size: cover;}
@media only screen and (max-width: 736px) {.ideal_as10-photo-right-1 {width: 100%; height: 250px; background-size: cover;}}
.ideal_as10-photo-right-2 {display: block; width: 50%; height: 500px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/produkty/oczyszczacze-powietrza/czujnik_powietrza_800x800_3.jpg") no-repeat top; background-size: cover;}
@media only screen and (max-width: 736px) {.ideal_as10-photo-right-2 {width: 100%; height: 250px; background-size: cover;}}
/* END CZUJNIK AS10 */	
/* end of OPUS OCZYSZCZACZE */	
    /*
     * @OPUS KONTAKT NOWY
    */
    #kontakt {
        display: block;
        margin: auto;
    }

    .kontakt_lewa {
        display: block;
        float: left;
        margin-right: 40px;
    }

    .kontakt_lewa a:link, a:visited {
        text-decoration: none;
    }

    .kontakt_prawa {
        display: block;
        float: left;
    }

    .kontakt_dok {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto 20px auto;
    }

    .kontakt_dok h3 {
        text-align: center;
    }

    @media only screen and (max-width: 736px) {
        .kontakt_dok h3 {
            text-align: left;
        }
    }
    .handlowiec {
        width: 19%;
        display: block;
        float: left;
        min-width: 215px;
        margin-bottom: 20px;
        margin-right: 60px;
    }

    @media only screen and (max-width: 736px) {
        .handlowiec {
            width: 100%;
			margin-right: 0px;
        }
    }
    .handlowiec_foto img {
    }

    @media only screen and (max-width: 736px) {
        .handlowiec_foto img {
            display: block;
            margin: auto;
        }
    }
    .handlowiec_dane {
        display: block;
        margin: auto;
    }

    @media only screen and (max-width: 736px) {
        .handlowiec_dane {
            text-align: center;
        }
    }
    .handlowiec_naz {
        font-size: 20px;
        margin: 5px 0;
    }

    .handlowiec_naz2 {
        margin-bottom: 10px;
    }

    .handlowiec_rejon {
        display: block;
        margin: auto;
    }

    .handlowiec_rejon ul li {
        list-style: disclosure-closed !important;
    }

    @media only screen and (max-width: 736px) {
        .handlowiec_rejon {
            margin: 10px 20px;
        }
    }
    .handlowiec_telefon a:link, a:visited {
        text-decoration: none;
    }

    .handlowiec_mail a:link, a:visited {
        text-decoration: none;
    }

	@media only screen and (max-width: 736px) {
        .mobile_invisible {
            display: none;
        }
    }
    /* end of OPUS KONTAKT NOWY */
    /*
     * @OPUS KONTAKT NOWY
     */
    .produkt {
        display: block;
        float: left;
        margin-right: 4px;
    }

    /* end of OPUS KONTAKT NOWY */
    /*
      * @OPUS INDEX BANNER
      */
    @media only screen and (max-width: 736px) {
        .index_info__banners_txt {
            top: 40px !important;
        }
    }
    .bx-wrapper .bx-pager {
        bottom: 0px !important;
    }

    /* end of OPUS INDEX BANNER */
 /*
  * @OPUS PRODUKTY
  */
/*.title {
	color: black !important; Po co to było????
    }
*/
/* end of OPUS PRODUKTY */

/*
 * @OPUS UNKNOWN
 */

.products_list--hurt .prdhrt__price__content .prdhrt__btn {
    padding: 0;
    float: none;
    width: 100%;
}

.products_list--hurt .prdhrt__price__content .js-preloader {
    margin-top: 26px;
}

.prdhrt__btn.prdhrt__btn-wide {
    text-align: right;
    margin-bottom: 20px;
    padding: 0 30px;
    width: 100%;
}

@media all and (max-width: 1023px) {
    .prdhrt__btn.prdhrt__btn-wide {
        text-align: center;
    }
}
/* end of OPUS UNKNOWN */

#opus_wypelniacze {width: 100%; font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:1.2rem;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1.5;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal; color: #6b6b6b;}

.dmuchawce-header {display: block; width: 100%; height: 600px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/wypelniacze/wypelniacz_header.jpg") no-repeat top; background-size: contain;}
@media only screen and (max-width: 736px) {.dmuchawce-header {height: 300px;}}
.opus_block {height: 400px; max-height: 400px; overflow: hidden;}
@media only screen and (max-width: 1250px) {.opus_block {height: 380px; max-height: 380px;}}
@media only screen and (max-width: 1100px) {.opus_block {height: 320px; max-height: 320px;}}
@media only screen and (max-width: 850px) {.opus_block {height: 270px; max-height: 270px;}}
@media only screen and (max-width: 736px) {.opus_block {height: auto; max-height: none;}}
.opus_block_footer {height: auto; overflow: hidden;}
@media only screen and (max-width: 1250px) {.opus_block_footer {height: 580px; max-height: 580px;}}
@media only screen and (max-width: 1100px) {.opus_block_footer {height: 520px; max-height: 520px;}}
@media only screen and (max-width: 850px) {.opus_block_footer {height: 470px; max-height: 470px;}}
@media only screen and (max-width: 736px) {.opus_block_footer {height: auto; max-height: none;}}

.opus-photo-left-1 {display: block; width: 50%; height: 615px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/wypelniacze/OPUS-wypelniacze-magazyn_615x400px.jpg") no-repeat top; background-size: contain;}
@media only screen and (max-width: 736px) {.opus-photo-left-1 {width: 100%; height: 400px;}}
.opus-photo-left-2 {display: block; width: 50%; height: 615px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/wypelniacze/OPUS-wypelniacze-cukierki_615x400px.jpg") no-repeat top; background-size: contain;}
@media only screen and (max-width: 736px) {.opus-photo-left-2 {width: 100%; height: 400px;}}
.opus-photo-left-3 {display: block; width: 50%; height: 615px; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/wypelniacze/OPUS-wypelniacze-obiektyw_615x400px.jpg") no-repeat top; background-size: contain;}
@media only screen and (max-width: 736px) {.opus-photo-left-3 {width: 100%; height: 400px;}}

.opus-photo-right-1 {display: block; width: 50%; height: 615px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/wypelniacze/OPUS-wypelniacze-pakowanie_615x400px.jpg") no-repeat top; background-size: contain;}
@media only screen and (max-width: 736px) {.opus-photo-right-1 {width: 100%; height: 400px;}}
.opus-photo-right-2 {display: block; width: 50%; height: 615px; float: right; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/wypelniacze/OPUS-wypelniacze-kaktus_615x400px.jpg") no-repeat top; background-size: contain;}
@media only screen and (max-width: 736px) {.opus-photo-right-2 {width: 100%; height: 400px;}}

.opus-desc-left {width: 50%; float: left; overflow: hidden;}
@media only screen and (max-width: 736px) {.opus-desc-left {width: 100%; float: left;}}
.opus-desc-right {width: 50%; float: right; overflow: hidden;}
@media only screen and (max-width: 736px) {.opus-desc-right {width: 100%; float: left;}}

.opus-desc-h1-content {display: block; text-align: center; font-size: 1.2rem; margin: 0 30px;}
@media only screen and (max-width: 1250px) {.opus-desc-h1-content {text-align: left;}}
.opus-desc-content {display: block; margin: 0 30px; padding: 0px 0 0 0;}
.opus-desc-content h1 {font-size: 1.8rem; text-transform: uppercase;}
@media only screen and (max-width: 1250px) {.opus-desc-content h1 {font-size: 1.86667rem;}}
@media only screen and (max-width: 1100px) {.opus-desc-content h1 {font-size: 1.5rem;}}
@media only screen and (max-width: 850px) {.opus-desc-content h1 {font-size: 1.2rem;}}
@media only screen and (max-width: 736px) {.opus-desc-content h1 {font-size: 1.86667rem;}}
.opus-desc-content p {text-align: justify; text-justify: word; font-size: 1.2rem;}
@media only screen and (max-width: 1250px) {.opus-desc-content p {font-size: 1rem;}}
@media only screen and (max-width: 1100px) {.opus-desc-content p {font-size: 0.8rem;}}
@media only screen and (max-width: 850px) {.opus-desc-content p {font-size: 0.6rem;}}
@media only screen and (max-width: 736px) {.opus-desc-content p {font-size: 1rem;}}
.opus-desc-content ul li {text-align: justify; text-justify: word; font-size: 1.2rem;}
@media only screen and (max-width: 1250px) {.opus-desc-content ul li {font-size: 1rem;}}
@media only screen and (max-width: 1100px) {.opus-desc-content ul li {font-size: 0.8rem;}}
@media only screen and (max-width: 850px) {.opus-desc-content ul li {font-size: 0.6rem;}}
@media only screen and (max-width: 736px) {.opus-desc-content ul li {font-size: 1rem;}}
.mobile_only {display:none;}
@media only screen and (max-width: 736px) {.mobile_only {display: block;}}
.opus-img-product1 {margin: 5px; width: 30%; height: 30%; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/wypelniacze/poducha-duza.jpg") no-repeat top; background-size: contain;}
.opus-img-product2 {margin: 5px; width: 30%; height: 30%; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/wypelniacze/poducha-mala.jpg") no-repeat top; background-size: contain;}
.opus-img-product3 {margin: 5px; width: 30%; height: 30%; float: left; text-align: center; overflow: hidden; background: #ffffff url("/files/DPR/Opisowe/wypelniacze/babel.jpg") no-repeat top; background-size: contain;}
.opus-img-product1:hover {background-size: cover;}
.opus-img-product2:hover {background-size: cover;}
.opus-img-product3:hover {background-size: cover;}