/* CSS Document */
@font-face {
    font-family: 'Carmen Sans';
    src: url('fonts/carmen-sans/CarmenSans-Regular.eot');
    src: local('Carmen Sans Regular'), local('CarmenSans-Regular'),
        url('fonts/carmen-sans/CarmenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/carmen-sans/CarmenSans-Regular.woff2') format('woff2'),
        url('fonts/carmen-sans/CarmenSans-Regular.woff') format('woff'),
        url('fonts/carmen-sans/CarmenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Carmen Sans';
    src: url('fonts/carmen-sans/CarmenSans-Light.eot');
    src: local('Carmen Sans Light'), local('CarmenSans-Light'),
        url('fonts/carmen-sans/CarmenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/carmen-sans/CarmenSans-Light.woff2') format('woff2'),
        url('fonts/carmen-sans/CarmenSans-Light.woff') format('woff'),
        url('fonts/carmen-sans/CarmenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Carmen Sans';
    src: url('fonts/carmen-sans/CarmenSans-Medium.eot');
    src: local('Carmen Sans Medium'), local('CarmenSans-Medium'),
        url('fonts/carmen-sans/CarmenSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/carmen-sans/CarmenSans-Medium.woff2') format('woff2'),
        url('fonts/carmen-sans/CarmenSans-Medium.woff') format('woff'),
        url('fonts/carmen-sans/CarmenSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Carmen Sans';
    src: url('fonts/carmen-sans/CarmenSans-SemiBold.eot');
    src: local('Carmen Sans SemiBold'), local('CarmenSans-SemiBold'),
        url('fonts/carmen-sans/CarmenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/carmen-sans/CarmenSans-SemiBold.woff2') format('woff2'),
        url('fonts/carmen-sans/CarmenSans-SemiBold.woff') format('woff'),
        url('fonts/carmen-sans/CarmenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Carmen Sans';
    src: url('fonts/carmen-sans/CarmenSans-Bold.eot');
    src: local('Carmen Sans Bold'), local('CarmenSans-Bold'),
        url('fonts/carmen-sans/CarmenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/carmen-sans/CarmenSans-Bold.woff2') format('woff2'),
        url('fonts/carmen-sans/CarmenSans-Bold.woff') format('woff'),
        url('fonts/carmen-sans/CarmenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

:root {
    --main-color: #FFCF00;
    --secondary-color: #333333;
    --contrast-light: #008cfe;
    --contrast-dark: #0062b2;
}

strong {
    font-weight: normal;
    font-family: 'Carmen Sans', sans-serif;
}
.light {
    font-family: 'Carmen Sans', sans-serif;
    font-weight: 300;
}
.bold {
    font-family: 'Carmen Sans', sans-serif;
    font-weight: bold;
}
.orange,
span.required {
    color: var(--main-color)!important;
}
.underline {
    text-decoration: underline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, a, acronym, font, img, ol, ul, li, fieldset, form, label, legend, button {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100.01%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
p {
    padding-top: 0;
    margin-top: 0;
}
ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
textarea {
    overflow: auto;
}
a, a:hover {
    text-decoration: none;
    color: #444444;
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
img {
    border: 0;
}
body {
    color: #444444;
    font-family: 'Carmen Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    background-color: #ffffff;
    margin: 0!important;
}
textarea, select, input, button, button:focus {
    color: #444444;
    font-family: 'Carmen Sans', sans-serif;
    font-size: 16px;
    outline: none;
}
input[type="text"].readonly {
	background-color: #eeeeee;
	cursor: not-allowed;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333333;
  opacity: 0.8; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333333;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #333333;
}
#main + * {
	clear: both;
}
#header-top {
	position: absolute;
	clear: both;
	width: 100%;
	margin: 0 auto;
	height: 121px;
	/*background: url(/imagini/header-bgr.jpg) center bottom repeat-x #323232;*/
	background-color: white;
}
#logo {
    width: 215px;
    height: 100%;
    float: left;
    /* margin-top: 12px; */
    margin-left: 38px;
    background-color: transparent;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
#logo img {
	width: auto;
	height: 60px;
}
.languages {
	position: absolute;
    left: 386px;
    top: 0;
    z-index: 999;
}
/* nav {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
    height: 121px;
    border-bottom: 5px solid var(--main-color);
}
*/

 */
/* ------------------------------------  TOP MENU --------------------------------------*/
ul.sf-menu, ul.sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 99;
}
ul.sf-menu {
    font-weight: 600;
	font-size: 17px;
	text-align: left;
	float: left;
	width: 600px;
    margin-top: 33px;
    margin-left: 64px;
}
ul.sf-menu h3 {
    font-weight: 600;
    display: inline-block;
    padding-left: 41px;
    text-align: left;
}
ul.sf-menu li {
	margin: 0;
	padding: 0;
	display: inline-block;
	border: 0;
}
ul.sf-menu li a {
    font-weight: 600;
    color: var(--secondary-color);
    display: inline-block;
	padding: 13px 13px 13px 13px;
	cursor: pointer;
	margin: 0;
    width: 100%;
    position: relative;
    line-height: 20px;
}
ul.sf-menu li a.more {
	cursor: default;
}
ul.sf-menu li a.more:after {
    display: inline-block;
    width: 7px;
    height: 7px;
    content: "";
    position: relative;
    top: -2px;
    right: -8px;
    margin-right: 7px;
    border: solid var(--main-color);
    border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
ul.sf-menu li ul.category li a:first-child:after {
    display: none;
}
ul.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

ul.sf-menu ul.menu { display: none; font-size: 17px; width: auto; height: auto; min-width: 200px; position: absolute; padding: 0; border-left: 2px solid var(--main-color); border-right: 2px solid var(--main-color); top: 120px; z-index: 99; background-color:var(--main-color); }
ul.sf-menu ul.menu li > a { width: 100%; height: auto; color: var(--secondary-color); line-height: 28px; text-decoration: none; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
ul.sf-menu ul.menu li:after { display: block; content: ""; width: 91%; height: 1px; margin-left: 15px; background: url(/imagini/dots-horizontal-light.png) bottom left repeat-x; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }


ul.sf-menu ul.category { display: none;  font-size: 17px; width: 490px; height: auto; position: absolute; padding: 0; border-left: 2px solid var(--main-color); top: 120px; z-index: 99; background-color:var(--main-color); }
ul.sf-menu ul.menu li,
ul.sf-menu ul.category li { width: 100%; height: auto; border: 0; display: block; text-align: left; }
ul.sf-menu ul.category li > a { width: 100%; height: auto; padding: 10px 10px 10px 50px; color: var(--secondary-color); line-height: 28px; text-decoration: none; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
ul.sf-menu ul.category li:after { display: block; content: ""; width: 94%; height: 1px; margin-left: 15px; background: url(/imagini/dots-horizontal-light.png) bottom left repeat-x; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
ul.sf-menu ul.menu li:last-child:after,
ul.sf-menu ul.category li:last-child:after { width: 100%; margin: 0; border-bottom: 2px solid var(--main-color); }
ul.sf-menu ul.menu li:hover { background-color: #ffffff; }
ul.sf-menu ul.category li:hover { background-color: #ffffff; }
ul.sf-menu ul.category li:hover a { color: var(--secondary-color); }
ul.sf-menu ul.category li:hover a .icon-svg { fill: var(--main-color); }

ul.sf-menu ul.category li .subcategory { display: none; width: 770px; height: 638px; padding: 0px; margin: 0px; position: absolute; left: 488px; top: 0px; z-index: 2020; background-color: #ffffff; -webkit-box-shadow: 5px 5px 7px -6px rgba(51,51,51,0.5); -moz-box-shadow: 5px 5px 7px -6px rgba(51,51,51,0.5); box-shadow: 5px 5px 7px -6px rgba(51,51,51,0.5); }

ul.sf-menu ul.category li .subcategory div.main-category a { font-size: 24px; color: #6e6e6e; padding: 26px 0 0 26px; }
ul.sf-menu ul.category li .subcategory div.main-category a:hover { color: var(--main-color); }
ul.sf-menu ul.category li .subcategory div.main-category a:before { display: none; }

ul.sf-menu ul.category li .subcategory ul { display: inline-table; vertical-align: top; width: 350px; height: 502px; padding: 0px; margin: 18px 20px 0 27px; z-index:1010; position:relative;}
ul.sf-menu ul.category li .subcategory ul li { width: 100%; height: auto; padding: 0px; margin: 0; }
ul.sf-menu ul.category li .subcategory ul li > * { vertical-align: top; }
ul.sf-menu ul.category li .subcategory ul li:before { display: inline-block; content: ""; width: 8px; height: 8px; margin-right: 5px; position: relative; top: 12px; background: url(/imagini/svg/icon-li-before.svg) center center no-repeat; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
ul.sf-menu ul.category li .subcategory ul li:hover { background: none; }
ul.sf-menu ul.category li .subcategory ul li:after { display: none; }
ul.sf-menu ul.category li .subcategory ul li a { width: calc(100% - 13px); padding: 8px 0px 8px 0px; margin: 0px; border: none; font-size: 16px; line-height: 16px; color: #6e6e6e; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; z-index: 20;}
ul.sf-menu ul.category li .subcategory ul li a:hover { color: var(--main-color); }
ul.category li .subcategory ul li a:after { background: none; }
ul.category li .subcategory .subcategory-banner { padding: 0; }
ul.category li .subcategory .subcategory-banner img { position: absolute; z-index: 20; right: 27px; bottom: 27px; }
ul.category li.first-cat .subcategory { display: block; }

ul.sf-menu ul.category li a .icon-svg { fill: #ffffff; position: absolute; left: 1px; top: 10px; margin-left: 15px; z-index: 10; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
ul.sf-menu ul.category li .icon-svg.cat-1 { left: 9px; top: 11px; }
ul.sf-menu ul.category li .icon-svg.cat-2 { left: 5px; top: 11px; }
ul.sf-menu ul.category li .icon-svg.cat-3 { top: 15px; }
ul.sf-menu ul.category li .icon-svg.cat-4 { left: 3px; top: 11px; }
ul.sf-menu ul.category li .icon-svg.cat-5 { left: 3px; top: 11px; }
ul.sf-menu ul.category li .icon-svg.cat-6 { left: 7px; top: 22px; }
ul.sf-menu ul.category li .icon-svg.cat-7 { left: 5px; top: 14px; }
ul.sf-menu ul.category li .icon-svg.cat-8 { top: 10px; }
ul.sf-menu ul.category li .icon-svg.cat-9 { left: 3px; top: 11px; }
ul.sf-menu ul.category li .icon-svg.cat-10 { left: 4px; top: 13px; }
ul.sf-menu ul.category li .icon-svg.cat-11 { left: 4px; top: 12px; }
ul.sf-menu ul.category li .icon-svg.cat-12 { left: 3px; top: 13px; }
ul.sf-menu ul.category li .icon-svg.cat-13 { left: 3px; top: 11px; }

.icon-svg { float: left; padding: 0px; pointer-events: none; }
.icon-svg.cat-1 { width: 15px; height: 23px; }
.icon-svg.cat-2 { width: 20px; height: 25px; }
.icon-svg.cat-3 { width: 30px; height: 20px; }
.icon-svg.cat-4 { width: 25px; height: 24px; }
.icon-svg.cat-5 { width: 25px; height: 25px; }
.icon-svg.cat-6 { width: 20px; height: 25px; }
.icon-svg.cat-7 { width: 21px; height: 22px; }
.icon-svg.cat-8 { width: 28px; height: 24px; }
.icon-svg.cat-9 { width: 21px; height: 25px; }
.icon-svg.cat-10 { width: 24px; height: 21px; }
.icon-svg.cat-11 { width: 25px; height: 25px; }
.icon-svg.cat-12 { width: 25px; height: 21px; }
.icon-svg.cat-13 { width: 25px; height: 25px; }
.icon-svg.description {
    position: relative;
    fill: #ffffff;
    width: 25px;
    height: 30px;
    top: 30px;
    left: 6px;
}
.icon-svg.characteristics {
    position: relative;
    fill: #ffffff;
    width: 28px;
    height: 31px;
    top: 30px;
    left: 3px;
}
.icon-svg.documents {
    position: relative;
    fill: #ffffff;
    width: 22px;
    height: 31px;
    top: 28px;
    left: 6px;
}

.responsive-button,
.responsive-menu,
.responsive-description,
.responsive-block {
	display: none;
}
/* ------------------------------------  END TOP MENU --------------------------------------*/

/* ------------------------------------  LANG --------------------------------------*/
.dropdown { position: absolute; top: 0; }
.dropdown dd, .dropdown ul { margin: 0px; padding: 0px; text-align: left; }
.dropdown dd { position: relative; z-index: 9; }
.dropdown dt { background: url(/imagini/svg/icon-lang.svg) right center no-repeat; padding-right: 20px; width: 50px; height: 47px; display: block; position: relative; z-index: 10; }
.dropdown dt a { display: block; width: 52px; height: 47px; }
.dropdown dt a span { position: absolute; top: 18px; left: 0; width: 36px; text-transform: uppercase; font-size: 14px; text-align: center; color: #333; }
.dropdown dd ul { background: #fff none repeat scroll 0 0; display: none; position: absolute; top: -7px; left: 0; width: 110px; list-style: none; }
.dropdown dd ul li {border-bottom: 1px solid #F1F1F1; text-align: left; display: block; width: 100%; }
.dropdown dd ul li:last-child {border-bottom: none; }
.dropdown dd ul li a { padding: 4px 0; display: inline-block; font-size: 14px; width: 100%; }
.dropdown dd ul li a:hover { background-color: #eee; }
.dropdown img.flag { border: none; margin: 0 5px; }
/* ------------------------------------  END LANG --------------------------------------*/

#login-top {
    position: absolute;
    display: flex;
    right: 15px;
}
#login-top li {
	margin: 0;
	padding: 0;
	display: inline-block;
	border: 0;
}
#login-top li a {
    color: var(--secondary-color);
    display: inline-block;
	padding-right: 19px;
    font-size: 14px;
	cursor: pointer;
	margin: 0;
}
#login-top li:last-child a {
    /*padding-right: 0;*/
    position: relative;
}
#login-top li a span:not(.cart-products-count) {
	padding-left: 9px;
    top: -5px;
    position: relative;
}
#login-top li i {
    width: 24px;
    height: 37px;
    display: inline-block;
    background-color: var(--main-color);
}
#login-top i .icon-svg {
    position: relative;
    fill: #333;
}
#login-top i .icon-svg.login {
    width: 20px;
    height: 18px;
    margin-top: 15px;
    margin-left: 2px;
}
#login-top i .icon-svg.register {
    width: 20px;
    height: 16px;
    margin-top: 18px;
    margin-left: 2px;
}
#login-top i .icon-svg.basket {
    width: 20px;
    height: 16px;
    margin-top: 16px;
    margin-left: 2px;
}
#login-top .cart-quantity {
    -moz-border-radius: 64px;
    -webkit-border-radius: 64px;
    border-radius: 64px;
    height: 16px;
    position: absolute;
    padding: 0;
    background-color: var(--contrast-light);
    color: #fff;
    left: 4px;
    top: 3px;
}
#login-top .cart-products-count {
    padding: 0 5px !important;
    font-size: 12px;
    font-style: normal;
    /*left: -1px;*/
    position: relative;
}
#search {
    width: 360px;
    position: absolute;
    top: 56px;
    right: 15px;
}
#search input[type="text"] {
    background-color: #e8e8e8;
    border: 0;
    font-size: 15px;
    height: 45px;
    width: calc(100% - 45px);
    padding-left: 17px;
    display: inline-block;
    vertical-align: top;
}
#search button {
    border: 0;
    height: 45px;
    width: 45px;
    cursor: pointer;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    background-color: var(--main-color);
}
#search .icon-svg.search {
    /*fill: #ffffff;*/
    fill: var(--secondary-color);
    width: 37px;
    height: 29px;
    position: relative;
    top: 0;
    left: 5px;
}
img.icon-circles {
    width: 81px;
    height: 179px;
}
.home-del,
.static-del {
    position: relative;
    height: 143px;
    text-align: center;
    margin-bottom: 30px;
}
.static-del {
    margin-left: -38px;
}
.static-del.fullwidth {
    margin-left: 0;
}
.article-bottom .del{
    position: relative;
    height: 179px;
    text-align: center;
    margin-bottom: 30px;
}
.home-del img,
.static-del img {
    position: relative;
    top: -30px;
    z-index: 6;
}
.home-del .title,
.static-del .title {
    position: absolute;
    width: 100%;
    margin-top: 45px;
    text-transform: uppercase;
    font-size: 24px;
}
.static-del .title {
    margin-top: 39px;
}
.home-del.pos-2 {
    height: 226px;
}
.home-del.pos-2 img {
    top: 60px;
}
.home-del.pos-2 .title {
    color: var(--contrast-dark);
    margin-top: 135px;
}
.home-del.pos-2 .title a {
    color: var(--contrast-dark);
}
.home-del.pos-3 {
    height: 188px;
}
.home-del.pos-3 .title {
    margin-top: 97px;
}
.home-del.pos-3 img {
    top: 22px;
}
.home-del a {
    position: relative;
    z-index: 99;
}
.static-del img {
    top: -40px;
}
.home-del i,
.static-del i,
.article-bottom .del i {
    width: 80px;
    height: 80px;
    display: inline;
    position: absolute;
    margin-left: -80px;
    margin-top: -40px;
    z-index: 9;
}
.home-del i {
    margin-top: -30px;
}
.home-del.pos-2 i {
    margin-top: 60px;
}
.home-del.pos-3 i {
    margin-top: 22px;
}
.article-bottom .del i {
    margin-top: 0;
}
.category {
    width: 100%;
    text-align: center;
}
.category.section {
    text-align: left;
    margin-top: 25px;
    overflow: hidden;
}
.category.section .category-item-container {
    float: left;
    width: 16.66666%;
    margin-bottom: 78px;
    padding: 0;
}
.category.section.fullwidth .category-item-container {
    width: 12.5%;
}
.category.section .category-item, 
.category-item {
    display: inline-block;
    /*width: 236px;*/
    height: 313px;
    margin: 0;
    padding: 10px;
    /*background: url(/imagini/category-border.png) center center no-repeat;*/
    background: url(/imagini/article-border.png) center center no-repeat;
    background-size: contain;
    background-color: transparent;
    vertical-align: top;
}
.category-item.no-photo {
    height: 100px !important;
    background: url(/imagini/category-border-no-photo.png) center center no-repeat !important;
}
.category-item {
    margin: 30px 35px;
}
.category-item .title {
    font-size: 20px;
    line-height: 22px;
    text-align: left;
    height: 63px;
    margin: 12px 12px 0 12px;
}
.category.home .category-item:nth-child(6) .title {
    font-size: 18px;
}
.category-item .img {
    margin-left: 12px;
    margin-top: 20px;
    width: 236px;
    height: 202px;
    position: relative;
}
.category-item .img img {
    position: absolute;
    bottom: 10px;
    left: 0;
}
.category-article {
    overflow: hidden;
}
.article-container-outer {
    float: left;
    width: 20%;
    margin-bottom: 43px;
}
.article-container {
    position: relative;
    display: inline-block;
    width: 330px;
    height: 465px;
    margin: 0;
    background: url(/imagini/article-border.png) center center no-repeat;
    background-color: transparent;
    vertical-align: top;
    padding: 0 14px 14px 14px;
}
.one-column.fullwidth.nopadding .article-container-outer {
    width: 16.66666%;
}
.article-item {
    display: block;
    width: 100%;
}
.article-container .article-item .label {
    position: absolute;
    top: 114px;
    left: 0;
}
.article-container .article-item .dimmable {
    position: absolute;
    top: 262px;
    left: 15px;
}
.article-container .article-item .title-big {
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    height: 70px;
    margin-top: 6px;
    overflow: hidden;
}
.article-container .article-item .title-small {
    position: relative;
    font-size: 13px;
    text-align: left;
    margin: 2px 0 0 0;
}
.article-container .article-item .img {
    position: relative;
    width: 100%;
    height: auto;
    margin: 12px 0;
    text-align: center;
}
.article-container .article-item .img img {
    max-width: 300px!important;
    max-height: 300px!important;
    position: relative;
}
.article-container .article-item .info {
    height: 87px;
    overflow: hidden;
}
.article-container .article-item .price-old {
    font-size: 18px;
    position: relative;
    height: 17px;
    margin-top: 4px;
    display: inline-table;
}
.article-container .article-item .price,
.seven-carousel-item .price {
    position: absolute;
    font-size: 30px;
    bottom: 6px;
    display: inline-table;
    color: #ec6608;
}
.article-container .article-item .add-to-cart {
    bottom: 15px;
    right: 15px;
    position: absolute;
    width: 45px;
    height: 45px;
    background-color: var(--main-color);
    cursor: pointer;
}
.article-container .article-item .add-to-cart .icon-svg.basket-plus {
    fill: #ffffff;
    width: 37px;
    height: 29px;
    position: relative;
    top: -1px;
    left: 4px;
}
.home-new-products {
    position: relative;
    width: 100%;
    height: 672px;
    background-color: var(--main-color);
    padding: 90px;
}
.parachute {
    position: absolute;
    left: calc(50% - 275px); 
    top: -80px;
}
.home-promo-products {
    position: relative;
    width: 100%;
    height: 672px;
    background-color: #ffffff;
    padding: 90px;
    margin-bottom: 50px;
}
.seven-carousel-item {
    width: calc(100% - 56px);
    height: 465px;
    margin: 0 28px;
    padding: 10px;
    display: table;
}
.seven-carousel-item .label {
    width: 19px;
    height: 65px;
    position: absolute;
    top: 105px;
}
.seven-carousel-item .dimmable {
    position: absolute;
    top: 242px;
}
.seven-carousel-item .title-big {
    position: relative;
    font-size: 18px;
    line-height: 22px;
    /*height: 60px;*/
}
.seven-carousel-item .title-small {
    position: relative;
    font-size: 14px;
    margin: 8px 0 0 0 ;
}
.seven-carousel-item .img {
    position: relative;
    width: 100%;
    height: 200px;
    text-align: center;
    padding: 15px;
    margin: 17px auto;
}
.seven-carousel-item .img img {
    width: auto!important;
    max-width: 200px!important;
    height: auto!important;
    max-height: 200px!important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.seven-carousel-item .info { 
    height: 110px;
    overflow: hidden;
}
.article-container .article-item .info ul li:before,
.seven-carousel-item .info ul li:before { 
    display: inline-block; 
    content: ""; width: 8px; height: 8px; 
    margin-right: 5px; 
    background: url(/imagini/svg/icon-li-before.svg) center center no-repeat; 
}
.seven-carousel-item .price-old {
    font-size: 18px;
    position: relative;
    height: 17px;
    margin-top: 15px;
    display: inline-table;
}
.article-container .article-item .price-old::after,
.seven-carousel-item .price-old::after {
    content: '';
    width: 111%;
    height: 1px;
    position: absolute;
    left: -3px;
    top: 11px;
    z-index: 10;
    background: #616161;
}
.article-container .article-item .price-old .precision,
.seven-carousel-item .price-old .precision {
    margin: 2px 0px 0px 1px;
    font-size: 10px;
    line-height: 10px;
    position: absolute;
}
.article-container .article-item .price-old .currency,
.seven-carousel-item .price-old .currency {
    float: right;
    margin: 10px 0px 0px 14px;
    font-size: 11px;
    line-height: 11px;
    position: relative;
}
/*.seven-carousel-item .price {
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    display: inline-table;
    color: #ec6608;
    bottom: 12px;
}*/
.owl-carousel.new-products .seven-carousel-item .price {
    color: rgb(68, 68, 68);
}
.article-container .article-item .price .precision,
.seven-carousel-item .price .precision {
    margin: 2px 0px 0px 2px;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
}
.article-container .article-item .price .currency,
.seven-carousel-item .price .currency {
    margin: 8px 0px 0px 21px;
    font-size: 14px;
    line-height: 14px;
    position: relative;
}
.seven-carousel-item .add-to-cart {
    bottom: 5px;
    right: 28px;
    position: absolute;
    width: 45px;
    height: 45px;
    /*background-color: var(--main-color);*/
    background-color: transparent;
    cursor: pointer;
}
.seven-carousel-item .add-to-cart .icon-svg.basket-plus {
    /*fill: #ffffff;*/
    fill: #444444;
    width: 37px;
    height: 29px;
    position: relative;
    top: -1px;
    left: 4px;
}
.owl-carousel:after {
    content: ""; 
    width: 1px; 
    height: 100%;
    background-color: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
}
.owl-carousel .seven-carousel-item:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}
.owl-carousel .seven-carousel-item:after {
    content: "";
    width: 1px;
    height: 100%;
    background: url(/imagini/dots-vertical-dark.png) top center repeat-y;
    position: absolute;
    right: 0;
    top: 10px;
}
.owl-carousel.new-products:after {
    content: "";
    width: 0px;
    height: 100%;
    background-color: var(--contrast-dark);
    position: absolute;
    right: 0;
    top: 0;
}
.owl-carousel.new-products .seven-carousel-item {
    /*color: #ffffff;*/
}
.owl-carousel.new-products .seven-carousel-item:hover {
    /*background-color: var(--contrast-light);*/
    background-color: #ffc107;
}
.owl-carousel.new-products .seven-carousel-item:after {
    content: ""; 
    width: 1px; 
    height: 100%;
    background: url(/imagini/dots-vertical-light.png) top center repeat-y;
    position: absolute;
    right: 0;
    top: 10px;
}
/*.home-new-products .view-all,
.home-promo-products .view-all {
    text-align: center;
    font-size: 16px;
    text-decoration: underline;
}
.home-new-products .view-all a {
    color: #ffffff;
}
.home-new-products .view-all a:after {
    content: "";
    width: 13px; 
    height: 11px;
    background: url(/imagini/icon-all-new.png) center center no-repeat;
    position: absolute;
    margin-top: 4px;
    margin-left: 4px;
}
.home-promo-products .view-all a {
    color: #767676;
}
.home-promo-products .view-all a:after {
    content: "";
    width: 13px; 
    height: 12px;
    background: url(/imagini/icon-all-promo.png) center center no-repeat;
    position: absolute;
    margin-top: 4px;
    margin-left: 4px;
}*/

.home-new-products .view-all,
.home-promo-products .view-all {
    text-align: right;
    font-size: 16px;
    text-decoration: none;
    margin-right: 27px;
    margin-top: 10px;
}
.home-new-products .view-all a {
    color: #ffffff;
}
.home-new-products .view-all a,
.home-promo-products .view-all a {
    padding: 12px;
}
.home-new-products .view-all.new a {
    background-color: var(--contrast-light);
}
.home-promo-products .view-all.promo a {
    background-color: #f0f0f0;
}
.home-new-products .view-all.new a:before,
.home-promo-products .view-all.promo a:before {
    content: "";
    width: 25px;
    height: 25px;
    background: url(/imagini/svg/icon-all.svg) center center no-repeat;
    background-size: contain;
    position: relative;
    top: 6px;
    left: -2px;
    display: inline-block;
    margin-right: 7px;
}
.home-new-products .view-all.new a:after {
    content: "";
    width: 17px;
    height: 16px;
    background: url(/imagini/svg/icon-all-new.svg) center center no-repeat;
    background-size: contain;
    position: relative;
    top: 3px;
    right: 0;
    display: inline-block;
    margin-left: 39px;
}
.home-promo-products .view-all.promo a:after {
    content: "";
    width: 17px;
    height: 16px;
    background: url(/imagini/svg/icon-all-promo.svg) center center no-repeat;
    background-size: contain;
    position: relative;
    top: 3px;
    right: 0;
    display: inline-block;
    margin-left: 39px;
}

.news-item {
    display: inline-block;
    width: 25%;
    height: auto;
    margin-bottom: 120px;
    vertical-align: top;
    position: relative;
    padding: 0 20px;
}
.news-item .head {
    border-left: 2px solid var(--main-color);
    padding-left: 10px;
    margin: 0 auto 18px auto;
    width: 421px;
}
.news-item .title {
    font-size: 18px;
    line-height: 21px;
    text-align: left;
    height: 83px;
}
.news-item .date {
    font-size: 13px;
    text-align: left;
}
.news-item .img {
    background: url(/imagini/news-border.png) center center no-repeat;
    background-color: transparent;
    width: 421px;
    height: 281px;
    position: relative;
    text-align: center;
    margin: 0 auto;
}
.news-item .img .no-image {
    width: 145px;
    height: 145px;
}
/*.news-item .img:before,
.news-item .img:after {	
    display: block;
    content: '';
	background-image: linear-gradient(to right, rgba(31,31,31,1) 20%, rgba(255,255,255,1) 0%);
	background-position: top;
	background-size: 4px 1px;
	background-repeat: repeat-x;
	height: 1px; 
	width: 100%;
	margin: 0;
}
.news-item .img:after {
    position: relative;
    top: -7px;
}
.news-item .img img.no-image {
    padding: 68px 0;
}
.left-dots,
.right-dots {
    width: 1px;
    height: 281px;
    float: left;
}
.left-dots div,
.right-dots div {
    width: 1px;
    height: 100%;
	background-image: linear-gradient(rgba(31,31,31,1) 20%, rgba(255,255,255,1) 0%);
	background-position: right;
	background-size: 1px 4px;
	background-repeat: repeat-y;
}*/

.news-item .img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.news-item .more {
    width: 38px;
    height: 38px;
    position: absolute;
    background: url(/imagini/icon-more.png) center center no-repeat var(--main-color);
    bottom: -19px;
    right: 20px;
}
.news-detail {
    margin-bottom: 60px;
}
.news-detail .images .main-image {
    margin-bottom: 30px;
}
.news-detail .images .main-image img {
    width: 470px;
    height: auto;
}
.news-detail .images > a {
    margin-right: 10px;
    margin-bottom: 7px;
    display: inline-block;
}
.news-detail .images > a img {
    border: 1px solid #CCC;
    display: block;
}

div.gallery {
    margin-top: 86px;
    /*justify-content: space-around;
    flex-wrap: wrap;
    display: inline-flex;*/
}
.gallery-item {
    display: inline-block;
    width: 25%;
    min-height: 420px;
    margin-bottom: 30px;
    vertical-align: top;
    position: relative;
}
.gallery-item .container,
.gallery-item .container a,
.gallery-item .container img {
    width: 345px;
    height: 345px;
    position: relative;
}
.gallery-item .title {
    font-size: 16px;
    line-height: 21px;
    text-align: left;
    border-left: 2px solid var(--main-color);
    padding-left: 10px;
    width: 345px;
    margin: 0 auto;
    margin-top: 10px;
}
.gallery-item button {
    text-align: left;
}
.gallery-item i {
    width: 38px!important;
    height: 38px!important;
    position: absolute;
    bottom: 12px;
    right: 12px;
    margin-right: 0!important;
    z-index: 99;
    cursor: url(/js/highslide/graphics/zoomin.cur), pointer !important;
}
.gallery-item .icon-svg.search {
    fill: #ffffff;
    width: 26px;
    height: 26px;
    position: relative;
    top: 6px;
    left: 6px;
}
.footer-container {
    width: 100%;
    min-height: 470px;
    background: url(/imagini/footer-bgr.jpg) center center no-repeat #0f151b;
    position: relative;
    color: #e7e7e7;
    margin-top: 60px;
}
.news-detail .head {
    border-left: 2px solid var(--main-color);
    padding-left: 10px;
    margin-bottom: 39px;
}
.news-detail .title {
    font-size: 24px;
    line-height: 28px;
    text-align: left;
}
.news-detail .date {
    font-size: 14px;
    text-align: left;
    margin-top: 20px;
}
.news-detail .images,
.news-detail .content {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
/*.news-detail .content.fullwidth {
    width: 100%;
}*/
.news-detail div.documents  {
    margin: 60px 0;
}
.news-detail .documents i {
    display: inline-block;
    width: 35px;
    height: 65px;
    background-color: var(--main-color);
    margin-right: 11px;
}
.news-detail .documents .title {
    display: inline-block;
    text-transform: uppercase;
    font-size: 20px;
}
.news-detail .documents a  {
    display: inline-block;
    margin-left: 50px;
    margin-top: 20px;
}
.news-detail .file  {
    display: inline-block;
    margin-right: 10px;
}


.footer-container a {
    color: #e7e7e7;
    font-size: 16px;
    display: inline-block;
    max-width: calc(100% - 55px);
}
.footer-top {
    width: 100%;
    border-top: 10px solid #6183a4;
    position: absolute;
    top: 0;
    opacity: 0.6;
}
.footer-del {
    position: relative;
    height: 30px;
    text-align: center;
}
.footer-del img {
    position: relative;
    top: -40px;
    z-index: 6;
}
.footer-menu i {
}
.footer-container .container-grid {
    /*width: 1143px;*/
    padding: 0 6%;
}
.footer-container .container-grid [class*="grid-"] {
    width: 100%;
    display: inline-block;
    padding: 50px 0 0 20px;
    min-height: 1px;
    vertical-align: top;
}
.footer-container .container-grid .grid-item {
    /*width: 250px;*/
    width: fit-content;
}
/*.footer-container .container-grid .grid-item:nth-child(2) {*/
/*    width: 230px;*/
/*}*/
/*.footer-container .container-grid .grid-item.long:nth-child(2) {*/
/*    width: 230px;*/
/*}*/
/*.footer-container .container-grid .grid-item:nth-child(3) {*/
/*    width: 220px;*/
/*}*/
/*.footer-container .container-grid .grid-item:nth-child(4) {*/
/*    width: 260px;*/
/*}*/
/*.footer-container .container-grid .grid-item.contacts {*/
/*    width: 220px;*/
/*}*/
.footer-container h6 {
    font-size: 22px;
}
.footer-container h6:after {
    display: block;
    content: "";
    border-bottom: 2px solid var(--main-color);
    width: 43px;
    margin: 14px 0 28px 0;
}
.footer-container ul li:before { 
    display: inline-block; 
    content: ""; 
    width: 8px; 
    height: 8px; 
    margin-right: 5px; 
    background: url(/imagini/svg/icon-li-before.svg) center center no-repeat; 
    position: relative;
    vertical-align: top;
    margin-top: 7px;
}
.footer-container ul.contacts li::before {
    display: none;
}
.footer-container .container-grid .grid-item.contacts ul li {
    padding: 7px 0;
}
.footer-container .container-grid .grid-item.contacts ul li:first-child {
    padding-top: 0;
}
.footer-container span {
    display: inline-block;
    line-height: 22px;
}
.footer-container .address:before { 
    display: inline-block; 
    content: ""; 
    width: 15px; 
    height: 19px; 
    margin-right: 8px; 
    background: url(/imagini/svg/icon-address.svg) center center no-repeat;
    position: relative;
    top: -5px;
}
.footer-container .phone:before { 
    display: inline-block; 
    content: ""; 
    width: 18px; 
    height: 18px; 
    margin-right: 6px; 
    background: url(/imagini/svg/icon-phone.svg) center center no-repeat; 
    position: relative;
    top: -7px;
}
.footer-container .mobile:before { 
    display: inline-block; 
    content: ""; 
    width: 14px; 
    height: 22px; 
    margin-right: 10px; 
    background: url(/imagini/svg/icon-mobile.svg) center center no-repeat; 
    position: relative;
    top: -5px;
}
.footer-container .email:before { 
    display: inline-block; 
    content: ""; 
    width: 19px; 
    height: 14px; 
    margin-right: 5px; 
    background: url(/imagini/svg/icon-email.svg) center center no-repeat; 
    position: relative;
    top: 2px;
}
.footer-line {
    background-color: #2a3a4d;
    opacity: 0.78;
    height: 73px;
    width: 100%;
    position: absolute;
    top: 417px;
}
.footer-loga {
    width: 100%;
    height: 73px;
    padding-left: calc(6% + 40px);
    position: absolute;
    bottom: 0;
}
.footer-loga > div > div {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.footer-loga .left {
    float: left;
    height: 73px;
}
.footer-loga .ultralux {
    margin-top: 17px;
    margin-right: 20px;
}
.footer-loga .ultralux img {
    width: 202px;
    height: 40px;
}
.footer-loga .text {
    font-size: 14px;
    margin-top: 30px;
}
.footer-loga .borianagroup {
    margin-top: 16px;
    margin-left: 20px;
}
.footer-loga .borianagroup img {
    width: 195px;
    height: 41px;
}
.footer-loga .right  {
    /*float: right;*/
    position: absolute;
    top: -81px;
}
.footer-loga .youtube {
    margin-top: 18px;
    margin-left: 30px;
}
.footer-loga .youtube img {
    width: 54px;
    height: 38px;
}
.footer-loga .facebook {
    margin-top: 13px;
}
.footer-loga .facebook img {
    width: 47px;
    height: 47px;
}
.footer-bottom {
    width: 100%;
    height: 40px;
    background-color: #0f151b;
    color: #e7e7e7;
    /*padding-left: calc(6% + 40px);*/
}
.footer-bottom > div > div  {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.footer-bottom .left .text {
    font-size: 12px;
    top: 12px;
    margin-right: 7px;
    display: inline-flex;
    min-width: 240px;
}
.footer-bottom .left .sevenstudio {
    top: 5px;
}
.footer-bottom .left .sevenstudio img {
    width: 59px;
    height: 27px;
}
.fl-left {
    float: left;
}
.fl-right {
    float: right;
}
.clear {
    clear: both;
}
body.scroll-disabled {
    overflow: hidden;
}
main {
    display: block;
    padding-left: 38px;
}
main.home,
main.fullwidth {
    padding: 0;
}
.left-column .tree {
    display: inline-block;
}
.left-column {
    float: left;
    width: 386px;
    vertical-align: top;
}
.left-column .title h1,
.right-column .title h1 {
    font-size: 24px;
    display: inline;
}
.left-column .title span {
    vertical-align: bottom;
}
.left-column .title .icon-svg {
    position: relative;
    fill: #ffffff;
}
.left-column .title .icon-svg.cat-1 {
    width: 25px;
    height: 38px;
    top: 23px;
    left: 4px;
}
.left-column .title .icon-svg.cat-2 {
    width: 25px;
    height: 30px;
    top: 31px;
    left: 5px;
}
.left-column .title .icon-svg.cat-3 {
    width: 25px;
    height: 16px;
    top: 45px;
    left: 4px;
}
.left-column .title .icon-svg.cat-4 {
    width: 25px;
    height: 24px;
    top: 36px;
    left: 4px;
}
.left-column .title .icon-svg.cat-5 {
    width: 25px;
    height: 25px;
    top: 35px;
    left: 5px;
}
.left-column .title .icon-svg.cat-6 {
    width: 20px;
    height: 25px;
    top: 35px;
    left: 8px;
}
.left-column .title .icon-svg.cat-7 {
    width: 24px;
    height: 25px;
    top: 35px;
    left: 5px;
}
.left-column .title .icon-svg.cat-8 {
    width: 28px;
    height: 24px;
    top: 37px;
    left: 3px;
}
.left-column .title .icon-svg.cat-9 {
    width: 25px;
    height: 30px;
    top: 32px;
    left: 4px;
}
.left-column .title .icon-svg.cat-10 {
    width: 24px;
    height: 21px;
    top: 40px;
    left: 5px;
}
.left-column .title .icon-svg.cat-11 {
    width: 25px;
    height: 25px;
    top: 35px;
    left: 5px;
}
.left-column .title .icon-svg.cat-12 {
    width: 25px;
    height: 21px;
    top: 39px;
    left: 5px;
}
.left-column .title .icon-svg.gallery {
    width: 28px;
    height: 26px;
    top: 35px;
    left: 3px;
}

.left-column .tree ul { display: inline-table; vertical-align: top; width: 305px; height: auto; padding: 0px; position:relative;}
.left-column .tree ul li { width: 100%; height: auto; padding: 0px; margin: 0; position: relative;}
.left-column .tree ul li:hover { background: none; }
.left-column .filter ul li:after { display: block; content: ""; height: 1px; background: url(/imagini/dots-horizontal-dark.png) bottom left repeat-x; }
.left-column .tree ul li a { display: inline-block; padding: 12px 0px 12px 0px; margin: 0px; border: none; font-size: 16px; line-height: 16px; color: #6e6e6e; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; z-index: 20;}
.left-column .tree ul li a:hover { color: var(--main-color); }
.left-column .tree ul li a:after { background: none; }
.left-column .tree ul li a.selected { color: var(--main-color); }
.left-column .tree ul li a.selected:after { display: inline-block; content: ""; width: 13px; height: 10px; margin-right: 5px; background: url(/imagini/svg/icon-li-selected.svg) center center no-repeat; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; position: absolute; top: 15px; right: 5px;}


.right-column {
    float: left;
    width: calc(100% - 386px);
    vertical-align: top;
    margin-bottom: 45px;
    position: relative;
}
main::after,
.article::after,
.right-column::after {
    content: "";
    display: table;
    clear: both;
}
.right-column > .title {
    margin: 10px 0 30px 0;
}
.one-column i,
.left-column i,
.right-column i {
    display: inline-block;
    width: 35px;
    height: 65px;
    background-color: var(--main-color);
    margin-right: 11px;
}
.left-column .description .content,
.right-column .description .content {    
    margin-top: 30px;
}
.left-column .description ul,
.right-column .description ul,
.one-column .content ul {    
    width: 100%;
    list-style: disc;
    list-style-position: outside;
    padding-left: 16px;
}
.one-column .content .contacts ul {
    list-style: none;
    padding-left: 0;
}
/*.one-column ol {
    list-style-position: outside;
    padding-left: 16px;
}*/
.left-column .description ul li,
.right-column .description ul li,
.one-column .content ul li {
    margin: 5px 0;
    line-height: 20px;
}
.one-column {
    width: 100%;
    max-width: 1200px;
    /*padding: 0 20px;*/
    overflow: hidden;
    margin: 0 auto;
    /*margin-top: 30px;*/
    margin-bottom: 60px;
}
.one-column.nopadding {
    padding: 0;
    margin: 0;
    margin-bottom: 50px;
}
.one-column.leftmargin {
    margin-left: -20px;
}
.one-column.fullwidth {
    width: 100%;
    max-width: 100%;
}
.one-column > .title {
    font-size: 24px;
    margin: 10px 0 30px 0;
}
.one-column .title span {
    vertical-align: bottom;
}
.one-column .title .icon-svg {
    position: relative;
    fill: #ffffff;
    width: 25px;
    height: 26px;
    top: 35px;
    left: 5px;
}
.search-result {
    color: var(--main-color);
}
.breadcrumb-ss {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 70px;
}
.breadcrumb-ss ol li {
    display: inline;
}
.breadcrumb-ss ol li:after {
    display: inline-block;
    content: "";
    width: 9px;
    height: 8px;
    background: url(/imagini/svg/icon-all-promo.svg) center center no-repeat;
    margin: 0 4px;
    background-size: contain;
}
.breadcrumb-ss ol li:last-child:after {
    display: none;
}
.show-filters .icon-svg.filters {
    float: right;
    fill: #ffffff;
    width: 25px;
    height: 25px;
    margin-left: 8px;
    margin-top: 2px;
}
.filter-content-loader {
    display: none;
}
.filter-content-loader.show {
    display: block;
    position: absolute;
    width: calc(100% - 42px);
    height: 100%;
    z-index: 9;
    cursor: not-allowed;
    background-color: #fff;
    opacity: 0.7;
}
.filter-content.open .filter-content-loader.show {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
div.filter-content {
    padding-right: 42px;
    margin-bottom: 50px;
    position: relative;
}
div.filter-content .big {
    display: block;
    font-size: 20px;
    margin-top: 13px;
    margin-bottom: 23px;
}
div.filter-content .hide {
    display: none;
}
div.filter .title {
    font-size: 16px;
}
div.filter .title:after {
    display: block;
    content: '';
    width: 43px;
    height: 2px;
    background-color: var(--main-color); 
    margin-top: 3px;
}
div.filter {
    margin-top: 20px;
}
/*div.filter:after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    margin: 0;
    background: url(/imagini/dots-horizontal-dark.png) bottom left repeat-x;
}*/
div.filter .ul-content {
    max-height: 220px;
    margin-top: 20px;
    overflow: hidden;
}
.mCSB_scrollTools.mCSB_scrollTools_vertical { width: 8px; }
.mCSB_draggerContainer { border: 1px solid #e1e1e1; }
.mCSB_dragger .mCSB_draggerRail{ background-color: transparent!important; }
.mCSB_dragger .mCSB_dragger_bar { background-color: #bbbbbb!important; border-radius: 0!important; width: 100%!important; }

div.filter ul {
    margin: 0;
    padding: 0;
}
div.article {
    width: 95%;
    max-width: 1600px;
    margin: 0 auto;
}
.article .top-column:after {
    content: "";
    display: table;
    clear: both;
}
.article .top-left-column,
.article .top-right-column {
    float: left;
    width: 50%;
    position: relative;
    margin-bottom: 50px;
}
.article .top-column .title-content {
    border-left: 2px solid var(--main-color);
    padding-left: 15px;
    margin-bottom: 100px;
}
.article .top-column .top-left-column .title-content {
    display: none;
    margin-bottom: 30px;
}
.article .top-column h1 {
    font-size: 28px;
    text-transform: uppercase;
    color: #323232;
    display: block;
}
.article .top-column .knom {
    font-size: 20px;
}
.article .left-column,
.article .right-column {
    width: 50%;
    vertical-align: top;
    margin: 0;
    padding: 0;
    float: left;
}
.article .left-column {
    padding-right: 50px;
    position: relative;
}
.article .label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}
.article .dimmable {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
}
.article .dimmable img {
    width: 78px; 
    height: 49px;
}
.seven-carousel-item .label.new {
    background: url(/imagini/svg/label-new.svg) center center no-repeat;
}
.seven-carousel-item .label.new.home {
    background: url(/imagini/svg/label-new-home.svg) center center no-repeat;
}
.seven-carousel-item .label.promo {
    background: url(/imagini/svg/label-promo.svg) center center no-repeat;
}
.seven-carousel-item .label .label-text {
    transform: rotate(-90deg); 
    position: relative; 
    font-size: 10px; 
    color: #fff; 
    text-transform: uppercase; 
    top: 43px; 
    left: 0;
}
.article-container .label.new {
    width: 26px;
    height: 90px;
    background: url(/imagini/svg/label-new.svg) center center no-repeat;
}
.article-container .label.promo {
    width: 26px;
    height: 90px;
    background: url(/imagini/svg/label-promo.svg) center center no-repeat;
}
.article-container .label .label-text {
    transform: rotate(-90deg); 
    position: relative; 
    font-size: 14px; 
    color: #fff; 
    text-transform: uppercase; 
    top: 60px; 
    left: 0;
}
.article .label.new {
    width: 35px;
    height: 123px;
    background: url(/imagini/svg/label-new.svg) center center no-repeat;
}
.article .label.promo {
    width: 35px;
    height: 123px;
    background: url(/imagini/svg/label-promo.svg) center center no-repeat;
}
.article .label .label-text {
    transform: rotate(-90deg); 
    position: relative; 
    font-size: 18px; 
    color: #fff; 
    text-transform: uppercase; 
    top: 80px; 
    left: 0;
}
.article .left-column .images img {
    width: 120px;
    height: 120px;
}
.article .left-column .images .main-image img {
    width: auto;
    height: auto;
}
.article .main-image {
    text-align: center;
    margin-bottom: 50px;
}
.article .energy .energy-icon {
    float: left;
}
.article .energy .energy-icon img {
    height: 66px;
}
.article .energy .energy-url {
    float: right;
    position: relative;
    top: 22px;
}
.article .description a {
    color: var(--main-color);
    position: relative;
    text-decoration: underline;
    text-decoration-line: underline;
    text-underline-position: under;
    text-decoration-thickness: 1px;
    text-underline-offset: -1px;
}
/*.article .description a:after,*/
.article .energy .energy-url a:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 2px;
    border-width: 0 0 1px;
    border-style: solid;
}
.article .parameters-table table {
    width: 100%;
    margin-top: 30px;
}
.article .parameters-table tr {
    height: 48px;
    line-height: 20px;
}
.article .parameters-table td {
    padding-left: 22px;
    width: 60%;
}
.article .parameters-table tr:nth-child(even) { 
	background: #ffffff;
}
.article .parameters-table tr:nth-child(odd) { 
	background: #eaeaea;
}
.article .title {
    display: inline-block;
    text-transform: uppercase;
    font-size: 20px;
}
.article div.images,
.article div.parameters,
.article div.description,
.article div.documents {
    margin: 0 0 60px 0;
    position: relative;
}
.article div.basket,
.article div.energy {
    margin: 0 0 30px 0;
    position: relative;
}
.article .documents ul {
    margin-left: 46px;
}
.article .documents li {
    margin-top: 20px;
}
.article .documents li::before {
    content: "•"; 
    color: var(--main-color);
    padding-right: 5px;
}
.article .documents li a {
    padding: 0;
    color: var(--main-color);
    border-bottom: 1px solid var(--main-color);
}
.article .description .content {
    display: inline-block;
    width: calc(99% - 46px);
}
.article .basket span {
    display: inline-block;
}
.article .basket .price {
    font-size: 48px;
    position: relative;
    display: inline-table;
    color: #ec6608;
}
.article .basket .price .precision {
    margin: 4px 0px 0px 1px;
    font-size: 24px;
    line-height: 24px;
    position: absolute;
}
.article .basket .currency {
    margin-left: 35px;
    color: #ec6608;
}
.article .basket .price-old {
    font-size: 32px;
    position: relative;
    top: 0;
    margin-left: 15px;
    display: inline-block;;
}
.article .basket .price-old .precision {
    margin: 2px 0px 0px 1px;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
}
.article .basket .price-old .currency {
    color: inherit;
    margin: 10px 0px 0px 16px;
    font-size: 16px;
    line-height: 16px;
    position: relative;
}
.article .basket .price-old::after {
    content: '';
    width: 111%;
    height: 1px;
    position: absolute;
    left: -3px;
    top: 18px;
    z-index: 10;
    background: #616161;
}
.article .basket .price-left {
    width: calc(100% - 313px);
}
.article .basket .price-right {
    width: 309px;
}
.article .basket .price-left,
.article .basket .price-right {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
}
.article .basket .price-left::after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    margin: 0;
    background: url(/imagini/dots-horizontal-dark.png) bottom left repeat-x;
}
.article .basket .txt {
    display: inline-block;
}
.article .basket .outer {
    position: relative;
}
.article .basket .price-left .outer {
    margin-bottom: 20px;
}
.article .basket .price-right .outer {
    margin-bottom: 90px;
}
.article .basket .price-right .outer.disabled-order {
    margin-bottom: 0;
    text-align: left;
}
.article .basket .price-right .txt {
    display: inline-block;
    position: absolute;
    bottom: -3px;
    right: 220px;
}
.price-right .quantity {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
}
.price-right .button { 
    margin: 0 ; 
    cursor: pointer; 
    font-size: 24px; 
    line-height: 40px; 
    color: #ffffff; 
    background-color: #939393; 
    width: 35px;  
    height: 40px;  
    text-align: center;	
    display: inline-block; 
    user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none;
}
.price-right input {
    width: 40px; 
    height: 40px;  
    padding: 0; 
    margin: 0; 
    text-align: center; 
    display: inline-block; 
    background-color: #ffffff; 
    color: #808080; 
    font-size: 20px; 
    line-height: 40px; 
    border: none;
}
.basket .add-to-cart {
    display: block;
    background-color: #71b232;
    font-size: 24px;
    color: #ffffff;
    padding: 15px;
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 42px;
}
.ask-info, .ask-info:focus {
    display: block;
    background-color: var(--main-color);
    font-size: 24px;
    color: #ffffff;
    padding: 15px;
    cursor: pointer;
    margin-top: 15px;
}
.basket .add-to-cart .icon-svg.basket {
    position: relative;
    display: inline-block;
    float: none;
    fill: #ffffff;
    width: 37px;
    height: 29px;
    margin-left: 15px;
    top: -3px;
}
.article-bottom {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 60px;
    padding: 0 70px;
}
.article-bottom h3 {
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 81px;
    position: absolute;
    width: 100%;
}

.checkbox {
	display: block;
	position: relative;
	padding: 4px 0 4px 24px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.checkbox.disabled,
.checkbox input.disabled {
    cursor: not-allowed;
}
.checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkbox-inner {
	position: absolute;
	top: 7px;
	left: 0;
	height: 15px;
	width: 15px;
	background-color: #FFFFFF;
	border: 1px solid #767676;  
}
.checkbox-inner.disabled {
	background-color: #DDDDDD;
}
.checkbox:hover input ~ .checkbox-inner {
	background-color: #FFFFFF;
}
.checkbox:hover input ~ .checkbox-inner.disabled {
	background-color: #DDDDDD;
}
.checkbox input:checked ~ .checkbox-inner {
	background-color: #FFFFFF;
}
.checkbox input:checked ~ .checkbox-inner.disabled {
	background-color: #DDDDDD;
}
.checkbox-inner:after {
	content: "";
	position: absolute;
	display: none;
}
.checkbox input:checked ~ .checkbox-inner:after {
	display: block;
}
/*.checkbox input:checked ~ .checkbox-inner.disabled:after {
	display: none;
}*/
.checkbox .checkbox-inner:after {
	left: 4px;
	top: 0px;
	width: 5px;
	height: 11px;
	border: solid #767676;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
} 
.dealers {
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
}
.dealers-item {
    display: inline-block;
    margin: 0 0 20px;
    width: 100%;
    padding: 20px 20px 12px 20px;
}
.dealers-item:hover {
    background-color: #f0f0f0;
    cursor: default;
}
.dealers-item .title {
    font-size: 24px;
}
.dealers-item .title:after {
    content: '';
    display: block;
    width: 44px;
    height: 2px;
    margin: 13px 0;
    background-color: var(--main-color);
}
.dealers-item .content {
    font-size: 16px;
}
.dealers-item .content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.dealers-item .content ul li {
    line-height: normal;
    margin: 7px 0;
}
.dealers-item .content .delimeter {
    width: 44px;
    height: 2px;
    background-color: var(--main-color);
    margin: 25px 0;
}
.dealers-item .content i {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    margin-right: 20px;
    position: relative;
    top: 2px;
}
.dealers-item .content i.firm ,
.one-column .contacts i.firm {
    width: 19px!important;
    height: 16px!important;
    background: url(/imagini/dealers/firm.svg) center center no-repeat;
    background-size: contain;
}
.dealers-item .content i.mobile ,
.one-column .contacts i.mobile {
    width: 19px!important;
    height: 16px!important;
    background: url(/imagini/dealers/mobile.svg) center center no-repeat;
    background-size: contain;
}
.dealers-item .content i.person ,
.one-column .contacts i.person {
    width: 19px!important;
    height: 16px!important;
    background: url(/imagini/dealers/person.svg) center center no-repeat;
    background-size: contain;
}
.dealers-item .content i.web ,
.one-column .contacts i.web {
    width: 19px!important;
    height: 16px!important;
    background: url(/imagini/dealers/web.svg) center center no-repeat;
    background-size: contain;
}
.dealers-item .content i.email ,
.one-column .contacts i.email {
    width: 19px!important;
    height: 16px!important;
    background: url(/imagini/dealers/email.svg) center center no-repeat;
    background-size: contain;
}
.dealers-item .content i.address ,
.one-column .contacts i.address {
    width: 19px!important;
    height: 16px!important;
    background: url(/imagini/dealers/address.svg) center center no-repeat;
    background-size: contain;
}
.dealers-item .content i.static ,
.one-column .contacts i.static {
    width: 19px!important;
    height: 16px!important;
    background: url(/imagini/dealers/static.svg) center center no-repeat;
    background-size: contain;
}
.dealers-content {
    margin-left: 20px;
}
.one-column .contacts,
.contacts-form {
    float: left;
    width: 50%;
    vertical-align: top;
}
.contacts-form-product {
    margin-top: 15px;
}
.contacts {
    padding-right: 20px;
}
.contacts-field {
    display: inline-block;
    width: 100%;
    margin: 0;
    margin-bottom: 12px;
    vertical-align: top;
}
.input {
    width: 100%;
    height: 48px;
    border: 1px solid #b9b9b9;
    padding-left: 16px;
}
.partner-field {
    display: inline-block;
    width: 48%;
    margin-right: 1.5%;
    margin-bottom: 12px;
    vertical-align: top;
}
.partner-field:nth-child(2n) {
     margin-right: 0;
}
.partner-field.last {
    float: right;
}
.button {
    width: 100%;
    text-align: center;
    margin-top: 25px;
}
.button button {
    font-size: 20px;
    background-color: var(--main-color);
    color: #ffffff;
    padding: 10px 18px;
    border: none;
    cursor: pointer;
}
.invalid-field {
	border: 1px solid #FF0000!important;	
}
.invalid-field.noborder {
	border: none!important;	
}
.form .error-ss {
	height: 23px;
	color: #ff0000;
	font-size: 13px;
}
.form .error-ss.rec {
    text-align: center;
}
.form .error-ss.rec span {
    position: relative;
    top: 4px;
}
.response {
    position: relative;
	min-height: 33px;
    width: 100%;
	text-align: center;
	top: 5px;
	font-size: 16px!important;
}
.response.success {
	color: #0ea35e;
}
.response.error {
	color: #ff0000;
    width: 100%;
    height: auto;
}
.fancybox img {
    cursor: url(/js/highslide/graphics/zoomin.cur), pointer !important;
    display: block;
}
.article .main-image .fancybox img {
    padding: 15px;
    margin: 0 auto;
    max-width: 95%;
    max-width: -moz-available;          
    max-width: -webkit-fill-available; 
    max-width: fill-available;
    max-height: 500px;
}
.article .images > a {
    float: left;
}
.article .images > a img {
    border: 1px solid #cccccc;
    margin-right: 10px;
    margin-bottom: 10px;
}
.show-filters {
    font-size: 20px;
    background-color: var(--main-color);
    color: #ffffff;
    padding: 8px 11px 8px 8px;
    text-transform: uppercase;
    position: absolute;
    right: -15px;
    cursor: pointer;
    display: none;
}
.show-filters .icon-svg.search {
    float: right;
    fill: #ffffff;
    width: 23px;
    height: 27px;
    margin-left: 8px;
}
#loader {
    text-align: center;
    display: none;
}
.lds-ring {
    display: inline-block;
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid var(--main-color);
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--main-color) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.current-filters {
    margin-top: 13px;
}
.current-filters h3,
.responsive-block h3 {
    text-transform: uppercase;
    margin-bottom: 12px;
}
.current-filters a,
.responsive-block a {
    display: inline-block;
    padding: 12px 0 0 0!important;
}
.current-filters h3:before,
.responsive-block h3:before,
.current-filters-list:after {
    display: block; 
    content: ""; 
    width: 100%; 
    height: 1px; 
    background: url(/imagini/dots-horizontal-dark.png) bottom left repeat-x;
    margin: 12px 0;
}
.current-filters.responsive-no h3:before {
    display: none;
}
.current-filters-item {
    position: relative;
    padding-right: 25px;
    list-style: none;
}
.current-filters-remove {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 12px;
    height: 12px;
    margin: auto;
    cursor: pointer;
}
.current-filters-remove .icon-svg.remove {
    position: relative;
    fill: #ff0000;
    width: 10px;
    height: 10px;
}
.cart-item {
    display: block;
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
}
.cart-item:hover {
    background-color: #f0f0f0;
}
.cart-item::after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    margin: 0;
    background: url(/imagini/dots-horizontal-dark.png) bottom left repeat-x;
    position: absolute;
    bottom: 0;
}
.cart-item .img {
    display: inline-block;
    width: 180px;
    height: 180px;
    text-align: center;
}
.cart-item .img img {
    width: 150px;
    height: auto;
    top: 0;
    bottom: 0
}
.cart-item .content {
    display: inline-block;
    vertical-align: top;
    width: 955px;
}
.cart-item .content .head {
    border-left: 2px solid var(--main-color);
    padding-left: 10px;
}
.cart-item .title-big {
    font-size: 22px;
    line-height: 25px;
    width: 600px;
}
.cart-item .bottom {
    position: absolute;
    width: calc(100% - 200px);
    bottom: 20px;
    left: 185px;
}
.cart-item .title-small {
    font-size: 13px;
    margin-top: 5px;
}
.cart-item .remove-cart-item {
    position: absolute;
    top: 25px;
    right: 20px;
}
.cart-item .remove-cart-item button {
    cursor: pointer;
}
.cart-item .remove-cart-item .icon-svg.close {
    float: left;
    width: 17px;
    height: 17px;
    margin-right: 5px;
}
.cart-item .remove-cart-item button span {
    position: relative;
    top: -3px;
}
.cart-item .quantity {
    display: inline;
}
.cart-item .quantity .button { 
    margin: 0; 
    cursor: pointer; 
    font-size: 24px; 
    line-height: 40px; 
    color: #ffffff; 
    background-color: #939393; 
    width: 35px;  
    height: 40px;  
    text-align: center;	
    display: inline-block; 
    user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none;
}
.cart-item .quantity input {
    width: 40px; 
    height: 40px;  
    padding: 0; 
    margin: 0; 
    text-align: center; 
    display: inline-block; 
    background-color: #ffffff; 
    color: #808080; 
    font-size: 20px; 
    line-height: 40px; 
    border: none;
}
.cart-item .x {
    display: inline;
    font-size: 24px;
    margin: 0 10px;
}
.cart-item .price {
    display: inline;
}
.cart-item .price,
.cart-item .total {
    font-size: 36px;
    line-height: 36px;
    position: relative;
    color: var(--secondary-color);
    bottom: -3px;
}
.cart-item .total {
    position: absolute;
    bottom: 4px;
    right: 10px;
}
.cart-item .price .precision,
.cart-item .total .precision {
    font-size: 18px;
    line-height: 18px;
    position: relative;
    bottom: 15px;
}
.cart-item .price .currency,
.cart-item .total .currency {
    margin: 12px 0px 0px 7px;
    font-size: 20px;
    line-height: 20px;
    position: relative;
}
.cart-item .price-old {
    font-size: 24px;
    position: relative;
    top: 12px;
    margin-left: 15px;
    display: inline-block;
}
.cart-item .price-old::after {
    content: '';
    width: 111%;
    height: 1px;
    position: absolute;
    left: -3px;
    top: 13px;
    z-index: 10;
    background: #616161;
}
.cart-item .price-old .precision {
    margin: 2px 0px 0px 1px;
    font-size: 12px;
    line-height: 12px;
    position: absolute;
}
.cart-item .price-old .currency {
    margin: 10px 0px 0px 16px;
    font-size: 12px;
    line-height: 12px;
    position: relative;
}
#cart-total {
    text-align: right;
    padding: 20px 10px;
}
#cart-total > span {
    font-size: 24px;
    display: inline;
    margin-right: 15px;
}
#cart-total .price {
    display: inline;
    font-size: 36px;
    line-height: 36px;
    color: var(--secondary-color);
}
#cart-total .price .precision {
    font-size: 18px;
    line-height: 18px;
    position: relative;
    bottom: 15px;
}
#cart-total .price .currency {
    margin: 12px 0px 0px 7px;
    font-size: 20px;
    line-height: 20px;
    position: relative;
}
#cart-checkout .checkout {
    display: block;
    background-color: var(--main-color);
    font-size: 24px;
    color: var(--secondary-color);
    padding: 15px;
    cursor: pointer;
    float: right;
}
#cart-checkout .checkout .icon-svg.basket {
    position: relative;
    display: inline-block;
    float: none;
    fill: #ffffff;
    width: 37px;
    height: 29px;
    margin-right: 15px;
    top: -2px;
}
#cart-checkout .checkout .next {
    margin-left: 15px;
    filter: invert(1);
}

