@font-face {
  font-family: 'ClanPro-NarrNews';
  src: url('../fonts/ClanPro-NarrNews.eot?#iefix') format('embedded-opentype'),  url('../fonts/ClanPro-NarrNews.otf')  format('opentype'),
		 url('../fonts/ClanPro-NarrNews.woff') format('woff'), url('../fonts/ClanPro-NarrNews.ttf')  format('truetype'), url('../fonts/ClanPro-NarrNews.svg#ClanPro-NarrNews') format('svg');
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: 'ClanOffcPro-NarrBlack';
  src: url('../fonts/ClanOffcPro-NarrBlack.eot?#iefix') format('embedded-opentype'),  url('../fonts/ClanOffcPro-NarrBlack.woff') format('woff'), url('../fonts/ClanOffcPro-NarrBlack.ttf')  format('truetype'), url('../fonts/ClanOffcPro-NarrBlack.svg#ClanOffcPro-NarrBlack') format('svg');
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: 'ClanPro-NarrBook';
  src: url('../fonts/ClanPro-NarrBook.eot?#iefix') format('embedded-opentype'),  url('../fonts/ClanPro-NarrBook.otf')  format('opentype'),
		 url('../fonts/ClanPro-NarrBook.woff') format('woff'), url('../fonts/ClanPro-NarrBook.ttf')  format('truetype'), url('../fonts/ClanPro-NarrBook.svg#ClanPro-NarrBook') format('svg');
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: 'ClanPro-NarrMedium';
  src: url('../fonts/ClanPro-NarrMedium.eot?#iefix') format('embedded-opentype'),  url('../fonts/ClanPro-NarrMedium.otf')  format('opentype'),
		 url('../fonts/ClanPro-NarrMedium.woff') format('woff'), url('../font/ClanPro-NarrMedium.ttf')  format('truetype'), url('../fonts/ClanPro-NarrMedium.svg#ClanPro-NarrMedium') format('svg');
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: 'ClanPro-NarrBookItalic';
  src: url('../fonts/ClanPro-NarrBookItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/ClanPro-NarrBookItalic.otf')  format('opentype'),
		 url('../fonts/ClanPro-NarrBookItalic.woff') format('woff'), url('../fonts/ClanPro-NarrBookItalic.ttf')  format('truetype'), url('../fonts/ClanPro-NarrBookItalic.svg#ClanPro-NarrBookItalic') format('svg');
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: 'ClanPro-NarrBold';
  src: url('../fonts/ClanPro-NarrBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/ClanPro-NarrBold.otf')  format('opentype'),
		 url('../fonts/ClanPro-NarrBold.woff') format('woff'), url('../fonts/ClanPro-NarrBold.ttf')  format('truetype'), url('../fonts/ClanPro-NarrBold.svg#ClanPro-NarrBold') format('svg');
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}

@media (max-width: 768px) {
	.breadcrumb {
		display: none;
	}
}


@media (min-width: 1500px) {
	.container {
		width: 1360px;
	}
}

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

b, strong {
	font-weight: normal;
}

body {
	font-family: 'ClanPro-NarrNews';
}

body.padded {
	padding-top: 137px;
}

* {
	outline: none;
}

#navbar {

}
@media (min-width: 1500px) {
	.cscc .container, #header .container {
		max-width: 1560px !important;
		width: 100% !important;
	}
}
#header a {
	color: #231F20;
}

#navbar .logo-row {
	font-size: 0;
	padding: 25px 0;
	background-color: #fff;
}

#navbar .logo-row .logo {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	width: 20%;
}

#navbar .logo-row .logo img {
	width: calc(100% - 100px);
	height: 100%;
}

#navbar .logo-row .search-box {
	display: inline-block;
	vertical-align: middle;
	height: 34px;
	line-height: 34px;
	position: relative;
	width: 40%;
}

#navbar .logo-row .search-box .icon {
	position: absolute;
	height: 34px;
	top: 0;
	left: 14px;
	font-size: 17px;
	color: #dedede;
}

#navbar .logo-row .search-box .icon > .fa {
	position: absolute;
	top: 50%;
	margin-top: -6.5px;
	line-height: 13px;
	width: 13px;
	height: 13px;
	border-right: 1px solid #ddd;
	padding-right: 22px;
	display: inline-block;
	font-size: 14px;
}

#navbar .logo-row .search-box input[type=text] {
	box-sizing: border-box;
	border: 1px solid #eaeaea;
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
	height: 34px;
	border-right: none;
	box-sizing: border-box;
	width: calc(100% - 85px);
	outline: none;
	padding-left: 50px;
}

#navbar .logo-row .search-box input[type=text]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #dbdbdb;
}
#navbar .logo-row .search-box input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #dbdbdb;
	opacity: 1;
}
#navbar .logo-row .search-box input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #dbdbdb;
	opacity: 1;
}
#navbar .logo-row .search-box input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #dbdbdb;
}
#navbar .logo-row .search-box input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
	color: #dbdbdb;
}
#navbar .logo-row .search-box input[type=text]::placeholder { /* Most modern browsers support this now. */
	color: #dbdbdb;
}

#navbar .logo-row .search-box button[type=submit] {
	height: 34px;
	background: none;
	border: none;
	font-size: 14px;
	text-transform: uppercase;
	background-color: #f7f7f7;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	width: 85px;
}

#navbar .logo-row .shopping-cart {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	width: 40%;
	text-align: right;
	padding-right: 5%;
}

#navbar .logo-row .shopping-cart {
	display: inline-block;
	vertical-align: center;
	font-size: 16px;
	text-transform: uppercase;
	color: #231f20;
}

#navbar .logo-row .shopping-cart .icon {
	font-size: 18px;
}

#navbar .logo-row .shopping-cart .nr {
	padding: 3px 7px;
	background-color: #2E8DE5;
	display: inline-block;
	margin-left: 10px;
}

#navbar .logo-row .shopping-cart .text {
	margin-left: 5px;
}

#navbar .logo-row .hamburger-menu {
	display: none;
}

#navbar .menu-row {
	background-color: #f7f7f7;
	font-size: 0;
	border-bottom: 2px solid #ececec;
}

#navbar .menu-row ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
}

#navbar .menu-row ul > li {
	display: inline-block;
	font-size: 14px;
	height: 50px;
}

#navbar .menu-row ul.navigation > li {
	text-transform: uppercase;
}

#navbar .menu-row ul.navigation > li a {
	display: inline-block;
	padding: 0 21px;
	color: #231f20;
	font-size: 14px;
	height: 52px; /* 50 + 2 */
	line-height: 50px;
	border-bottom: 2px solid #ececec;
	box-sizing: border-box;
}

#navbar .menu-row ul.navigation > li.home a {
	padding: 0 20px;
}

#navbar .menu-row ul.navigation > li.selected a {
	background-color: #f1f1f1;
	/*pointer-events: none;*/
}

#navbar .menu-row ul.navigation > li a:hover {
	text-decoration: none;
	border-bottom-color: #2E8DE5;
}

#navbar .menu-row ul.navigation > li a:focus {
	text-decoration: none;
}

#navbar .menu-row ul.social-icons {
	margin-right: 50px;
	margin-left: 50px;
}

#navbar .menu-row ul.social-icons > li {
	line-height: 50px;
}

#navbar .menu-row ul.social-icons > li {

}

#navbar .menu-row ul.social-icons > li a {
	height: 52px;
	display: inline-block;
	padding: 0 8px;
	color: #231f20;
	border-bottom: 2px solid #ececec;
}

#navbar .menu-row ul.social-icons > li a:hover {
	border-bottom-color: #2E8DE5;
}

#navbar .menu-row ul.social-icons > li a .fa {
	font-size: 20px;
	line-height: 50px;
	color: #231f20;
}

#navbar .menu-row .phone {
	display: inline-block;
	padding: 0 10px;
	color: #231f20;
	border: 1px dashed #e6e6e6;
	vertical-align: middle;
	border-radius: 3px;
	font-size: 0;
	margin-left: 10px;
}

#navbar .menu-row .phone > span {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}

#navbar .menu-row .phone .icon {
	font-size: 20px;
	margin-right: 10px;
}

#navbar.fixed {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 500;
}

#navbar.fixed {
	margin-top: -175px;
}

#navbar.fixed.shown {
	margin-top: 0;
}

#navbar.fixed .menu-row {
	height: 0;
	min-height: 0;
	overflow: hidden;
	transition: 0.35s;
}

#navbar.fixed .logo-row .logo {
	width: 17%;
}

#navbar.fixed:hover .menu-row {
	min-height: 52px;
}

#new-navbar {

}

#new-navbar.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 500;
	margin-top: -175px;
}

#new-navbar.fixed.shown {
	margin-top: 0;
}

#new-navbar.fixed .logo-row {
	height: 50px;
}

#new-navbar.fixed .logo-row .logo {
	height: 50px;
	line-height: 50px;
	width: 195px;
}

#new-navbar.fixed .logo-row .logo img {
	width: 66%;
}

#new-navbar.fixed .logo-row .right {
	height: 50px;
	line-height: 50px;
}

#new-navbar.fixed .logo-row .right {
	width: calc(100% - 195px);
}

#new-navbar.fixed .menu-row .search-box input {
	height: 30px;
	padding-left: 30px;
	font-size: 12px;
}

#new-navbar.fixed .menu-row .search-box .icon {
	left: 10px;
	top: 5px;
}

#new-navbar .logo-row {
	background-color: #2E8DE5;
	font-size: 0;
	height: 82px;
}

#new-navbar .logo-row .logo {
	background-color: #fff;
	width: 232px;
	height: 82px;
	text-align: center;
	line-height: 82px;
	display: inline-block;
	vertical-align: middle;
}

#new-navbar .logo-row .right {
	width: calc(100% - 232px);
	height: 82px;
	font-size: 15px;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	line-height: 82px;
	font-family: 'ClanPro-NarrBook';
}

#new-navbar .logo-row .right .brand {
	font-size: 17px;
	text-transform: uppercase;
	margin-left: 28px;
	padding-right: 50px;
}

#new-navbar .logo-row .right .brand strong {
	font-family: 'ClanPro-NarrBold';
}


#new-navbar .logo-row .shopping-cart {
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	color: #201e1f;
}

#new-navbar .logo-row .shopping-cart .icon {
	font-size: 21px;
}

#new-navbar .logo-row .shopping-cart .nr {
	padding: 4px 8px;
	padding-top: 6px;
	color: #201e1f;
	display: inline;
	margin-left: 9px;
	font-size: 13px;
	position: relative;
	top: -2px;
	color: #fff
}

#new-navbar .logo-row .favorite {
	display: inline-block;
	font-size: 21px;
	color: #201e1f;
	margin-right: 12px;
}

#new-navbar .logo-row .hamburger-icon {
	display: none;
}

#new-navbar .mobile-brand-row {
	background-color: #2E8DE5;
    font-size: 17px;
	text-transform: uppercase;
	font-family: 'ClanPro-NarrBook';
	display: none;
    height: 35px;
	line-height: 37px;
}

#new-navbar .mobile-brand-row strong {
	font-family: 'ClanPro-NarrBold';
}

#new-navbar .menu-row {
	background-color: #44423e;
	color: #fff;
}

#new-navbar .menu-row ul.navigation {
	padding: 0;
	margin: 0;
	font-size: 0;
	display: inline-block;
}

#new-navbar .menu-row ul.navigation li {
	display: inline-block;
	font-size: 15px;
}

#new-navbar .menu-row ul.navigation li a:hover {
	background-color: #373133;
}

#new-navbar .menu-row ul.navigation li a {
	font-size: 13px;
	color: #fff;
	font-family: 'ClanPro-NarrBook';
	text-transform: uppercase;
	line-height: 55px;
	height: 55px;
	display: inline-block;
	padding: 0 16px;
}

#new-navbar .menu-row .search-box {
	width: 330px;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}
@media (max-width: 767px) {
	#new-navbar .menu-row .search-box {
		position: relative;
		top: auto;
		right: auto;
		transform: none;
	}
}

#new-navbar .menu-row .search-box.top {
	display: none;
}

#new-navbar .menu-row .search-box .icon {
	position: absolute;
	left: 12px;
	top: 7px;
	color: #231f20;
	font-size: 15px;
}

#new-navbar .menu-row .search-box input {
	width: 100%;
	display: block;
	box-sizing: border-box;
	height: 34px;
	line-height: 34px;
	color: #231f20;
	padding-left: 45px;
	border: 1px solid #eaeaea;

}

#new-navbar .menu-row .search-box input::placeholder {font-style: italic;}

#homepage-slider {
	margin-bottom: 22px;
}

#homepage-slider .item {
	margin: 25px 0;
}

#homepage-slider .content {
	position: relative;
}

#homepage-slider .content .background-image {
	width: 100%;
}

#homepage-slider .content .text-box {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 15px;
	left: 17.5%;
	top: 38%;
	width: 32%;
	height: 25%;
	box-sizing: border-box;
	color: #231f20;
	text-transform: uppercase;
	font-family: 'ClanPro-NarrNews';
}

#homepage-slider .content .text-box a {
	color: inherit!important;
}

#homepage-slider .content .text-box a:hover {
	color: inherit!important;
}

#homepage-slider .content .text-box .title {
	border-bottom: 1px solid #fff;
	font-size: 1.4vw;
	padding-bottom: 1%;
	margin-bottom: 2.2%;
}

#homepage-slider .content .text-box .title strong {
	font-family: 'ClanPro-NarrBold';
}

#homepage-slider .content .text-box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#homepage-slider .content .text-box ul li {
	margin-bottom: 1.3%;
	font-size: 0.9vw;
	text-transform: uppercase;
	font-family: 'ClanPro-NarrBook';
}

#homepage-slider .content .text-box ul li strong {
	font-family: 'ClanPro-NarrNews';
}

#homepage-slider .content .text-box ul li .fa {
	font-size: 0.43vw;
	vertical-align: middle;
	display: inline-block;
	margin-right: 1%;
	color: #fff;
	position: relative;
	top: -0.12vw;
}

#homepage-slider .content .product-image {
	position: absolute;
	right: 14.7%;
	/*top: 7%;*/
	width: 483px;
	width: 25.14vw;
	bottom: 11%;
}

#homepage-slider .indicators {
	text-align: center;
}

#homepage-slider .indicators ol.buttons {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0;
	bottom: 0;
	position: static;
	left: 0;
	width: 100%;
}

#homepage-slider .indicators ol.buttons > li {
	width: 50px;
	height: 6px;
	box-sizing: border-box;
	background-color: #e9e9e9;
	border: 1px solid #e9e9e9;
	display: inline-block;
	padding: 0;
	margin: 0;
	border-radius: 0;
	margin-right: 8px;
}

#homepage-slider .indicators ol.buttons > li:last-child {
	margin-right: 0;
}

#homepage-slider .indicators ol.buttons > li.active {
	background-color: #2E8DE5!important;
	border-color: #2E8DE5!important;
}

#homepage-dimo-clean {
	text-align: center;
	text-transform: uppercase;
	background-color: #2E8DE5;
	padding:0;
}

#homepage-dimo-clean h1 {
	margin: 0;
	padding: 0;
}

#homepage-dimo-clean .first-row {
	font-family: 'ClanOffcPro-NarrBlack';
	font-size: 28px;
	padding-bottom: 0;
	margin-bottom: 0;
}

#homepage-dimo-clean .second-row {
	font-size: 16px;
}

#homepage-product-categories {
	font-size: 0;
	padding-top: 40px;
	text-align: center;
	padding-bottom: 75px;
}

#homepage-product-categories .column {
	display: inline-block;
	font-size: 16px;
	width: 50%;
	box-sizing: border-box;
	color: #6c6c6c;
	position: relative;
	padding: 0 3%;
}

#homepage-product-categories .column img {
	/*width: 100%;*/
	box-sizing: border-box;
	margin-bottom: 50px;
	max-height: 300px
}

#homepage-product-categories .first.column {
	border-right: 1px solid #efefef;
}

#homepage-product-categories .second.column {
	border-left: 1px solid #efefef;
	left: -1px;
	vertical-align: top;
}


#homepage-product-categories .column .title {
	font-size: 32px;
	font-family: 'ClanOffcPro-NarrBlack';
	text-transform: uppercase;
	color: #231f20;
	margin-bottom: 40px;
}

#homepage-product-categories .column .text  {
	font-family: 'ClanPro-NarrBook';
	font-size: 16px;
	color: #6c6c6c;
	padding: 0;
	margin: 0;
	line-height: 24px;
	margin-bottom: 50px;
}

#homepage-product-categories .horizontal-line  {
	width: 50%;
	border-bottom: 1px solid #efefef;
	margin: 0 auto;
	position: relative;
}

#homepage-product-categories .horizontal-line:after  {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	position: absolute;
	left: 50%;
	margin-left: -4.5px;
	background-color: #2E8DE5;
	margin-top: -4.5px;
	outline: 2px solid rgba(239, 239, 239, 0.4);
}

#homepage-product-categories .more-info  {
	bottom: 0;
	width: 100%;
	height: 0;
	line-height: 0px;
}

#homepage-product-categories .more-info a {
	padding: 5px 38px;
	background-color: #fff;
	color: #231f20;
	text-transform: uppercase;
	font-family: 'ClanOffcPro-NarrBlack';
}

#homepage-product-categories .more-info a:hover .fa {
	transform: translateX(4px);
}

#homepage-product-categories .more-info a {
	text-decoration: none;
}

#homepage-product-categories .more-info a .fa {
	line-height: 0;
	margin-left: 10px;
	transition: 0.3s;
	position: relative;
	top: -0.5px;
}

.homepage-section-title {
	font-family: 'ClanOffcPro-NarrBlack';
	text-transform: uppercase;
	position: relative;
	color: #231f20;
	height: 1px;
	line-height: 1px;
	font-size: 0;
	height: 15px;
	margin-top: 20px;
}

.homepage-section-title .container {
	position: relative;
}

.homepage-section-title .text {
	position: absolute;
	font-size: 20px;
	background-color: #fafafa;
	left: 35px;
	height: 0;
	padding: 0px 11px;
	height: 1px;
}

.homepage-section-title.white .text {
	background-color: #fff;
}

.homepage-section-title .line {
	display: inline-block;
	height: 1px;
}

.homepage-section-title .line.first {
	width: 50px;
	background-color: #2E8DE5;
}

.homepage-section-title .line.second {
	width: calc(100% - 50px);
	background-color: #e6e6e6;
}

.homepage-section-title .order-by {
	font-size: 15px;
	position: absolute;
	right: 35px;
	box-sizing: border-box;
	padding: 0 10px;
	top: -13px;
	background-color: #fff;
}

.homepage-section-title .order-by .btn-order {
	font-size: 11px;
	box-sizing: border-box;
	text-transform: uppercase;
	padding: 3px;
	height: 25px;
	line-height: 19px;
	border: 1px solid #eaeaea;
	font-family: 'ClanPro-NarrBold';
	padding-right: 25px;
	padding-left: 8px;
	background-color: #fff !important;
	border-radius: 0px;
}

.homepage-section-title .order-by select {
	 /*for firefox*/
	 -moz-appearance: none;
	 /*for chrome*/
	 -webkit-appearance:none;
}

/*for IE10*/
.homepage-section-title .order-by select::-ms-expand {
	display: none;
}

.homepage-section-title .order-by .icon {
	display: inline-block;
	position: absolute;
	top: 2.5px;
	right: 0px;
	background-color: #231f20;
	color: #fff;
	width: 23px;
	height: 20px;
    line-height: 22px;
	font-size: 12px;
	text-align: center;
	transform: rotate(90deg);
	pointer-events: none;
}

.order-by-list
{
	line-height: 1;
	left: auto;
	right: 0px;
	font-family: 'ClanPro-NarrNews';
	text-transform: none;
}

.order-by-list .dropdown-item
{
	color: #333 !important;
	display: block;
	padding: 5px 10px;
}

.order-by-list .dropdown-item:hover
{
	background-color: #2E8DE5;
	color: #fff !important;
}

#homepage-discount-products {
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 70px;
}

.products-grid {
	font-size: 0;
}

.products-grid .product-rect {
	box-sizing: border-box;
	width: calc(25% - 27px);
	display: inline-block;
	margin-right: 36px;
	vertical-align: top;
	margin-bottom: 75px;
}

.products-grid .product-rect:nth-child(4n+4) {
	margin-right: 0;
}

.products-grid .product-rect .product-photo-frame {
	border: 1px solid #ececec;
	padding: 8px;
	background-color: #fff;
	position: relative;
	margin-bottom: 25px;
}

.products-grid .product-rect .product-photo-frame .discount-sticker {
	width: 81px;
	height: 93px;
	background-image: url('/images/discount.png');
	background-repeat: no-repeat;
	position: absolute;
	left: 6px;
	top: 6px;
	z-index: 1;
	display: none !important
}

.products-grid .product-rect .product-photo-frame .glamour-sticker {
	width: 81px;
	height: 93px;
	background-image: url('/images/glamour.png');
	background-repeat: no-repeat;
	position: absolute;
	left: 6px;
	top: 6px;
	z-index: 1;
}

.products-grid .product-rect .product-photo-frame .joy-sticker {
	width: 81px;
	height: 93px;
	background-image: url('/images/joy.png');
	background-repeat: no-repeat;
	position: absolute;
	left: 6px;
	top: 6px;
	z-index: 1;
}

.products-grid .product-rect .product-photo-frame:hover {
	border-color: #2E8DE5;
}

.products-grid .product-rect .product-photo-frame img {
	width: 100%;
	position: relative;
}

.products-grid .product-rect .product-photo-frame .hover {
	background-color: rgba(255, 255, 255, 0.95);
	position: absolute;
	left: 7px;
	right: 7px;
	top: 7px;
	bottom: 7px;
	font-size: 0;
	text-align: center;
	text-transform: uppercase;
	color: #231f20;
	opacity: 0;
	visibility: hidden;
	transition: 0.25s;
}