.one-column.checkout i {
    display: table-cell;
    width: 45px;
    height: 45px;
    background-color: var(--main-color);
}
.one-column.checkout i {
    display: table-cell;
    width: 45px;
    height: 45px;
    background-color: var(--main-color);
}
.one-column.checkout i .icon-svg {
    position: relative;
    fill: #ffffff;
}
.one-column.checkout i .icon-svg.basket {
    width: 35px;
    height: 28px;
    margin-top: 8px;
    margin-left: 5px;
}
.one-column.checkout i .icon-svg.checkout-login {
    width: 37px;
    height: 34px;
    margin-top: 6px;
    margin-left: 4px;
}
.one-column.checkout i .icon-svg.checkout-guest {
    width: 32px;
    height: 28px;
    margin-top: 9px;
    margin-left: 7px;
}
.one-column.checkout i .icon-svg.shipment {
    width: 26px;
    height: 36px;
    margin-top: 5px;
    margin-left: 10px;
}
.one-column.checkout i .icon-svg.delivery {
    width: 21px;
    height: 30px;
    margin-top: 8px;
    margin-left: 12px;
}
.one-column.checkout i .icon-svg.payment {
    width: 34px;
    height: 31px;
    margin-top: 7px;
    margin-left: 6px;
}
.one-column.checkout i .icon-svg.info {
    width: 28px;
    height: 27px;
    margin-top: 9px;
    margin-left: 8px;
}
#checkout-content .cart-item:hover {
    background-color: transparent;
}
#checkout-content .cart-item:after {
    width: 100%;
}
#checkout-content .cart-item:last-child:after {
    display: none;
}
#checkout-content .cart-item .img {
    width: 115px;
    height: 115px;
    margin-right: 15px;
    margin-left: 25px;
}
#checkout-content .cart-item .img img {
    width: 100%;
    height: 100%;
}
#checkout-content .cart-item .title-big {
    font-size: 20px;
    line-height: 20px;
    width: 100%;
    max-width: 100%;
}
#checkout-content .cart-item .remove-cart-item {
    display: none;
}
#checkout-content .cart-item .price,
#checkout-content .cart-item .total {
    font-size: 30px;
    line-height: 30px;
}
#checkout-content .cart-item .price {
    bottom: 0px;
}
#checkout-content .cart-item .price-old {
    top: 6px;
}
#checkout-content .cart-item .bottom {
    width: calc(100% - 170px);
    bottom: 25px;
    left: 155px;
}
#checkout-content .cart-item .quantity .button {
    /*display: none;*/
}
#checkout-content .cart-item .quantity > span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
    pointer-events: none;
    font-size: 30px;
    line-height: 30px;
    position: relative;
    top: 4px;
}
#checkout-content .cart-item .quantity > span .suffix {
    font-size: 20px;
    line-height: 20px;
}
#checkout-login form {
    overflow: hidden;
}
#checkout-login div#form-login {
    position: absolute;
    right: 0;
    bottom: 23px;
}
#checkout-login .button.register {
    margin-left: 40px;
}
#checkout-login .button.register a {
    font-size: 20px;
    line-height: 20px;
    background-color: var(--main-color);
    color: #ffffff;
    padding: 14px 18px;
    border: none;
    cursor: pointer;
    display: inline-block;
}
#checkout-login .response {
    position: absolute;
    top: 51px;
    text-align: left;
}
#checkout-login .forgotpass {
    float: right;
    position: absolute;
    bottom: 0;
    right: 25px;
}
#checkout-login .forgotpass a {
    color: var(--main-color);
    display: inline-block;
    padding: 4px 0;
    position: relative;
}
#checkout-login .forgotpass a:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 6px;
    border-width: 0 0 1px;
    border-style: solid;
}
#checkout-info #checkout-info-content,
#checkout-info #checkout-checkout {
    max-width: 550px;
}
#checkout-info ul.checkout-total {
    margin-bottom: 20px;
}
#checkout-info ul.checkout-total li {
    padding: 13px 0;
}
/*#checkout-info ul.checkout-total li > span {*/
/*    display: inline-block;*/
/*    width: 50%;*/
/*}*/
#checkout-info ul.checkout-total li > span {
    display: inline-block;
    width: 49%;
}
#checkout-info ul.checkout-total span.text-right {
    text-align: right;
}
#checkout-info .price {
    font-size: 24px;
    line-height: 24px;
    position: relative;
}
#checkout-info .price .precision {
    font-size: 16px;
    line-height: 16px;
    position: relative;
    bottom: 10px;
    margin-left: 2px;
}
#checkout-info .price .currency {
    margin: 12px 0px 0px 7px;
    font-size: 16px;
    line-height: 16px;
    position: relative;
}
#checkout-info .total {
    font-size: 30px;
}
#checkout-info .total .precision {
    font-size: 20px;
    line-height: 20px;
    bottom: 12px;
}

#checkout-checkout .checkout {
    display: block;
    background-color: var(--main-color);
    font-size: 22px;
    color: var(--secondary-color);
    padding: 10px 18px;
    cursor: pointer;
    text-align: center;
}
/*#checkout-checkout .checkout .icon-svg.basket {
    position: relative;
    display: inline-block;
    float: none;
    fill: #ffffff;
    width: 33px;
    height: 26px;
    margin-right: 15px;
    top: -2px;
}*/
#cart-checkout .checkout .prev, 
#checkout-checkout .checkout .prev {
    position: relative;
    margin-right: 15px;
    top: 2px;
    filter: invert(1);
}
#cart-checkout a.checkout {
    margin-right: 25px;
    line-height: 0;
    padding: 20px 15px;
}
#checkout-checkout .checkout .next {
    position: relative;
    margin-left: 15px;
    filter: invert(1);
    top: 2px;
}
#checkout-shipment .form-content:first-child label.radio {
    margin-bottom: 25px;
}
#checkout-shipment .price {
    position: relative;
    font-size: 18px;
    margin-left: 10px;
    display: inline-table;
    top: 1px;
}
#checkout-shipment .price .precision {
    margin: -1px 0px 0px 1px;
    font-size: 13px;
    line-height: 13px;
    position: absolute;
}
#checkout-shipment .price .currency {
    margin: 8px 0px 0px 21px;
    font-size: 13px;
    line-height: 13px;
    position: relative;
}
.checkout-address {
    display: inline-block;
    background-color: #dddddd;
    border: 2px solid #dddddd;
    vertical-align: top;
    padding: 25px; 
    margin-left: 20px;
    margin-bottom: 20px;
    cursor: default;
}
.checkout-address.selected {
    border: 2px solid var(--main-color);
    background-color: #ffffff;
}
.checkout-address .body {
    min-height: 155px;
}
#checkout-delivery .button,
#checkout-invoice-address .button,
#checkout-facturare .button {
    font-size: 18px;
    line-height: 18px;
    background-color: var(--main-color);
    color: var(--secondary-color);
    padding: 10px 24px;
    border: none;
    cursor: pointer;
    display: block;
    width: auto;
    margin-top: 10px;
}
#checkout-delivery .button[data-rel="new"],
#checkout-invoice-address .button[data-rel="new"] ,
#checkout-facturare .button[data-rel="new"] {
    display: inline-block;
    margin-top: 0;
    margin-left: 20px;
}
#checkout-shipment .outer,
#checkout-payment .body,
#checkout-invoice-address,
#checkout-invoice-address .outer-3 {
    display: none;
}
#checkout-invoice-address label.radio > span {
    display: table-cell;
    vertical-align: middle;
    top: 0;
    padding-left: 10px;
}
/*#checkout-payment .form-content:first-child label.radio {*/
/*    margin-bottom: 10px;*/
/*}*/
.speedy-logo,
.ekont-logo {
    width: 100px;
    height: 30px;
    margin-left: 10px;
    display: block;
    float: left;
}