.products-grid .product-rect .product-photo-frame .click-area {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
}

.products-grid .product-rect .product-photo-frame:hover .hover {
	opacity: 1;
	visibility: visible;
}

.products-grid .product-rect .product-photo-frame .hover a {
	color: #231f20;
	text-decoration: none;
	font-family: 'ClanPro-NarrMedium';
}

.products-grid .product-rect .product-photo-frame .hover a .fa {
	margin: 6px 10px 6px 0;
	font-size: 22px;
	position: relative;
	display: inline-block;
	top: 2px;
	transition: 0.35s;
}

.products-grid .product-rect .product-photo-frame .hover .row {
	position: absolute;
	top: 0;
	left:50%;
	top: 50%;
	width: 90%;
	margin: 0 auto !important;
	transform: translate(-50%, -50%);
}

.products-grid .product-rect .product-photo-frame .hover .column {
	display: inline-block;
	width: 50%;
	font-size: 13px;
}

.products-grid .product-rect .product-photo-frame .hover .column:hover .fa {
	transform: scale(1.1);
}

#homepage-discount-products .homepage-section-title,
#homepage-more-products .homepage-section-title {
	margin-bottom: 20px;
}

.products-grid .product-rect .product-photo-frame .discount {
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #2E8DE5;
	font-size: 16px;
	padding: 4px 10px;
	font-family: 'ClanPro-NarrMedium';
}

.products-grid .name-and-desc {
	height: 40px;
	overflow: hidden;
}

.products-grid .product-rect .product-name {
	color: #231f20;
	text-transform: uppercase;
	font-family: 'ClanPro-NarrMedium';
	font-size: 14px;
	margin-bottom: 8px;
	position: relative;
	transition: 0.4s;
}

.products-grid .product-rect .product-name:before {
	content: "";
	width: 13px;
	height: 13px;
	display: inline-block;
	position: relative;
	top: 1px;
	background-color: #2E8DE5;
	margin-right: 7px;
	transition: 0.3s;
	vertical-align: top;
}

.products-grid .product-rect .product-name:hover:before {
	transform: scale(0.6);
}

.products-grid .product-rect .name-and-desc .product-name span {
    display: inline-block;
	width: calc(100% - 20px);
	vertical-align: top;
}

.products-grid .product-rect .product-name .bg {
	display: block;
	position: absolute;
	left: 7px;
	top: 7px;
	width: 1px;
	height: 1px;
	background-color: #e8dd00;
	transition: 0.3s;
	z-index: -1;
}

.products-grid .product-rect .product-name:hover {
	color: #544b4e;
}

.products-grid .product-rect .description {
	font-family: 'ClanPro-NarrBook';
	font-size: 13.5px;
	color: #000
}

.products-grid .product-rect .price-row {
	text-align: center;
	margin-top: 10px;
	font-family: 'ClanPro-NarrMedium';
	height: 60px;
}

.products-grid .product-rect .price-row .list-price {
    font-family: 'ClanPro-NarrBook';
	font-size: 12px;
	text-decoration: line-through;
}

.products-grid .product-rect .price-row .current-price {
	font-size: 22px;
	margin-bottom: -5px;
}

.products-grid .product-rect .price-row .old-price {
	font-size: 15px;
	text-decoration: line-through;
}

.homepage-more-button {
	text-align: center;
	font-family: 'ClanPro-NarrMedium';
	text-transform: uppercase;
}

.homepage-more-button .button {
	display: inline-block;
}

.homepage-more-button .button a {
	text-decoration: none;
	color: #231f20;
	font-size: 17px;
	border-bottom: 1px solid #e6e6e6;
	padding: 13px 0;
	display: inline-block;
	min-width: 225px;
}

.homepage-more-button .button .line {
	display: block;
	margin: 0 auto;
	width: 40%;
	height: 1px;
	background-color: #231f20;
	position: relative;
	top: -1px;
	transition: 0.3s;
}

.homepage-more-button .button:hover .line {
	width: 100%;
	/* background-color: #2E8DE5; */
}

#homepage-ad {
	padding-top: 30px;
	padding-bottom: 30px;
}

#homepage-ad img {
	width: 100%;
}

#homepage-more-products {
	background-color: #fafafa;
	padding-top: 20px;
	padding-bottom: 70px;
}

#homepage-info-section {
	background-color: #2E8DE5;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 0;
}

#homepage-info-section .column {
	width: calc(33.333% - 30px);
	display: inline-block;
	margin-right: 45px;
	box-sizing: border-box;
	vertical-align: top;
}

#homepage-info-section .column:last-child {
	margin-right: 0;
}

#homepage-info-section .column a {
	text-decoration: none;
}

#homepage-info-section .column .box {
	border: 1px solid #fff;
	position: relative;
	transition: 0.25s;
	cursor: pointer;
	color: #fafafa;
	padding: 10px;
	padding-right: 20px;
}

#homepage-info-section .column .box .title {
	color: #fafafa;
	font-family: 'ClanPro-NarrMedium';
	text-transform: uppercase;
	background-color: #2E8DE5;
	font-size: 13px;
	padding: 0 10px;
	position: absolute;
	height: 20px;
	line-height: 20px;
	top: 0;
	left: 15px;
	margin-top: -10px;
	transition: 0.25s;
	box-sizing: border-box;
}

#homepage-info-section .column .box:hover .icon img {
	transform: translate(-50%, -50%) scale(1.08);
}

#homepage-info-section .column .box:hover .title {
	/* color: #2E8DE5; */
}

#homepage-info-section .column .box .icon {
	display: inline-block;
	vertical-align: middle;
	width: 39.5%;
	height: 95px;
	text-align: center;
	position: relative;

}

#homepage-info-section .column .box .icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	transition: 0.3s;
}

#homepage-info-section .column .box .text {
	font-family: 'ClanPro-NarrBookItalic';
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
	width: 60%;
}

#homepage-blog-posts {
	padding-top: 50px;
	padding-bottom: 70px;
}

#homepage-blog-posts .columns {
	padding-top: 40px;
	font-size: 0;
}

#homepage-blog-posts .columns .column {
	width: calc(33.333% - 30px);
	display: inline-block;
	margin-right: 45px;
	box-sizing: border-box;
	vertical-align: top;
	margin-bottom: 60px;
}

#homepage-blog-posts .columns .column:nth-child(3n) {
	margin-right: 0;
}

#homepage-blog-posts .columns .column .image,
#homepage-blog-posts .columns .column .content {
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
}

#homepage-blog-posts .columns .column .image {
	width: 40%;
	border: 14px solid #f6f6f6;
	box-sizing: border-box;
}

#homepage-blog-posts .columns .column .image img {
	width: 100%;
}

#homepage-blog-posts .columns .column .content {
	width: 60%;
	padding-left: 14px;
}

#homepage-blog-posts .columns .column .content .title-and-text {
	height: 125px;
	overflow: hidden;
}

#homepage-blog-posts .columns .column .content .title {
	color: #231f20;
	text-transform: uppercase;
	font-family: 'ClanPro-NarrMedium';
	font-size: 14px;
	margin-bottom: 8px;
	transition: 0.3s;
}

#homepage-blog-posts .columns .column .content .title:before {
	content: "";
	width: 13px;
	height: 13px;
	display: inline-block;
	position: relative;
	top: 1px;
	background-color: #2E8DE5;
	margin-right: 7px;
	transition: 0.3s;
}

#homepage-blog-posts .columns .column .content .title:hover {
    color: #544b4e;
}

#homepage-blog-posts .columns .column .content .title:hover:before {
	transform: scale(0.6);
}

#homepage-blog-posts .columns .column .content .text {
	font-family: 'ClanPro-NarrBook';
	font-size: 13.5px;
	color:#111
}

#homepage-blog-posts .columns .column .content .details {
	font-family: 'ClanOffcPro-NarrBlack';
	font-size: 13.5px;
	text-transform: uppercase;
	text-align: right;
	margin-top: 20px;
}

#homepage-blog-posts .columns .column .content .details a {
	color: #231f20;
	text-decoration: none;
}

#homepage-blog-posts .columns .column .content .details a:hover .fa {
	transform: translateX(4px);
}

#homepage-blog-posts .columns .column .content .details .fa {
	margin-left: 6px;
	transition: 0.3s;
}

#homepage-newsletter {
	background-color: #2E8DE5;
	color: #231f20;
	padding-top: 45px;
	padding-bottom: 65px;
	text-align: center;
}

#homepage-newsletter .error-message {
	color: red;
	margin-top: 10px;
	font-size: 15px;
	display: none;
}

#homepage-newsletter .success-message {
	margin-top: 40px;
	font-size: 18px;
	display: none;
	color: green;
}

#homepage-newsletter .title {
	font-size: 21px;
	font-family: 'ClanOffcPro-NarrBlack';
	color: #fff
}

#homepage-newsletter .text {
	font-family: 'ClanPro-NarrBook';
	margin-top: 10px;
	color: #fff
}

#homepage-newsletter .input {
	display: inline-block;
	margin-top: 35px;
	font-size: 0;
	width: 500px;
	max-width: 100%;
	position: relative;
}

#homepage-newsletter .input .icon,
#homepage-newsletter .input .text,
#homepage-newsletter .input button {
	display: inline-block;
	vertical-align: top;
}

#homepage-newsletter .input .icon {
	width: 36px;
	height: 32px;
	position: absolute;
	text-align: center;
	left: 7px;
	top: 2px;
	line-height: 32px;
	color: #2E8DE5;
	font-size: 15px;
}

#homepage-newsletter .input .icon .fa {
	border-right: 1px solid #dedede;
	padding-right: 10px;
}

#homepage-newsletter .input input[type=text] {
	font-size: 13px;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	font-family: 'ClanPro-NarrNews';
	height: 34px;
	line-height: 34px;
	width: calc(100% - 120px);
	border-right: none;
	padding-left: 45px;
}

#homepage-newsletter .input button {
	font-size: 11px;
	border: none;
	background: none;
	background-color: #2E8DE5;
	border: 1px solid #eaeaea;
	color: #fff;
	text-transform: uppercase;
	font-family: 'ClanPro-NarrNews';
	height: 34px;
	width: 120px;
	line-height: 34px;
	box-sizing: border-box;
}

#bottom-logo-row {
	text-align: center;
	padding: 40px 0;
}

#footer {
	color: #fff;
	font-family: 'ClanPro-NarrBook';
}

#footer .top-row {
	background-color: #44423e;
}

#footer .top-row .columns {
	font-size: 0;
	padding: 30px 25px;
}

#footer .top-row .columns .column {
	font-size: 15px;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding-right: 60px;
}

#footer .top-row .columns .column a {
	color: inherit;
	text-decoration: none;
	transition: 0.3s;
}
/*
#footer .top-row .columns .column a:hover {
	color: #2E8DE5;
}*/

#footer .top-row .columns .column .section-title {
	font-family: 'ClanPro-NarrBold';
	font-size: 16px;
	border-bottom: 1px solid #605e5b;
	padding-bottom: 4px;
	padding-left: 7px;
	margin-bottom: 22px;
}

#footer .top-row .columns .column ul.list-with-triangle {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 5px;
}

#footer .top-row .columns .column ul.list-with-triangle li {
	font-size: 13px;
	margin-bottom: 5px;
	font-family: 'ClanPro-NarrBook';
}

#footer .top-row .columns .column ul.list-with-triangle li .at {
	margin: 0 4px;
}

#footer .top-row .columns .column ul.list-with-triangle li strong {
	font-family: 'ClanPro-NarrMedium';
	font-weight: normal;
}

#footer .top-row .columns .column ul.list-with-triangle li .fa {
	color: #605e5b;
	margin-right: 10px;
	font-size: 15px;
}

#footer .top-row .columns .column ul.list-with-triangle li.address {
	padding-left: 15px;
	margin-top: -4px;
	margin-bottom: 20px;
}

#footer .top-row .columns .column:last-child {
	padding-right: 0;
}

#footer .top-row .columns .column:nth-child(1) {
	width: calc(30%);
}

#footer .top-row .columns .column:nth-child(2) {
	width: calc(30%);
}

#footer .top-row .columns .column:nth-child(3) {
	width: calc(40%);
}

#footer .top-row .social {
	margin-top: 40px;
}

#footer .top-row .social-icons {
	font-size: 0;
}

#footer .top-row .social-icons .social-icon {
	font-size: 15px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 33.33%;
	font-family: 'ClanPro-NarrMedium';
}

#footer .top-row .social-icons .social-icon:hover .icon .fa {
	/*transform: scale(1.1);*/
}

#footer .top-row .social-icons .social-icon .icon {
	margin-bottom: 10px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #fff;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

#footer .top-row .social-icons .social-icon .icon .fa {
	font-size: 25px;
	color: #2E8DE5;
	transition: 0.2s;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#footer .top-row .social-icons .social-icon .text {
	font-size: 13px;
}

#footer .product-categories {
	font-size: 0;
}

#footer .product-categories > .product-category-column {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0 10px;
	box-sizing: border-box;
}

#footer .category-name {
	font-size: 14px;
	font-family: 'ClanPro-NarrMedium';
	margin-bottom: 5px;
}

#footer .product-categories ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	font-family: 'ClanPro-NarrBook';
}

#footer .product-categories ul > li {
	margin-bottom: 5px;
}

#footer .bottom-row {
	background-color: #9a978f;
	padding: 13px 0;
	font-size: 10px;
	clear: both;
}

#footer .bottom-row .content {
	padding: 0 25px;
}

#footer .bottom-row .copyright,
#footer .bottom-row .forweb,
#footer .bottom-row .powered-by,
#footer .bottom-row img {
	display: inline-block;
	vertical-align: top;
	height: 18px;
	line-height: 18px;
}

#footer .bottom-row .copyright {
	line-height: 22px;
}

#footer .bottom-row .forweb {
	float: right;
}

#footer .bottom-row .forweb .powered-by {
	line-height: 22px;
	margin-right: 5px;
	font-size: 11px;
}

#footer .bottom-row .forweb img {
	vertical-align: middle;
}

.product-page-more-products {
	margin-top: 90px;
	margin-bottom: 60px;
}

.product-page-more-products .homepage-section-title {
    margin-bottom: 20px;
}

#product-list-page {
	padding-top: 30px;
}

#product-list-page .no-results {
	text-align: left;
	font-size: 20px;
	color: #bdbdbd;
}

#product-list-page .product-list {

}

#product-list-page .product-list .homepage-section-title {
    margin-bottom: 20px;
}

.product-list .pages {
	text-align: center;
}
.pagination {
	margin-bottom: 20px;
}
.pagination > li > a, .pagination > li > span {
	border: none;
	border-radius: 0;
}

.pagination > li > a, .pagination > li {
	display: inline-block;
	margin-right: 5px;
}

.pagination > li > a, .pagination > li:last-child {
	margin-right: 0;
}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
	border-radius: 0!important;
}

/* alap */
.pagination > li > a, .pagination > li > span {
	color: #231f20;
	background-color: #f7f7f7;
}

/* akt�v */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #231f20;
	border-color: #231f20;
	color: #fff;
}

/* hover */
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	background-color: #2E8DE5;
	color: #FFFFFF;
}

/* disabled */
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	color: #747474;
	background-color: #f7f7f7;
}

#product-list-page .category-list {

}

#product-list-page .category-list .homepage-section-title {
    margin-bottom: 20px;
}

#product-list-page .category-list .products-grid .name-and-desc {
	height: 45px;
}

#product-list-page .category-list .products-grid .product-rect {
	margin-bottom: 20px;
}

#product-list-page .category-title {
	text-transform: uppercase;
	margin-bottom: 50px;
	font-family: 'ClanOffcPro-NarrBlack';
	font-size: 30px;
	text-align: center;
}

.currency::before {
	content: "\00a0";
	display: inline-block;
}

#product-page {
	padding-top: 30px;
}

#product-page #description h5 {
	font-size: 13px;
	font-family: 'ClanPro-NarrMedium';
	text-transform: uppercase;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 15px;
	margin-top: 28px;
}

#product-page #description table td {
	background-color: #f7f7f7;
	padding: 6px 8px;
	border-bottom: 2px solid #fff;
}

#product-page #description table td:nth-child(2) {
	padding-left: 20px;
}

#product-page .hidden-products {
	display: none;
}

#product-page .related-products-section .homepage-more-button {
	margin-bottom: 30px;
}

#product-page .related-products-section {
	background-color: #fff;
	padding-top: 25px;
}

#product-page .related-products-section:nth-child(2n) {
	background-color: #fff;
}

#product-page .related-products-section .homepage-section-title {
	margin-bottom: 40px;
}

#static-page {
    padding-top: 25px;
	padding-bottom: 40px;
}

#static-page h1 {
	text-transform: uppercase;
	margin-bottom: 50px;
	font-family: 'ClanOffcPro-NarrBlack';
	font-size: 30px;
	margin-bottom: 20px;
	text-align: center;
}

#static-page strong,
#static-page b {
	font-family: 'ClanPro-NarrMedium';
}

#static-page a {
	color: initial !important;
}