.panel {
    margin-bottom: 25px;
}
.panel-heading {
    font-size: 25px;
    padding: 10px 25px 10px 0;
}
.panel-heading span {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding-left: 11px;
}
.panel-body {
    padding: 25px;
    background-color: #f3f3f3;
}
.panel-body:before,
.row-ss:before {
    display: table;
    content: " ";
}
.panel-body:after,
.row-ss:after {
    display: table;
    content: " ";
    clear: both;
}
.panel-body.agree {
    background-color: #ffffff;
}
#checkout-content .panel-body {
    padding: 0 25px;
}
#checkout-shipment .panel-body,
#checkout-payment .panel-body {
    padding-bottom: 0;
}
.panel-footer {
    padding: 10px 25px;
    border-top: 1px solid #dddddd;
    background-color: #f3f3f3;
}
.row-ss {
    margin-left: -25px;
    margin-right: -25px;
}
.row-ss.margin-top-20 {
    margin-top: 20px!important;
}
label.radio {
    cursor: pointer;
    display: block;
    overflow: hidden;
}
label.radio input {
    position: relative;
    float: left;
}
#checkout-shipment label.radio input {
    top: 5px;
}
label.radio > span {
    vertical-align: top;
    position: relative;
    top: 4px;
    margin-left: 15px;
}
label .radio-content {
    float: left;
    margin-left: 10px;
    width: calc(100% - 35px);
}
label .radio-content span.body {
    margin-top: 10px;
    display: block;
}
label.checkbox {
    cursor: pointer;
    display: inline-block;
}
.agree label.checkbox {
    float: left;
}
.agree .checkbox-wrapper:after {
    content: "";
    display: table;
    clear: both;
}
hr.margin-tb-20 {
    border: 0;
    border-top: 1px solid #d9d9d9;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
}

.col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6 {
    padding-left: 25px;
    padding-right: 25px;
    min-height: 1px;
    position: relative;
}
.col-ss-1 {
    width: 100%;
    float: left;
}
.col-ss-2 {
    width: 50%;
    float: left;
}
.col-ss-3 {
    width: 33.33333333%;
    float: left;
}
.col-ss-4 {
    width: 25%;
    float: left;
}
.col-ss-5 {
    width: 20%;
    float: left;
}
.col-ss-6 {
    width: 66.66666667%;
    float: left;
}
.form-content input:not([type=checkbox]):not([type=radio]),
.form-content select {
    width: 100%;
    vertical-align: top;
}
.form-content textarea {
    height: 100px;
}
.form-content .button {
    display: inline-block;
    width: auto;
    margin: 0;
    text-align: inherit;
}
.form-content.nopadding {
    padding: 0;
}

.forms-login .form-outer {
    float: left;
    width: 50%;
    position: relative;
}

.forms-login .form-item {
    max-width: 300px;
    text-align: left;
    margin: auto;
}
.forms-login .form-title {
    font-size: 22px;
    margin-bottom: 30px;
}
.login-form-content label:not(.checkbox) {
    display: block;
    padding-bottom: 8px;
    line-height: 1.145;
    text-align: left;
}
.login-form-content .a {
    text-align: center;
    margin-top: 10px;
}
.login-form-content a {
    color: var(--main-color);
    display: inline-block;
    padding: 4px 0;
    position: relative;
}
.login-form-content a:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 6px;
    border-width: 0 0 1px;
    border-style: solid;
}
.login-form-content button {
    width: 100%;
}
.forms-login .form-outer ~ .form-outer::before {
    content: '';
    width: 1px;
    position: absolute;
    top: 86px;
    bottom: 0;
    left: 0;
    background: #eeeeee;
}
.form-forgot-password {
    width: 100%;
    max-width: 500px;
    margin: 30px auto;
}
.form-forgot-password .form-text {
    margin-bottom: 30px;
}