@media (max-width: 1500px) {
	.products-grid .product-rect .product-photo-frame .hover .column {
		font-size: 13px;
	}

	#navbar .menu-row ul.social-icons {
		margin-right: 0px;
		margin-left: 10px;
	}

	#navbar .menu-row ul.navigation > li a {
		padding: 0 15px;
	}

	body.padded {
		padding-top: 137px;
	}
	#navbar.fixed .logo-row .logo {
		width: 20%;
	}

	#new-navbar .menu-row ul.navigation li a {
		padding: 0 15px;
		font-size: 12px;
		line-height: 57px;
	}

	#new-navbar .menu-row .search-box {
		width: 240px;
	}
}
@media (max-width: 1200px) {
	#navbar .menu-row ul.navigation > li a {
		padding: 0 7px;
		font-size: 12px;
	}

	.products-grid .product-rect .product-photo-frame .hover .row {
		margin-top: -22px;
	}

	#navbar .menu-row ul.navigation > li.home a {
		padding: 0 13px;
	}

	body.padded {
		padding-top: 137px;
	}

	#footer .top-row .social-icons .social-icon .text {
		font-size: 12px;
	}

	#homepage-blog-posts .columns .column .image {
		border-width: 8px;
	}

	#new-navbar .menu-row ul.navigation li a {
		padding: 0 4px;
		font-size: 12px;
		line-height: 57px;
	}

	#new-navbar .menu-row .search-box {
		width: 210px;
	}
}
@media (max-width: 992px) {
	.products-grid .product-rect .product-photo-frame .hover .row {
		 margin-top: -12.5px;
	}
	#navbar .menu-row ul.navigation > li a {
		padding: 0 5px;
		font-size: 11px;
	}
	#navbar .menu-row .phone {
		display: none;
	}

	#navbar .logo-row .shopping-cart .text {
		display: none;
	}

	#navbar .logo-row .search-box {
		width: 60%;
	}

	#navbar .logo-row .shopping-cart {
		width: 20%;
		padding-right: 0;
	}

	#navbar .menu-row ul.social-icons {
		margin-left: 10px;
	}

	#navbar .logo-row .logo img {
		width: calc(100% - 55px);
	}

	#new-navbar .menu-row ul.navigation li a {
		padding: 0 4px;
		font-size: 11px;
		line-height: 57px;
	}

	#new-navbar .menu-row .search-box {
		display: none;
	}

	.products-grid {
		font-size: 0;
	}

	.products-grid .product-rect {
		width: calc(50% - 20px);
		margin-right: 36px;
	}

	.products-grid .product-rect:nth-child(4n+4) {
		margin-right: 36px;
	}

	.products-grid .product-rect:nth-child(2n) {
		margin-right: 0;
	}

	#footer .top-row .columns .column .section-title {
		font-size: 14px;
	}

	#footer .top-row .columns .column ul.list-with-triangle li.address {
		margin-bottom: 10px;
	}

	#footer .top-row .columns .column ul.list-with-triangle li {
		font-size: 11px;
		margin-bottom: 2px;
	}

	#footer .top-row .columns .column {
		padding-right: 15px;
	}

	#footer .top-row .social-icons .social-icon .text {
		font-size: 11px;
	}

	#footer .product-categories ul > li {
		margin-bottom: 2px;
		font-size: 11px;
	}

	#footer .category-name {
		font-size: 13px;
	}

	#footer .product-categories > .product-category-column {
		padding: 0 5px;
	}

	#homepage-info-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	#homepage-info-section .column {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}

	#homepage-info-section .column:last-child {
		margin-bottom: 0;
	}

	#homepage-info-section .column .box .icon {
		width: 25%;
	}

	#homepage-info-section .column .box .text {
		width: 75%;
		padding-left: 15px
	}

	#homepage-blog-posts .columns .column .image {
		width: 100%;
		margin-bottom: 20px;
	}

	#homepage-blog-posts .columns .column .content {
		width: 100%;
	}

	#homepage-blog-posts .columns .column .image {
		border-width: 14px;
	}
}
@media (max-width: 768px) {
	body.padded {
		padding-top: 117px;
	}

	#navbar.fixed .menu-row {
		height: auto;
		min-height: auto;
		overflow: hidden;
		transition: 0.3s;
	}

	#navbar.fixed:hover .menu-row {
		min-height: auto;
	}

	#navbar .menu-row {
		max-height: 0;
		overflow: hidden;
		transition: 0.5s;
	}

	#navbar .menu-row.visible {
		max-height: 500px;
	}

	#navbar .menu-row ul.navigation {
		width: 100%;
		display: block;
	}
	#navbar .menu-row ul.navigation > li {
		display: block;
		width: 100%;
	}

	#navbar .menu-row ul.navigation > li a {
		display: block;
		width: 100%;
	}

	#navbar .menu-row .container {
		padding: 0;
	}

	#navbar .menu-row .social-icons-and-phone {
		display: block;
		width: 100%;
		text-align: center;
	}

	#navbar .menu-row .phone {
		display: inline-block;
	}

	#navbar .logo-row {
		border-bottom: 1px solid #dededf;
	}

	#navbar .logo-row .shopping-cart .text {
		display: none;
	}

	#navbar .menu-row ul.navigation > li a:hover {
		border-color: #ececec;
	}

	#navbar .logo-row .logo {
		width: 100px;
		transition: 0.3s;
	}

	#navbar.fixed .logo-row .logo {
		width: 100px;
	}

	#new-navbar.fixed .menu-row .search-box .icon {
		left: 12px;
		top: 10px;
	}

	#new-navbar .menu-row .search-box .icon {
		left: 12px;
		top: 10px;
	}

	#new-navbar .menu-row .search-box input {
		height: 40px;
		font-size: 14px;
		padding-left: 40px;
	}

	#new-navbar.fixed .menu-row .search-box input {
		height: 40px;
		font-size: 14px;
		padding-left: 40px;
	}

	#new-navbar.fixed .logo-row .logo {
		width: 110px;
	}

	#new-navbar.fixed .logo-row .logo img {
		width: 100%;
	}

	#new-navbar.fixed .logo-row .right {
		width: calc(100% - 110px);
	}

	#navbar .logo-row .logo.closed {
		opacity: 0;
	}

	#navbar .logo-row .logo img {
		width: 100%;
	}

	#navbar .logo-row .search-box {
		position: absolute;
		/* left: 15px; */
		right: 140px;
		width: 35px;
		overflow: hidden;
		transition: 0.3s;
		cursor: pointer;
		z-index: 50;

	}

	#navbar .logo-row .search-box .icon > .fa {
		font-size: 19px;
		transition: 0.3s;
		color: #231f20;
	}

	#navbar .logo-row .search-box input[type=text] {
		border: none;
	}

	#navbar .logo-row .search-box button[type=submit] {
		opacity: 0;
	}

	#navbar .logo-row .search-box.opened {
		width: calc(100% - 30px);
		right: 15px;
	}

	#navbar .logo-row .search-box.opened .icon > .fa {
		font-size: 14px;
		color: #dedede;
	}

	#navbar .logo-row .search-box.opened input[type=text] {
		border: 1px solid #eaeaea;
		border-right: 0;
	}

	#navbar .logo-row .search-box button[type=submit] {
		opacity: 1;
	}

	#navbar .logo-row .shopping-cart {
		width: auto;
		position: absolute;
		right: 65px;
		top: 29px;
		padding-right: 0;
	}

	#navbar .logo-row .hamburger-menu {
		display: block;
		position: absolute;
		right: 9px;
		top: 23px;
		font-size: 24px;
		color: #231f20;
		/* border: 1px solid #ddd; */
		padding: 4px 9px;
		cursor: pointer;
	}

	#navbar .menu-row ul.navigation > li a {
		padding: 0 11px;
		line-height: 56px;
	}

	#navbar .menu-row ul.social-icons {
		margin-left: 0;
	}

	#new-navbar .logo-row {
		background-color: #fff;
	}

	#new-navbar .logo-row .logo {
		text-align: left;
	}

	#new-navbar .logo-row .logo img {
		position: relative;
		left: -7px;
	}

	#new-navbar .logo-row .right .brand {
		display: none;
	}

	#new-navbar .logo-row .shopping-cart .nr {
		background-color: #2E8DE5;
	}

	#new-navbar .logo-row .hamburger-icon {
		font-size: 22px;
		position: relative;
		top: 1.5px;
		display: inline-block;
		margin-left: 15px;
		cursor: pointer;
	}

	#new-navbar .mobile-brand-row {
		display: block;
		font-size: 14px;
	}

	#new-navbar .menu-row {
		max-height: 0;
		/* height: 0; */
		min-height: 0;
		overflow: hidden;
		transition: 0.4s;
	}

	#new-navbar .menu-row.opened {
		max-height: 400px;
	}

	#new-navbar .menu-row .search-box.top {
		display: block;
		margin-left: 0;
		width: 100%;
	}

	#new-navbar .menu-row ul.navigation {
		width: 100%;
	}

	#new-navbar .menu-row ul.navigation li {
		display: block;
	}

	#new-navbar .menu-row ul.navigation li a {
		display: block;
		padding: 0 17px;
		height: 40px;
		line-height: 43px;
	}

	#new-navbar .menu-row .container {
		padding: 0;
	}

	#new-navbar .logo-row .logo {
		width: 110px;
	}

	#new-navbar .logo-row .right {
		width: calc(100% - 110px);
	}

	#homepage-product-categories {
		padding-bottom: 30px;
	}

	#homepage-product-categories .column {
		display: block;
		width: 100%;
		border: none;
	}

	#homepage-product-categories .first.column {
		border: none;
	}

	#homepage-product-categories .second.column {
		border: none;
		margin-top: 50px;
	}

	#homepage-product-categories .column img {
		width: 65%;
	}

	.products-grid .product-rect .product-photo-frame .hover .column {
		font-size: 13px;
	}

	#footer .top-row .columns .column {
		margin-bottom: 30px;
	}

	#footer .top-row .columns .column:nth-child(1) {
		width: 100%;
		padding-right: 0;
	}

	#footer .top-row .columns .column:nth-child(2) {
		width: 100%;
		padding-right: 0;
	}

	#footer .top-row .columns .column:nth-child(3) {
		width: 100%;
	}

	#homepage-blog-posts .columns .column {
		width: 100%;
		margin-right: 0;
	}

	#homepage-blog-posts .columns .column .image {
		width: 25%;
	}

	#homepage-blog-posts .columns .column .content {
		width: 75%;
	}

	#homepage-blog-posts .columns .column {
		border-bottom: 1px solid #ddd;
		padding-bottom: 25px;
		margin-bottom: 25px;
	}

	#homepage-blog-posts .columns .column:last-child {
		margin-bottom: 0;
		border-bottom: none;
	}

	#homepage-blog-posts .columns .column .image {
		margin-bottom: 0;
	}

	.products-grid .product-rect .product-photo-frame .hover .column {
		font-size: 13px;
	}
}

@media (max-width: 640px) {
	.products-grid .product-rect {
		width: 100%;
	}

	.products-grid .product-rect {
		margin-right: 0;
	}

	.products-grid .product-rect:nth-child(2n) {
		margin-right: 0;
	}

	.products-grid .product-rect .product-photo-frame .hover .column {
		font-size: 15px;
	}

	#footer .bottom-row {
		text-align: center;
	}

	#footer .bottom-row .copyright {
		display: block;
		width: 100%;
		margin-bottom: 10px;
		height: auto;
	}

	#footer .bottom-row .forweb {
		text-align: center;
		float: none;
	}

	.homepage-section-title .order-by {

	}
}

@media (max-width: 512px) {
	#homepage-newsletter .input input[type=text] {
		width: 100%;
		margin-bottom: 20px;
		border-right: 1px solid #eaeaea;
	}

	.products-grid .product-rect .product-photo-frame .hover .column {
		font-size: 13px;
	}

	#footer .product-categories > .product-category-column {
		width: 100%;
	}

	#footer .product-categories > .product-category-column:first-child {
		margin-bottom: 30px;
	}

	#homepage-blog-posts .columns .column .image {
		width: 30%;
	}

	#homepage-blog-posts .columns .column .content {
		width: 70%;
	}

	#homepage-blog-posts .columns .column .image {
		border-width: 8px;
	}
}

@media (max-width: 450px) {
	.homepage-section-title .order-by {
		right: -12px;
		top: 24px;
	}

	#product-list-page .product-list .homepage-section-title {
		margin-bottom: 60px;
	}
}

@media (max-width: 300px) {
	#new-navbar .logo-row .favorite {
		display: none;
	}
}

/* COOKIE CONSENT */

#cookie-consent {
	opacity: 0;
	visibility: hidden;
	transform: scale(0.95);
	transition: 0.4s;
	position: fixed;left: 10px;bottom: 10px;right: 10px;z-index: 1000000;
	border: 2px solid rgba(0, 0, 0, 0.07);overflow: hidden;background-color: #ffffff;background-clip: content-box;
}

#cookie-consent.shown {
	opacity: 1;
	visibility: visible;
	 transform: scale(1);
}

#cookie-consent .form-button {
	max-width: 100%;
	min-width: 195px;
	height: 35px;
	line-height: 35px;
	padding: 0 12px;
	color: #fff;
	text-transform: uppercase;
	border: none;
	outline: none;
	background-color: #231f20;
	font-size: 14px;
	transition: 0.2s;
	text-align: center;
	display: inline-block;
	cursor: pointer;
}

#cookie-consent .form-button:hover {

}

#cookie-consent .content {font-size: 0;position: relative;padding: 15px;padding-left: 0;}

#cookie-consent .icon {

font-size: 15px;

display: inline-block;

text-align: center;

font-size: 26px;

color: #231f20;

vertical-align: middle;

width: 60px;

position: relative;
}

#cookie-consent .icon-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 100%;
	background-color: #f1f1f1;
}

#cookie-consent .text {

font-size: 14px;

display: inline-block;

width: calc(100% - 522px);

vertical-align: middle;

padding-left: 18px;

padding-right: 0;

line-height: 16px;

color: #888;
}

#cookie-consent .buttons {

display: inline-block;

vertical-align: middle;

width: 462px;

text-align: right;

white-space: normal;
}

#cookie-consent .buttons .button {

display: inline-block;

vertical-align: middle;
}

#cookie-consent .buttons .button form {

}

#cookie-consent .buttons .button form button.form-button {

font-size: 11px;

height: auto;
}

#cookie-consent .buttons .button a {

text-transform: uppercase;

max-width: 100%;

line-height: 33px;

padding: 0 12px;

border: none;

outline: none;

font-size: 11px;

transition: 0.2s;

text-align: center;

display: inline-block;

cursor: pointer;

border: 1px solid #838383;

color: #838383;

margin-left: 15px;

text-decoration: none;
}

@media (max-width: 1300px) {
	#cookie-consent .content {
		padding-top: 10px!important;
		padding-bottom: 10px!important;
		padding-right: 10px;
	}
	#cookie-consent .buttons {
		width: 244px;
	}
	#cookie-consent .text {
		width: calc(100% - 304px);
		padding-right: 17px;
	}
	#cookie-consent .buttons .button {
		display: block;
	}
	#cookie-consent .buttons .button a {
		width: 100%;
		margin-left: 0;
		margin-top: 9px;
		font-size: 12px;
		line-height: 30px;
	}
	#cookie-consent .buttons .button form button.form-button {
		width: 100%;
		font-size: 12px;
		line-height: 32px;
	}
}

@media (max-width: 1100px) {
	#cookie-consent .text {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	#cookie-consent .content {
		padding-left: 10px;
	}
	#cookie-consent .icon {
		display: none;
	}
	#cookie-consent .icon-bg {
		display: none;
	}
	#cookie-consent .buttons {
		width: 100%;
	}
	#cookie-consent .buttons .button {
		display: block;
		margin-left: 0;
		margin: 0 auto;
		width: 100%;

	}
	#cookie-consent .buttons .button:first-child {
		margin: 0 auto;
	}
	#cookie-consent .buttons .button:first-child {
		margin-bottom: 10px;
	}
	#cookie-consent .buttons {
		font-size: 0;
	}
	#cookie-consent .buttons .button a {
		margin-top: 0;
	}
	#cookie-consent .buttons .button {
		width: calc(50% - 5px);
		display: inline-block;
		vertical-align: top;
		margin-bottom: 0;
	}
	#cookie-consent .buttons .button:first-child {
		margin-right: 10px;
		margin-bottom: 0;
	}
}

@media (max-width: 560px) {
	#cookie-consent {
		border-left: none;
		border-right: none;
		border-bottom: none;
		left: 0;
		bottom: 0;
		right: 0;
	}
	#cookie-consent .buttons .button {
		width: 100%;
	}
	#cookie-consent .buttons .button:first-child {
		margin-bottom: 10px;
	}
	#cookie-consent .content {
		padding: 15px;
	}
}


.row-wrapper {display: inline-block; vertical-align: middle; background-color: #fff; padding: 25px 45px}
#homepage-dimo-clean .first-row {margin-bottom: 22px}
.padded-list-item {padding-left: 15px; margin-bottom: 25px}

/*.list-price {display: none}*/
#new-navbar .menu-row .container {position: relative;}
.desc-row {font-size: 16px; padding: 0 15px; width: 100%; margin-top: 15px}
.desc-row strong {font-weight: 700 !important;}
#new-navbar .logo-row .favorite a:hover i {opacity: 0.9 !important; color: #fff}
#new-navbar .logo-row .shopping-cart:hover i {opacity: 0.9 !important; color: #fff}
#product-page .price-row {display: none}
.accessories-title {font-size: 16px;
    color: #3d3c3c; display: inline-block; vertical-align: middle;
    border: 0;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 5px;
	font-family: 'ClanPro-NarrBook';
text-transform: none; border-bottom: 3px solid #2a2a2a;
padding-right: 45px; }
.rate-row {padding-left: 15px; color: #111; margin-bottom: 30px}
.rate-row a {color: #111}
.rate-row a:hover {color: #2E8DE5}
#counter-down {text-align: center; font-size: 12px; float: left; width: 150px}
.addToCart-button:hover {color: #2E8DE5; background-color: #f7f7f7;}
#addToFavorite-button:hover {color: #fff; background-color: #2E8DE5;}
#new-navbar .mobile-brand-row strong {color: #fff}
.product-photo-frame {width: 305px; height: 305px; position: relative;}
.products-grid .product-rect .product-photo-frame img {max-width: 100%; max-height: 100%; width: unset; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

@media(max-width: 1599px) {
	#counter-down {width: 100px}
	.products-view .prices {width: 200px}
	.product-photo-frame {width: 258px; height:258px;}
}
@media(max-width: 1199px) {
	#counter-down {width: 100%; margin-top: 30px;}
	.product-photo-frame {width: 208px; height:208px;}
}
@media(max-width:991px) {
	.product-photo-frame {width: 340px; height:340px;}
}
@media(max-width: 767px) {
	#new-navbar .menu-row .container {padding-top: 50px}
	#new-navbar .menu-row .search-box.top {left: 15px; width: calc(100% - 30px); top: 10px; transform: none;}
	#new-navbar .cart-mobile {position: relative; color: #231f20}
	.fa-shopping-cart {color: #231f20; font-size: 20px !important; position: relative;}
	#new-navbar .logo-row .shopping-cart .nr {position: relative;}
	.product-photo-frame {width: 100%; height:45vw;}
	/*.products-grid .product-rect .product-photo-frame img {max-width: 100%; max-height: 100%; width: unset; position: static; top:unset; left: unset; transform: none; display: block; margin: 0 auto;}*/
	.products-grid .name-and-desc {
		height: auto;
	}
}
@media(max-width:640px) {
	.product-photo-frame {width: 100%; height:unset;}
	.products-grid .product-rect .product-photo-frame img {max-width: 100%; max-height: 350px; width: unset; position: static; top:unset; left: unset; transform: none; display: block; margin: 0 auto; }
}

.phone-row a {padding: 5px 0; color: #373133 !important; display: inline-block;}


.glass {
	width: 150px;
	height: 150px;
	position: absolute;
	border-radius: 50%;
	cursor: none;

	/* Multiple box shadows to achieve the glass effect */
	box-shadow:
	  0 0 0 7px rgba(255, 255, 255, 0.85),
	  0 0 7px 7px rgba(0, 0, 0, 0.25),
	  inset 0 0 40px 2px rgba(0, 0, 0, 0.25);

	/* hide the glass by default */
	display: none;
	pointer-events: none
  }

.prodspecs
{
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 15px;
}

.prodspecs table
{
	width: auto;
	border: 0px !important;
	margin: 0px;
}

.prodspecs tr
{
	background-color: initial !important;
}

.prodspecs th, .prodspecs td
{
	border: 0px !important;
	padding: 2px 4px !important;
}
.prodspecs th
{
	font-family: 'ClanPro-NarrMedium';
	font-weight: 700;
}
.prodspecs td
{
	font-weight: 700;
}

.prodfeaturesicons
{
	margin-top: 10px;
	margin-bottom: 5px;
}

.prodicon
{
	display: inline-block;
	vertical-align: top;
	margin: 0px 3px;
}

.prodftt
{
	font-size: 12px;
}

.prodftt-title
{
	font-size: 13px;
	font-weight: 600;
	padding-top: 4px;
}

.prodftt-bottom img
{
	max-width: 80px;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

.prodfiles a
{
	color: #2E8DE5;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 4px;
	width: 110px;
}

.prodfiles .prodfile-name
{
	display: block;
	width: 100%;
	padding: 0px 4px;
	line-height: 20px;
	height: 45px;
	padding-top: 5px;
	overflow: hidden;
	font-size: 15px;
}

.feature-item
{
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 15px;
}

.feature-item-title
{
	font-size: 15px;
	font-weight: 600;
	display: block;
	margin-bottom: 5px;
}

.feature-item img
{
	max-width: 150px;
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}

.feature-item
{
	position: relative;
	border: 0px;
	box-shadow: none !important;
}

.feature-dropdown-row .fa-chevron-up
{
	display: none;
}
.feature-dropdown-row.open .fa-chevron-up
{
	display: inline-block;
}
.feature-dropdown-row.open .fa-chevron-down
{
	display: none;
}

.feature-dropdown
{
	display: block;
	background-color: #eee;
	border: 0px;
	width: 100%;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
}

.feature-dropdown-row
{
	padding-bottom: 15px;
}

.feature-dropdown-row .feature-item
{
	padding-bottom: 0px;
}

.technicaldatas-items
{
	position: relative;
	border: 0px;
	box-shadow: none;
	width: 100%;
	padding-bottom: 15px;
	z-index: 10;
}

.technicaldatas-item
{
	border-bottom: 1px solid #eee;
}

.enegryappp
{
	position: absolute;
	top: 45px;
	right: 0px;
}

.warranty
{
	position: absolute;
	top: 10px;
	right: 0px;
}

.produc-comment
{
	margin-top: 20px;
	margin-bottom: 30px;
	font-size: 16px;
	clear: both;
}

.zoomContainer
{
	z-index: 99999;
}

.fancybox-container
{
	z-index: 999999;
}

.subcategorygrid
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.subcategorygrid .name-and-desc
{
	height: auto !important;
}

.maincats-item
{
	display: block;
	margin: 20px 0px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.maincats-item:last-child
{
	border: 0px;
}

.maincats-item-title a
{
	font-size: 22px;
	color: #231f20 !important;
	text-transform: uppercase;
}

.maincats-item-infos
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
}

.maincats-item-img
{
	width: 220px;
	min-width: 220px;
}

.maincats-item-img img
{
	display: inline-block;
	max-width: 100%;
}

.maincats-item-description
{
	padding-left: 15px;
}

.maincats-item-description a
{
	flex-grow: 1;
	color: #231f20 !important;
}

.subcatslist
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.subcats-item
{
	margin-bottom: 15px;
}

.subcats-item-title a
{
	font-size: 17px;
	color: #231f20 !important;
	text-transform: uppercase;
}

.subcats-item-infos
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
}

.subcats-item-img
{
	width: 120px;
	min-width: 120px;
	height: 100px;
	text-align: center;
}

.subcats-item-img img
{
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
}

.subcats-item-description
{
	padding-left: 15px;
}

.subcats-item-description a
{
	flex-grow: 1;
	color: #231f20 !important;
}

.household-item-infos-left
{
	width: 220px;
	min-width: 220px;
}

.household-item-infos-left a
{
	color: #231f20 !important;
}

.household-item-infos-right
{
	flex-grow: 1;
	padding-left: 15px;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.householdsubcat
{
	margin: 5px;
	width: calc(20% - 10px);
	color: #231f20 !important;
	font-size: 11px;
	background-color: #cccccc;
}

.householdsubcat-img
{
	display: block;
	text-align: center;
	width: 100%;
	background-color: #fff;
	height: 140px;
}

.householdsubcat-img img {
	max-width: 135px;
	max-height: 155px;
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.household-item-title
{
	padding-bottom: 5px;
}

.household-item-title a
{
	font-size: 20px;
	text-transform: none;
	font-weight: 700;
}

.householdsubcat-title
{
	padding: 3px;
}

.householdcat-item:nth-child(odd) .household-item-infos-left{ order: 2;}
.householdcat-item:nth-child(odd) .household-item-infos-right{ order: 1; padding-left: 0px; padding-right: 15px; }

.hiir-prof
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.householdsubcat-prof
{
	width: 160px !important;
}

.householdsubcat-prof .householdsubcat-title
{
	height: 40px;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}

.more-desc-prof
{
	margin-top: 20px !important;
}

@media (max-width: 1200px) {
	.householdsubcat
	{
		width: calc(33% - 10px);
	}
}

@media (max-width: 992px) {
	.householdsubcat
	{
		width: calc(50% - 10px);
	}
}

@media (max-width: 768px) {
	.maincats-item-img
	{
		width: 120px;
		min-width: 120px;
	}
	.subcatslist
	{
		display: block;
	}
	.householdcat-item-infos
	{
		display: block;
	}
	.household-item-infos-left
	{
		display: block;
		width: 100%;
	}
	.household-item-infos-right
	{
		padding: 0px;
		width: 100%;
	}
	.householdsubcat
	{
		width: calc(25% - 10px);
	}
}

@media (max-width: 500px) {
	.maincats-item-title, .subcats-item-title
	{
		text-align: center;
	}
	.maincats-item-infos, .subcats-item-infos
	{
		display: block;
	}
	.maincats-item-img, .subcats-item-img
	{
		text-align: center;
		width: 100%;
		margin: 5px 0px;
	}
	.maincats-item-description, .subcats-item-description
	{
		padding: 0px;
		text-align: center;
	}
	.householdsubcat
	{
		width: calc(33% - 10px);
	}
}

@media (max-width: 400px) {
	.householdsubcat
	{
		width: calc(50% - 10px);
	}
}
.more_desc {
	margin-top: -20px;
	margin-bottom: 20px;
	font-size: 17px;
}
@media (max-width: 767px) {
	.more_desc {
		font-size: 15px;
	}
}
.more_desc {
	clear: both;
}

.opci {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 24px;
	color: #2E8DE5;
	cursor: pointer;
}
.relative {
	position: relative;
}
.strong {
	font-weight: bold;
}
.maindesc {
	margin-bottom: 20px;
	padding-bottom: 15px;
	font-size: 16px;
}

.couponticker
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
	display: block;
}

.couponticker img
{
	position: relative !important;
	transform: none !important;
	left: 0px !important;
	top: 0px !important;
}


#header .container.container-no-pseudo::before, #header .contaienr.container-no-pseudo::after {
	display: none !important;
}
#header {
	height: 85px;
	position: relative;
}
#header .container {
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
#header .container .links {
	display: flex;
	flex-direction: row;
	align-items: center;
}
#header .container .links a {
	position: relative;
	font-size: 17px;
	text-transform: uppercase;
	margin: 0 12px;
	padding-top: 5px;
	color: #231F20;
}
#header .container .links a::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	height: 4px;
	width: 0;
	background: #2E8DE5;
	transition: all .15s ease;
}
#header .container .links a:hover::after {
	width: 100%;
}
#header .container .icons {
	display: flex;
	flex-direction: row;
	align-items: center;
}
#header .container .icons .icons-item {
	margin-left: 20px;
	position: relative;
}
#header .container #carticon .nr {
	position: absolute;
	width: 20px;
	height: 20px;
	background: #2E8DE5;
	color: #FFFFFF;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	top: -10px;
	right: -10px;
	font-size: 12px;
}
#footer .top {
	margin-top: 82px;
}
#footer .top .container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	min-width: 96%;
}
#footer .top .container::before, #footer .top .container::after {
	display: none;
}
#footer .top .container .topcol, #footer .top .container .topcol .topcol-inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 23%;
}
#footer .top .container .topcol .topcol-inner {
	width: 100%;
}
#footer .top .container .topcol .topcol-inner:first-of-type {
	margin-bottom: 30px;
}
#footer .top .container .topcol a, #footer .top .container .topcol p {
	font-size: 20px;
	color: #231F20;
	margin: 0 0 5px 0;
	padding: 0 2px;
	text-transform: none;
}
#footer .top .container .topcol a:not(strong a):hover {
	color: #2E8DE5;
}
#footer .top .container .topcol p strong {
	font-family: "ClanPro-NarrBold";
	font-weight: 700;
}
#footer .top .container .topcol .topcol-title {
	font-family: "ClanPro-NarrBold";
	font-size: 30px;
	font-weight: 700;
	color: #231F20;
	text-transform: none;
	margin: 0 0 30px 0;
}
#footer .center {
	margin: 40px 0 50px 0;
}
#footer .center .container {
	   display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 50px 0;
}