.my-account .page-title h1 {
    margin: 0 0 20px;
    font-size: 36px;
    line-height: 36px;
}
.my-account h2 {
    font-size: 25px;
    margin: 10px 0 10px;
}
.my-account a:not(.dropdown-item) {
    color: var(--main-color);
    cursor: pointer;
}
.my-account .left-column {
    width: 250px;
}
.my-account .right-column {
    width: calc(100% - 250px);
    padding-left: 20px;
}
.my-account .left-column ul li::after {
    display: block;
    content: "";
    height: 1px;
    background: url(/imagini/dots-horizontal-dark.png) bottom left repeat-x;
}
.my-account .left-column ul li a {
    color: #444444;
    display: block;
    padding: 5px 15px;
    margin: 0;
    position: relative;
    line-height: 20px;
}
.my-account .left-column ul li a:hover {
    color: var(--main-color);
}
.my-account .left-column ul li a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    border: 1px solid var(--main-color);
}
.my-account .left-column ul li.current a::after {
    background: var(--main-color);
}
.dashboard .box-head h2 {
    margin: 0 0 10px;
}
.dashboard .col-left, 
.dashboard .col-right {
    float: left;
    width: 50%;
}
.dashboard .box-account,
.address .box-address {
    padding-bottom: 50px;
}
.dashboard .box-account .box-item,
.address .box-address .box-item {
    line-height: 25px;
}
.dashboard .box-account i {
    width: auto;
    height: auto;
    background-color: transparent;
    margin-right: 5px;
}
.box-account i .icon-svg {
    position: relative;
    fill: var(--main-color);
}
.box-account i .icon-svg {
    position: relative;
    fill: var(--main-color);
}
.box-account i .icon-svg.account {
    width: 19px;
    height: 18px;
    top: 2px;
}
.box-account i .icon-svg.email {
    width: 19px;
    height: 14px;
    top: 2px;
}
.my-account a.button {
    font-size: 18px;
    line-height: 18px;
    background-color: var(--main-color);
    color: #ffffff;
    padding: 10px 24px;
    border: none;
    cursor: pointer;
    display: inline-block;
    width: auto;
    margin-top: 10px;
}
.dashboard .box-recent .item {
    padding: 10px 0;
    border-bottom: 1px solid #e6e8e9;
    text-transform: lowercase;
}
.dashboard .box-recent .left {
    float: left;
    text-align: left;
}
.dashboard .box-recent .right {
    float: right;
    text-align: right;
}
.dashboard .box-recent .item::after {
    content: "";
    display: table;
    clear: both;
}
.sales-order-history table {
    width: 100%;
    font-size: 14px;
}
.sales-order-history table th {
    /*color: #869094;*/
    padding: 10px 0;
    border-bottom: 1px solid #e6e8e9;
    /*text-transform: lowercase;*/
}
.sales-order-history table tr {
    text-align: center;
    padding-left: 20px;
}
.sales-order-history table td {
    padding: 18px;
    border-bottom: 1px solid #e6e8e9;
    transition: all .2s ease;
}
.sales-order-history table tr:hover td {
    background: #f3f5f6;
}
.my-account .form,
.address .form,
.address .fieldset {
    max-width: 400px;
}
.my-account button,
.address button {
    width: 100%;
}
.my-account #change-password-content {
    display: none;
}
.my-account .col-ss-2-set {
    margin-bottom: 20px;
}
.my-account .col-ss-2-set::after {
    content: "";
    display: table;
    clear: both;
}
.my-account .col-ss-1 {
    padding: 0;
    float: left;
    width: 50%;
    padding-right: 20px;
}
.my-account .col-ss-2 {
    padding: 0;
    float: left;
    width: 50%;
    padding-left: 20px;
}
.my-account .col-ss-2.nopadding {
    padding-left: 0;
}
.my-account .col-ss-3 {
    padding: 0;
    float: left;
    width: 100%;
}
.box-address li.item {
    margin-bottom: 20px;
}
.products-summary-item {
    padding: 15px 0;
    border-top: 1px solid #bdc7cb;
}
.products-summary-item:first-child {
    border-top: none;
}
.products-summary-item:last-child {
    border-bottom: 1px solid rgba(60,60,60,.26);
}
.products-summary-item::after {
    content: "";
    display: table;
    clear: both;
}
.products-summary-image {
    float: left;
    width: 75px;
}
.products-summary-desc {
    float: right;
    width: calc(100% - 85px);
}
.products-summary-name {
    padding-bottom: 10px;
}
.products-summary-name-first {
    font-size: 18px;
    line-height: 23px;
}
.products-summary-name-second {
    font-size: 13px;
}
.products-summary-options-wrapper {
    float: left;
}
.products-summary-option-label, 
.products-summary-option-value {
    display: inline-block;
}
.products-summary-price {
    padding-top: 7px;
    line-height: 1;
    text-align: right;
}
.my-account #my-orders-table.order-summary {
    float: right;
    width: 300px;
    font-size: 16px;
}
.my-account #my-orders-table.order-summary td {
    padding: 7px 0;
    text-align: left;
    border: none;
}
.my-account #my-orders-table.order-summary td:last-child {
    text-align: right;
    padding-left: 40px;
}
a.address-edit.delete {
    margin-left: 20px;
}
.input-message {
    font-size: 14px;
}
.back-link {
    margin-top: 20px;
}
.back-link a {
    color: var(--main-color);
}
.dropdown.bootstrap-select {
    position: relative;
}
.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    top: 17px!important;
    right: 10px;
    border: 6px solid #c0cddc!important;
    border-color: #f59d65 transparent transparent transparent!important;
}
.dropdown-toggle::after {
    top: 23px!important;
}
.dropdown.bootstrap-select.show > .dropdown-toggle::after {
    border-color: transparent transparent #f59d65 transparent!important;
    top: 16px!important;
}
.bootstrap-select .dropdown-menu li a.opt {
    white-space: normal;
}
.form-control:focus {
    background-color: #fff;
    border-color: var(--main-color);
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,100,0,.25);
}
.btn-light {
    background: #ffffff;
    color: inherit;
    height: 48px;
    border: 1px solid #b9b9b9;
    padding: 12px 0 12px 16px!important;
    border-radius: 0;
}
.btn-light:hover {
    background: #ffffff;
    border: 1px solid #b9b9b9;
}
.embed-container { 
    position: relative; 
    width: 100%;
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden;
    margin-bottom: 60px;
}
.embed-container iframe { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
}
@media only screen and (max-width : 2200px) {
    /*.one-column.fullwidth {
        width: calc(100% - 76px);
    }*/
    .article-container-outer {
        width: 25%;
    }
    .one-column.fullwidth.nopadding .article-container-outer {
        width: 20%;
    }
}
@media only screen and (max-width : 1920px) {
    .category.section .category-item-container {
        width: 20%;
    }
    .category.section.fullwidth .category-item-container {
        width: 16.66666%;
    }
    .news-item {
        width: 33.33333%;
    }
}
@media only screen and (max-width : 1899px) {
    .gallery-item {
        width: 33.33333%;
    }
}
@media only screen and (max-width : 1799px) {
    .dealers {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}
@media only screen and (max-width : 1699px) {
    ul.sf-menu ul.category {
        left: calc(50% - 630px);
    }
    .category.section .category-item-container {
        width: 25%;
    }
    .category.section.fullwidth .category-item-container {
        width: 20%;
    }
    .article-container-outer {
        width: 33.33333%;
    }
    .one-column.fullwidth.nopadding .article-container-outer {
        width: 25%;
    }
}
@media only screen and (max-width : 1599px) {
    .gallery-item {
        width: 50%;
    }
}
@media only screen and (max-width : 1380px) {
    #search {
        width: 240px;
    }
    .footer-container .container-grid {
        margin-left: 25px;
    }
    .footer-loga, .footer-bottom  {
        padding: 0 64px;
    }
    .gallery-item {
        min-height: 333px;
        width: 33.33333%;
    }
    .gallery-item .container,
    .gallery-item .container a,
    .gallery-item .container img {
        width: 260px;
        height: 260px;
        position: relative;
    }
    .gallery-item .title {
        width: 260px;
    }
    .news-item {
        width: 50%;
    }
    .category.section .category-item-container {
        width: 33.33333%;
    }
    .category.section.fullwidth .category-item-container {
        width: 25%;
    }
    .article-container-outer {
        width: 50%;
    }
    .one-column.fullwidth.nopadding .article-container-outer {
        width: 33.33333%;
    }
}
@media only screen and (max-width : 1280px) {
    ul.sf-menu { margin-left: 0; }
    .category-item {
        margin: 30px 28px;
    }
    .news-detail .images img {
        width: 100px;
    }
    .dealers {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}    
@media only screen and (max-width : 1171px) {
    #logo {
        width: auto;
        height: auto;
        margin-top: 29px;
        margin-left: 15px;
    }
    #logo img {
        width: 235px;
        height: auto;
    }
    .languages { left: 15px; }
    /*.dropdown dt {
        width: 37px;
        height: 35px;
        background-size: cover;
    }*/
    .dropdown dt a {
        width: 52px;
        height: 47px;
    }
    .dropdown dt a span {
        top: 14px;
        /*width: 27px;*/
        font-size: 14px;
    }
    /*.dropdown dd ul {
        width: 27px;
    }*/
    .dropdown dd ul li a {
        font-size: 14px;
    }
    nav {
        /*height: 175px;*/
    }
    #header-top { height: 175px; }
    #login-top { top: 35px; }
    #login-top li a { font-size: 13px; }
    #login-top li a span { padding-left: 7px; }
    #login-top li:nth-child(1) a::before,
    #login-top li:nth-child(2) a::before,
    #login-top li:nth-child(3) a::before {
        width: 18px;
        height: 28px;
        background-size: cover;
    }
    #login-top span:not(.cart-products-count) {
        display: none;
    }
    #login-top li i {
        width: auto;
        height: auto;
        background: none;
    }
    #login-top i .icon-svg {
        fill: var(--main-color);
    }
    #login-top i .icon-svg.login {
        width: 25px;
        height: 23px;
        margin-left: 0;
    }
    #login-top i .icon-svg.basket {
        width: 25px;
        height: 20px;
        margin-left: 0;
    }
    #login-top li a {
        font-size: 0px;
    }
    #login-top .cart-products-count {
        top: 0;
        left: 0;
    }
    .main-menu { 
        display: none;
        left: -100%;
        opacity: 0;
    }
    .main-menu.open {
        opacity: 1;
        display: inline-block;
        position: absolute;
        top: 0;
        /*left: 0;*/
        width: 100%;
        height: 100vh;
        background-color: #333333;
        z-index: 999;
        overflow-x: hidden;
        overflow-y: auto;
    }
    ul.sf-menu { 
        left: -100%;
        opacity: 0;
        visibility: hidden;
        margin: 0 auto;
        padding: 0;
        position: relative;
        background-color: #333333;
        width: 100%;
        float: none;
    }
    ul.sf-menu.open {
        opacity: 1;
        visibility: visible;
        left: 0;
    }
    ul.sf-menu li {
        display: block;
        padding: 0 65px 0 65px;
    }
    /*ul.sf-menu li:after { 
        display: block; 
        content: ""; 
        width: 95%; 
        height: 1px; 
        margin-left: 10px; 
        background: url(/imagini/dots-horizontal-light.png) bottom left repeat-x; 
        -webkit-transition: all 0.2s linear; 
        -moz-transition: all 0.2s linear; 
        -o-transition: all 0.2s linear; 
        transition: all 0.2s linear; 
    }*/
    ul.sf-menu li:first-child::after, 
    ul.sf-menu ul.category li::after { 
        display: none; 
    }
    ul.sf-menu li.delimeter {
        padding: 0;
    }
    ul.sf-menu li.delimeter div {
        background: url(/imagini/svg/icon-circle.svg) center center no-repeat;
        background-size: contain;
        height: 49px;
        top: -27px;
        position: relative;
    }
    ul.sf-menu li.delimeter:after {
        display: none;
    }
    ul.sf-menu li a {
        width: 100%;
        padding: 13px 0 13px 0;
        line-height: 22px;
    }
    ul.sf-menu li a.more {
        cursor: pointer;
    }
    ul.sf-menu li a.more:after {
        /*display: none;*/
        position: absolute;
        top: 20px;
        right: 0;
        margin-right: 0;
    }
     ul.sf-menu li a.more.open:after {
        transform: rotate(225deg);
        margin-top: 3px;
    }
    ul.sf-menu > li:nth-child(1) a:first-child::after {
        right: -8px;
        top: 8px;
        float: right;
    }
    ul.sf-menu > li:nth-child(1) a.open:first-child::after {
        transform: rotate(225deg);
    }
    ul.sf-menu > li:nth-child(1) > a {
        display: none;
    }
    ul.sf-menu > li:nth-child(1) {
        padding: 0;
        background-color: #ffffff;
        padding-bottom: 49px;
        border-bottom: 2px solid var(--main-color);
    }
    ul.sf-menu > li:nth-child(1):after {
        display: none;
    }
    ul.sf-menu ul.category { 
        width: 100%;
        position: relative; 
        top: 0;
        left: auto;
        border-left: none;
        display: block;
        background-color: #ffffff;
    }
    ul.sf-menu ul.category li {
        position: relative;
        padding: 0;
    }
    ul.sf-menu ul.category li div {
        padding: 0 32px 0 24px;
    }
    ul.sf-menu li div:after {
        display: block; 
        content: ""; 
        width: 100%; 
        height: 1px; 
        margin: 0; 
        background: url(/imagini/dots-horizontal-light.png) bottom left repeat-x; 
        -webkit-transition: all 0.2s linear; 
        -moz-transition: all 0.2s linear; 
        -o-transition: all 0.2s linear; 
        transition: all 0.2s linear; 
    }
    ul.sf-menu ul.category li div:after,
    ul.sf-menu ul.category li .subcategory ul li:after { 
        display: block; 
        content: ""; 
        width: 100%; 
        height: 1px; 
        margin: 0; 
        background: url(/imagini/dots-horizontal-dark.png) bottom left repeat-x; 
        -webkit-transition: all 0.2s linear; 
        -moz-transition: all 0.2s linear; 
        -o-transition: all 0.2s linear; 
        transition: all 0.2s linear; 
    }
    ul.sf-menu ul.category li:last-child::after {
        border-bottom: none;
    }
    ul.sf-menu ul.category li .subcategory ul li:last-child::after {
        display: none;
    }
    ul.sf-menu li {
        position: relative;
    }
    /*ul.sf-menu li a {
        width: calc(100% - 25px);
    }*/
    ul.sf-menu ul.category li a {
        line-height: 22px;
        width: calc(100% - 25px);
        color: #000000;
        z-index: 3;
        padding: 13px 0 13px 0;
    }
    ul.sf-menu ul.category li:hover,
    ul.sf-menu ul.category li:hover a {
        color: #000000;
    }
    ul.sf-menu ul.category li a .icon-svg {
        fill: var(--main-color);
        margin-left: 0;
    }
    ul.sf-menu ul.category li a h3 {
        padding-left: 41px;
        font-size: 17px;
    }
    ul.sf-menu li ul.menu {
        position: relative;
        top: 0;
        border: none;
        background-color: transparent;
    }
     ul.sf-menu li ul.menu li {
        padding: 0;
    }
    ul.sf-menu ul.menu li:hover { 
        background-color: transparent; 
    }
    ul.sf-menu ul.menu li::after {
        width: 100%;
        margin: 0;
    }
    ul.sf-menu ul.menu li:last-child::after {
        border: none;
    }
    ul.sf-menu ul.menu li > a {
        padding-left: 30px;
    }
    ul.sf-menu li button.show-submenu,
    ul.sf-menu ul.category li button.show-subcategory { 
        display: block; 
        width: 25px; 
        height: 50px;
        position: absolute; 
        top: 0; 
        bottom: 0; 
        right: 32px; 
        z-index: 6;
        cursor: pointer;
    }
    ul.sf-menu li button.show-submenu { right: 70px; }
    ul.sf-menu li button.show-submenu i,
    ul.sf-menu ul.category li button.show-subcategory i {
        display: block;
        width: 8px;
        height: 8px;
        margin: 0 auto;
        content: "";
        position: relative;
        border: solid var(--main-color);
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        right: -7px;
    }
    ul.sf-menu li button.show-submenu.open i, 
    ul.sf-menu ul.category li button.show-subcategory.open i {
        transform: rotate(225deg);
        margin-top: 8px;
    }
    ul.sf-menu ul.category li .subcategory {
        display: none;
        position: relative;
        width: 100%;
        height: auto;
        left: 0;
        -webkit-box-shadow: none; 
        -moz-box-shadow: none; 
        box-shadow: none;
    }
    ul.sf-menu ul.category li .subcategory ul {
        width: 100%;
        height: auto;
        margin: 0;
        background-color: #eeeeee;
        padding: 0 24px;
    }
    ul.sf-menu ul.category li .subcategory .main-category,
    ul.sf-menu ul.category li .subcategory > a {
        display: none;
    }
    ul.sf-menu ul.category li .subcategory ul li:after {
        /*margin-left: 0;
        left: -13px;*/
    }
    
    ul.sf-menu ul.category li .subcategory ul li a {
        color: #000000;
        padding: 10px 13px 10px 0;
        line-height: 22px;
    }
    ul.sf-menu ul.category li .subcategory ul li a:hover,
    ul.sf-menu ul.category li .subcategory ul li:hover a {
        color: #000000;
    }
    ul.sf-menu ul.category li .subcategory ul li:before {
        display: inline-block;
        width: 5px;
        height: 5px;
        margin: 0 auto;
        margin-right: 8px;
        content: "";
        position: relative;
        border: solid var(--main-color);
        border-width: 0 1px 1px 0;
        transform: rotate(315deg);
        background: none;
        top: 18px;
    }
    
    .responsive-menu.header {
        display: block;
        padding: 24px 32px 24px 24px;
        text-align: right;
        background-color: #ffffff;
    }
    .responsive-menu.header span {
        font-size: 20px;
        color: var(--main-color);
        text-transform: uppercase;
        position: absolute;
        left: 24px;
    }
    .responsive-menu.header a {
        width: 22px;
        height: 22px;
        display: inline-block;
        cursor: pointer;
    }
    .responsive-menu.header .icon-svg.close {
        float: none;
        fill: var(--main-color);
        width: 22px;
        height: 22px;
    }
    .responsive-menu.title {
        display: none;
        text-align: left;
        margin-left: 50px;
        margin-bottom: 80px;
    }
    .responsive-menu.title img,
    .responsive-menu.title span {
        display: block;
        color: #ffffff;
        margin-top: 5px;
    }
    .responsive-menu.footer {
        display: block;
        margin: 63px;
        text-align: left;
    }
    .responsive-menu.footer div {
        display: inline-block;
        margin-right: 20px;
    }
    .responsive-menu.footer .facebook img {
        height: 30px;
        width: auto;
    }
    .responsive-menu.footer .youtube img {
        height: 25px;
        width: auto;
    }
    .responsive-button { 
        display: block;
        margin-top: 7px;
        /*position: absolute;*/
        /*right: 0;*/
        /*top: 69px;*/
        cursor: pointer;
    }
    .responsive-button i {
        margin-right: 15px;
        background: url(/imagini/svg/icon-nav.svg) center center no-repeat;
        width: 34px;
        height: 27px;
        float: right;
    }
    #search {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        padding: 15px;
        margin-top: 103px;
    }
    #search input[type="text"],
    #search button { 
        height: 43px; 
    }
    .footer-container {
        height: 930px;
        background: url(/imagini/footer-bgr-mobile.jpg) bottom right no-repeat #0f151b;
    }
    .footer-container .container-grid {
        width: 100%;
        margin-left: 0;
        padding: 0 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        display: -ms-flexbox;
        flex-flow: row wrap;
    }
    .footer-container .container-grid .grid-item {
        width: 50%!important;
        padding: 30px 0 0 20px;
    }    
    .footer-container .container-grid .grid-item:last-child {
        width: 100%!important;
    }
    .footer-line {
        height: 120px;
        top: auto;
        bottom: 0;
    }
    .footer-loga {
        /*background-color: #243242;*/
        padding: 10px;
        height: auto;
        position: relative;
        margin-top: 140px;
    }
    .footer-loga .left {
        float: none;
        height: auto;
        text-align: center;
    }
    .footer-loga .ultralux {
        margin-top: 18px;
    }
    .footer-loga .left .text {
        margin-top: 31px;
    }
    .footer-loga .right {
        position: absolute;
        top: -69px;
        height: auto;
        float: none;
        text-align: center;
    }
    .footer-loga .right .text {
        display: none;
    }
    .footer-loga .borianagroup {
        margin-top: 18px;
    }
    .footer-loga .facebook {
        margin-top: 10px;
        margin-left: 15px;
    }
    .footer-loga .facebook img {
        height: 30px;
        width: auto;
    }
    .footer-loga .youtube {
        margin-top: 15px;
        margin-left: 15px;
    }
    .footer-loga .youtube img {
        height: 25px;
        width: auto;
    }
    .footer-bottom {
        text-align: center;
    }
    .footer-container .container-grid .grid-item:nth-child(3) {
        height: 185px;
    }
    .footer-container ul li:before { 
        top: -1px;
    }
    .news {
        text-align: center;
    }
    .news-detail .images {
        text-align: center;
    }
    .news-detail .images,
    .news-detail .content {
        width: 100%;
    }
    main,
    main.fullwidth {
        padding: 0 15px;
    }
    .one-column.leftmargin, 
    .dealers-content {
        margin-left: 0;
    }
    .static-del {
        margin-left: 0;
    }
    .left-column,
    .right-column {
        display: block;
        width: 100%;
    }
    .left-column .title h1 {
        display: block;
    }
    .left-column .tree {
        display: block;
    }
    .left-column ul {
        width: 100%;
    }
    .show-filters {
        display: block;
    }
    .right-column .title.margin {
        margin-top: 55px;
    }
    div.gallery {
        margin-top: 50px;
    }
    .gallery-item .title,
    .gallery-item button {
        font-size: 14px;
    }
    div.article {
        width: 100%;
        padding: 15px 15px 0 15px;
    }
    .article .left-column,
    .article .right-column {
        width: 100%;
        padding: 0;
    }
    .article .right-column {
        top: 0;
    }
    .article .top-column h1 {
        font-size: 20px;
    }
    .article .top-column .knom {
        font-size: 14px;
    }
    .article .description .content {
        width: 100%;
    }
    .responsive-description {
        display: block;
    }
    .article .left-column .description {
        display: none;
    }
    .article .parameters-table td {
        padding-left: 11px;
    }
    .filter-content { 
        display: none;
        right: -100%;
        opacity: 0;
    }
    .filter-content.open {
        opacity: 1;
        display: inline-block;
        position: absolute;
        top: 0;
        padding: 115px 25px 0 25px;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 999;
        overflow-x: hidden;
        overflow-y: auto;
        margin: 0;
    }
    div.filter {
        background-color: #ffffff;
        padding: 15px;
    }
    div.filter ul li::after {
        display: none;
    }
    .show-filters.responsive-button {
        font-size: 16px;
        position: relative;
        left: 0;
        top: 0;
    }
    .show-filters.responsive-button.bottom {
        margin: 20px 0;
    }
    .responsive-no {
        display: none!important;
    }
    .responsive-block {
        display: block;
    }
    .category.section .category-item-container {
        width: 25%;
    }
    .article-container-outer {
        width: 33.33333%;
    }
    
    .cart-item .img {
        width: 130px;
        height: 130px;
    }
    .cart-item .img img {
        width: 130px;
        height: auto;
    }  
    .cart-item .title-big {
        width: 90%;
        max-width: 600px;
    }
    .cart-item .content {
        width: calc(100% - 165px);
    }
    .cart-item .bottom {
        position: relative;
        width: calc(100% - 145px);
        bottom: 0;
        left: 135px;
    }
    .cart-item .remove-cart-item {
        right: 20px;
    }
    .cart-item .remove-cart-item button span {
        display: none;
    }
    #checkout-content .cart-item .bottom {
        bottom: 0;
    }
}
@media only screen and (max-width : 990px) {
    .news-item {
        width: 100%;
        padding: 0;
    }
    .category.section .category-item-container,
    .category.section.fullwidth .category-item-container {
        width: 33.33333%;
    }
    .article .top-left-column,
    .article .top-right-column {
        width: 100%;
        margin-bottom: 20px;
    }
    .article .top-column .top-left-column .title-content {
        display: block;
    }
    .article .top-column .top-right-column .title-content {
        display: none;
    }
    .article-container-outer {
        width: 50%;
    }
    .article .basket .price-left.disabled-order:after {
        content: "";
        display: table;
        clear: both;
    }
    .article .basket .price-left.disabled-order,
    .article .basket .price-right.disabled-order {
        width: 100%;
    }
    .one-column.fullwidth.nopadding .article-container-outer {
        width: 50%;
    }
    .one-column.checkout .col-ss-2.wrapper {
        width: 100%;
    }
    .one-column.checkout .col-ss-4 {
        width: 50%;
    }
    .one-column.checkout .col-ss-4.small {
        width: 25%;
    }
    #checkout-login div#form-login {
        position: relative;
        bottom: auto;
    }
    #checkout-shipment .form-content label.radio {
        margin-bottom: 25px;
    }
    .my-account .left-column,
    .my-account .right-column,
    .dashboard .col-left, 
    .dashboard .col-right {
        width: 100%;
    }
    .my-account .right-column {
        padding: 0;
    }
    .my-account .page-title h1 {
        margin: 20px 0;
    }
    .my-account .col-ss-1,
    .my-account .col-ss-2 {
        float: none;
        width: 100%;
        padding: 0!important;    
    }
    .sales-order-history.my-account table, 
    .sales-order-history.my-account table tbody, 
    .sales-order-history.my-account table td, 
    .sales-order-history.my-account table th, 
    .sales-order-history.my-account table thead, 
    .sales-order-history.my-account table tr {
        display: block;
    }
    .sales-order-history.my-account table thead th:nth-child(n+2) {
        display: none;
    }
    .sales-order-history.my-account table thead th {
        border-right: 0;
        border-left: 0;
    }
    .sales-order-history.my-account table tr {
        border-bottom: 1px solid #e6e8e9!important;
    }
    .sales-order-history.my-account table tbody td:first-child, 
    .sales-order-history.my-account table tbody td:first-child h3 {
        font-weight: 700;
    }
    .sales-order-history.my-account table tbody td:first-child {
        padding-top: 10px;
    }
    .sales-order-history.my-account table tbody td {
        padding: 0 10px 4px;
        border-right: 0;
        border-bottom: 0;
    }
    .products-summary-name-first {
        font-size: 16px;
        line-height: 16px;
    }
    .products-summary-name-second {
        font-size: 12px;
        padding-top: 5px;
    }
}
@media only screen and (max-width : 890px) {
    /*.one-column.fullwidth {
        width: 100%;
    }*/
    /*.one-column.fullwidth.nopadding {
        padding: 0 20px;
    }*/
    .dealers {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .partner-field {
        width: 100%;
        margin-right: 0;
    }
    .one-column .contacts,
    .contacts-form {
        width: 100%;
    }
    .contacts-form {
        padding-left: 0;
        padding-top: 30px;
    }
    .gallery-item {
        width: 50%;
        height: auto;
        padding: 0;
    }
    .gallery-item .container, 
    .gallery-item .container a,
    .gallery-item .container img {
        width: 42vw;
        height: 42vw;
        margin: 0 auto;
    }
    .gallery-item .title,
    .gallery-item button {
        width: 42vw;
        margin: 10px auto 0 auto;
    }
}
@media only screen and (max-width : 780px) {
    .seven-carousel-item .title-big {
        font-size: 16px;
    }
    .netopia{
        position: absolute;
        bottom: 0px;
        right: 0px;
        left: 0px;
        height: 50px;
        z-index: 100;
    }
}
@media only screen and (max-width : 730px) {
    .owl-carousel.home .seven-carousel-item .label {
        width: 12px;
        height: 39px;
        background-size: cover;
        top: 70px;
    }
    .seven-carousel-item .label .label-text {
        font-size: 6px;
        top: 25px;
    }
    .seven-carousel-item {
        width: calc(100% - 40px);
        height: auto;
        margin: 0 20px;
    }
    .seven-carousel-item .dimmable {
        top: 217px;
    }
    .seven-carousel-item .title-big {
        font-size: 12px;
        height: 39px;
        line-height: 13px;
        overflow: hidden;
    }
    .seven-carousel-item .title-small {
        font-size: 10px;
        margin: 3px 0;
    }
    .seven-carousel-item .img img {
        width: 100%!important;
        max-width: 200px;
        height: auto!important;
        max-height: 200px;
    }
    .seven-carousel-item .info {
        height: 150px;
        font-size: 14px;
    }
    .seven-carousel-item .info ul {
        height: 94px;
        overflow: hidden;
    }
    .seven-carousel-item .price-old {
        font-size: 14px;
        position: absolute;
        bottom: 35px;
    }
    .seven-carousel-item .price-old::after {
        top: 9px;
    }
    .seven-carousel-item .price-old .precision {
        margin: 1px 0 0 1px;
        font-size: 9px;
        line-height: 9px;
    }
    .seven-carousel-item .price-old .currency {
        margin: 6px 0 0 16px;
        font-size: 9px;
        line-height: 9px;
    }
    .seven-carousel-item .price {
        font-size: 20px;
        margin-top: 0;
    }
    .seven-carousel-item .price .precision {
        font-size: 13px;
        line-height: 13px;
    }
    .seven-carousel-item .price .currency {
        font-size: 13px;
        line-height: 13px;
    }
    .seven-carousel-item .add-to-cart {
        right: 20px;
    }
    .view-all {
        display: none;
    }
    .home.owl-carousel .owl-dots{
        text-align: center;
        margin-top: 15px;
    }
    .home.owl-carousel .owl-dots .owl-dot span{
        width: 11px;
        height: 11px;
        margin: 5px auto;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }
    .home-new-products .owl-carousel .owl-dots .owl-dot span {
        background: #ffffff;
    }
    .home-promo-products .owl-carousel .owl-dots .owl-dot span,
    .new-category-home .owl-carousel .owl-dots .owl-dot span,
    .article-bottom .owl-carousel .owl-dots .owl-dot span {
        background: var(--main-color);
    }
    .home.owl-carousel .owl-dots .owl-dot {
        width: 31px;
        height: 23px;
    }
    .home.owl-carousel .owl-dots .owl-dot.active span, 
    .home.owl-carousel .owl-dots .owl-dot:hover span{
        width: 17px;
        height: 17px;
        margin: 3px 7px;
    }
    .home-new-products .owl-carousel .owl-dots .owl-dot.active span,
    .new-category-home .owl-carousel .owl-dots .owl-dot.active span,
    .home-new-products .owl-carousel .owl-dots .owl-dot:hover span,
    .new-category-home .owl-carousel .owl-dots .owl-dot:hover span {
        background: var(--contrast-dark);
        border: 1px solid #ffffff;
    }
    .new-category-home .owl-carousel .owl-dots .owl-dot.active span,
    .new-category-home .owl-carousel .owl-dots .owl-dot:hover span,
    .home-promo-products .owl-carousel .owl-dots .owl-dot.active span,
    .home-promo-products .owl-carousel .owl-dots .owl-dot:hover span,
    .article-bottom .owl-carousel .owl-dots .owl-dot.active span, 
    .article-bottom .owl-carousel .owl-dots .owl-dot:hover span {
        background: #ffffff;
        border: 1px solid var(--main-color);
    }
    .footer-loga {
        margin-top: 120px;
    }
    .footer-loga .left > div {
        width: 100%;
    }
    .footer-loga .left .ultralux img,
    .footer-loga .left .borianagroup img{
        height: 27px;
        width: auto;
    }
    .footer-loga .ultralux {
        margin: 0;
        margin-top: 10px;        
    }
    .footer-loga .left .text {
        font-size: 12px;
        margin-top: 8px;
    }
    .footer-loga .borianagroup {
        margin: 0;
        margin-top: 10px;
    }
    .footer-loga .right {
        top: -49px;
    }
    .article .basket .price-right {
        width: 115px;
    }
    .article .basket .price-left {
        width: calc(100% - 125px);
    }
    .article .basket .price-left .outer {
        margin-bottom: 4px;
    }
    .article .basket .price {
        font-size: 41px;
    }
    .article .basket .price-old {
        font-size: 28px;
    }
    .article .basket .price-left::after {
        display: none;
    }
    .article .basket .price-right .outer {
        margin-bottom: 13px;
        text-align: right;
    }
    .article .basket .price-right .txt,
    .article .basket .price-right .quantity {
        display: block;
        position: relative;
        bottom: 0;
        right: 0;
    }
    .article .basket .price-right .txt {
        margin-bottom: 5px;
    }
    .basket .add-to-cart {
        position: relative;
        width: 100%;
    }
    .category.section .category-item-container,
    .category.section.fullwidth .category-item-container {
        width: 50%;
    }
    .article-container-outer {
        width: 100%;
        padding: 0;
    }
    .article-container {
        display: block;
        margin: 0 auto 43px auto;
    }
    .one-column.fullwidth.nopadding .article-container-outer {
        width: 100%;
    }
    .forms-login .form-outer {
        width: 100%;
    }
    .forms-login .form-outer ~ .form-outer {
        padding-top: 30px;
        border-top: 1px solid #eee;
    }
    .forms-login .form-outer ~ .form-outer::before {
        display: none;
    }
    .cart-item .img {
        width: 100px;
        height: 100px;
    }
    .cart-item .img img {
        width: 100px;
        height: auto;
    }
    .cart-item .title-big {
        font-size: 18px;
        line-height: 20px;
    }
    .cart-item .bottom {
        left: 0;
        width: 100%;
        margin-top: 10px;
    }
    .cart-item .total,
    .cart-item .remove-cart-item {
        right: 0px;
    }
    #cart-total {
        text-align: right;
        padding: 20px 0;
    }
    #checkout-content .cart-item .img {
        width: 65px;
        height: 65px;
        margin-right: 5px;
        margin-left: 10px;
    }
    #checkout-content .cart-item .content {
        width: calc(100% - 95px);
    }
    #checkout-content .cart-item .bottom {
        left: 0;
        bottom: 0; 
        width: 100%;
        margin-top: 10px;
        padding: 0 10px;
    }
    #checkout-content .cart-item .total {
        right: 10px;
    }
    .basket .add-to-cart {
        bottom: -10px;
    }
}
@media only screen and (max-width : 610px) {
    /*nav {
        height: 168px;
    }*/
    /*#logo {
        margin-top: 59px;
    }
    #logo img {
        width: 235px;
        height: auto;
    }*/

    .home-del .title,
    .article-bottom h3 { 
        font-size: 18px; 
    }
    .home-del.pos-2 {
        height: 162px;
    }
    .home-del.pos-2 img {
        top: -5px;
    }
    .home-del.pos-2 .title {
        margin-top: 72px;
    }
    .home-del.pos-2 i {
        margin-top: -5px;
    }
    .home-del.pos-3 i {
        margin-top: 11px;
    }
    .category {
        padding: 0;
    }
    .category.section .category-item-container {
        margin-bottom: 39px;
    }
    .category-item {
        /*width: 151px;*/
        /*height: 200px;*/
        background: url(/imagini/category-border.png) center center no-repeat;
        background-size: cover;
    }
    .category.section .category-item {
        width: 40vw;
        height: 53vw;
        background: url(/imagini/category-border.png) center center no-repeat;
        background-size: cover;
    }
    .category-item {
        margin: 10px 18px;
    }
    .category-item .title {
        font-size: 14px;
        line-height: 17px;
        height: 53px;
        margin: 9px 9px 0 9px;
    }
    .category.home .category-item:nth-child(6) .title {
        font-size: 11px;
    }
    .category-item .img {
        width: 151px;
        height: auto;
        text-align: left;
    }
    .category-item .img img {
        width: 100%;
        height: auto;
        position: relative;
    }
    .category-article,
    .category.section {
        margin-top: 15px;
    }
    .home-new-products,
    .home-promo-products {
        padding: 37px 0;
    }
    .article-bottom {
        padding: 0;
    }

    .parachute {
        left: calc(50% - 211px);
        top: -36px;
    }
    .parachute img {
        width: 65%;
    }
    .home-del.pos-3 img {
        top: 11px;
    }
    .home-del.pos-3 .title {
        margin-top: 89px;
    }
    .home-new-products,
    .home-promo-products{
        height: 555px;
    }
    .footer-container {
        background: url(/imagini/footer-bgr-mobile.jpg) bottom right -30px no-repeat #0f151b;
    }
    .footer-container h6 {
        font-size: 17px;
    }
    .footer-container span,
    .footer-container a{
        font-size: 14px;
        line-height: 22px;
    }
    .footer-loga {
        margin-top: 132px;
    }
    .dealers {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .left-column .images .main-image img {
        width: 100%!important;
    }
    .news-item,
    .news-item .head {
        width: 340px;
    }
    .news-item .img {
        background: url(/imagini/news-border-small.png) center center no-repeat;
        background-color: transparent;
        width: 340px;
        height: 227px;
    }
    .news-item .img img:not(.no-image) {
        width: 340px;
        height: 227px;
    }
    .panel-heading {
        font-size: 22px;
        padding: 10px 0 10px 0;
    }
    .one-column.checkout i {
        display: table-cell;
    }
    .panel-heading span {
        top: 0;
        width: calc(100% - 56px);
        line-height: 26px;
        height: 45px;
        display: table-cell;
        vertical-align: middle;
    }
    #checkout-checkout .checkout.fl-right {
        float: left;
        margin-top: 25px;
    }
    #checkout-checkout .checkout.fl-left,
    #checkout-checkout .checkout.fl-right {
        width: 100%;
    }
    .checkout-address {
        display: block;
        margin: 0 10px;
        margin-bottom: 20px;
    }
    #checkout-delivery .button-wrapper,
    #checkout-invoice-address .button-wrapper {
        text-align: center;
    }
    #checkout-delivery .button[data-rel="new"], 
    #checkout-invoice-address .button[data-rel="new"] {
        margin: 0 auto;
    }
}