#footer .center .container a {
	margin: 0 50px;
}

.footer-simplepay
{
	margin-bottom: 20px;
}

@media (max-width: 768px){
    #footer .center .container.footer-logos{
        flex-direction: column;
        gap: 20px;
    }
}

#footer .bottom {
	height: 40px;
	background: #231F20;
}
#footer .bottom .container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	height: 100%;
}
#footer .bottom .container a, #footer .bottom .container p {
	font-size: 16px;
	color: white;
	margin: 0 40px;
}

/** FLEX **/
.d-flex {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
}
.d-inline-flex {
	display: inline-flex;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
}
.align-items-center {
	align-items: center !important;
	-webkit-align-items: center !important;
}
.align-items-start {
	align-items: flex-start !important;
	-webkit-align-items: flex-start !important;
}
.align-items-end {
	align-items: flex-end !important;
	-webkit-align-items: flex-end !important;
}
.justify-content-center {
	justify-content: center !important;
	-webkit-justify-content: center !important;
}
.justify-content-between {
	justify-content: space-between !important;
	-webkit-justify-content: space-between !important;
}
.justify-content-start {
	justify-content: flex-start !important;
	-webkit-justify-content: flex-start !important;
}
.justify-content-end {
	justify-content: flex-end !important;
	-webkit-justify-content: flex-end !important;
}
.flex-wrap {
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.flex-column {
	flex-direction: column;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
}
.flex-row {
	flex-direction: row;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
}
/** /FLEX **/
@media (max-width: 768px) {
	.breadcrumb {
		display: none;
	}
}


@media (min-width: 1500px) {
	.container {
		width: 1360px;
	}
}

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

b, strong {
	font-weight: normal;
}

body {
	font-family: 'ClanPro-NarrNews';
}

body.padded {
	padding-top: 137px;
}

* {
	outline: none;
}

#navbar {

}

#navbar .logo-row {
	font-size: 0;
	padding: 25px 0;
	background-color: #fff;
}

#navbar .logo-row .logo {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	width: 20%;
}

#navbar .logo-row .logo img {
	width: calc(100% - 100px);
	height: 100%;
}

#navbar .logo-row .search-box {
	display: inline-block;
	vertical-align: middle;
	height: 34px;
	line-height: 34px;
	position: relative;
	width: 40%;
}

#navbar .logo-row .search-box .icon {
	position: absolute;
	height: 34px;
	top: 0;
	left: 14px;
	font-size: 17px;
	color: #dedede;
}

#navbar .logo-row .search-box .icon > .fa {
	position: absolute;
	top: 50%;
	margin-top: -6.5px;
	line-height: 13px;
	width: 13px;
	height: 13px;
	border-right: 1px solid #ddd;
	padding-right: 22px;
	display: inline-block;
	font-size: 14px;
}

#navbar .logo-row .search-box input[type=text] {
	box-sizing: border-box;
	border: 1px solid #eaeaea;
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
	height: 34px;
	border-right: none;
	box-sizing: border-box;
	width: calc(100% - 85px);
	outline: none;
	padding-left: 50px;
}

#navbar .logo-row .search-box input[type=text]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #dbdbdb;
}
#navbar .logo-row .search-box input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #dbdbdb;
	opacity: 1;
}
#navbar .logo-row .search-box input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #dbdbdb;
	opacity: 1;
}
#navbar .logo-row .search-box input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #dbdbdb;
}
#navbar .logo-row .search-box input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
	color: #dbdbdb;
}
#navbar .logo-row .search-box input[type=text]::placeholder { /* Most modern browsers support this now. */
	color: #dbdbdb;
}

#navbar .logo-row .search-box button[type=submit] {
	height: 34px;
	background: none;
	border: none;
	font-size: 14px;
	text-transform: uppercase;
	background-color: #f7f7f7;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	width: 85px;
}

#navbar .logo-row .shopping-cart {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	width: 40%;
	text-align: right;
	padding-right: 5%;
}

#navbar .logo-row .shopping-cart {
	display: inline-block;
	vertical-align: center;
	font-size: 16px;
	text-transform: uppercase;
	color: #231f20;
}

#navbar .logo-row .shopping-cart .icon {
	font-size: 18px;
}


#navbar .logo-row .shopping-cart .text {
	margin-left: 5px;
}

#navbar .logo-row .hamburger-menu {
	display: none;
}

#navbar .menu-row {
	background-color: #f7f7f7;
	font-size: 0;
	border-bottom: 2px solid #ececec;
}

#navbar .menu-row ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
}

#navbar .menu-row ul > li {
	display: inline-block;
	font-size: 14px;
	height: 50px;
}

#navbar .menu-row ul.navigation > li {
	text-transform: uppercase;
}

#navbar .menu-row ul.navigation > li a {
	display: inline-block;
	padding: 0 21px;
	color: #231f20;
	font-size: 14px;
	height: 52px; /* 50 + 2 */
	line-height: 50px;
	border-bottom: 2px solid #ececec;
	box-sizing: border-box;
}

#navbar .menu-row ul.navigation > li.home a {
	padding: 0 20px;
}

#navbar .menu-row ul.navigation > li.selected a {
	background-color: #f1f1f1;
	/*pointer-events: none;*/
}

#navbar .menu-row ul.navigation > li a:focus {
	text-decoration: none;
}

#navbar .menu-row ul.social-icons {
	margin-right: 50px;
	margin-left: 50px;
}

#navbar .menu-row ul.social-icons > li {
	line-height: 50px;
}

#navbar .menu-row ul.social-icons > li {

}

#navbar .menu-row ul.social-icons > li a {
	height: 52px;
	display: inline-block;
	padding: 0 8px;
	color: #231f20;
	border-bottom: 2px solid #ececec;
}

#navbar .menu-row ul.social-icons > li a .fa {
	font-size: 20px;
	line-height: 50px;
	color: #231f20;
}

#navbar .menu-row .phone {
	display: inline-block;
	padding: 0 10px;
	color: #231f20;
	border: 1px dashed #e6e6e6;
	vertical-align: middle;
	border-radius: 3px;
	font-size: 0;
	margin-left: 10px;
}

#navbar .menu-row .phone > span {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}

#navbar .menu-row .phone .icon {
	font-size: 20px;
	margin-right: 10px;
}

#navbar.fixed {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 500;
}

#navbar.fixed {
	margin-top: -175px;
}

#navbar.fixed.shown {
	margin-top: 0;
}

#navbar.fixed .menu-row {
	height: 0;
	min-height: 0;
	overflow: hidden;
	transition: 0.35s;
}

#navbar.fixed .logo-row .logo {
	width: 17%;
}

#navbar.fixed:hover .menu-row {
	min-height: 52px;
}

#new-navbar {

}

#new-navbar.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 500;
	margin-top: -175px;
}

#new-navbar.fixed.shown {
	margin-top: 0;
}

#new-navbar.fixed .logo-row {
	height: 50px;
}

#new-navbar.fixed .logo-row .logo {
	height: 50px;
	line-height: 50px;
	width: 195px;
}

#new-navbar.fixed .logo-row .logo img {
	width: 66%;
}

#new-navbar.fixed .logo-row .right {
	height: 50px;
	line-height: 50px;
}

#new-navbar.fixed .logo-row .right {
	width: calc(100% - 195px);
}

#new-navbar.fixed .menu-row .search-box input {
	height: 30px;
	padding-left: 30px;
	font-size: 12px;
}

#new-navbar.fixed .menu-row .search-box .icon {
	left: 10px;
	top: 5px;
}

#new-navbar .logo-row {
	background-color: #fef200;
	font-size: 0;
	height: 82px;
}

#new-navbar .logo-row .logo {
	background-color: #fff;
	width: 232px;
	height: 82px;
	text-align: center;
	line-height: 82px;
	display: inline-block;
	vertical-align: middle;
}

#new-navbar .logo-row .right {
	width: calc(100% - 232px);
	height: 82px;
	font-size: 15px;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	line-height: 82px;
	font-family: 'ClanPro-NarrBook';
}

#new-navbar .logo-row .right .brand {
	font-size: 17px;
	text-transform: uppercase;
	margin-left: 28px;
	padding-right: 50px;
}

#new-navbar .logo-row .right .brand strong {
	font-family: 'ClanPro-NarrBold';
}


#new-navbar .logo-row .shopping-cart {
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	color: #201e1f;
}

#new-navbar .logo-row .shopping-cart .icon {
	font-size: 21px;
}

#new-navbar .logo-row .shopping-cart .nr {
	padding: 4px 8px;
	padding-top: 6px;
	background-color: #fff;
	color: #201e1f;
	display: inline;
	margin-left: 9px;
	font-size: 13px;
	position: relative;
	top: -2px;
}

#new-navbar .logo-row .favorite {
	display: inline-block;
	font-size: 21px;
	color: #201e1f;
	margin-right: 12px;
}

#new-navbar .logo-row .hamburger-icon {
	display: none;
}

#new-navbar .mobile-brand-row {
	background-color: #fef200;
	font-size: 17px;
	text-transform: uppercase;
	font-family: 'ClanPro-NarrBook';
	display: none;
	height: 35px;
	line-height: 37px;
}

#new-navbar .mobile-brand-row strong {
	font-family: 'ClanPro-NarrBold';
}

#new-navbar .menu-row {
	background-color: #231f20;
	color: #fff;
}

#new-navbar .menu-row ul.navigation {
	padding: 0;
	margin: 0;
	font-size: 0;
	display: inline-block;
}

#new-navbar .menu-row ul.navigation li {
	display: inline-block;
	font-size: 15px;
}

#new-navbar .menu-row ul.navigation li a:hover {
	background-color: #373133;
}

#new-navbar .menu-row ul.navigation li a {
	font-size: 13px;
	color: #fff;
	font-family: 'ClanPro-NarrBook';
	text-transform: uppercase;
	line-height: 55px;
	height: 55px;
	display: inline-block;
	padding: 0 16px;
}

#new-navbar .menu-row .search-box {
	width: 250px;
	display: inline-block;
	position: relative;
	margin-left: 5px;
}

#new-navbar .menu-row .search-box.top {
	display: none;
}

#new-navbar .menu-row .search-box .icon {
	position: absolute;
	left: 12px;
	top: 7px;
	color: #231f20;
	font-size: 15px;
}

#new-navbar .menu-row .search-box input {
	width: 100%;
	display: block;
	box-sizing: border-box;
	height: 34px;
	line-height: 34px;
	color: #231f20;
	padding-left: 45px;
	border: 1px solid #eaeaea;
}

#homepage-slider {
	margin-bottom: 22px;
}

#homepage-slider .item {
	margin: 25px 0;
}

#homepage-slider .content, #homepage-slider2 .content {
	position: relative;
}

#homepage-slider .content .background-image, #homepage-slider2 .content .background-image , #homepage-slider3 .content .background-image {
	width: 100%;
}

#homepage-slider .content .text-box {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 15px;
	left: 17.5%;
	top: 38%;
	width: 32%;
	height: 25%;
	box-sizing: border-box;
	color: #231f20;
	text-transform: uppercase;
	font-family: 'ClanPro-NarrNews';
}

#homepage-slider .content .text-box a {
	color: inherit!important;
}

#homepage-slider .content .text-box a:hover {
	color: inherit!important;
}

#homepage-slider .content .text-box .title {
	border-bottom: 1px solid #fff;
	font-size: 1.4vw;
	padding-bottom: 1%;
	margin-bottom: 2.2%;
}

#homepage-slider .content .text-box .title strong {
	font-family: 'ClanPro-NarrBold';
}

#homepage-slider .content .text-box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#homepage-slider .content .text-box ul li {
	margin-bottom: 1.3%;
	font-size: 0.9vw;
	text-transform: uppercase;
	font-family: 'ClanPro-NarrBook';
}

#homepage-slider .content .text-box ul li strong {
	font-family: 'ClanPro-NarrNews';
}

#homepage-slider .content .text-box ul li .fa {
	font-size: 0.43vw;
	vertical-align: middle;
	display: inline-block;
	margin-right: 1%;
	color: #fff;
	position: relative;
	top: -0.12vw;
}

#homepage-slider .content .product-image {
	position: absolute;
	right: 14.7%;
	/*top: 7%;*/
	width: 483px;
	width: 25.14vw;
	bottom: 11%;
}

#homepage-slider .indicators {
	text-align: center;
}

#homepage-slider .indicators ol.buttons {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0;
	bottom: 0;
	position: static;
	left: 0;
	width: 100%;
}

#homepage-slider .indicators ol.buttons > li, .slick-dots li {
	width: 50px;
	height: 6px;
	box-sizing: border-box;
	background-color: #e9e9e9;
	border: 1px solid #e9e9e9;
	display: inline-block;
	padding: 0;
	margin: 0;
	border-radius: 0;
	margin-right: 8px;
}
.slick-dots li button::before {
	display: none;
}
#homepage-slider .indicators ol.buttons > li:last-child {
	margin-right: 0;
}

.slick-dots li {
	width: 100px;
	height: 5px;
}

#homepage-dimo-clean {
	text-align: center;
	text-transform: uppercase;
	background-color: #f7f7f7;
	padding: 25px 0;
}

#homepage-dimo-clean h1 {
	margin: 0;
	padding: 0;
}

#homepage-dimo-clean .first-row {
	font-family: 'ClanOffcPro-NarrBlack';
	font-size: 28px;
	padding-bottom: 0;
	margin-bottom: 0;
}

#homepage-dimo-clean .second-row {
	font-size: 16px;
}

#homepage-product-categories {
	font-size: 0;
	padding-top: 40px;
	text-align: center;
	padding-bottom: 75px;
}

#homepage-product-categories .column {
	display: inline-block;
	font-size: 16px;
	width: 50%;
	box-sizing: border-box;
	color: #6c6c6c;
	position: relative;
	padding: 0 3%;
}

#homepage-product-categories .column img {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 50px;
}

#homepage-product-categories .first.column {
	border-right: 1px solid #efefef;
}

#homepage-product-categories .second.column {
	border-left: 1px solid #efefef;
	left: -1px;
	vertical-align: top;
}


#homepage-product-categories .column .title {
	font-size: 32px;
	font-family: 'ClanOffcPro-NarrBlack';
	text-transform: uppercase;
	color: #231f20;
	margin-bottom: 40px;
}

#homepage-product-categories .column .text  {
	font-family: 'ClanPro-NarrBook';
	font-size: 16px;
	color: #6c6c6c;
	padding: 0;
	margin: 0;
	line-height: 24px;
	margin-bottom: 50px;
}

#homepage-product-categories .horizontal-line  {
	width: 50%;
	border-bottom: 1px solid #efefef;
	margin: 0 auto;
	position: relative;
}


#homepage-product-categories .more-info  {
	bottom: 0;
	width: 100%;
	height: 0;
	line-height: 0px;
}

#homepage-product-categories .more-info a {
	padding: 5px 38px;
	background-color: #fff;
	color: #231f20;
	text-transform: uppercase;
	font-family: 'ClanOffcPro-NarrBlack';
}

#homepage-product-categories .more-info a:hover .fa {
	transform: translateX(4px);
}

#homepage-product-categories .more-info a {
	text-decoration: none;
}

#homepage-product-categories .more-info a .fa {
	line-height: 0;
	margin-left: 10px;
	transition: 0.3s;
	position: relative;
	top: -0.5px;
}

.homepage-section-title {
	font-family: 'ClanOffcPro-NarrBlack';
	text-transform: uppercase;
	position: relative;
	color: #231f20;
	height: 1px;
	line-height: 1px;
	font-size: 0;
	height: 30px;
	margin-top: 20px;
}

.homepage-section-title .container {
	position: relative;
}



.homepage-section-title.white .text {
	background-color: #fff;
	padding-right: 15px;
}
.category-list .products-grid {
	margin-bottom: 10px;
}
.homepage-section-title .line {
	display: inline-block;
	height: 1px;
}

.homepage-section-title .line.second {
	width: calc(100% - 50px);
	background-color: #e6e6e6;
}

.homepage-section-title .order-by {
	font-size: 15px;
	position: absolute;
	right: 35px;
	box-sizing: border-box;
	padding: 0 10px;
	top: -13px;
	background-color: #fff;
}

.homepage-section-title .order-by select {
	font-size: 11px;
	box-sizing: border-box;
	text-transform: uppercase;
	padding: 3px;
	height: 25px;
	line-height: 19px;
	border: 1px solid #eaeaea;
	font-family: 'ClanPro-NarrBold';
	padding-right: 25px;
	padding-left: 8px;
}

.homepage-section-title .order-by select {
	/*for firefox*/
	-moz-appearance: none;
	/*for chrome*/
	-webkit-appearance:none;
}

/*for IE10*/
.homepage-section-title .order-by select::-ms-expand {
	display: none;
}

.homepage-section-title .order-by .icon {
	display: inline-block;
	position: absolute;
	top: 2.5px;
	right: 0px;
	background-color: #231f20;
	color: #fff;
	width: 23px;
	height: 20px;
	line-height: 22px;
	font-size: 12px;
	text-align: center;
	transform: rotate(90deg);
	pointer-events: none;
}

#homepage-discount-products {
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 70px;
}

.products-grid {
	font-size: 0;
}

.products-grid .product-rect {
	box-sizing: border-box;
	width: calc(25% - 27px);
	display: inline-block;
	margin-right: 36px;
	vertical-align: top;
	margin-bottom: 75px;
}

.products-grid .product-rect:nth-child(4n+4):not(.discounted-products-slick.products-grid .product-rect:nth-child(4n+4)) {
	margin-right: 0;
}

.products-grid .product-rect .product-photo-frame {
	padding: 8px;
	background-color: #FFFFFF;
	position: relative;
	margin-bottom: 30px;
}

.products-grid .product-rect .product-photo-frame .discount-sticker {
	width: 106px;
	height: 33px;
	position: absolute;
	left: 0;
	top: 23px;
	z-index: 1;
	background: #FFED00;
	font-family: 'ClanOffcPro-NarrBlack';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	color: #231F20;
}

.products-grid .product-rect .product-photo-frame .glamour-sticker {
	width: 81px;
	height: 93px;
	background-image: url('/images/glamour-2.png');
	background-repeat: no-repeat;
	position: absolute;
	left: 6px;
	top: 6px;
	z-index: 1;
}

.products-grid .product-rect .product-photo-frame .joy-sticker {
	width: 81px;
	height: 93px;
	background-image: url('/images/joy-2.png');
	background-repeat: no-repeat;
	position: absolute;
	left: 6px;
	top: 6px;
	z-index: 9;
}

.products-grid .product-rect .product-photo-frame .couponday-sticker {
	width: 81px;
	height: 93px;
	background-image: url('/images/couponday.png');
	background-repeat: no-repeat;
	position: absolute;
	left: 6px;
	top: 6px;
	z-index: 9;
}

.products-grid .product-rect .product-photo-frame .hover {
	background-color: rgba(255, 255, 255, 0.95);
	position: absolute;
	left: 7px;
	right: 7px;
	top: 7px;
	bottom: 7px;
	font-size: 0;
	text-align: center;
	text-transform: uppercase;
	color: #231f20;
	opacity: 0;
	visibility: hidden;
	transition: 0.25s;
}

.products-grid .product-rect .product-photo-frame .click-area {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
}

.products-grid .product-rect .product-photo-frame:hover .hover {
	opacity: 1;
	visibility: visible;
}

.products-grid .product-rect .product-photo-frame .hover a {
	color: #231f20;
	text-decoration: none;
	font-family: 'ClanPro-NarrNews';
}

.products-grid .product-rect .product-photo-frame .hover a .fa {
	margin-right: 10px;
	font-size: 22px;
	position: relative;
	top: 2px;
	transition: 0.35s;
}

.products-grid .product-rect .product-photo-frame .hover .column {
	display: inline-block;
	width: 50%;
	font-size: 15px;
	font-family: 'ClanPro-NarrNews';
}

.products-grid .product-rect .product-photo-frame .hover .column:hover .fa {
	transform: scale(1.1);
}

#homepage-discount-products .homepage-section-title,
#homepage-more-products .homepage-section-title {
	margin-bottom: 35px;
}

.products-grid .product-rect .product-name {
	color: #231f20;
	text-transform: uppercase;
	font-family: 'ClanPro-NarrMedium';
	font-size: 14px;
	margin-bottom: 12px;
	position: relative;
	transition: 0.4s;
	text-align: center;
}

.products-grid .product-rect .product-name:hover:before {
	transform: scale(0.6);
}
.products-grid .product-rect .description {
	font-family: 'ClanPro-NarrBook';
	font-size: 13.5px;
}

.homepage-more-button {
	text-align: center;
	font-family: 'ClanPro-NarrMedium';
	text-transform: uppercase;
}

.homepage-more-button .button {
	display: inline-block;
}

.homepage-more-button .button a {
	text-decoration: none;
	color: #231f20;
	font-size: 17px;
	border-bottom: 1px solid #e6e6e6;
	padding: 13px 0;
	display: inline-block;
	min-width: 225px;
}

.homepage-more-button .button .line {
	display: block;
	margin: 0 auto;
	width: 40%;
	height: 1px;
	background-color: #231f20;
	position: relative;
	top: -1px;
	transition: 0.3s;
}

.homepage-more-button .button:hover .line {
	width: 100%;
	/* background-color: #fff200; */
}

#homepage-ad {
	padding-top: 30px;
	padding-bottom: 30px;
}

#homepage-ad img {
	width: 100%;
}

#homepage-more-products {
	background-color: #fafafa;
	padding-top: 20px;
	padding-bottom: 70px;
}

#homepage-info-section {
	background-color: #231f20;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 0;
}

#homepage-info-section .column {
	width: calc(33.333% - 30px);
	display: inline-block;
	margin-right: 45px;
	box-sizing: border-box;
	vertical-align: top;
}

#homepage-info-section .column:last-child {
	margin-right: 0;
}

#homepage-info-section .column a {
	text-decoration: none;
}

#homepage-info-section .column .box {
	border: 1px solid #333333;
	position: relative;
	transition: 0.25s;
	cursor: pointer;
	color: #fafafa;
	padding: 10px;
	padding-right: 20px;
}

#homepage-info-section .column .box .title {
	color: #fafafa;
	font-family: 'ClanPro-NarrMedium';
	text-transform: uppercase;
	background-color: #231f20;
	font-size: 13px;
	padding: 0 10px;
	position: absolute;
	height: 20px;
	line-height: 20px;
	top: 0;
	left: 15px;
	margin-top: -10px;
	transition: 0.25s;
	box-sizing: border-box;
}
#homepage-info-section .column .box .icon {
	display: inline-block;
	vertical-align: middle;
	width: 39.5%;
	text-align: center;

}

#homepage-info-section .column .box .icon img {
	width: 100%;
}

#homepage-info-section .column .box .text {
	font-family: 'ClanPro-NarrBookItalic';
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
	width: 60%;
}

#homepage-blog-posts {
	padding-top: 50px;
	padding-bottom: 70px;
}

#homepage-blog-posts .columns {
	padding-top: 40px;
	font-size: 0;
}

#homepage-blog-posts .columns .column {
	width: calc(33.333% - 30px);
	display: inline-block;
	margin-right: 45px;
	box-sizing: border-box;
	vertical-align: top;
	margin-bottom: 60px;
}

#homepage-blog-posts .columns .column:nth-child(3n) {
	margin-right: 0;
}

#homepage-blog-posts .columns .column .image,
#homepage-blog-posts .columns .column .content {
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
}

#homepage-blog-posts .columns .column .image {
	width: 40%;
	border: 14px solid #f6f6f6;
	box-sizing: border-box;
}

#homepage-blog-posts .columns .column .image img {
	width: 100%;
}

#homepage-blog-posts .columns .column .content {
	width: 60%;
	padding-left: 14px;
}

#homepage-blog-posts .columns .column .content .title-and-text {
	height: 125px;
	overflow: hidden;
}

#homepage-blog-posts .columns .column .content .title {
	color: #231f20;
	text-transform: uppercase;
	font-family: 'ClanPro-NarrMedium';
	font-size: 14px;
	margin-bottom: 8px;
	transition: 0.3s;
}

#homepage-blog-posts .columns .column .content .title:hover {
	color: #544b4e;
}

#homepage-blog-posts .columns .column .content .title:hover:before {
	transform: scale(0.6);
}

#homepage-blog-posts .columns .column .content .text {
	font-family: 'ClanPro-NarrBook';
	font-size: 13.5px;
}

#homepage-blog-posts .columns .column .content .details {
	font-family: 'ClanOffcPro-NarrBlack';
	font-size: 13.5px;
	text-transform: uppercase;
	text-align: right;
	margin-top: 20px;
}

#homepage-blog-posts .columns .column .content .details a {
	color: #231f20;
	text-decoration: none;
}

#homepage-blog-posts .columns .column .content .details a:hover .fa {
	transform: translateX(4px);
}

#homepage-blog-posts .columns .column .content .details .fa {
	margin-left: 6px;
	transition: 0.3s;
}

#homepage-newsletter {
	background-color: #f7f7f7;
	color: #231f20;
	padding-top: 45px;
	padding-bottom: 65px;
	text-align: center;
}

#homepage-newsletter .error-message {
	color: red;
	margin-top: 10px;
	font-size: 15px;
	display: none;
}

#homepage-newsletter .success-message {
	margin-top: 40px;
	font-size: 18px;
	display: none;
	color: green;
}

#homepage-newsletter .title {
	font-size: 21px;
	font-family: 'ClanPro-NarrBook';
}

#homepage-newsletter .text {
	font-family: 'ClanPro-NarrBook';
	margin-top: 0;
}

#homepage-newsletter .input {
	display: inline-block;
	margin-top: 35px;
	font-size: 0;
	width: 500px;
	max-width: 100%;
	position: relative;
}

#homepage-newsletter .input .icon,
#homepage-newsletter .input .text,
#homepage-newsletter .input button {
	display: inline-block;
	vertical-align: top;
}

#homepage-newsletter .input .icon {
	width: 36px;
	height: 32px;
	position: absolute;
	text-align: center;
	left: 7px;
	top: 2px;
	line-height: 32px;
	color: #dedede;
	font-size: 15px;
}

#homepage-newsletter .input .icon .fa {
	border-right: 1px solid #dedede;
	padding-right: 10px;
}

#homepage-newsletter .input input[type=text] {
	font-size: 13px;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	font-family: 'ClanPro-NarrNews';
	height: 34px;
	line-height: 34px;
	width: calc(100% - 120px);
	border-right: none;
	padding-left: 45px;
}

#homepage-newsletter .input button {
	font-size: 11px;
	border: none;
	background: none;
	background-color: #231f20;
	border: 1px solid #eaeaea;
	color: #fff;
	font-family: 'ClanPro-NarrNews';
	height: 34px;
	width: 120px;
	line-height: 34px;
	box-sizing: border-box;
}

#bottom-logo-row {
	text-align: center;
	background: #2E8DE5;
	padding: 0;
}
.white-wrapp {
	display: inline-block;
	margin: 0 auto;
	height: 100%;
	padding: 42px 120px;
	background: #FFF;
}

.product-page-more-products {
	margin-top: 90px;
	margin-bottom: 60px;
}

.product-page-more-products .homepage-section-title {
	margin-bottom: 20px;
}

#product-list-page {
	padding-top: 30px;
}

#product-list-page .no-results {
	text-align: left;
	font-size: 20px;
	color: #bdbdbd;
}

#product-list-page .product-list {

}

#product-list-page .product-list .homepage-section-title {
	margin-bottom: 20px;
}

.product-list .pages {
	text-align: center;
}

.pagination > li > a, .pagination > li > span {
	border: none;
	border-radius: none;
}

.pagination > li > a, .pagination > li {
	display: inline-block;
	margin-right: 5px;
}

.pagination > li > a, .pagination > li:last-child {
	margin-right: 0;
}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
	border-radius: 0!important;
}

/* alap */
.pagination > li > a, .pagination > li > span {
	color: #231f20;
	background-color: #f7f7f7;
}

/* akt�v */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #231f20;
	border-color: #231f20;
	color: #fff;
}

/* disabled */
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	color: #747474;
	background-color: #f7f7f7;
}

#product-list-page .category-list {

}

#product-list-page .category-list .homepage-section-title {
	margin-bottom: 20px;
}
.blk-wr {
	height: 90%;
	width: 90%;
	background: #000;
}
#product-list-page .category-list .products-grid .name-and-desc {
	height: 40px;
}
.product-rect .category a {
	height: 100%;
	display: flex;
	padding-top: 3px;
	align-items: center;
	justify-content: center;
}

.product-rect .category a .product-name {
	width: 100%;
	margin: 0;
}

#product-list-page .category-list .products-grid .product-rect {
	margin-bottom: 20px;
}

#product-list-page .category-title {
	text-transform: uppercase;
	margin-bottom: 30px;
	font-family: 'ClanOffcPro-NarrBlack';
	font-size: 30px;
}
.currency::before {
	content: "\00a0";
	display: inline-block;
}
.products-grid .product-rect .price-row .list-price .currency::before, .products-grid .product-rect .price-row .old-price .currency::before {
	text-decoration: line-through;
}

#product-page {
	padding-top: 5px;
}

#product-page #description h5 {
	font-size: 13px;
	font-family: 'ClanPro-NarrMedium';
	text-transform: uppercase;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 15px;
	margin-top: 28px;
}

#product-page #description table td {
	background-color: #f7f7f7;
	padding: 6px 8px;
	border-bottom: 2px solid #fff;
}

#product-page #description table td:nth-child(2) {
	padding-left: 20px;
}

#product-page .hidden-products {
	display: none;
}

#product-page .related-products-section .homepage-more-button {
	margin-bottom: 30px;
}

#product-page .related-products-section {
	background-color: #fafafa;
	padding-top: 25px;
}

#product-page .related-products-section:nth-child(2n) {
	background-color: #fff;
}

#product-page .related-products-section .homepage-section-title {
	margin-bottom: 20px;
}

#static-page {
	padding-top: 25px;
	padding-bottom: 40px;
}

#static-page h1 {
	text-transform: uppercase;
	margin-bottom: 50px;
	font-family: 'ClanOffcPro-NarrBlack';
	font-size: 30px;
	margin-bottom: 20px;
}

#static-page strong,
#static-page b {
	font-family: 'ClanPro-NarrMedium';
}

@media (max-width: 1500px) {
	.products-grid .product-rect .product-photo-frame .hover .column {
		font-size: 13px;
	}

	#navbar .menu-row ul.social-icons {
		margin-right: 0px;
		margin-left: 10px;
	}

	#navbar .menu-row ul.navigation > li a {
		padding: 0 15px;
	}

	body.padded {
		padding-top: 137px;
	}
	#navbar.fixed .logo-row .logo {
		width: 20%;
	}

	#new-navbar .menu-row ul.navigation li a {
		padding: 0 10px;
		font-size: 12px;
		line-height: 57px;
	}

	#new-navbar .menu-row .search-box {
		width: 240px;
	}
}
@media (max-width: 1200px) {
	#navbar .menu-row ul.navigation > li a {
		padding: 0 7px;
		font-size: 12px;
	}

	.products-grid .product-rect .product-photo-frame .hover .row {
		margin-top: -22px;
	}

	#navbar .menu-row ul.navigation > li.home a {
		padding: 0 13px;
	}

	body.padded {
		padding-top: 137px;
	}

	#homepage-blog-posts .columns .column .image {
		border-width: 8px;
	}

	#new-navbar .menu-row ul.navigation li a {
		padding: 0 4px;
		font-size: 12px;
		line-height: 57px;
	}

	#new-navbar .menu-row .search-box {
		width: 170px;
	}
}
@media (max-width: 992px) {
	.products-grid .product-rect .product-photo-frame .hover .row {
		margin-top: -12.5px;
	}
	#navbar .menu-row ul.navigation > li a {
		padding: 0 5px;
		font-size: 11px;
	}
	#navbar .menu-row .phone {
		display: none;
	}

	#navbar .logo-row .shopping-cart .text {
		display: none;
	}

	#navbar .logo-row .search-box {
		width: 60%;
	}

	#navbar .logo-row .shopping-cart {
		width: 20%;
		padding-right: 0;
	}

	#navbar .menu-row ul.social-icons {
		margin-left: 10px;
	}

	#navbar .logo-row .logo img {
		width: calc(100% - 55px);
	}

	#new-navbar .menu-row ul.navigation li a {
		padding: 0 4px;
		font-size: 11px;
		line-height: 57px;
	}

	#new-navbar .menu-row .search-box {
		display: none;
	}

	.products-grid {
		font-size: 0;
	}

	.products-grid .product-rect {
		width: calc(50% - 20px);
		margin-right: 36px;
	}

	.products-grid .product-rect:nth-child(4n+4) {
		margin-right: 36;
	}

	.products-grid .product-rect:nth-child(2n) {
		margin-right: 0;
	}

	#homepage-info-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	#homepage-info-section .column {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}

	#homepage-info-section .column:last-child {
		margin-bottom: 0;
	}

	#homepage-info-section .column .box .icon {
		width: 25%;
	}

	#homepage-info-section .column .box .text {
		width: 75%;
	}

	#homepage-blog-posts .columns .column .image {
		width: 100%;
		margin-bottom: 20px;
	}

	#homepage-blog-posts .columns .column .content {
		width: 100%;
	}

	#homepage-blog-posts .columns .column .image {
		border-width: 14px;
	}
}
@media (max-width: 768px) {
	body.padded {
		padding-top: 117px;
	}

	#navbar.fixed .menu-row {
		height: auto;
		min-height: auto;
		overflow: hidden;
		transition: 0.3s;
	}

	#navbar.fixed:hover .menu-row {
		min-height: auto;
	}

	#navbar .menu-row {
		max-height: 0;
		overflow: hidden;
		transition: 0.5s;
	}

	#navbar .menu-row.visible {
		max-height: 500px;
	}

	#navbar .menu-row ul.navigation {
		width: 100%;
		display: block;
	}
	#navbar .menu-row ul.navigation > li {
		display: block;
		width: 100%;
	}

	#navbar .menu-row ul.navigation > li a {
		display: block;
		width: 100%;
	}

	#navbar .menu-row .container {
		padding: 0;
	}

	#navbar .menu-row .social-icons-and-phone {
		display: block;
		width: 100%;
		text-align: center;
	}

	#navbar .menu-row .phone {
		display: inline-block;
	}

	#navbar .logo-row {
		border-bottom: 1px solid #dededf;
	}

	#navbar .logo-row .shopping-cart .text {
		display: none;
	}

	#navbar .menu-row ul.navigation > li a:hover {
		border-color: #ececec;
	}

	#navbar .logo-row .logo {
		width: 100px;
		transition: 0.3s;
	}

	#navbar.fixed .logo-row .logo {
		width: 100px;
	}

	#new-navbar.fixed .menu-row .search-box .icon {
		left: 12px;
		top: 10px;
	}

	#new-navbar .menu-row .search-box .icon {
		left: 12px;
		top: 10px;
	}

	#new-navbar .menu-row .search-box input {
		height: 40px;
		font-size: 14px;
		padding-left: 40px;
	}

	#new-navbar.fixed .menu-row .search-box input {
		height: 40px;
		font-size: 14px;
		padding-left: 40px;
	}

	#new-navbar.fixed .logo-row .logo {
		width: 110px;
	}

	#new-navbar.fixed .logo-row .logo img {
		width: 100%;
	}

	#new-navbar.fixed .logo-row .right {
		width: calc(100% - 110px);
	}

	#navbar .logo-row .logo.closed {
		opacity: 0;
	}

	#navbar .logo-row .logo img {
		width: 100%;
	}

	#navbar .logo-row .search-box {
		position: absolute;
		/* left: 15px; */
		right: 140px;
		width: 35px;
		overflow: hidden;
		transition: 0.3s;
		cursor: pointer;
		z-index: 50;

	}

	#navbar .logo-row .search-box .icon > .fa {
		font-size: 19px;
		transition: 0.3s;
		color: #231f20;
	}

	#navbar .logo-row .search-box input[type=text] {
		border: none;
	}

	#navbar .logo-row .search-box button[type=submit] {
		opacity: 0;
	}

	#navbar .logo-row .search-box.opened {
		width: calc(100% - 30px);
		right: 15px;
	}

	#navbar .logo-row .search-box.opened .icon > .fa {
		font-size: 14px;
		color: #dedede;
	}

	#navbar .logo-row .search-box.opened input[type=text] {
		border: 1px solid #eaeaea;
		border-right: 0;
	}

	#navbar .logo-row .search-box button[type=submit] {
		opacity: 1;
	}

	#navbar .logo-row .shopping-cart {
		width: auto;
		position: absolute;
		right: 65px;
		top: 29px;
		padding-right: 0;
	}

	#navbar .logo-row .hamburger-menu {
		display: block;
		position: absolute;
		right: 9px;
		top: 23px;
		font-size: 24px;
		color: #231f20;
		/* border: 1px solid #ddd; */
		padding: 4px 9px;
		cursor: pointer;
	}

	#navbar .menu-row ul.navigation > li a {
		padding: 0 11px;
		line-height: 56px;
	}

	#navbar .menu-row ul.social-icons {
		margin-left: 0;
	}

	#new-navbar .logo-row {
		background-color: #fff;
	}

	#new-navbar .logo-row .logo {
		text-align: left;
	}

	#new-navbar .logo-row .logo img {
		position: relative;
		left: -7px;
	}

	#new-navbar .logo-row .right .brand {
		display: none;
	}

	#new-navbar .logo-row .shopping-cart .nr {
		background-color: #fef200;
	}

	#new-navbar .logo-row .hamburger-icon {
		font-size: 22px;
		position: relative;
		top: 1.5px;
		display: inline-block;
		margin-left: 15px;
		cursor: pointer;
	}

	#new-navbar .mobile-brand-row {
		display: block;
		font-size: 14px;
	}

	#new-navbar .menu-row {
		max-height: 0;
		/* height: 0; */
		min-height: 0;
		overflow: hidden;
		transition: 0.4s;
	}

	#new-navbar .menu-row.opened {
		max-height: 400px;
	}

	#new-navbar .menu-row .search-box.top {
		display: block;
		margin-left: 0;
		width: 100%;
	}

	#new-navbar .menu-row ul.navigation {
		width: 100%;
	}

	#new-navbar .menu-row ul.navigation li {
		display: block;
	}

	#new-navbar .menu-row ul.navigation li a {
		display: block;
		padding: 0 17px;
		height: 40px;
		line-height: 43px;
	}

	#new-navbar .menu-row .container {
		padding: 0;
	}

	#new-navbar .logo-row .logo {
		width: 110px;
	}

	#new-navbar .logo-row .right {
		width: calc(100% - 110px);
	}

	#homepage-product-categories {
		padding-bottom: 30px;
	}

	#homepage-product-categories .column {
		display: block;
		width: 100%;
		border: none;
	}

	#homepage-product-categories .first.column {
		border: none;
	}

	#homepage-product-categories .second.column {
		border: none;
		margin-top: 50px;
	}

	#homepage-product-categories .column img {
		width: 65%;
	}

	.products-grid .product-rect .product-photo-frame .hover .column {
		font-size: 13px;
	}

	#homepage-blog-posts .columns .column {
		width: 100%;
		margin-right: 0;
	}

	#homepage-blog-posts .columns .column .image {
		width: 25%;
	}

	#homepage-blog-posts .columns .column .content {
		width: 75%;
	}

	#homepage-blog-posts .columns .column {
		border-bottom: 1px solid #ddd;
		padding-bottom: 25px;
		margin-bottom: 25px;
	}

	#homepage-blog-posts .columns .column:last-child {
		margin-bottom: 0;
		border-bottom: none;
	}

	#homepage-blog-posts .columns .column .image {
		margin-bottom: 0;
	}

	.products-grid .product-rect .product-photo-frame .hover .column {
		font-size: 13px;
	}
}

@media (max-width: 640px) {
	.products-grid .product-rect {
		width: 100%;
	}

	.products-grid .product-rect {
		margin-right: 0;
	}

	.products-grid .product-rect:nth-child(2n) {
		margin-right: 0;
	}

	.products-grid .product-rect .product-photo-frame .hover .column {
		font-size: 15px;
	}

	.homepage-section-title .order-by {

	}
}

@media (max-width: 512px) {
	#homepage-newsletter .input input[type=text] {
		width: 100%;
		margin-bottom: 20px;
		border-right: 1px solid #eaeaea;
	}

	.products-grid .product-rect .product-photo-frame .hover .column {
		font-size: 13px;
	}

	#homepage-blog-posts .columns .column .image {
		width: 30%;
	}

	#homepage-blog-posts .columns .column .content {
		width: 70%;
	}

	#homepage-blog-posts .columns .column .image {
		border-width: 8px;
	}
}

@media (max-width: 450px) {
	.homepage-section-title .order-by {
		right: -12px;
		top: 24px;
	}

	#product-list-page .product-list .homepage-section-title {
		margin-bottom: 60px;
	}
}