@media only screen and (max-width : 560px) {
    #checkout-content .cart-item .title-big {
        font-size: 15px;
        line-height: 17px;
    }
    .cart-item .title-small {
        font-size: 11px;
        margin-top: 3px;
    }
    .col-ss-2,
    .col-ss-3,
    .col-ss-4,
    .one-column.checkout .col-ss-4 {
        width: 100%;
    }
    
    #checkout-login .forgotpass {
        float: left;
        position: relative;
        margin-top: 20px;
        left: 0;
    }
    
    #checkout-invoice-address .form-content:first-child label.radio {
        margin-bottom: 10px;
    }
}
    
@media only screen and (max-width : 460px) {
    .article img {
        width: 100%;
    }
    .article .images > a {
        width: 50%;
    }
    .article .images > a.gallery:nth-of-type(odd) {
        padding-right: 5px;
    }
    .article .images > a.gallery:nth-of-type(even) {
        padding-left: 5px;
    }
    .article .energy .energy-icon {
        width: 25%;
    }
    .address a.button {
        width: 100%;
        margin-left: 0;
    }
    .box-address li.item {
        margin-bottom: 35px;
    }
    #cart-checkout a.checkout {
        float: left;
        margin-right: 10px;
    }
    #cart-checkout .checkout {
        font-size: 20px;
        padding: 11px;
    }
    .form-forgot-password {
        max-width: 300px;
    }
}


@media only screen and (max-width : 360px) {
    #login-top li a {
        font-size: 11px;
    }
    #login-top li a span {
        padding-left: 5px;
        top: -2px;
    }
    .seven-carousel-item {
        width: calc(100% - 20px);
        height: auto;
        margin: 0 10px;    
    }
    .footer-loga {
        margin-top: 110px;
    }
    .footer-container {
        background-position-x: -854px;
    }
    .category-item {
        margin: 10px 11px;
    }
    .category-item .title {
        line-height: 16px;
    }
    .category-item .img {
        width: 145px;
    }
    .news-detail .title {
        font-size: 18px;
        line-height: 22px;
    }
    .news-detail .documents a {
        margin-left: 0;
    }
    .news-detail .images .main-image img {
        width: 100%;
    }
    .panel-body {
        padding: 15px;
    }
    #checkout-content .panel-body {
        padding: 0;
    }
    #checkout-content .cart-item {
        padding-left: 15px;
        padding-right: 15px;
    }
    .row-ss {
        margin-left: -15px;
        margin-right: -15px;
    }
    .col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .cart-item .quantity .button,
    .cart-item .quantity input {
        width: 30px;
    }
    .cart-item .x {
        margin: 0 5px;
    }
    .cart-item .price, 
    .cart-item .total {
        font-size: 32px;
        line-height: 32px;
    }
    .cart-item .price .precision, 
    .cart-item .total .precision {
        font-size: 16px;
        line-height: 16px;
    }
    .cart-item .price .currency, 
    .cart-item .total .currency {
        margin: 12px 0px 0px 7px;
        font-size: 17px;
        line-height: 17px;
    }
}


.mobile-whatsapp-icon {
	margin-top: 16px;
}
.mobile-whatsapp-icon::before {
    display: inline-block;
    content: "";
    width: 60px;
    height: 60px;
    margin-right: 5px;
    background: url(/imagini/svg/icon-whatsapp.svg) center center no-repeat;
    position: relative;
    background-size: 30px 30px;
}

.mobile-whatsapp-link {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.yellow-button {
    font-size: 18px;
    line-height: 18px;
    background-color: var(--main-color);
    color: #ffffff;
    padding: 10px 24px;
    border: none;
    cursor: pointer;
    display: inline-block;
    width: auto;
    margin-top: 10px;
}

.icon-svg.docs {
    position: relative;
    fill: #ffffff;
    width: 25px;
    height: 30px;
    top: 30px;
    left: 6px;
}


/* Reset and base styles */
.amoluce-header * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.amoluce-header {
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*max-width: 1200px;*/
    margin: 0 auto;
    padding: 5px 20px 0;
    height: 100px;
    border-bottom: 5px solid var(--main-color);
}

/* Logo section */
.logo-section {
    flex-shrink: 0;
}

.logo-link {
    display: flex;
    align-items: center;
}

.logo-image {
    height: 60px;
    width: auto;
}

/* Main navigation */
.main-navigation {
    display: flex;
    align-items: center;
    gap: 30px;
}

.nav-dropdown {
    position: relative;
}

.nav-dropdown-toggle, .nav-link {
    display: flex;
    align-items: center;
    gap: 5px;
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    padding: 10px 0;
    text-decoration: none;
    transition: color 0.2s;
}

.nav-dropdown-toggle:hover, .nav-link:hover {
    color: #ffcf00;
}

.dropdown-arrow {
    transition: transform 0.3s;
}

.nav-dropdown:hover .dropdown-arrow {
    transform: rotate(180deg);
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    background: white;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 20px;
    min-width: 600px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 1001;
}

.nav-dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Products menu */
/* Products menu */
.categories-container {
    display: flex;
    min-height: 300px;
    width: 700px;
}

.main-categories {
    width: 250px;
    border-right: 1px solid #f0f0f0;
    padding-right: 0px;
}

.main-category-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px 12px 0;
    border-bottom: 1px solid #f5f5f5;
    transition: background-color 0.2s;
}

.main-category-item:hover {
    background-color: #f8f9fa;
}

.main-category-item:last-child {
    border-bottom: none;
}

.category-main-link {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    flex: 1;
}

.category-main-link:hover {
    color: #ffcf00;
}

.category-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.category-svg {
    width: 100%;
    height: 100%;
}

.category-name {
    font-size: 14px;
}

.subcategory-arrow {
    width: 8px;
    height: 12px;
    color: #999;
    flex-shrink: 0;
    margin-left: 10px;
}

/* Subcategories column */
.subcategories-column {
    flex: 1;
    padding-left: 20px;
    position: relative;
}

.subcategory-panel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.subcategory-panel.active {
    opacity: 1;
    visibility: visible;
}

.subcategory-header {
    margin-bottom: 15px;
    padding-bottom: 10px;
    /*border-bottom: 1px solid #f0f0f0;*/
}

.subcategory-main-link {
    text-decoration: none;
    color: #333;
    font-weight: 600;
    font-size: 16px;
    transition: color 0.2s;
}

.subcategory-main-link:hover {
    color: #0066cc;
}

.subcategories-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.subcategory-link {
    text-decoration: none;
    color: #666;
    font-size: 14px;
    padding: 6px 0;
    transition: all 0.2s;
    border-radius: 4px;
    padding-left: 8px;
}

.subcategory-link:hover {
    color: #ffcf00;
    background-color: #f8f9fa;
    padding-left: 12px;
}

/* Useful menu */
.useful-menu {
    min-width: 300px;
}

.useful-links-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.useful-link {
    text-decoration: none;
    color: #333;
    padding: 8px 0;
    transition: color 0.2s;
    font-size: 14px;
}

.useful-link:hover {
    color: #0066cc;
}

/* User actions */
.user-actions {
    display: flex;
    align-items: center;
    gap: 20px;
}

.search-container {
    position: relative;
    display: flex;
    align-items: center;
}

.search-input {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 250px;
    font-size: 14px;
    transition: border-color 0.2s;
}

.search-input:focus {
    outline: none;
    border-color: #ffcf00;
}

.search-button {
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    color: #666;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-button:hover {
    color: #ffcf00;
}

.action-buttons {
    display: flex;
    align-items: center;
    gap: 15px;
}

.action-button {
    display: flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    transition: color 0.2s;
    position: relative;
}

.action-button:hover {
    color: #ffcf00;
}

.cart-icon-container {
    position: relative;
}

.cart-badge {
    position: absolute;
    top: -9px;
    right: -8px;
    background-color: #ffcf00;
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
}

/* Mobile menu toggle */
.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
}

.toggle-bar {
    width: 25px;
    height: 3px;
    background-color: #333;
    transition: all 0.3s;
}

/* Mobile menu */
.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2000;
    display: none;
}

.mobile-menu-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 300px;
    background-color: white;
    padding: 20px;
    overflow-y: auto;
}

.mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.mobile-logo img {
    height: 40px;
}

.mobile-menu-close {
    background: none;
    border: none;
    color: #333;
    cursor: pointer;
}

/* Responsive styles */
@media (max-width: 1024px) {
    .search-input {
        width: 200px;
    }

    .categories-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .header-container {
        padding: 0 15px;
        height: 70px;
    }

    .main-navigation, .user-actions .action-text, .search-container {
        display: none;
    }

    .mobile-menu-toggle {
        display: flex;
    }

    .logo-image {
        height: 40px;
    }

    .action-buttons {
        gap: 10px;
        display: none;
    }
}

@media (max-width: 480px) {
    .header-container {
        padding: 0 10px;
    }

    .mobile-menu-container {
        width: 100%;
    }
}

















/* Mobile menu categories */

.mobile-nav-header {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.mobile-nav-header h3 {
    color: #333;
    font-size: 18px;
    font-weight: 600;
}

.mobile-categories {
    display: flex;
    flex-direction: column;
}

.mobile-category-item {
    border-bottom: 1px solid #f5f5f5;
}

.mobile-category-item:last-child {
    border-bottom: none;
}

.mobile-category-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
}

.mobile-category-link {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    flex: 1;
}

.mobile-category-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mobile-category-svg {
    width: 100%;
    height: 100%;
}

.mobile-category-name {
    font-size: 15px;
}

.mobile-subcategory-toggle {
    background: none;
    border: none;
    padding: 5px 15px;
    cursor: pointer;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-toggle-arrow {
    width: 10px;
    height: 6px;
    transition: transform 0.3s ease;
}

.mobile-toggle-arrow.rotated {
    transform: rotate(180deg);
}

.mobile-subcategories {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding-left: 32px; /* Align with category text */
}

.mobile-subcategories.active {
    max-height: 500px; /* Adjust based on your content */
}

.mobile-subcategory-link {
    display: block;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    padding: 8px 0;
    border-bottom: 1px solid #f9f9f9;
    transition: color 0.2s;
}

.mobile-subcategory-link:hover {
    color: #ffcf00;
}

.mobile-subcategory-link:last-child {
    border-bottom: none;
}

/* Mobile useful links */
.mobile-useful-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mobile-useful-link {
    text-decoration: none;
    color: #333;
    font-size: 15px;
    padding: 8px 0;
    transition: color 0.2s;
}

.mobile-useful-link:hover {
    color: #0066cc;
}

/* Mobile contact link */
.mobile-nav-link.contact-link {
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
    transition: color 0.2s;
}

.mobile-nav-link.contact-link:hover {
    color: #0066cc;
}

/* Mobile account links */
.mobile-account-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mobile-account-link {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #333;
    font-size: 15px;
    padding: 10px 0;
    transition: color 0.2s;
}

.mobile-account-link:hover {
    color: #0066cc;
}

.mobile-account-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.mobile-cart-icon-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-cart-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #e74c3c;
    color: white;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
}
















/* Mobile section headers with toggle */
.mobile-nav-header {
    margin-bottom: 0;
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: background-color 0.2s;
}

.mobile-nav-header:hover {
    background-color: #f8f9fa;
}