@media (max-width: 300px) {
	#new-navbar .logo-row .favorite {
		display: none;
	}
}

/* COOKIE CONSENT */

#cookie-consent {
	opacity: 0;
	visibility: hidden;
	transform: scale(0.95);
	transition: 0.4s;
	position: fixed;left: 10px;bottom: 10px;right: 10px;z-index: 1000000;
	border: 2px solid rgba(0, 0, 0, 0.07);overflow: hidden;background-color: #ffffff;background-clip: content-box;
}

#cookie-consent.shown {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

#cookie-consent .form-button {
	max-width: 100%;
	min-width: 195px;
	height: 35px;
	line-height: 35px;
	padding: 0 12px;
	color: #fff;
	text-transform: uppercase;
	border: none;
	outline: none;
	background-color: #231f20;
	font-size: 14px;
	transition: 0.2s;
	text-align: center;
	display: inline-block;
	cursor: pointer;
}

#cookie-consent .form-button:hover {

}

#cookie-consent .content {font-size: 0;position: relative;padding: 15px;padding-left: 0;}

#cookie-consent .icon {

	font-size: 15px;

	display: inline-block;

	text-align: center;

	font-size: 26px;

	color: #231f20;

	vertical-align: middle;

	width: 60px;

	position: relative;
}

#cookie-consent .icon-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 100%;
	background-color: #f1f1f1;
}

#cookie-consent .text {

	font-size: 14px;

	display: inline-block;

	width: calc(100% - 522px);

	vertical-align: middle;

	padding-left: 18px;

	padding-right: 0;

	line-height: 16px;

	color: #888;
}

#cookie-consent .buttons {

	display: inline-block;

	vertical-align: middle;

	width: 462px;

	text-align: right;

	white-space: normal;
}

#cookie-consent .buttons .button {

	display: inline-block;

	vertical-align: middle;
}

#cookie-consent .buttons .button form {

}

#cookie-consent .buttons .button form button.form-button {

	font-size: 11px;

	height: auto;
}

#cookie-consent .buttons .button a {

	text-transform: uppercase;

	max-width: 100%;

	line-height: 33px;

	padding: 0 12px;

	border: none;

	outline: none;

	font-size: 11px;

	transition: 0.2s;

	text-align: center;

	display: inline-block;

	cursor: pointer;

	border: 1px solid #838383;

	color: #838383;

	margin-left: 15px;

	text-decoration: none;
}

@media (max-width: 1300px) {
	#cookie-consent .content {
		padding-top: 10px!important;
		padding-bottom: 10px!important;
		padding-right: 10px;
	}
	#cookie-consent .buttons {
		width: 244px;
	}
	#cookie-consent .text {
		width: calc(100% - 304px);
		padding-right: 17px;
	}
	#cookie-consent .buttons .button {
		display: block;
	}
	#cookie-consent .buttons .button a {
		width: 100%;
		margin-left: 0;
		margin-top: 9px;
		font-size: 12px;
		line-height: 30px;
	}
	#cookie-consent .buttons .button form button.form-button {
		width: 100%;
		font-size: 12px;
		line-height: 32px;
	}
}

@media (max-width: 1100px) {
	#cookie-consent .text {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	#cookie-consent .content {
		padding-left: 10px;
	}
	#cookie-consent .icon {
		display: none;
	}
	#cookie-consent .icon-bg {
		display: none;
	}
	#cookie-consent .buttons {
		width: 100%;
	}
	#cookie-consent .buttons .button {
		display: block;
		margin-left: 0;
		margin: 0 auto;
		width: 100%;

	}
	#cookie-consent .buttons .button:first-child {
		margin: 0 auto;
	}
	#cookie-consent .buttons .button:first-child {
		margin-bottom: 10px;
	}
	#cookie-consent .buttons {
		font-size: 0;
	}
	#cookie-consent .buttons .button a {
		margin-top: 0;
	}
	#cookie-consent .buttons .button {
		width: calc(50% - 5px);
		display: inline-block;
		vertical-align: top;
		margin-bottom: 0;
	}
	#cookie-consent .buttons .button:first-child {
		margin-right: 10px;
		margin-bottom: 0;
	}
}

@media (max-width: 560px) {
	#cookie-consent {
		border-left: none;
		border-right: none;
		border-bottom: none;
		left: 0;
		bottom: 0;
		right: 0;
	}
	#cookie-consent .buttons .button {
		width: 100%;
	}
	#cookie-consent .buttons .button:first-child {
		margin-bottom: 10px;
	}
	#cookie-consent .content {
		padding: 15px;
	}
}
.pos-rel {
	position: relative;
}

.section-blog {
	margin-bottom: 45px;
}
.blog-title {
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 14px;
	color: #231F20;
	margin: 50px 0 40px;
	text-transform: uppercase;
	padding: 0 20px;
	font-family: 'ClanPro-NarrBold';
}

#homepage-newsletter {
	padding: 65px 0 60px;
}
.newsletter-container {
	width: 80%;
	margin: 0 auto;
}
#homepage-newsletter .title {
	font-family: 'ClanPro-NarrBook';
	font-style: normal;
	font-weight: 700;
	font-size: 35px;
	line-height: 35px;
	color: #231F20;
	letter-spacing: -0.04em;
	text-align: left;
}
#homepage-newsletter .input {
	margin-top: 0;
}
#homepage-newsletter .text {
	text-align: left;
	font-style: normal;
	font-weight: 500;
	font-size: 23px;
	line-height: 30px;
	letter-spacing: 0.09em;
	color: #231F20;
}
#homepage-newsletter .input button {
	padding-top: 2px;
	background: none;
	background-color: #231F20;
	border: 1px solid #231F20;
	color: #fff;
	font-family: 'ClanPro-NarrBook';
	height: 56px;
	width: 170px;
	line-height: 1;
	box-sizing: border-box;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0.02em;
	text-align: center;
	color: #F7F7F7;
	text-transform: none;
}
#homepage-newsletter .input input[type=text] {
	height: 56px;
	font-family: 'ClanPro-NarrBold';
	padding-left: 84px;
	width: calc(100% - 170px);
	border: 1px solid #231F20;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	color: #231F20;
}
#homepage-newsletter .input input[type=text]::placeholder {
	font-family: 'ClanPro-NarrBold';
	font-weight: 700;
	font-size: 16px;
	color: #231F20;
}
#homepage-newsletter .input .icon {
	height: 36px;
	top: 50%;
	left: 22px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.dobuletext {
	margin-top: 70px;
}
.doubletext-top {
	font-family: 'ClanPro-NarrBold';
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 14px;
	text-align: center;
	text-transform: uppercase;
	color: #231F20;
	margin-bottom: 40px;
}
.doubletext-alt {
	font-family: 'ClanPro-NarrBook';
	font-style: normal;
	font-weight: 400;
	font-size: 19px;
	line-height: 26px;
	text-align: center;
	letter-spacing: -0.05em;
	text-transform: none;
	color: #231F20;
	width: 60%;
	margin: 0 auto 20px;
}
.left-wrapp, .right-wrapp {
	width: 50%;
}
.big-ad {
	margin-bottom: 60px;
}
.a-wrapp {
	background: #F7F7F7;
	width: 100%;
	padding: 33px 30px 33px 60px;
}
.full-wrapp.a-wrapp {
	background: #2E8DE5;
	padding: 65px 80px 45px 60px;
}
.a-wrapp-title {
	font-family: 'ClanPro-NarrBold';
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 40px;
	text-transform: uppercase;
	color: #231F20;
	margin-bottom: 26px;
}
.a-wrapp-lead {
	font-family: 'ClanPro-NarrNews';
	font-style: normal;
	font-weight: 400;
	font-size: 19px;
	line-height: 27px;
	letter-spacing: -0.02em;
	color: #231F20;
	margin-bottom: 25px;
}
.a-wrapp-lead strong {
	font-family: 'ClanPro-NarrBold';
	font-style: normal;
	font-weight: 700;
}
.full-wrapp .a-wrapp-title, .full-wrapp .a-wrapp-lead {
	color: #FFFFFF;
	margin-bottom: 55px;
}
.wrapp-img {
	width: 100%;
}
.full-wrapp {
	height: 100%;
}
.big-ad {
	position: relative;
}
.content-stretch {
	align-content: stretch;
	-webkit-align-content: stretch;
}
.self-stretch {
	align-self: stretch;
	-webkit-align-self: stretch;
}
.wrapp-link-img {
	transition: 0.3s;
	margin-left: 12px;
}
.a-wrapp-link {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	text-transform: uppercase;
	color: #231F20;
}
.full-wrapp .a-wrapp-link {
	color: #FFF;
}
.full-wrapp .a-wrapp-link:hover {
	color: #FFF;
}
.a-wrapp-link:hover .wrapp-link-img {
	margin-left: 22px;
}
.section-selector .item p {
	font-size: 34px;
	font-family: 'ClanPro-NarrBold';
	text-transform: uppercase;
	color: var(--text-color);
	margin: 0;
}
.section-selector .item p + p {
	font-size: 16px;
	font-family: 'ClanPro-NarrNews';
	font-weight: 400;
	text-transform: none;
	color: var(--text-color);
	margin: 5px 0 20px 0;
	max-width: 45ch;
}
.section-selector .item a {
	font-size: 16px;
	text-transform: uppercase;
	color: #231F20;
	padding: 4px 25px 0;
	height: 35px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	border: 1px solid #231F20;
	max-width: max-content;
}
.section-selector .item-gray a {
	color: #FFF;
	border: 1px solid #FFFFFF;
}
.section-selector .item a:hover {
	background: #231F20;
	color: #FFFFFF;
}
.section-selector .item-gray a:hover {
	background: #FFFFFF;
	color: #2E8DE5;
}
.section-selector .item-yellow p, .section-selector .item-yellow a {
	text-align: right;
}
.section-selector .item-gray {
	--text-color: white;
	--link-hover-color: #231F20;
}

.section-inforow {
	background: #231F20;
	height: 90px;
}
.section-inforow .container {
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.section-inforow .container .text {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.section-inforow .container .text p {
	font-size: 26px;
	font-weight: 900;
	line-height: 28px;
	font-family: 'ClanOffcPro-NarrBlack';
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	text-transform: uppercase;
}
.section-inforow .container .text p + p {
	font-size: 16px;
	font-weight: 300;
	font-family: 'ClanPro-NarrBook';
	line-height: 18px;
}
.section-inforow .social {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.section-inforow .social a {
	margin-left: 30px;
}
.section-inforow .searchbox {
	position: relative;
	width: 635px;
	height: 40px;
}
.section-inforow .searchbox input {
	position: relative;
	width: 100%;
	height: 100%;
	background: white;
	outline: none;
	border: 1px solid rgba(0,0,0,.1);
	font-size: 16px;
	color: #231F20;
	padding: 0 50px 0 25px;
}
.section-inforow .searchbox input:focus {
	border-color: var(--yellow);
}
.section-inforow .searchbox input::placeholder {
	color: #231F20;
}
.section-inforow .searchbox img {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
}

.section-features {
	margin: 40px 0 40px 0;
}
.section-features .container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.section-features .feature {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.section-features .feature img {
	margin-right: 25px;
}
.section-features .feature p {
	margin: 0;
	font-size: 22px;
	line-height: 22px;
	font-family: 'ClanOffcPro-NarrBlack';
	color: #231F20;
}
.section-features .feature p + p {
	font-size: 20px;
	font-family: 'ClanPro-NarrNews';
}

.section-blog .grid {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
}
.section-blog .grid .item {
	width: calc(33.33% - 50px);
	margin: 0 25px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.section-blog .grid .item .image {
	height: 270px;
	overflow: hidden;
}
.section-blog .grid .item .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .2s ease;
}
.section-blog .grid .item .title {
	margin: 25px 0 20px 0;
	font-size: 26px;
	line-height: 30px;
	font-family: 'ClanOffcPro-NarrBlack';
	color: #231F20;
}
.section-blog .grid .item .lead {
	margin: 0;
	font-size: 16px;
	font-family: 'ClanPro-NarrNews';
	color: #231F20;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.section-blog .grid .item .arrow {
	margin-top: 15px;
	transition: all .2s ease;
}
.section-blog .grid .item:hover .arrow {
	transform: translateX(10px);
}
.section-blog .grid .item:hover .image img {
	transform: scale(1.05);
}

.section-selector {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.section-selector .item {
	width: 50%;
	height: 400px;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.section-selector .item-yellow {
	background: #F7F7F7;
	padding-right: 60px;
	justify-content: flex-end;
}
.section-selector .item-gray {
	background: #2E8DE5;
	padding-left: 60px;
	justify-content: flex-start;
}
.section-selector .item-gray img {
	order: 2;
}
.section-selector .item .content {
	display: flex;
	flex-direction: column;
}
.section-selector .item.item-yellow .content {
	align-items: flex-end;
	color: #231F20;
}
.section-selector .item.item-gray .content {
	align-items: flex-start;
	color: #FFFFFF;
}

@media (max-width: 1599px) {
	.section-inforow .social a:first-child {
		margin-left: 5px;
	}
	.section-inforow .social a {
		margin-left: 15px;
	}

	#header .container .links a {
		font-size: 13px;
		margin: 0 8px;
	}
	#header .container .icons .icons-item {
		margin-left: 10px;
		position: relative;
	}
	.main-top-logo {
		height: 35px;
	}
	.section-selector img {
		max-width: 44%;
	}
	.section-selector .item p {
		font-size: 29px;
		line-height: 35px;
	}
	.section-selector .item p + p {
		line-height: 22px;
		margin: 15px 0 20px 0;
	}
	.section-selector .item {
		height: 330px;
	}
	.section-inforow .searchbox {
		width: 500px;
	}
	.section-features {
		margin: 35px 0 30px 0;
	}
	#homepage-newsletter {
		padding: 45px 0 40px;
	}
	.dobuletext {
		margin-top: 50px;
	}
	.doubletext-top {
		font-size: 30px;
		margin-bottom: 30px;
	}
	.doubletext-alt {
		font-size: 17px;
		line-height: 24px;
		width: 70%;
		margin: 0 auto 10px;
	}
	.big-ad {
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		width: 100%;
	}
	.a-wrapp {
		padding: 23px 25px 23px 40px;
	}
	.a-wrapp-title {
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 15px;
	}
	.a-wrapp-lead {
		font-size: 17px;
		line-height: 23px;
		letter-spacing: -0.02em;
		margin-bottom: 15px;
	}
	.a-wrapp-link {
		font-size: 12px;
		line-height: 16px;
	}
	.wrapp-link-img {
		height: 40px;
	}
	.full-wrapp .a-wrapp-title, .full-wrapp .a-wrapp-lead {
		margin-bottom: 35px;
	}
	.full-wrapp.a-wrapp {
		padding: 50px 60px 35px 50px;
	}
	#footer .top .container .topcol .topcol-title {
		font-size: 24px;
	}
	#footer .top .container .topcol a, #footer .top .container .topcol p {
		letter-spacing: -0.05em;
	}
	#footer .top .container .topcol a, #footer .top .container .topcol p {
		font-size: 17px;
		color: #231F20;
		margin: 0 0 4px 0;
		padding: 0 1px;
		text-transform: none;
	}
	#footer .top .container {

		min-width: 99%;
	}
	#footer .top {
		margin-top: 60px;
	}
	#footer .top .container .topcol .topcol-inner:first-of-type {
		margin-bottom: 10px;
	}
	.section-selector img {
		max-height: 90%;
	}
	.section-selector .item-yellow {
		padding-right: 35px;
	}
	.section-selector .item-gray {
		padding-left: 35px;
	}
}
.more-slick-next,.slick-right {
	margin-left: 20px;
}
@media (min-width: 1300px) and (max-width: 1599px) {
	.white-wrapp {
		padding: 32px 110px;
	}
	.a-wrapp {
		padding: 32px 25px 30px 60px;
	}
	.a-wrapp-title {
		font-size: 34px;
		line-height: 41px;
		margin-bottom: 20px;
	}
	.a-wrapp-lead {
		font-size: 18px;
		line-height: 28px;
		letter-spacing: -0.02em;
		margin-bottom: 15px;
	}
	.a-wrapp-link {
		font-size: 13px;
		line-height: 18px;
	}
	.wrapp-link-img {
		height: 40px;
	}
	.full-wrapp .a-wrapp-title, .full-wrapp .a-wrapp-lead {
		margin-bottom: 45px;
	}
	.full-wrapp.a-wrapp {
		padding: 65px 80px 45px 60px;
	}
}
@media (max-width: 1299px) {
	#header .container.container-no-pseudo {
		padding: 0;
	}
	#footer .top .container .topcol .topcol-title {
		font-size: 22px;
	}
	#footer .center .container a {
		margin: 0 40px;
	}
	#footer .center {
		margin: 25px 0 35px 0;
	}
	#footer .bottom .container a, #footer .bottom .container p {
		font-size: 15px;
		margin: 0 30px;
	}
}
@media (max-width: 1199px) {
	#header .container .links a {
		font-size: 11px;
		margin: 0 10px;
	}
	.icons-item img {
		height: 20px;
	}
	#header .container .icons .icons-item {
		margin-left: 5px;
	}
	.main-top-logo {
		height: 26px;
	}
	.section-inforow {
		height: 105px;
	}
	.section-inforow .container .text p + p {
		line-height: 19px;
	}
	.section-inforow .searchbox {
		width: 480px;
	}
	.section-features .feature p {
		font-size: 18px;
		line-height: 19px;
	}
	.section-features .feature p + p {
		font-size: 16px;
	}
	.section-features .feature img {
		margin-right: 15px;
		max-height: 40px;
	}

	#homepage-newsletter .input button {
		height: 45px;
		width: 120px;
		font-size: 16px;
	}
	#homepage-newsletter .input input[type=text] {
		height: 45px;
		padding-left: 75px;
		width: calc(100% - 120px);
		font-size: 16px;
	}
	#homepage-newsletter .input {
		font-size: 0;
		width: 400px;
	}
	#homepage-newsletter .title {
		font-size: 28px;
		line-height: 30px;
	}
	#homepage-newsletter .text {
		font-size: 19px;
		line-height: 24px;
		letter-spacing: 0.08em;
	}
	.section-blog .grid .item .title {
		margin: 15px 0 10px 0;
		font-size: 21px;
		line-height: 25px;
	}
	#footer .top .container .topcol .topcol-title {
		font-size: 24px;
		margin: 0 0 20px 0;
	}
	#footer .top .container .topcol a, #footer .top .container .topcol p {
		font-size: 16px;
		margin: 0 0 2px 0;
		padding: 0 2px;
	}
	#footer .center {
		margin: 30px 0 25px 0;
	}
	.dobuletext {
		margin-top: 35px;
	}
	.doubletext-top {
		font-size: 26px;
		margin-bottom: 25px;
	}
	.doubletext-alt {
		font-size: 16px;
		line-height: 24px;
		width: 70%;
		margin: 0 auto 5px;
	}
	.big-ad {
		width: 100%;
		max-width: 992px;
		margin-bottom: 30px;
	}
	.wrapp-link-img {
		height: 30px;
	}
	.wrapp-link-img {
		transition: 0.3s;
		margin-left: 8px;
	}
	.a-wrapp {
		padding: 20px 18px 15px 20px;
	}
	.a-wrapp-lead {
		font-size: 15px;
		line-height: 21px;
		letter-spacing: -0.02em;
		margin-bottom: 7px;
	}
	.a-wrapp-title {
		font-size: 20px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.full-wrapp.a-wrapp {
		padding: 40px 30px 25px 30px;
	}
	.full-wrapp .a-wrapp-title, .full-wrapp .a-wrapp-lead {
		margin-bottom: 30px;
	}
	.white-wrapp {
		padding: 30px 70px;
	}
	.white-wrapp img {
		width: 300px;
	}
	#footer .top .container .topcol .topcol-title {
		font-size: 18px;
		margin: 0 0 15px 0;
	}
	#footer .top .container .topcol a, #footer .top .container .topcol p {
		font-size: 14px;
	}
}
@media (max-width: 991px) {
	.container-no-pseudo {
		position: relative;
	}
	.container-no-pseudo::after {
		display: none !important;
	}
	.men-links {
		position: absolute;
		left: unset;
		right: -10px;
		bottom: 100%;
		background: #2E8DE5;
		font-weight: 700;
		padding: 10px;
		flex-direction: column !important;
		text-align: right;
		justify-content: flex-end !important;
		align-items: flex-end !important;
		transition: 0.3s;
	}
	.men-links.opened {
		bottom: 0 !important;
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	.men-links {
		background: #231F20;
	}
	#header .container .links a {
		font-size: 15px;
		color: #FFFFFF;
		margin: 6px 20px;
	}
	.main-top-logo {
		height: auto;
	}
	.icons-item img {
		height: auto;
	}
	#header .container .icons .icons-item {
		margin: 0;
	}
	.icons-item:not(.icons-item:first-child) {
		margin-left: 160px !important;
	}
	#menu-opener {
		font-size: 34px;
	}
	.section-selector .item {
		flex-direction: column;
		height: 350px;
		gap: 18px;
		justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		padding: 0;
	}
	.section-selector .item a {
		font-size: 14px;
		padding: 4px 20px 0;
		height: 31px;
	}
	.section-selector .item .content {
		justify-content: center !important;
		-webkit-justify-content: center !important;
		align-items: center !important;
		-webkit-align-items: center !important;
	}
	.section-selector .item p + p {
		text-align: center;
		max-width: 40ch;
		line-height: 20px;
		margin: 10px 0 15px 0;
		font-size: 15px;
	}
	.section-selector .item p {
		text-align: center;
		font-size: 23px;
		line-height: 25px;
	}
	.section-selector img {
		max-width: 40%;
	}
	.section-inforow .searchbox {
		width: 280px;
	}
	.section-inforow .social a img {
		height: 33px;
	}
	.section-features .feature {
		flex-direction: column;
		align-items: center;
		-webkit-align-items: center;
	}
	.section-features .feature div {
		text-align: center;
	}
	.section-features .feature img {
		margin-right: 0;
		max-height: 40px;
		margin-bottom: 10px;
	}
	.section-features .feature p {
		font-size: 18px;
		line-height: 22px;
	}
	.section-features .feature p + p {
		font-size: 16px;
	}
	.section-features {
		margin: 45px 0 25px 0;
	}
	#homepage-more-products {
		padding-top: 10px;
	}
	#homepage-newsletter .input {
		font-size: 0;
		width: 350px;
	}
	#homepage-newsletter .input button {
		height: 45px;
		width: 110px;
		font-size: 15px;
	}
	#homepage-newsletter .input input[type=text] {
		height: 45px;
		padding-left: 75px;
		width: calc(100% - 110px);
		font-size: 16px;
	}
	.newsletter-container {
		width: 100%;
	}
	#homepage-newsletter {
		padding: 30px 0 30px;
	}
	.section-blog .grid .item .title {
		margin: 10px 0 6px 0;
		font-size: 16px;
		line-height: 20px;
	}
	.section-blog .grid .item .lead {
		font-size: 14px;
	}
	.section-blog .grid .item .arrow {
		margin-top: 5px;
	}
	.section-blog .grid .item {
		width: calc(33.33% - 24px);
		margin: 0 12px;
	}
	.section-blog {
		margin-bottom: 15px;
	}
	#footer .top {
		margin-top: 30px;
	}
	#footer .top .container .topcol .topcol-title {
		font-size: 18px;
		margin: 0 0 15px 0;
	}
	#footer .top .container .topcol a, #footer .top .container .topcol p {
		font-size: 14px;
		margin: 0 0 4px 0;
		padding: 0px 2px;
	}
	.doubletext-top {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.doubletext-alt {
		font-size: 16px;
		line-height: 22px;
		width: 95%;
		margin: 0 auto 5px;
	}
	.section-features {
		margin: 35px 0 30px 0;
	}
	.big-ad {
		width: 100%;
		max-width: 768px;
		margin-bottom: 19px;
		flex-direction: column;
	}
	.wrapp-img, .full-right-wrapp img {
		position: absolute;
		top: 50%;
		width:100%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.left-wrapp:not(.full-left-wrapp), .full-right-wrapp{
		position: relative;
		width: 100%;
		height: 250px;
		overflow: hidden;
	}
	.full-left-wrapp {
		order: 1;
		width: 100%;
	}
	.full-right-wrapp {
		order: 0;
	}
	.right-wrapp:not(.full-right-wrapp) {
		width: 100%;
	}
	.a-wrapp-title {
		font-size: 23px;
		line-height: 31px;
		margin-bottom: 15px;
	}
	.a-wrapp-lead {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -0.01em;
		margin-bottom: 17px;
	}
	.a-wrapp-link {
		font-size: 13px;
		line-height: 19px;
	}
	.right-wrapp .a-wrapp:not(.full-right-wrapp .a-wrapp, .right-wrapp .a-wrapp:last-child) {
		margin-bottom: 20px;
	}
	#footer .top .container {
		flex-wrap: wrap;
	}
	#footer .top .container .topcol {
		width: 50%;
		margin-bottom: 20px;
	}
	 #footer .top .container .topcol .topcol-inner {
		width: 100%;
	}
	#footer .top .container .topcol .topcol-title {
		font-size: 22px;
		margin: 0 0 20px 0;
	}
	#footer .top .container .topcol a, #footer .top .container .topcol p {
		font-size: 17px;
		margin: 0 0 4px 0;
		padding: 0px 2px;
	}
}
@media (min-width: 992px) {
	#menu-opener {
		display: none;
	}
}
.section-selector .item a {
	padding-top: 3px;
}
.slick-arrow {
	cursor: pointer;
}
#header .container #carticon .nr {
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 2px;
}
@media (max-width: 767px) {

	#homepage-newsletter {
		padding: 41px 0 39px;
	}
	#header .container.container-no-pseudo {
		padding: 0 15px 0 10px;
	}
	.breadcrumb {
		font-style: normal;
		font-weight: 400;
		font-size: 11px;
		line-height: 16px;
		background-color: transparent;
		color: #231F20;
		padding: 15px 0 25px;
		margin-bottom: 0;
	}
	.section-selector {
		flex-direction: column;
	}
	.section-selector .item {
		width: 100%;
	}
	.section-inforow .container {
		flex-direction: column;
		padding: 15px;
	}
	.section-inforow {
		height: auto;
	}
	.section-inforow .searchbox {
		width: 96%;
		margin: 13px auto;
	}
	.section-inforow .social a:first-child {
		margin-left: 0;
	}
	.section-features .container {
		flex-direction: unset;
		flex-wrap: wrap;
		justify-content: center;
	}
	.section-features .feature {
		margin: 18px 20px;
	}
	.section-features {
		margin: 5px 0;
	}
	.section-features .feature p {
		font-size: 16px;
	}
	.more-btn-title-row {
		font-size: 15px;
		padding: 9px 24px 7px;
	}
	.slick-dots li {
		width: 20px;
		height: 3px;
	}
	.newsletter-container {
		flex-direction: column;
	}
	#homepage-newsletter .input {
		font-size: 0;
		width: auto;
		margin-top: 23px;
	}
	#homepage-newsletter .input input[type=text] {
		height: 45px;
		padding-left: 50px;
		width: calc(100% - 110px);
		font-size: 16px;
		margin: 0;
	}
	#homepage-newsletter .input .icon {
		height: 30px;
		top: 50%;
		left: 9px;
	}
	#homepage-newsletter .input .icon img {
		height: 30px;
	}
	.section-blog .grid {
		flex-direction: column;
	}
	.section-blog .grid .item {
		width: 100%;
		margin: 0;
	}
	.section-blog .grid .item .arrow {
		margin: 7px auto;
		height: 40px;
		align-self: center;
	}
	#footer .top {
		margin-top: 20px;
	}
	.icons-item:not(.icons-item:first-child) {
		margin-left: 28px !important;
	}
	.men-links {
		right: 0;
	}
	.left-wrapp:not(.full-left-wrapp), .full-right-wrapp {
		height: unset;
	}
	#footer .top .container {
		flex-direction: column;
	}
	#footer .top .container .topcol, #footer .top .container .topcol .topcol-inner {
		width: 100%;
	}
	#footer .topcol:first-child {
		order: 2;
	}
	#footer .topcol {
		margin-top: 20px;
	}
	#footer .center .container {
		flex-wrap: wrap;
	}
	#footer .center .container a {
		margin-bottom: 20px;
	}
	#footer .center .container a:last-child {
		margin-bottom: 0;
	}
	#footer .top .container .topcol .topcol-title {
		font-size: 22px;
		margin: 0 0 10px 0;
	}
	#footer .top .container .topcol a, #footer .top .container .topcol p {
		font-size: 17px;
		margin: 0 0 4px 0;
		padding: 0px 1px;
	}
	#footer .bottom {
		height: auto;
	}
	#footer .bottom .container {
		padding: 7px 10px 0;
		flex-direction: column;
	}
	#footer .bottom .container a, #footer .bottom .container p {
		font-size: 14px;
		color: white;
		margin: 0 auto 7px;
	}
	.credit-calculation-btn {
		margin: 25px auto;
		padding: 0px 20px;
		height: 61px;
	}
	.breadcrumb {
		font-size: 12px;
		line-height: 18px;
		padding: 12px 15px 11px;
		margin-bottom: 20px;
	}
}

.men-links {
	right: 0;
	z-index: 10;
}
.shipment-block img {
	margin-left: 5px;
}
#footer .top .container .topcol a, #footer .top .container .topcol p {
	letter-spacing: -0.03em;
}
@media (max-width: 767px) {
	.main-top-logo {
		height: 22px;
	}
	.section-selector .item p {
		font-size: 20px;
		line-height: 22px;
		text-align: center;
		color: #231F20;
		margin-bottom: 13px;
	}
	.section-selector .item p+p {
		text-align: center;
		max-width: 40ch;
		margin: 0 0 15px 0;
		font-weight: 400;
		font-size: 16px;
		line-height: 21px;
		letter-spacing: -0.05em;
		color: #231F20;
	}
	.section-selector .item a {
		font-family: "ClanPro-NarrBold";
		font-size: 16px;
		font-weight: 700;
		padding: 3px 25px 0;
		height: 35px;
	}
	.section-selector .item.item-gray p {
		order: 1;
		color: #FFFFFF;
	}
	.section-selector .item-gray img {
		order: 0;
	}
	.section-selector .item-gray a {
		order: 2;
	}
	.section-selector .item {
		height: auto;
		padding: 20px 0;
		width: 100%;
	}
	.doubletext-top {
		margin-bottom: 20px;
		font-style: normal;
		font-weight: 700;
		font-size: 18px;
		line-height: 24px;
		text-align: center;
		text-transform: uppercase;
		color: #231F20;
	}
	.doubletext-alt {
		width: 95%;
		margin: 0 auto 5px;
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 26px;
		text-align: center;
		letter-spacing: -0.05em;
		color: #231F20;
	}
	.a-wrapp-title {
		margin-bottom: 12px;
		font-size: 20px;
		line-height: 22px;
		text-transform: uppercase;
		color: #231F20;
	}
	.a-wrapp-lead {
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 26px;
		letter-spacing: -0.05em;
		color: #231F20;
	}
	.a-wrapp-link {
		font-size: 14px;
		line-height: 16px;
	}
	.wrapp-link-img {
		transition: 0.3s;
		margin-left: 13px;
		height: unset;
	}
	.a-wrapp, .full-wrapp.a-wrapp {
		padding: 32px 17px 12px 17px;
	}
	.right-wrapp .a-wrapp:not(.full-right-wrapp .a-wrapp,.right-wrapp .a-wrapp:last-child) {
		margin-bottom: 32px;
	}
	.big-ad {
		width: 100%;
		max-width: 400px;
		margin-bottom: 32px;
		flex-direction: column;
	}
	#homepage-newsletter .input button {
		font-size: 13px;
	}
	#homepage-newsletter .title {
		font-family: "ClanPro-NarrBold";
	}
	#homepage-newsletter .text {
		text-align: center;
	}
	.wrapp-img, .full-right-wrapp img {
		position: static;
		transform: none;
	}
	.blog-title {
		font-family: 'ClanPro-NarrBold';
		font-style: normal;
		font-weight: 700;
		font-size: 22px;
		line-height: 26px;
		color: #231F20;
		padding-left: 0;
	}
	.section-blog .grid .item .title {
		margin: 20px 0 15px 0;
		font-style: normal;
		font-weight: 700;
		font-size: 26px;
		line-height: 26px;
		letter-spacing: -0.05em;
		color: #231F20;
	}
	.section-blog .grid .item .lead {
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 26px;
		letter-spacing: -0.05em;
		color: #231F20;
	}
	.section-blog .grid .item .arrow {
		margin: 15px auto 10px;
		height: auto;
		align-self: center;
	}
	.white-wrapp img {
		width: auto;
		max-width: 100%;
	}
	.white-wrapp {
		padding: 18px;
	}
	.blog-title {
		margin-left: 0;
		margin-right: 0;
	}
	#footer .topcol:last-child {
		order: 4;
	}
	#footer .topcol:first-child {
		order: 1;
	}
	#footer .topcol:nth-child(2) {
		order: 2;
	}
	#footer .topcol:nth-child(3) {
		order: 3;
	}

	#footer .top .container .topcol, #footer .top .container .topcol .topcol-inner, #footer .top .container .topcol a, #footer .top .container .topcol p {
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
	}
	#footer .top .container .topcol a, #footer .top .container .topcol p {
		font-size: 19px;
	}
	#footer .top .container .topcol .topcol-title {
		font-size: 25px;
		margin: 0 0 25px 0;
	}
	#footer .topcol {
		margin-top: 25px;
	}
	#footer .center .container a {
		display: flex;
		margin: 0;
	}
	#footer .center .container {
		gap: 8px;
	}
	#footer .center .container a img {
		max-height: 68px;
		width: auto;
	}
}
.ppc {
	margin-left: 4px;
	margin-top: -3px;
}
.container.container-no-pseudo::after {
	display: none !important;
}
.more-btn-blog {
	width: 135px;
	height: 34px;
	border: 1px solid #E5E5E5;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 14px;
	padding-top: 2px;
	text-align: center;
	color: #231F20;
	transition: 0.3s;
}
.more-btn-blog:hover {
	border-color: #2E8DE5;
	background-color: #2E8DE5;
	color: #FFFFFF;
}
.scf-box {
	position: relative;
	height: 40px;
	margin-left: 20px;
	z-index: 9;
}
.scf-box input {
	position: relative;
	width: 100%;
	height: 100%;
	background: white;
	outline: none;
	border: 1px solid rgba(0,0,0,.1);
	font-size: 16px;
	color: var(--black);
	padding: 0 50px 0 25px;
}
.scf-box input:focus {
	border-color: var(--yellow);
}
.scf-box input::placeholder {
	color: var(--black);
}
.scf-box img {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
}
.main-top-logo {
	height: 35px;
}
#header .container .links a {
	font-size: 16px;
	margin: 0 10px;
	padding-top: 5px;
}
@media (max-width: 1599px) {
	.scf-box {
		width: 200px;
	}
	.main-top-logo {
		height: 25px;
	}
	#header .container .links a {
		font-size: 14px;
		margin: 0 7px;
		padding-top: 5px;
	}
}
@media (max-width: 1199px) {
	.main-top-logo {
		height: 20px;
	}
	#header .container .links a {
		font-size: 12px;
		margin: 0 4px;
		padding-top: 5px;
	}
}
.fxed {
	position: fixed;
	top: 0;
	background: #FFFFFF;
	width: 100%;
	z-index: 999;
}
.fwf {
	font-size: 16px;
	line-height: 14px;
	text-align: left;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	color: #FFFFFF;
	/* felső térköz az infóblokk-logóknak (abszolút, a sáv tetején); a szöveg ALÁJUK kerül, teljes szélességben */
	padding: 82px 18px 16px;
	background: #2E8DE5;
	margin: 0 auto;
}
.fwf strong {
	font-family: "ClanPro-NarrBold";
	font-weight: 700;
}
@media (max-width: 991px) {
	.main-top-logo {
		height: 27px;
	}
	#header .container .links a {
		font-size: 16px;
		margin: 2px 6px;
		padding-top: 5px;
	}
	header {
		position: relative;
	}
	.scf-box img {
		right: 30px;
	}
	.scf-box {
		width: 100%;
		margin: 0 auto 15px;
		padding: 0 15px;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
	}
	#search-opener {
		min-height: 32px;
	}
	.icons-item:not(.icons-item:first-child) {
		margin-left: 15px !important;
		margin-right: 10px !important;
	}
}
@media (max-width: 767px) {
	.section-inforow .container .text {
		margin-bottom: 13px;
	}
	#homepage-newsletter .title {
		font-size: 26px;
		line-height: 28px;
		text-align: center;
	}
}
#homepage-newsletter .input input[type=text] {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.credit-calculation-btn {
	margin: 35px auto;
	padding: 0 36px;
	background-color: #2E8DE5;
	border: 2px solid #2E8DE5;
	transition: 0.3s;
	height: 71px;
	cursor: pointer;
}
.credit-calculator {
	margin-bottom: 30px;
}
.credit-calculation-text {
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 26px;
	margin: 0 20px;
	padding: 3px 0 0;
	text-align: center;
	letter-spacing: -0.05em;
	color: #FFFFFF;
}
.credit-calculation-btn:hover {
	background-color: #FFFFFF;
}
.credit-calculation-btn:hover .credit-calculation-text {
	color: #2E8DE5 !important;
}
@media (max-width: 1599px) {
	.credit-calculation-text {
		font-size: 20px;
		line-height: 22px;
		margin: 0 15px;
		padding: 3px 0 0;
	}
}
@media (max-width: 767px) {
	.credit-calculation-btn {
		margin: 25px auto;
		padding: 0px 20px;
		height: 61px;
	}
	.credit-calculation-text {
		font-size: 17px;
	}
	.zoomContainer {
		display: none;
	}
}

.warranty-10 {
	position: absolute;
	top: 130px;
	right: 0;
	height: 120px;
}
.warranty-10-anniversary {
	position: absolute;
	top: 130px;
	right: 0;
	height: 120px;
}
.warranty-10-list {
	right: 10px !important;
	transform: none !important;
	top: 10px !important;
	height: 80px !important;
	left: unset !important;
}
.warranty-10-list-anniversary {
	height: 110px !important;
}

/*** ÚJ ELSŐ SZEKCIÓ ***/
.container-no-pseudo::after {
	display: none !important;
}
@media (min-width: 768px) {
	.new-sections {
		margin-bottom: 20px;
	}
	.new-sections, .section-selector {
		gap: 30px;
	}
	.new-sections, .section-selector .item {
		height: 315px;
	}
	.section-selector .item {
		flex-direction: column;
	}
	.section-selector .item-yellow, .section-selector .item-gray {
		padding: 20px 0;
	}
	.section-selector .item-yellow img, .section-selector .item-gray img {
		height: 150px;
	}
	.carousel-section {
		width: 570px;
		min-width: 570px;
	}
	.section-selector {
		flex-grow: 1;
	}
}
@media (min-width: 768px) and (max-width: 1599px) {
	.carousel-section {
		width: 471px;
		min-width: 471px;
	}
	.new-sections, .section-selector .item {
		height: 260px;
	}
	.section-selector .item-yellow img, .section-selector .item-gray img {
		height: 130px;
	}
	.section-selector .item p {
		font-size: 23px;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.carousel-section {
		width: 400px;
		min-width: 400px;
	}
	.new-sections, .section-selector .item {
		height: 221px;
	}
	.section-selector .item-yellow img, .section-selector .item-gray img {
		height: 105px;
		width: auto;
	}

	.section-selector .item-yellow, .section-selector .item-gray {
		padding: 15px;
	}
	.section-selector .item p {
		font-size: 26px;
		line-height: 27px;
	}

	.new-sections, .section-selector {
		gap: 20px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.section-selector .item p {
		font-size: 21px;
		line-height: 22px;
		text-align: center;
	}
	.carousel-section {
		width: 321px;
		min-width: 321px;
	}
	.new-sections, .section-selector .item {
		height: 177px;
	}

	.section-selector .item-yellow img, .section-selector .item-gray img {
		height: 65px;
	}
	.section-selector .item a {
		font-size: 14px;
		margin-top: 5px;
		padding: 0 15px;
		height: 30px;
	}
}
.ceac {
	padding: 0 15px;
}
@media (max-width: 767px) {
	.new-sections {
		margin-bottom: 15px;
	}
	.new-sections {
		height: auto;
		flex-direction: column;
	}
	.carousel-section, .section-selector {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
	.new-sections, .section-selector {
		gap: 15px;
	}
}

body{
	overflow-x: hidden;
}

.price-filter{
	max-width: 150px;
	width: 100%;
	display: flex;
	height: 26px;
	border-radius: 0;
	margin-right: 10px;
}

.price-filter::placeholder{
	color: #000 !important;
}

@media(max-width: 992px) and (min-width: 768px){
	#filter-form{
		flex-wrap: wrap;
		row-gap: 10px;
		justify-content: center;
	}
}

@media(max-width: 767px){
	.price-filter{
		margin: 10px 0;
		width: 100%;
		max-width: 100%;
	}
	#product-list-page .category-title {
		text-transform: uppercase;
		margin-bottom: 50px;
		font-family: 'ClanOffcPro-NarrBlack';
		font-size: 22px;
	}
	#homepage-more-products .homepage-section-title .text,
	#homepage-discount-products .homepage-section-title .text
	{
		height: auto;
		padding: 0px;
	}
	#homepage-more-products .container,
	#homepage-discount-products .container
	{
		padding: 0px;
	}
}

.infoblock-item {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 8;
	transition: none !important;
}
.infoblock-item img
{
	height: 65px;
}
.infoblock-item:not(.infoblock-item-fixed) {
	position: absolute;
	top: 100%
}

@media(max-width: 575px){
	.products-grid .product-rect .product-photo-frame .list-thumb {
		height: 200px;
		max-height: 200px;
	}
}

@media(min-width: 768px){
	.householdsubcat-prof{
		width: 200px !important;
	}
	.householdsubcat-img img{
		max-width: 200px;
		max-height: 200px;
	}
}

.field-shopwithdrawal-agree a {
	color: #000000 !important;
}

/* ============================================================
   PROTOTÍPUS – új termékoldal elrendezés (id 525)
   Kis ikonok a kép mellé + szétbontott jellemzők (nagy + további)
   A téma meglévő színeit használja (#2E8DE5 akcent, ClanPro font)
   ============================================================ */

/* --- Információs dobozok a specifikáció alatt (sötét, szögletes, mint a minta) --- */
.pdp-infogrid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px;
    margin-top: 14px;
    margin-bottom: 6px;
}
/* energiaosztály: színes A–G nyíl-ikon a dobozok mellett (mint a minta) */
.pdp-energy-icon {
    height: 52px;
    width: auto;
    margin-left: 8px;
    display: block;
}
.pdp-infobox {
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    padding: 4px;
    background: #42606b;        /* egységes sötét kékesszürke, mint a Liebherr-mintán */
    border: 0;
    border-radius: 0;           /* szögletes */
    font-family: 'ClanPro-NarrBold', Arial, sans-serif;
    font-size: 11px;
    line-height: 1.1;
    font-weight: 700;
    color: #fff;
    text-align: center;
    cursor: help;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s;
}
.pdp-infobox:hover {
    background: #35505a;
}