.mobile-nav-header h3 {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.mobile-section-toggle {
    width: 38px;
    height: 8px;
    transition: transform 0.3s ease;
    color: #666;
}

.mobile-section-toggle.rotated {
    transform: rotate(180deg);
}

/* Section content - hidden by default */
.mobile-categories,
.mobile-useful-links {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.mobile-categories.active,
.mobile-useful-links.active {
    max-height: 1000px; /* Adjust based on your content */
}

/* Adjust spacing for active sections */
.mobile-categories.active {
    padding-bottom: 10px;
}

.mobile-useful-links.active {
    padding: 10px 0;
}

/* Account section - always visible */
.mobile-nav-section.account-section .mobile-nav-header {
    display: none; /* Hide toggle for account section */
}

.mobile-nav-section.account-section .mobile-account-links {
    max-height: none;
    padding: 0;
}

.mobile-category-item {
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

/* Subcategories adjustments */
.mobile-subcategories {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding-left: 32px;
}

.mobile-subcategories.active {
    max-height: 500px;
    padding-bottom: 10px;
}

/* Contact link adjustments */
.mobile-nav-link.contact-link {
    margin-bottom: 0;
    border-bottom: 1px solid #f0f0f0;
}


.new-category-home .category-item {
    background: none;
    margin: 10px 0;
    position: relative;
    /*width: 270px;*/
    height: auto;
}
.new-category-home .category-item .img {
    margin: 0;
    width: auto;
    height: auto;
}
.new-category-home .category-item .img img {
    width: 100%;
    position: relative;
    border-radius: 10px;
}
.new-category-home .category-item .title {
    margin: 0;
    position: absolute;
    z-index: 10;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    background-color: #fff;
    padding: 3px 10px;
    border-radius: 10px;
    top: 70%;
    max-width: 90%;
    text-align: center;
    font-size: 16px!important;
}
@media only screen and (max-width: 1280px) {
    .new-category-home .category-item {
        margin: 10px 0;
    }
}

.owl-carousel.owl-carousel-categories .nav-btn {
    top: 240px!important;
}

.black-bar {
    background-color: black;
    color: white;
    padding: 7px 0;
    text-align: center;
}

.black-bar a {
    color: white;
    text-decoration: none;
}
.black-bar .black-bar-pro {
    color: black;
    padding: 0 5px;
    background-color: #f9ae58;
    border-radius: 5px;
}

.nav-button-font-std {
    font-size: 16px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

/* ===== Cookie Consent ===== */
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background: #fff;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
    border-top: 3px solid var(--main-color);
    animation: cookieSlideUp 0.4s ease-out;
}
@keyframes cookieSlideUp {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.cookie-banner-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.cookie-banner-text {
    flex: 1 1 auto;
}
.cookie-banner-text p {
    margin: 0 0 4px;
    font-size: 13px;
    line-height: 1.4;
    color: #555;
}
.cookie-policy-link {
    font-size: 12px;
    color: #1a73e8;
    text-decoration: underline;
}
.cookie-policy-link:hover {
    color: #0d47a1;
}
.cookie-banner-options {
    flex: 0 0 auto;
    display: flex;
    gap: 16px;
}
.cookie-toggle-label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    user-select: none;
    white-space: nowrap;
}
.cookie-toggle-label input { display: none; }
.cookie-toggle {
    position: relative;
    width: 36px;
    height: 20px;
    background: #ccc;
    border-radius: 10px;
    transition: background 0.25s;
    flex-shrink: 0;
}
.cookie-toggle::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.25s;
}
.cookie-toggle-label input:checked + .cookie-toggle { background: var(--main-color); }
.cookie-toggle-label input:checked + .cookie-toggle::after { transform: translateX(16px); }
.cookie-toggle.disabled { background: var(--main-color); opacity: 0.6; cursor: not-allowed; }
.cookie-banner-actions {
    flex: 0 0 auto;
    display: flex;
    gap: 8px;
}
.cookie-btn {
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}
.cookie-btn-accept { background: var(--main-color); color: #222; }
.cookie-btn-accept:hover { background: #e6ba00; }
.cookie-btn-save { background: #333; color: #fff; }
.cookie-btn-save:hover { background: #555; }
.cookie-btn-reject { background: transparent; color: #666; border: 1px solid #ccc; }
.cookie-btn-reject:hover { background: #f5f5f5; }
/* Floating settings button */
.cookie-settings-float {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9998;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    background: #fff;
    color: #333;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s;
}
.cookie-settings-float:hover { background: var(--main-color); transform: scale(1.1); }
/* Mobile */
@media (max-width: 768px) {
    .cookie-banner-inner {
        padding: 14px 16px;
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }
    .cookie-banner-text p { font-size: 12px; }
    .cookie-banner-options {
        justify-content: space-between;
    }
    .cookie-banner-actions {
        width: 100%;
    }
    .cookie-btn {
        flex: 1 1 0;
        text-align: center;
        padding: 9px 10px;
        font-size: 12px;
    }
}

/* ========== CHECKOUT (co-*) ========== */
.co-page .panel { margin-bottom: 16px; }

.co-guest-note {
    font-size: 13px;
    color: #777;
    margin: 0 0 12px;
}
.co-create-account { margin-top: 8px; }
.co-account-fields {
    margin-top: 12px;
    padding: 12px 16px;
    background: #f8f8f8;
    border-radius: 6px;
}
.co-field-hint {
    font-size: 12px;
    color: #999;
    margin: 6px 0 0;
}

/* Person type toggle */
.co-person-type {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 16px;
}
.co-person-type label {
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    background: #f5f5f5;
    transition: background 0.2s;
}
.co-person-type label.active {
    background: #e8e8e8;
}
.co-person-type input { display: none; }

/* Fields grid */
.co-fields-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.co-field { display: flex; flex-direction: column; gap: 4px; }
.co-field label {
    font-size: 13px;
    font-weight: 500;
    color: #444;
}
.co-field label .required { color: #e53935; }
.co-field .input {
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.2s;
}
.co-field .input:focus {
    border-color: var(--main-color);
    outline: none;
}
.co-field select.input { appearance: auto; }
.co-field textarea.input { resize: vertical; min-height: 60px; }
.co-field-full { grid-column: 1 / -1; }

/* Address card selector */
.co-address-selector {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 16px;
}
.co-address-card {
    border: 2px solid #eee;
    border-radius: 8px;
    padding: 12px;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
}
.co-address-card:hover { border-color: #ccc; }
.co-address-card.selected { border-color: var(--main-color); background: #fffde6; }
.co-address-card input[type="radio"] { display: none; }
.co-address-card-body {
    font-size: 13px;
    color: #555;
    line-height: 1.5;
}
.co-address-card-body strong { color: #222; font-size: 14px; }
.co-address-new {
    display: flex;
    align-items: center;
    justify-content: center;
    border-style: dashed;
    min-height: 80px;
}
.co-address-new .co-address-card-body { text-align: center; }

/* Same address */
.co-same-address { margin-bottom: 12px; }

/* Radio options */
.co-radio-group { display: flex; flex-direction: column; gap: 8px; }
.co-radio-option {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    border: 1px solid #eee;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
}
.co-radio-option:hover { border-color: #ccc; }
.co-radio-option input[type="radio"] { margin-top: 3px; flex-shrink: 0; }
.co-radio-option small { color: #888; font-size: 12px; }
/* CUI lookup */
.co-cui-row { display: flex; gap: 8px; }
.co-cui-row .input { flex: 1; }
.co-cui-btn {
    padding: 0 20px;
    background: var(--main-color);
    color: #222;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s;
    font-family: 'Carmen Sans', sans-serif;
}
.co-cui-btn:hover { background: #e6ba00; }
.co-cui-btn:disabled { opacity: 0.6; cursor: wait; }
.co-cui-error { color: #e53935; font-size: 12px; margin-top: 4px; }
.co-cui-field { margin-bottom: 4px; }

.co-shipping-free { display: inline-block; background: #4caf50; color: #fff; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; margin-left: 8px; vertical-align: middle; }
.co-shipping-cost { display: inline-block; font-size: 14px; font-weight: 600; color: #333; margin-left: 8px; vertical-align: middle; }

/* Checkout total list */
.co-page ul.checkout-total { margin-bottom: 20px; list-style: none; padding: 0; }
.co-page ul.checkout-total li { padding: 10px 0; }
.co-page ul.checkout-total li > span { display: inline-block; width: 49%; }
.co-page ul.checkout-total span.text-right { text-align: right; }
.co-page .price { font-size: 24px; line-height: 24px; position: relative; }
.co-page .price .precision { font-size: 16px; line-height: 16px; position: relative; bottom: 10px; margin-left: 2px; }
.co-page .price .currency { margin: 12px 0 0 7px; font-size: 16px; line-height: 16px; position: relative; }
.co-page .total { font-size: 30px; }
.co-page .total .precision { font-size: 20px; line-height: 20px; bottom: 12px; }

.co-tva-note { font-size: 12px; color: #888; text-align: right; margin: -12px 0 16px; }

/* Total row */
.co-total-row {
    border-top: 2px solid #eee;
    padding-top: 8px;
    margin-top: 4px;
}

/* Actions */
.co-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #eee;
}
.co-btn-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #555;
    text-decoration: none;
    font-size: 14px;
}
.co-btn-back:hover { color: #222; }
.co-btn-back img { width: 12px; height: 12px; }
.co-btn-submit {
    padding: 12px 32px;
    background: var(--main-color);
    color: #222;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    font-family: 'Carmen Sans', sans-serif;
    transition: all 0.2s;
}
.co-btn-submit:hover {
    background: #e6ba00;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255,207,0,0.4);
}

/* Checkout responsive */
@media (max-width: 768px) {
    .co-fields-grid { grid-template-columns: 1fr; }
    .co-address-selector { grid-template-columns: 1fr; }
    .co-person-type { font-size: 13px; }
    .co-actions { flex-direction: column-reverse; gap: 10px; }
    .co-btn-submit { width: 100%; text-align: center; }
    .co-btn-back { justify-content: center; }
    .co-radio-option { padding: 10px; }
}

@media (max-width: 480px) {
    .co-field .input { font-size: 16px; padding: 10px; }
    .co-btn-submit { font-size: 15px; padding: 12px 20px; }
}

/* ========== PRODUCT PAGE (pd-*) ========== */
.pd-breadcrumb.breadcrumb-ss {
    padding-top: 16px;
    padding-bottom: 8px;
}

.pd-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.pd-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding: 24px 0 30px;
    align-items: start;
}

/* Gallery */
.pd-gallery { position: relative; }
.pd-main-image {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pd-main-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    cursor: zoom-in;
}
.pd-thumbnails {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    overflow-x: auto;
    padding-bottom: 4px;
}
.pd-thumb {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border: 2px solid #eee;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.2s;
}
.pd-thumb:hover, .pd-thumb.active { border-color: var(--main-color); }
.pd-thumb img { width: 100%; height: 100%; object-fit: contain; }

/* Product Info */
.pd-info { display: flex; flex-direction: column; gap: 12px; }

.pd-title {
    font-size: 21px;
    font-weight: 600;
    font-family: 'Carmen Sans', sans-serif;
    color: #222;
    line-height: 1.3;
    margin: 0;
}

.pd-sku { font-size: 13px; color: #595959; }
.pd-sku strong { font-size: 13px; color: #444; }

/* Pricing */
.pd-pricing {
    background: #fafafa;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 14px 16px;
}

.pd-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.pd-stock-badge {
    display: inline-flex;
    align-items: center;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
}
.pd-stock-badge.in-stock { background: #e8f5e9; color: #2e7d32; }
.pd-stock-badge.out-stock { background: #fbe9e7; color: #c62828; }

.pd-price-old {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
    margin-bottom: 2px;
    display: flex;
    align-items: baseline;
    gap: 2px;
}
.pd-price-old .pd-decimals { font-size: 10px; vertical-align: super; }
.pd-price-old .pd-currency { font-size: 11px; margin-left: 2px; }

.pd-discount-badge {
    display: inline-block;
    background: #e53935;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 4px;
    margin-left: 6px;
    text-decoration: none;
    vertical-align: middle;
}

.pd-price-current {
    font-size: 30px;
    font-weight: 700;
    font-family: 'Carmen Sans', sans-serif;
    color: #222;
    display: flex;
    align-items: baseline;
    gap: 1px;
    line-height: 1.1;
}
.pd-price-current .pd-decimals { font-size: 17px; vertical-align: super; }
.pd-price-current .pd-currency { font-size: 15px; font-weight: 400; margin-left: 4px; color: #555; }

.pd-price-details {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #eee;
    font-size: 12px;
    color: #595959;
}

/* Actions */
.pd-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.pd-quantity { display: flex; align-items: center; gap: 8px; }
.pd-quantity label { font-size: 13px; color: #555; }

.pd-qty-input {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}
.pd-qty-btn {
    width: 36px;
    height: 38px;
    background: #f5f5f5;
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
    user-select: none;
}
.pd-qty-btn:hover { background: #e8e8e8; }
.pd-qty-input input {
    width: 48px;
    height: 38px;
    text-align: center;
    border: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 15px;
    font-weight: 600;
    -moz-appearance: textfield;
    outline: none;
}
.pd-qty-input input::-webkit-outer-spin-button,
.pd-qty-input input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.pd-add-to-cart {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 28px;
    background: var(--main-color);
    color: #222;
    border: none;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    font-family: 'Carmen Sans', sans-serif;
}
.pd-add-to-cart:hover {
    background: #e6ba00;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255,207,0,0.4);
}
.pd-add-to-cart .icon-svg { width: 20px; height: 20px; }

.pd-ask-info {
    display: inline-flex;
    align-items: center;
    padding: 10px 24px;
    background: #f5f5f5;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
}
.pd-ask-info:hover { background: #eee; border-color: #ccc; }

.pd-login-notice {
    background: #fff8e1;
    border: 1px solid #ffe082;
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 14px;
    color: #555;
}
.pd-login-notice a { color: var(--contrast-light); font-weight: 600; }

/* Perks / benefits */
.pd-perks {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.pd-perk {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #555;
}
.pd-perk svg { flex-shrink: 0; }
.pd-perk-highlight {
    font-weight: 600;
    color: #2e7d32;
}
.pd-perk-pro a {
    color: #555;
    text-decoration: none;
}
.pd-perk-pro a:hover { color: var(--contrast-light); }
.pd-perk-pro strong {
    background: var(--main-color);
    color: #222;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 11px;
    letter-spacing: 0.5px;
}

/* Modal */
.pd-modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10000;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.pd-modal-overlay.active { display: flex; }

.pd-modal {
    background: #fff;
    border-radius: 10px;
    padding: 28px 24px;
    width: 100%;
    max-width: 460px;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    animation: pdModalIn 0.2s ease-out;
}
@keyframes pdModalIn {
    from { opacity: 0; transform: translateY(20px) scale(0.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.pd-modal-close {
    position: absolute;
    top: 12px;
    right: 14px;
    background: none;
    border: none;
    font-size: 26px;
    color: #999;
    cursor: pointer;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 4px;
    transition: all 0.15s;
}
.pd-modal-close:hover { background: #f0f0f0; color: #333; }

.pd-modal-title {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Carmen Sans', sans-serif;
    color: #222;
    margin: 0 0 4px;
}
.pd-modal-subtitle {
    font-size: 13px;
    color: #888;
    margin: 0 0 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid #eee;
}

/* Modal form overrides */
.pd-modal .contacts-form-product {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
}

/* Sales contact */
.pd-contact {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px 14px;
    background: #f8f9fa;
    border-radius: 6px;
    font-size: 13px;
    color: #595959;
}
.pd-contact-links {
    display: flex;
    align-items: center;
    gap: 10px;
}
.pd-contact-links a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--contrast-dark);
    text-decoration: none;
    font-weight: 600;
}
.pd-contact-links a:hover { text-decoration: underline; }
.pd-contact-links a svg { flex-shrink: 0; }
.pd-contact-sep { color: #888; font-weight: 300; user-select: none; }

/* Description inline */
.pd-description-section {
    padding-top: 12px;
    border-top: 1px solid #f0f0f0;
}

.pd-description {
    font-size: 14px;
    line-height: 1.65;
    color: #444;
}
.pd-description img { max-width: 100%; height: auto; }
.pd-description p { margin: 0 0 10px; }
.pd-description ul, .pd-description ol { padding-left: 20px; margin: 0 0 10px; }

.pd-required-note { font-size: 12px; color: #999; margin-top: 8px; }

/* Tabs (specs & files) */
.pd-tabs {
    margin: 0 0 30px;
    border-top: 1px solid #eee;
    padding-top: 0;
}

.pd-tab-nav {
    display: flex;
    border-bottom: 2px solid #eee;
}
.pd-tab-btn {
    padding: 12px 24px;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #777;
    transition: all 0.2s;
    font-family: 'Carmen Sans', sans-serif;
}
.pd-tab-btn:hover { color: #333; }
.pd-tab-btn.active { color: #222; border-bottom-color: var(--main-color); }

.pd-tab-content { display: none; padding: 20px 0; }
.pd-tab-content.active { display: block; }

/* Specs Table */
.pd-specs-table { width: 100%; border-collapse: collapse; }
.pd-specs-table tr { border-bottom: 1px solid #f0f0f0; }
.pd-specs-table tr:last-child { border-bottom: none; }
.pd-specs-table td { padding: 9px 12px; font-size: 14px; }
.pd-spec-label { color: #777; width: 40%; font-weight: 400; }
.pd-spec-value { color: #333; font-weight: 500; }

/* Files */
.pd-files { display: flex; flex-direction: column; gap: 8px; }
.pd-file-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: #f8f8f8;
    border: 1px solid #eee;
    border-radius: 6px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s;
}
.pd-file-link:hover { background: #f0f0f0; border-color: #ddd; color: var(--contrast-light); }
.pd-file-link svg { flex-shrink: 0; color: #999; }
.pd-file-link:hover svg { color: var(--contrast-light); }

/* Contact form in product page */
.contacts-form-product {
    margin-top: 12px;
    padding: 16px;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 8px;
}
.contacts-form-product .contacts-field { margin-bottom: 10px; }
.contacts-form-product .input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
}
.contacts-form-product textarea.input { min-height: 80px; resize: vertical; }

/* ========== PRODUCT PAGE RESPONSIVE ========== */
@media (max-width: 992px) {
    .pd-top { gap: 24px; padding: 20px 0; }
    .pd-title { font-size: 19px; }
    .pd-price-current { font-size: 26px; }
}

@media (max-width: 768px) {
    .pd-top {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 12px 0;
    }
    .pd-container { padding: 0 12px; }

    .pd-main-image { aspect-ratio: auto; max-height: 340px; }
    .pd-thumbnails { gap: 6px; }
    .pd-thumb { flex: 0 0 52px; width: 52px; height: 52px; }

    .pd-title { font-size: 17px; }

    .pd-pricing { padding: 12px; }
    .pd-price-row { flex-wrap: wrap; gap: 8px; }
    .pd-price-current { font-size: 24px; }
    .pd-price-current .pd-decimals { font-size: 14px; }
    .pd-price-current .pd-currency { font-size: 13px; }
    .pd-stock-badge { font-size: 11px; padding: 4px 10px; }

    .pd-actions { flex-direction: column; align-items: stretch; }
    .pd-quantity { justify-content: flex-start; }
    .pd-add-to-cart { justify-content: center; width: 100%; padding: 12px; font-size: 16px; }
    .pd-ask-info { justify-content: center; width: 100%; text-align: center; }

    .pd-description { font-size: 13px; }

    .pd-perk { font-size: 12px; }
    .pd-contact { font-size: 12px; gap: 6px; padding: 8px 12px; flex-direction: column; align-items: flex-start; }
    .pd-contact-links { gap: 8px; }

    .pd-modal { padding: 22px 18px; margin: 10px; }
    .pd-modal-title { font-size: 16px; }

    .pd-tab-nav { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .pd-tab-btn { padding: 10px 16px; font-size: 13px; white-space: nowrap; }
    .pd-specs-table td { padding: 8px; font-size: 13px; }
    .pd-spec-label { width: 45%; }
    .pd-file-link { padding: 8px 12px; font-size: 13px; }
}

@media (max-width: 480px) {
    .pd-title { font-size: 16px; }
    .pd-price-current { font-size: 22px; }
    .pd-price-current .pd-decimals { font-size: 13px; }
    .pd-pricing { padding: 10px; }
    .pd-thumb { flex: 0 0 46px; width: 46px; height: 46px; }
    .pd-tab-btn { padding: 10px 12px; font-size: 12px; }
    .pd-main-image { max-height: 260px; }
    .pd-price-details { font-size: 11px; }
}