/* --- Kiemelt jellemzők (highlight): a Liebherr kis NÉGYZET-ikonjai (ráégetett rövid felirattal) --- */
.pdp-highlights {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px;
    margin-top: 14px;
    margin-bottom: 6px;
}
.pdp-highlight {
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    cursor: pointer;
    overflow: hidden;
    background: #8b9196;     /* a gyártói ikon-kép szürkéje (betöltésig is egységes) */
}
.pdp-highlight-icon {
    width: 100%;
    height: 100%;
    object-fit: cover;       /* a négyzetes gyártói ikon kitölti a csempét */
    display: block;
}
/* highlight-tooltip tartalma (jBox): bal oldalon fotó, jobbra cím + leírás (mint a gyártónál) */
.pdp-tip {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    text-align: left;
}
.pdp-tip-img {
    flex: 0 0 110px;
}
.pdp-tip-img img {
    display: block;
    width: 110px;
    height: auto;
}
.pdp-tip-title {
    font-family: 'ClanPro-NarrBold', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.25;
    color: #231F20;
    margin-bottom: 6px;
}
.pdp-tip-desc {
    font-family: 'ClanPro-NarrBook', Arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #4a4f53;
}
.pdp-tip-desc p { margin: 0 0 6px; }
.pdp-tip-desc p:last-child { margin-bottom: 0; }
@media (max-width: 480px) {
    .pdp-tip { flex-direction: column; gap: 8px; }
    .pdp-tip-img, .pdp-tip-img img { width: 100%; flex-basis: auto; }
}

/* --- Szétbontott jellemzők: szekciócím (lenyitható, szürke vonalakkal mint a mintán) --- */
.pdp-section-title {
    font-family: 'ClanPro-NarrBold', Arial, sans-serif;
    font-size: 21px;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: 0;
    color: #231F20;
    margin: -1px 0 0;       /* a szomszédos szürke vonalak átfednek -> egyetlen 1px vonal */
    padding: 16px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.pdp-collapse-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
}
.pdp-collapse-toggle:hover {
    color: #555;
}
.pdp-chevron {
    font-size: 16px;
    color: #555;
    transition: transform .2s ease;
}
/* Bootstrap a .collapsed osztályt teszi a toggle-re, ha a célja zárva van */
.pdp-collapse-toggle.collapsed .pdp-chevron {
    transform: rotate(180deg);
}

/* --- Nagy, váltakozó jellemző-blokkok --- */
.pdp-feature-big {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-bottom: 34px;
}
.pdp-feature-big--rev {
    flex-direction: row-reverse;
}
.pfb-image {
    flex: 0 0 50%;
    max-width: 50%;
}
.pfb-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}
.pfb-text {
    flex: 1 1 auto;
}
.pfb-text h3 {
    font-family: 'ClanPro-NarrBold', Arial, sans-serif;
    font-size: 22px;
    line-height: 1.2;
    color: #231F20;
    margin: 0 0 12px;
}
.pfb-desc {
    font-size: 15px;
    line-height: 24px;
    color: #3a3a3a;
}

/* a lenyíló tartalmak térköze a cím (saját vonalas) alatt */
#pdpFeatMain {
    padding-top: 26px;
}
#pdpFeatMore {
    padding-top: 22px;
    padding-bottom: 8px;
}
.pdp-acc-body {
    padding-top: 8px;
    padding-bottom: 8px;
}

/* --- További jellemzők: kis 2 oszlopos rács --- */
.pdp-features-more {
    margin-top: 0;
}
.pfm-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.pfm-item {
    width: 50%;
    display: flex;
    gap: 15px;
    padding: 15px;
    box-sizing: border-box;
    align-items: flex-start;
}
.pfm-image {
    flex: 0 0 120px;
    max-width: 120px;
}
.pfm-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}
.pfm-text h4 {
    font-family: 'ClanPro-NarrBold', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.25;
    margin: 0 0 8px;
    color: #231F20;
}
.pfm-desc {
    font-size: 14px;
    line-height: 21px;
    color: #555;
}

@media (max-width: 991px) {
    .pfm-item { width: 100%; }
}
@media (max-width: 767px) {
    .pdp-feature-big,
    .pdp-feature-big--rev {
        flex-direction: column;
        gap: 16px;
    }
    .pfb-image { flex: 0 0 100%; max-width: 100%; }
    .pdp-section-title { font-size: 22px; }
    .pfb-text h3 { font-size: 19px; }
    .pfm-image { flex: 0 0 90px; max-width: 90px; }
}

/* Önálló, mindig látható jellemző-szekció (a hero alatt, fül nélkül) */
.pdp-features-section {
    margin-top: 30px;
}

/* Sima leírás (ha nincs 768px-es jellemző-adat) – a "Leírás" cím alatt a nyers leírás */
#product-page.pdp-mode .pdp-description-plain {
    padding: 22px 0 8px;
    font-size: 15px;
    line-height: 24px;
    color: #3a3a3a;
}
#product-page.pdp-mode .pdp-description-plain img {
    max-width: 100%;
    height: auto;
}

/* ============================================================
   Lenyíló szekciók (accordion) – Műszaki adatok belül fülekkel,
   Kiegészítő funkciók, Letöltések. Szürke vonalas, mint a minta.
   ============================================================ */
.pdp-accordions {
    margin-top: 0;
}

/* belső fülek a Műszaki adatokban – a téma fül-stílusát használjuk,
   csak a téma nagy felső margóját (.products-view .nav-tabs margin-top:55px) szedjük le */
.products-view .pdp-subtabs {
    margin-top: 4px;
}
.products-view .pdp-subtab-content {
    padding: 18px 0 0 !important;
    float: none !important;
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
}

/* műszaki adat táblázat (kulcs–érték, vékony szürke sorok) */
.pdp-td-table {
    width: 100%;
    border-collapse: collapse;
}
.pdp-td-table {
    width: 100%;
    border-collapse: collapse;
}
.pdp-td-table tr {
    border-bottom: 1px solid #eee;
}
.pdp-td-table tr:last-child {
	border-bottom: 0px;
}
.pdp-td-table th,
.pdp-td-table td {
    text-align: left;
    vertical-align: top;
    padding: 12px 10px 12px 0;
    font-size: 14px;
    line-height: 1.4;
}
.pdp-td-table th {
    width: 50%;
    font-weight: 400;
    color: #555;
}
.pdp-td-table td {
    color: #231F20;
    font-family: 'ClanPro-NarrBold', Arial, sans-serif;
}

/* Tartozékok – önálló szekció nagy címmel */
.pdp-accessories {
    margin-top: 35px;
}
.pdp-accessories-title {
    font-family: 'ClanPro-NarrBold', Arial, sans-serif;
    font-size: 30px;
    color: #231F20;
    margin: 0 0 20px;
}

/* Energiaosztály + "A termék adatlapja" EGY sorban, az ikonok alatt (mint a mintán) */
.pdp-energy-datasheet {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 14px;
    margin-bottom: 6px;
}
.pdp-energy-icon-sm {
    height: 26px;
    width: auto;
    display: block;
}

/* "A termék adatlapja" link – PDF-ikon nélkül, az energianyíl mellett */
.pdp-datasheet-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    font-family: 'ClanPro-NarrBold', Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #231F20;
    text-decoration: none;
}
.pdp-datasheet-link:hover,
.pdp-datasheet-link:focus {
    color: #2E8DE5;
    text-decoration: none;
}
.pdp-datasheet-link .fa-file-pdf-o {
    font-size: 19px;
    color: #c0392b;
}
.pdp-datasheet-link .fa-chevron-right {
    font-size: 11px;
    color: #999;
}

/* Letöltések elrendezés a lenyílóban */
.pdp-acc-body.prodfiles {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.pdp-acc-body.prodfiles > a {
    display: block;
    width: 130px;
    text-decoration: none;
    color: #231F20;
    text-align: center;     /* a szöveg ÉS a kártya is középre */
}
.pdp-acc-body.prodfiles .prodfile-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 130px;
    background: #f5f7f9;
    border: 1px solid #e3e8ec;
    margin: 0 auto 8px;
}
.pdp-acc-body.prodfiles .prodfile-icon .fa {
    font-size: 46px;
    color: #c0392b;
}
.pdp-acc-body.prodfiles .prodfile-name {
    font-size: 13px;
    line-height: 1.3;
}

/* ============================================================
   PROTOTÍPUS – hero (felső rész) a Liebherr-minta szerint (id 525)
   Cím + szürke alcím, tiszta spec-lista, visszafogott webshop-meta.
   Minden a #product-page.pdp-mode alá scope-olva -> más termék érintetlen.
   ============================================================ */

/* breadcrumb a minta szerint: teljes szélességű világos sáv, nem nagybetűs, › elválasztó, utolsó elem félkövér */
#product-page.pdp-mode .products-view .breadcrumb {
    position: relative;
    z-index: 0;
    background: #f0f3f6;
    padding: 13px 15px;
    margin-bottom: 22px;
    text-transform: none;
    font-family: 'ClanPro-NarrBook', Arial, sans-serif;
    font-size: 13px;
    color: #8a9095;
}
/* full-bleed: a sáv a teljes böngészőszélességet kitölti, mint a mintán */
#product-page.pdp-mode .products-view .breadcrumb:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50vw);
    background: #f0f3f6;
    z-index: -1;
}

/* Garancia-sáv a hero (kép + cím) fölött, mobilon is – mint a minta teal "X év garancia" sávja, tartalom-szélességű */
#product-page.pdp-mode .pdp-warranty-band {
    background: #5789a4;
    color: #fff;
    font-family: 'ClanPro-NarrBold', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.3;
    padding: 9px 15px;
    margin-bottom: 24px;
}
#product-page.pdp-mode .products-view .breadcrumb a {
    color: #8a9095;
    font-family: 'ClanPro-NarrBook', Arial, sans-serif;
}
#product-page.pdp-mode .products-view .breadcrumb a:hover {
    color: #231F20;
}
#product-page.pdp-mode .products-view .breadcrumb > .active {
    color: #231F20;
    font-family: 'ClanPro-NarrBold', Arial, sans-serif;
}
#product-page.pdp-mode .products-view .breadcrumb > li + li:before {
    content: "›";
    color: #c2c6c9;
    padding: 0 6px;
}

/* Cím + kedvenc-csillag egy sorban (mint a mintán a cím melletti csillag) */
#product-page.pdp-mode .pdp-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 0 15px;
}
/* Cím: nagy, NEM nagybetűs (a minta szerint) */
#product-page.pdp-mode .products-view h1.pdp-title {
    float: none;
    width: auto;
    flex: 1 1 auto;
    padding: 0;             /* a térközt a .pdp-title-row adja */
    margin: 0 0 4px;
    font-family: 'ClanPro-NarrBold', Arial, sans-serif;
    font-size: 30px;
    line-height: 1.15;
    color: #231F20;
    text-transform: none;
}
/* mobilon kisebb cím (a 30px ott túl nagy, 3 sorba törik) */
@media (max-width: 767px) {
    #product-page.pdp-mode .products-view h1.pdp-title {
        font-size: 22px;
    }
}
/* Kedvenc-csillag: üres = halvány szürke, tömött (kedvencben) = brand kék */
#product-page.pdp-mode .pdp-fav-star {
    flex: 0 0 auto;
    margin-top: 3px;
    font-size: 26px;
    line-height: 1;
    color: #c2c6c9;
    text-decoration: none;
    cursor: pointer;
    transition: color .15s, transform .1s;
}
#product-page.pdp-mode .pdp-fav-star:hover {
    color: #2E8DE5;
}
#product-page.pdp-mode .pdp-fav-star:active {
    transform: scale(0.9);
}
#product-page.pdp-mode .pdp-fav-star.is-fav {
    color: #2E8DE5;
}
/* a kedvenc-műveletet a prototípusnál a csillag végzi -> a kosárnál lévő gombok elrejtve */
#product-page.pdp-mode .addToFavorite-button,
#product-page.pdp-mode .removeFromFavorite-button {
    display: none !important;
}

/* ============================================================
   Ár + kosár blokk újrarendezése (a user kérte): ár felül,
   alatta [mennyiségválasztó] + [Kosárba teszem] egy sorban.
   A .addToCart-form wrapper adja a 15px bal behúzást (a tartalomhoz igazítva).
   ============================================================ */
#product-page.pdp-mode #addtocart-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 14px;
}
/* minden gyermek alapból a buy-sor UTÁN, teljes szélességben */
#product-page.pdp-mode #addtocart-form > * {
    order: 5;
    width: 100%;
}
/* rejtett mezők + flex-ben felesleges clearfix ne foglaljon helyet */
#product-page.pdp-mode #addtocart-form .field-shopcartproducts-product_id,
#product-page.pdp-mode #addtocart-form .field-shopcartproducts-product_var1_id,
#product-page.pdp-mode #addtocart-form .field-shopcartproducts-product_var2_id,
#product-page.pdp-mode #addtocart-form > .clearfix {
    display: none;
}
/* 1) ÁR – teljes sor, balra */
#product-page.pdp-mode #addtocart-form .prices {
    order: 1;
    width: 100%;
    float: none;
    text-align: left;
    margin: 0;
}
#product-page.pdp-mode #addtocart-form #list_price,
#product-page.pdp-mode #addtocart-form #sell_price {
    float: none;
    width: auto;
    text-align: left;
}
/* 2) MENNYISÉG – az ár alatt; a "MENNYISÉG" felirat elrejtve, a spinner a gomb magasságára igazítva */
#product-page.pdp-mode #addtocart-form .field-shopcartproducts-amount {
    order: 2;
    width: 136px;          /* csak a [- szám +] spinner szélessége */
    height: 49px;          /* pontosan a Kosárba gomb magassága -> nincs elcsúszás */
    padding: 0;            /* a Bootstrap 15px felső paddingja tolta lejjebb a spinnert */
    overflow: hidden;      /* a tartalom (input-group + üres help-block) a 49px-en belül */
    box-sizing: border-box;
    float: none;
    margin: 0;
}
#product-page.pdp-mode #addtocart-form .field-shopcartproducts-amount label {
    display: none;         /* a "MENNYISÉG" felirat nem kell (a user kérte) */
}
/* a spinner részei a Kosárba teszem gomb magasságára (49px) */
#product-page.pdp-mode #addtocart-form #shopcartproducts-amount,
#product-page.pdp-mode #addtocart-form .field-shopcartproducts-amount .input-group-btn,
#product-page.pdp-mode #addtocart-form .field-shopcartproducts-amount .input-group-btn .btn-default {
    height: 49px;
}
#product-page.pdp-mode #addtocart-form #shopcartproducts-amount {
    line-height: 49px;
}
#product-page.pdp-mode #addtocart-form .field-shopcartproducts-amount .input-group-btn .btn-default {
    line-height: 47px !important;
}
/* 3) KOSÁRBA TESZEM – közvetlenül a mennyiség mellett */
#product-page.pdp-mode #addtocart-form .addto-button-row {
    order: 3;
    width: auto;
    float: none;
    text-align: left;
    margin: 0;
}
#product-page.pdp-mode #addtocart-form .addToCart-button {
    margin: 0;
}

/* Alcím: a termékcsoport, szürkén a cím alatt */
#product-page.pdp-mode .pdp-subtitle {
    padding: 0 15px;
    margin: 0 0 16px;
    font-family: 'ClanPro-NarrNews', Arial, sans-serif;
    font-size: 17px;
    line-height: 1.3;
    color: #6b7378;
}

/* Bevezető (lead) szöveg – a Liebherr cím alatti rövid bemutató */
#product-page.pdp-mode .pdp-lead {
    padding: 0 15px;
    margin: 0 0 22px;
    font-family: 'ClanPro-NarrBook', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.55;
    color: #4a4f53;
}
#product-page.pdp-mode .pdp-lead p {
    margin: 0 0 8px;
}
#product-page.pdp-mode .pdp-lead p:last-child {
    margin-bottom: 0;
}

/* Tiszta kulcs–érték specifikáció-lista (a csíkos táblázat helyett) */
#product-page.pdp-mode .pdp-spec-list {
    margin: 0 0 6px;
}
/* A mintán a sor KÉT EGYENLŐ oszlop, mindkettő BALRA zárt (nincs jobbra igazított érték) */
#product-page.pdp-mode .pdp-spec-row {
    display: flex;
    gap: 12px;
    padding: 5px 0;        /* a mintán nincs vonal, csak szoros kulcs–érték sorok */
    font-size: 14px;
    line-height: 1.4;
}
#product-page.pdp-mode .pdp-spec-name {
    color: #231F20;
    font-family: 'ClanPro-NarrBold', Arial, sans-serif;   /* label VASTAG, mint a mintán */
    flex: 1 1 50%;
}
#product-page.pdp-mode .pdp-spec-val {
    color: #3d3c3c;
    font-family: 'ClanPro-NarrNews', Arial, sans-serif;   /* érték VÉKONYABB */
    text-align: left;
    flex: 1 1 50%;
}
/* Mobilon a minta egy sorba fűzi: "Label - érték" (a hosszú labelek 50%-on csúnyán törnének) */
@media (max-width: 767px) {
    #product-page.pdp-mode .pdp-spec-row {
        display: block;
    }
    #product-page.pdp-mode .pdp-spec-name,
    #product-page.pdp-mode .pdp-spec-val {
        display: inline;
    }
    #product-page.pdp-mode .pdp-spec-name:after {
        content: " - ";
    }
}

/* Energiacímke a bélyegkép-sorban (mint a gyártó galériájában): a címke ÁLLÓ, ezért négyzetbe
   illesztjük, nehogy szétdobja a sort */
#product-page.pdp-mode .gallery-pics img.pdp-energylabel-thumb {
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background: #fff;
}

/* Webshop-meta (cikkszám + készlet) – visszafogottan a hero alján,
   a Liebherr-rész (cím/spec/energia/adatlap) ALATT, "plusz" funkcióként */
#product-page.pdp-mode .pdp-commerce-meta {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #eee;
}
#product-page.pdp-mode .pdp-commerce-meta .item-num {
    float: none;
    padding: 0;
    margin-bottom: 12px;
    color: #6b7378;
    font-family: 'ClanPro-NarrBook', Arial, sans-serif;
    font-size: 13px;
}
#product-page.pdp-mode .pdp-commerce-meta .stock-row {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
}

/* Letöltések: PDF első oldalának előnézete (ikon helyett), mint korábban */
.pdp-acc-body.prodfiles .prodfile-thumb {
    display: block;
    width: 110px;
    height: 130px;
    margin: 0 auto 8px;
    border: 1px solid #e3e8ec;
    background: #fff;
    overflow: hidden;
}
.pdp-acc-body.prodfiles .prodfile-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
}

/* Főkép-nagyítás a Liebherr-minta szerint: NEM lencse/elevateZoom, hanem maga a
   KÉP skálázódik hoverre (transform: scale), a kurzort követve, egy FIX méretű,
   overflow:hidden dobozban. Így a zoom-terület a TELJES doboz — bármilyen
   képaránynál, álló (portré) képnél is —, nem csak egy keskeny lencse-sáv.
   A doboz FIX magasságú (nem aspect-ratio), hogy Safarin is determinisztikus
   legyen; a kép object-fit:contain-nel, képarány-tartással tölti ki. */
#product-page.pdp-mode #mainpic-link {
    position: relative;
    width: 100%;
    height: 460px;
    background: #fff;
    margin: 0 auto 14px;
    overflow: hidden;
    cursor: zoom-in;
}
#product-page.pdp-mode .products-view #mainpic {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: none;
    margin: 0;
    object-fit: contain;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.18s ease-out;
    will-change: transform;
}
/* hoverre a kép 2x-re nagyít; a transform-origin-t a JS állítja a kurzorhoz
   (lásd view.php mousemove), így oda zoomol, ahová mutatsz. Érintőn (nincs hover)
   nem aktiválódik — ott a kattintásra nyíló lightbox marad. */
#product-page.pdp-mode #mainpic-link:hover #mainpic {
    transform: scale(2);
}
@media (max-width: 991px) {
    #product-page.pdp-mode #mainpic-link { height: 380px; }
}
@media (max-width: 767px) {
    #product-page.pdp-mode #mainpic-link { height: 320px; }
}

/* ---- Ajánló: futószöveg sáv az oldal tetején (Offers::POSITION_MARQUEE) ---- */

.offer-marquee {
	/* A bezárt mobilmenü (.men-links, z-index: 10) a fejléc fölé van rejtve, a sáv miatt belógna:
	   az alja (a Garancia link) eltakarná a sávot. A menü nyitva a fejléc alatt van, oda ez nem hat. */
	position: relative;
	z-index: 20;
	display: flex;
	align-items: center;
	overflow: hidden;
	height: 40px;
	background: #2E8DE5;
	color: #FFFFFF;
	font-family: 'ClanPro-NarrBold', Arial, sans-serif;
	font-size: 15px;
	line-height: 1.2;
}

/* A padding-left:100% miatt a szöveg a sáv jobb széle mögül indul; a mozgatást a layout JS-e
   végzi (Web Animations API), ez a CSS-animáció csak tartalék. Szándékosan nincs
   prefers-reduced-motion kivétel, mert iOS-en emiatt állt a h-s.hu sávja. */
.offer-marquee-track {
	flex: 0 0 auto;
	padding-left: 100%;
	white-space: nowrap;
	will-change: transform;
	animation: offer-marquee-scroll 30s linear infinite;
}

.offer-marquee:hover .offer-marquee-track {
	animation-play-state: paused;
}

.offer-marquee-item {
	padding-right: 22px;
}

.offer-marquee-item + .offer-marquee-item:before {
	content: "\2022";
	padding-right: 22px;
}

.offer-marquee a.offer-marquee-item,
.offer-marquee a.offer-marquee-item:visited,
.offer-marquee a.offer-marquee-item:focus {
	color: inherit;
	text-decoration: none;
}

.offer-marquee a.offer-marquee-item:hover {
	color: inherit;
	text-decoration: underline;
}

@keyframes offer-marquee-scroll {
	from { transform: translateX(0); }
	to { transform: translateX(-100%); }
}

@media (max-width: 767px) {
	.offer-marquee { height: 34px; font-size: 13px; }
	.offer-marquee-item { padding-right: 18px; }
	.offer-marquee-item + .offer-marquee-item:before { padding-right: 18px; }
}