@charset "UTF-8";

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



/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../fonts/fontello.svg?53182505#fontello') format('svg'); } } */

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }


/* '' */

.icon-phone:before { content: '\e801'; }



/* '' */

.icon-phone-1:before { content: '\e802'; }



/* '' */

.icon-check:before { content: '\e803'; }



/* '' */

.icon-ok:before { content: '\e804'; }



/* '' */

.icon-basket:before { content: '\e805'; }



/* '' */

.icon-cart:before { content: '\e806'; }



/* '' */

.icon-basket-1:before { content: '\e807'; }



/* '' */

.icon-heart-empty:before { content: '\e808'; }



/* '' */

.icon-check-empty:before { content: '\f096'; }



/* '' */

.icon-twitter:before { content: '\f099'; }



/* '' */

.icon-facebook:before { content: '\f09a'; }



/* '' */

.icon-pinterest-circled:before { content: '\f0d2'; }



/* '' */

.icon-ok-squared:before { content: '\f14a'; }



/* '' */

.icon-paper-plane:before { content: '\f1d8'; }



/* '' */

.icon-paper-plane-empty:before { content: '\f1d9'; }



/* '' */

.icon-gplus:before { content: '\f30f'; }



/* '' */

/**

Ion.RangeSlider, 2.3.1

© Denis Ineshin, 2010 - 2019, IonDen.com

Build date: 2019-12-19 16:51:02

*/

.irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; font-family: Arial, sans-serif; }



.irs-line { position: relative; display: block; overflow: hidden; outline: none !important; }



.irs-bar { position: absolute; display: block; left: 0; width: 0; }



.irs-shadow { position: absolute; display: none; left: 0; width: 0; }



.irs-handle { position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1; }



.irs-handle.type_last { z-index: 2; }



.irs-min, .irs-max { position: absolute; display: block; cursor: default; }



.irs-min { left: 0; }



.irs-max { right: 0; }



.irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; }



.irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; }



.irs-with-grid .irs-grid { display: block; }



.irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; }



.irs-grid-pol.small { height: 4px; }



.irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; }



.irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; }



.lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; }



.irs-disabled { opacity: 0.4; }



.irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; }



.irs--flat { height: 40px; }



.irs--flat.irs-with-grid { height: 60px; }



.irs--flat .irs-line { top: 25px; height: 12px; background-color: #e1e4e9; border-radius: 4px; }



.irs--flat .irs-bar { top: 25px; height: 12px; background-color: #ed5565; }



.irs--flat .irs-bar--single { border-radius: 4px 0 0 4px; }



.irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9; }



.irs--flat .irs-handle { top: 22px; width: 16px; height: 18px; background-color: transparent; }



.irs--flat .irs-handle > i:first-child { position: absolute; display: block; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: #da4453; }



.irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background-color: #e96034; }



.irs--flat .irs-min, .irs--flat .irs-max { top: 0; padding: 1px 3px; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px; }



.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: white; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #ed5565; border-radius: 4px; }



.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565; }



.irs--flat .irs-grid-pol { background-color: #e1e4e9; }



.irs--flat .irs-grid-text { color: #999; }



.irs--big { height: 55px; }



.irs--big.irs-with-grid { height: 70px; }



.irs--big .irs-line { top: 33px; height: 12px; background-color: white; background: linear-gradient(to bottom, #ddd -50%, white 150%); border: 1px solid #ccc; border-radius: 12px; }



.irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); }



.irs--big .irs-bar--single { border-radius: 12px 0 0 12px; }



.irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, 0.5); }



.irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #cbcfd5; background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white; border-radius: 30px; }



.irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, 0.45); background-color: #e96034; background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%); }



.irs--big .irs-min, .irs--big .irs-max { top: 0; padding: 1px 5px; color: white; text-shadow: none; background-color: #9f9f9f; border-radius: 3px; }



.irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { color: white; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); border-radius: 3px; }



.irs--big .irs-grid-pol { background-color: #428bca; }



.irs--big .irs-grid-text { color: #428bca; }



.irs--modern { height: 55px; }



.irs--modern.irs-with-grid { height: 55px; }



.irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px; }



.irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: linear-gradient(to bottom, #20b426 0%, #18891d 100%); }



.irs--modern .irs-bar--single { border-radius: 5px 0 0 5px; }



.irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, 0.5); }



.irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; }



.irs--modern .irs-handle > i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: white; transform: rotate(45deg); }



.irs--modern .irs-handle > i:nth-child(2) { position: absolute; display: block; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: linear-gradient(to bottom, white 0%, #e9e6e6 100%); border-radius: 0 0 3px 3px; }



.irs--modern .irs-handle > i:nth-child(3) { position: absolute; display: block; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1; }



.irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%); }



.irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) { border-color: #7685a2; }



.irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) { border-color: #48536a; }



.irs--modern .irs-min, .irs--modern .irs-max { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: white; background-color: #d1d6e0; border-radius: 5px; }



.irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: white; border-radius: 5px; }



.irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426; }



.irs--modern .irs-grid { height: 25px; }



.irs--modern .irs-grid-pol { background-color: #dedede; }



.irs--modern .irs-grid-text { color: silver; font-size: 13px; }



.irs--sharp { height: 50px; font-size: 12px; line-height: 1; }



.irs--sharp.irs-with-grid { height: 57px; }



.irs--sharp .irs-line { top: 30px; height: 2px; background-color: black; border-radius: 2px; }



.irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa; }



.irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px; }



.irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, 0.5); }



.irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2; }



.irs--sharp .irs-handle > i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2; }



.irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: black; }



.irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child { border-top-color: black; }



.irs--sharp .irs-min, .irs--sharp .irs-max { color: white; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: 0.4; background-color: #a804b2; border-radius: 2px; }



.irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: white; border-radius: 2px; }



.irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2; }



.irs--sharp .irs-grid { height: 25px; }



.irs--sharp .irs-grid-pol { background-color: #dedede; }



.irs--sharp .irs-grid-text { color: silver; font-size: 13px; }



.irs--round { height: 50px; }



.irs--round.irs-with-grid { height: 65px; }



.irs--round .irs-line { top: 36px; height: 4px; background-color: #aaa; border-radius: 4px; }



.irs--round .irs-bar { top: 36px; height: 4px; background-color: #e96034; }



.irs--round .irs-bar--single { border-radius: 4px 0 0 4px; }



.irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, 0.5); }



.irs--round .irs-handle { top: 31px; width: 14px; height: 14px; background-color: #e96034; border-radius: 14px; box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); }



.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #e96034; }



.irs--round .irs-min, .irs--round .irs-max { color: #e96034; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; border-radius: 4px; }



.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #e96034; color: white; border-radius: 4px; }



.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #777; }



.irs--round .irs-grid { height: 25px; }



.irs--round .irs-grid-pol { background-color: #dedede; }



.irs--round .irs-grid-text { color: silver; font-size: 13px; }



.irs--square { height: 50px; }



.irs--square.irs-with-grid { height: 60px; }



.irs--square .irs-line { top: 31px; height: 4px; background-color: #dedede; }



.irs--square .irs-bar { top: 31px; height: 4px; background-color: #e96034; }



.irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede; }



.irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid #e96034; background-color: white; transform: rotate(45deg); }



.irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #e96034; }



.irs--square .irs-min, .irs--square .irs-max { color: #e96034; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); }



.irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #e96034; color: white; }



.irs--square .irs-grid { height: 25px; }



.irs--square .irs-grid-pol { background-color: #dedede; }



.irs--square .irs-grid-text { color: silver; font-size: 11px; }



/* Slider */

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }



.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }



.slick-list:focus { outline: none; }



.slick-list.dragging { cursor: pointer; cursor: hand; }



.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); }



.slick-track { position: relative; top: 0; left: 0; display: block; }



.slick-track:before, .slick-track:after { display: table; content: ''; }



.slick-track:after { clear: both; }



.slick-loading .slick-track { visibility: hidden; }



.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }



[dir='rtl'] .slick-slide { float: right; }



.slick-slide img { display: block; }



.slick-slide.slick-loading img { display: none; }



.slick-slide.dragging img { pointer-events: none; }



.slick-initialized .slick-slide { display: block; }



.slick-loading .slick-slide { visibility: hidden; }



.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }



.slick-arrow.slick-hidden { display: none; }



/* Slider */

.slick-loading .slick-list { background: #fff url("../images/ajax-loader.gif") center center no-repeat; }



/* Icons */

/* Arrows */

.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; margin-top: -10px\9; /*lte IE 8*/ transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }



.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }



.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }



.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }



.slick-prev:before, .slick-next:before { font-family: "FontAwesome"; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }



.slick-prev { left: -25px; }



[dir='rtl'] .slick-prev { right: -25px; left: auto; }



.slick-prev:before { content: '←'; }



[dir='rtl'] .slick-prev:before { content: '→'; }



.slick-next { right: -25px; }



[dir='rtl'] .slick-next { right: auto; left: -25px; }



.slick-next:before { content: '→'; }



[dir='rtl'] .slick-next:before { content: '←'; }



/* Dots */

.slick-slider { margin-bottom: 30px; }



.slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }



.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 2px; padding: 0; cursor: pointer; }



.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }



.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }



.slick-dots li button:before { font-family: 'FontAwesome'; font-size: 12px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '\f111'; text-align: center; color: #9d9d9d; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }



.slick-dots li.slick-active button:before { color: #c6a133; }



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

/* 								Typography	 style 				*/

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

@font-face { font-family: 'Ubuntu'; src: url("../fonts/Ubuntu-Bold.eot"); src: url("../fonts/Ubuntu-Bold.woff2") format("woff2"), url("../fonts/Ubuntu-Bold.woff") format("woff"), url("../fonts/Ubuntu-Bold.ttf") format("truetype"), url("../fonts/Ubuntu-Bold.svg#Ubuntu-Bold") format("svg"), url("../fonts/Ubuntu-Bold.eot?#iefix") format("embedded-opentype"); font-weight: bold; font-style: normal; }



@font-face { font-family: 'Ubuntu'; src: url("../fonts/Ubuntu-Light.eot"); src: url("../fonts/Ubuntu-Light.woff2") format("woff2"), url("../fonts/Ubuntu-Light.woff") format("woff"), url("../fonts/Ubuntu-Light.ttf") format("truetype"), url("../fonts/Ubuntu-Light.svg#Ubuntu-Light") format("svg"), url("../fonts/Ubuntu-Light.eot?#iefix") format("embedded-opentype"); font-weight: 300; font-style: normal; }



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



@font-face { font-family: 'Ubuntu'; src: url("../fonts/Ubuntu-Medium.eot"); src: url("../fonts/Ubuntu-Medium.woff2") format("woff2"), url("../fonts/Ubuntu-Medium.woff") format("woff"), url("../fonts/Ubuntu-Medium.ttf") format("truetype"), url("../fonts/Ubuntu-Medium.svg#Ubuntu-Medium") format("svg"), url("../fonts/Ubuntu-Medium.eot?#iefix") format("embedded-opentype"); font-weight: 500; font-style: normal; }



html { font-size: 10px; }



body { font-size: 1.4rem; font-family: 'Ubuntu'; color: #404041; font-weight: 300; overflow-x: hidden;}



p { line-height: 1.2; }



h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: bold; margin-top: 0; margin-bottom: 15px; }



h1 span, .h1 span, h2 span, .h2 span, h3 span, .h3 span, h4 span, .h4 span, h5 span, .h5 span, h6 span, .h6 span { color: red; }



h1 { font-size: 3rem; }



h2 { font-size: 2.6rem; }



h3 { font-size: 2.2rem; }



h4, .h4 { font-size: 1.8rem; }



h5, .h5 { font-size: 1.6rem; }



h6, .h6 { font-size: 1.3rem; }



a { color: #000; }



strong, b { font-weight: bold; }



.heading { color: #000; text-transform: uppercase; margin-top:20px;}



.heading span { color: #e96034; }



h2.heading { font-size: 1.8rem; font-weight: 300; }



h3.heading { font-size: 1.6rem; font-weight: 300; }



a { color: red; }



.text-primary { color: #e96034 !important; }



.text-bold { font-weight: bold; }



.font-medium { font-weight: 500; }



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

/*								 	General Ui 									*/

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

.fl-left { float: left; }



.fl-right { float: right; }



.no-margin { margin: 0; }



.img-full { width: 100%; }

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



.form-group { margin-bottom: 10px; }

.form-control {
    background: transparent;
    font-size: 1.4rem;
    box-shadow: none;
    min-height: 40px;
    font-weight: normal;
    color: #000;
}

.form-control:focus {
    border-color: #777;
    box-shadow: none;
}

.form-control::placeholder {
    color: #aaa;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

label { font-size: 1.3rem; font-weight: normal; }



hr { border-top-color: #e4e4e4; }



.btn { padding: 6px 10px; outline: none !important; font-size: 1.3rem; transition: all 300ms; border-radius: 0; font-weight: 500; text-transform: uppercase; }



.btn:focus, .btn:hover, .btn:active, .btn:active:focus { outline: none; }


.btn-wide {
    display: inline-block;
    padding: 7px 15px;
    font-size: 12px;
    font-weight: 600;
    color: #e96034;
    border: none;
    border-radius: 5px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(233, 96, 52, 0.4);
}



.btn-lg { padding: 14px 40px; }



.form-control:focus { border-color: #6d678c; }



.btn-white { background: #fff; color: #e96034; }



.btn-white:hover, .btn-white:focus { color: #e96034; background: rgba(255, 255, 255, 0.8); }



.btn-link { color: #000; }



.btn-link:hover, .btn-link:focus { text-decoration: none; color: #000; }



.btn-default { background: #f3f2f2; border-color: #f3f2f2; color: #000; }



.btn-default:hover, .btn-default:focus, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { background: #dfdddd; border-color: #dedede; color: #000; }



.btn-primary {
    background: #e96034;!important;
    color: #fff;
    border-color: #e96034; !important;
}


.btn-danger { background: red; color: #fff; border-color: red; }



.btn-danger:hover, .btn-danger:focus, .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover { background: #cc0000; border-color: #cc0000; }



.btn-blank { color: #e96034; font-size: 1.6rem; background: transparent; border: 1px solid #50555b; padding: 5px 22px; }



.btn-blank:hover, .btn-blank:focus { background: #50555b; color: #fff; }



@media (max-width: 575px) { .col-xxs-12 { width: 100%; } }



.has-feedback { position: relative; }



.has-feedback .form-control { padding-right: 40px; }



.has-feedback .form-control-feedback { position: absolute; right: 0; top: 0; height: 100%; }

.icon-circle img {
    width: 37px;
    height: 37px;
}

.forgot_pass {
    color: #000;
    margin-right: 15px;
    font-size: 12px;
}

.forgot_pass:hover {
    text-decoration: none;
}

.form-group.password-toggle {
    position: relative;
}

.form-group.password-toggle input {
    width: 100%;
    padding-right: 2.5rem; /* lasă spațiu pentru iconiță */
}

 .toggle-pass {
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    cursor: pointer;
    color: #888;
    font-size: 1.2rem;
    z-index: 1;
}

.account .toggle-pass {
    top: 55%;
    font-size: 1.3rem;
}

.bg-primary { background: #e96034 !important; }



.bg-info { background: #393f7a !important; }



.bg-danger { background: red !important; }



.bg-grey { background: #f8f8f8 !important; }

.badge { font-size: 1.5rem; }

.badge-primary { background: #e96034; }

.badge-info { background: #393f7a; }

.badge-danger { background: red; }

.badge-warning { background: #f3bb3a; }

.badge-success { background: #2cca7e; }

.alert {
    border: none;
    border-radius: 3px;
    font-weight: 500;
    font-size: 1.3rem;
    padding: 10px 15px;
    margin-left: 15px;
}

.alert-success {
    background: #2cca7e;
    color: #fff;
    margin-left: 15px;
}

.tooltip {
    font-size: 1.2rem;
}

.tooltip-inner {
    padding: 5px;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #000 transparent transparent transparent;
    margin-top: -3px;
    margin-left: 3px;
    transform: translateY(-2px);
}

.checkbox {
    gap: 4px;
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
}

.checkbox input[type="checkbox"]{
    appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #999;
    border-radius: 4px;
    outline: none;
    transition: all 0.25s ease-in-out;
    position: relative;
    margin-right: 5px;
    background-color: #fff;
}
.checkbox input[type="checkbox"]:checked {
    border-color: #e96034;
    background-color: #e96034;
}

.checkbox input[type="checkbox"]:checked::after {
    content: '✓';
    position: absolute;
    color: #fff;
    font-size: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.checkbox label {
    align-items: center;
    position: relative;
    cursor: pointer;
    font-size: 13px;
    margin-bottom: 0;
}

.checkbox label:before,
.checkbox label:after {
    top: 50%;
    transform: translateY(-50%);
}

.boxaccount .checkbox label a {
    text-decoration: underline;
    font-size: 13px;
    margin: 0 2px;
    line-height: 1.2;
    vertical-align: middle;
}

.flash-only-page {
    max-width: 600px;
    margin: 80px auto;
    padding: 40px 30px;
    background-color: #fdfdfd;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    text-align: center;
}

.flash-only-page .alert {
    font-size: 14px;
    line-height: 1.6;
    padding: 20px 25px;
    border-radius: 6px;
    margin-bottom: 20px;
}

#resendActivationEmail {
    color: #0c5460;
}

#resendActivationEmail:hover {
    color: #e96034;
}

.dropdown-menu { font-size: 1.4rem; }



.dropdown-header { font-size: 1.4rem; }



.dropdown-item { padding: 5px 12px; }



.breadcrumb { background: none; margin-bottom: 0; }



.breadcrumb-item { font-weight: normal; font-size: 1.3rem; }



.breadcrumb-item a { color: #000; }



.breadcrumb-item + .breadcrumb-item::before { content: '\f105'; line-height: 1.5 !important; }



.breadcrumb-item.active { color: #e96034; }



.mt-5 { margin-top: 5px; }



.mt-10 { margin-top: 10px; }



.mt-15 { margin-top: 15px; }



.mt-20 { margin-top: 20px !important; }



.mt-30 { margin-top: 30px !important; }



.mb-10 { margin-bottom: 10px; }



.mb-20 { margin-bottom: 20px !important; }



.mb-15 { margin-bottom: 15px; }



.mb-25 { margin-bottom: 25px; }



.mb-30 { margin-bottom: 30px; }



.mb-40 { margin-bottom: 40px; }



.mb-45 { margin-bottom: 45px; }



.mb-50 { margin-bottom: 50px !important; }



.mb-60 { margin-bottom: 60px; }



.mb-70 { margin-bottom: 70px; }



.mb-80 { margin-bottom: 80px; }



.mt-40 { margin-top: 40px; }



.mt-50 { margin-top: 50px; }



.pr-0 { padding-right: 0; }



.mr-10 { margin-right: 10px; }



.mb-100 { margin-bottom: 100px; }



.pb-15 { padding-bottom: 15px; }



.px-6 { padding-left: 3.5rem; padding-right: 3.5rem; }



.py-7 { padding-top: 4.5rem; padding-bottom: 4.5rem; }



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



/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*

@media screen and (-webkit-min-device-pixel-ratio:0) {

  @font-face {

    font-family: 'fontello';

    src: url('../font/fontello.svg?8522037#fontello') format('svg');

  }

}

*/

[class^="icon-"]:before, [class*=" icon-"]:before, .fontello, .checkbox label:after, .breadcrumb-item + .breadcrumb-item::before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }


/* '' */

.icon-phone:before { content: '\e801'; }



/* '' */

.icon-phone-1:before { content: '\e802'; }



/* '' */

.icon-check:before { content: '\e803'; }



/* '' */

.icon-ok:before { content: '\e804'; }



/* '' */

.icon-basket:before { content: '\e805'; }



/* '' */

.icon-cart:before { content: '\e806'; }



/* '' */

.icon-basket-1:before { content: '\e807'; }



/* '' */

.icon-heart-empty:before { content: '\e808'; }



/* '' */

.icon-star:before { content: '\e809'; }



/* '' */

.icon-star-empty:before { content: '\e80a'; }



/* '' */

.icon-star-half:before { content: '\e80b'; }



/* '' */

.icon-warning-empty:before { content: '\e80c'; }



/* '' */

.icon-warning:before { content: '\e80d'; }



/* '' */

.icon-right-open:before { content: '\e80e'; }



/* '' */

.icon-fast-fw:before { content: '\e80f'; }



/* '' */

.icon-fast-fw-1:before { content: '\e810'; }



/* '' */

.icon-check-empty:before { content: '\f096'; }



/* '' */

.icon-twitter:before { content: '\f099'; }



/* '' */

.icon-facebook:before {
    content: '\f09a';
    color: #007aff;
}



/* '' */

.icon-pinterest-circled:before { content: '\f0d2'; }



/* '' */

.icon-angle-right:before { content: '\f105'; }



/* '' */

.icon-star-half-alt:before { content: '\f123'; }



/* '' */

.icon-ok-squared:before { content: '\f14a'; }



/* '' */

.icon-paper-plane:before { content: '\f1d8'; }



/* '' */

.icon-paper-plane-empty:before { content: '\f1d9'; }



/* '' */

.icon-gplus:before { content: '\f30f'; }

/* '' */

main a:hover, main a:focus {
    color: #e96034;
}

.search-form {
    font-family: Open Sans, Helvetica, Arial, sans-serif;
}

.search-form .search-input .form-control {
    min-height: 36px;
    font-size: 14px;
    border-radius: 4px;
    padding-left: 10px;
}

.search-form  .search-input .icon-search:before {
    content: "\e666";
}

.search-form  .search-input .search-button {
    color: #999;
    font-size: 20px;
    top: -4px;
}

.header__top__list { list-style-type: none; padding-left: 0; margin-bottom: 0; text-align: right;}

.header__top__list li { display: inline-block;  font-size: 13px;}

.header__top__list li + li { margin-left: 30px; }

.header__top__list li a:hover, .header__top__list li a:focus { color: #e96034; }

.header__top { padding-top: 35px; padding-bottom: 10px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.header__top .logo { display: block; }

.logo-mobile {
    display: none;
}

.logo-desktop {
    display: block;
}

.logo-desktop img {
    height: 50px;
}

a { color: #404041; }

.categories-dropdown {
    position: absolute;
    top: 124%;
    left: -16px;
    width: 100%;
    z-index: 999;
    display: none;
}

.categories-dropdown.active {
    display: flex;
}

.categories-toggler i {
    transition: transform 0.5s ease;
}

.categories-toggler.active i {
    transform: rotate(180deg);
}

.categories {
    background-color: #f2f2f2;
    width: 298px;
    overflow: auto;
    padding: 0;
    box-shadow: 0 8px 12px -4px rgba(0,0,0,0.25);
    height: 28vw;
}

.icon-category {
    width: 35px;
    height: auto;
    margin-right: 6px;
    vertical-align: middle;
    color: #e96034;
}

.category-item:last-child {
    box-shadow: none;
}

.categories-list {
    list-style: none;
    margin: 5px 0;
    padding: 0;
}

.category-item {
    padding: 0 5px;
    cursor: pointer;
    font-size: 14px;
    box-shadow: 0 1px 0 0 #e6e6e6;
}

.category-item a {
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 2px 1px;
    position: relative;
    width: 100%;
}

.category-item a:hover {
    color: #e96034;
    text-decoration: none;
}

.category-item:hover {
    color: #e96034;
    text-decoration: none;
    box-shadow:
        inset 0 1px 2px rgba(0,0,0,0.06),
        inset 0 -1px 2px rgba(0,0,0,0.06);
}

.category-item.active {
    background-color: #fff;
    position: relative;
    z-index: 2;
}

.category-item.active::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #e96034;
    font-size: 18px;
}

.subcategories-box {
    position: absolute;
    top: 0;
    left: 220px;
    right: 0;
    width: 850px;
    border-left: 1px solid #eee;
    box-sizing: border-box;
    z-index: 100;
    min-height: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: auto;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    background: #fff;
    display: none;
    padding: 10px;
    box-shadow:
            0 -4px 6px -4px rgba(0,0,0,0.08),
            0 4px 6px -4px rgba(0,0,0,0.08),
            4px 0 6px -4px rgba(0,0,0,0.08);
}

.subcategories-box.active {
    opacity: 1;
    visibility: visible;
    position: static;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    align-items: start;
}

.subcategory-group {
    box-sizing: border-box;
}

.subcategory-title a {
    font-weight: bold;
    color: #e96034;
    font-size: 13px;
    text-transform: uppercase;
}

.sub-subcategories {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sub-subcategories li {
    padding: 4px 0;
    margin: 0;
}

.sub-subcategories li a {
    display: block;
    color: #444;
    text-decoration: none;
    font-size: 13px;
    padding-left: 0;
}

.sub-subcategories li a:hover {
    color: #e96034;
}

.subcategory-title a:hover {
    color: #e96034;
    text-decoration: none;
}

.menu-options {
    margin-bottom: 24px;
    min-width: 250px;
    margin-top: 30px;
    .row {
        margin: 0;
    }
    .menu-card {
        background-color: #fff;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .09), 0 2px 30px 0 rgba(0, 0, 0, .09);
        padding: 0 0 16px;
    }
    .user-info {
        margin-bottom: 16px;
        padding: 10px;
        border-bottom: 1px solid #e6e6e6;
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        display: block;
        width: 100%;
    }
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        li {
            margin-bottom: 2px;
            padding: 8px 0;
            position: relative;
            a {
                display: block;
                position: relative;
                text-decoration-line: none;
            }
        }
        .account-content {
            padding: 0 10px;
            p {
                margin: 0;
                line-height: 1;
            }
        }
        .account-content img {
            height: 25px;
            width: 25px;
            margin-right: 5px;
        }
    }
}
.btn-address {
    font-size: 9px!important;
}
.tips-list {
    margin: 0;
    padding: 0;
}
.tips-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .menu-options {
        min-width: 220px;
    }
}

@media (max-width: 768px) {
    .logo-mobile {
        display: block;
    }
    .logo-mobile img {
        height: 65px;
    }
    .mobile {
        padding-left: 0;
    }

    .logo-desktop {
        display: none;
    }
    .product {
        margin-bottom: 0!important;
        padding: 35px 15px 10px!important;
    }
    .mobile-tabbar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 60px;
        background: #fff;
        border-top: 1px solid #ddd;
        display: flex;
        justify-content: space-around;
        align-items: center;
        box-shadow: 0 -2px 6px rgba(0,0,0,0.05);
        z-index: 1000;
    }
    .mobile-tabbar .tab-item {
        flex: 1;
        text-align: center;
        text-decoration: none;
        color: #333;
        font-size: 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .mobile-tabbar .tab-item img {
        width: 24px;
        height: 24px;
        margin-bottom: 4px;
    }
    .mobile-tabbar .tab-item.active {
        color: #e96034;
        font-weight: bold;
    }
    .mobile-tabbar img {
        height: 25px;
        width: 25px;
    }
    .menu-options {
        width: 100%;
        padding-left: 15px !important;
        padding-right: 17px !important;
        margin-bottom: 0;
    }

    .menu-options .user-info {
        padding-left: 15px;
    }

    .menu-options .menu-card ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        padding: 0 15px;
    }

    .menu-options .menu-card ul li {
        list-style: none;
        padding: 0;
    }

    .menu-options .menu-card ul .menu-link {
        background-color: #f9f9f9;
        border-radius: 6px;
        text-align: center;
        font-size: 10px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05);
        transition: background 0.2s ease;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .menu-options .menu-card ul .menu-link:hover {
        background-color: #f0f0f0;
    }

    .menu-options .menu-card ul .account-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .menu-options .menu-card ul .account-content img {
        width: 34px;
        height: 34px;
        margin-bottom: 6px;
    }

    .menu-options .menu-card ul .account-content .account-icon,
    .menu-options .menu-card ul .account-content i {
        display: none;
    }

    .menu-options .menu-card ul .account-content .account-label {
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .menu-options .menu-card ul .account-content .account-label p,
    .menu-options .menu-card ul .account-content p {
        font-size: 13px;
        margin: 0;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: bold;
    }

    .categories-dropdown {
        position: static;
        width: 100%;
    }

    .categories,
    .subcategories-box {
        width: 100%;
        box-shadow: none;
        border: none;
    }

    .categories.active {
        display: block;
        height: 100%;
    }

    .categories.hidden {
        display: none;
    }

    .subcategories-box.active {
        display: block;
    }

    .subcategories-box.hidden {
        display: none;
    }

    .back-to-categories {
        display: inline-block;
        font-weight: bold;
        cursor: pointer;
        margin-bottom: 10px;
        font-size: 13px;
    }

    .account-details {
        padding: 15px !important;
    }

    #accountMenu {
        display: block;
    }

    #accountContent {
        display: none;
    }

    #backToMenu {
        display: block;
    }

    .account-card {
        width: auto;
    }

    .account-wrapper {
        margin: 0;
        display: flex;
        align-items: stretch;
    }

    .quantity-wrapper {
        display: none;
    }

    .categories-dropdown {
        position: absolute;
        top: 124%;
        left: 0;
        z-index: 999;
        width: 100%;
    }

    .main-nav .navbar {
        flex-wrap: nowrap;
    }

    .navbar .d-flex.align-items-center {
        justify-content: flex-end;
    }

    .navbar-brand.categories-toggler {
        font-size: 14px;
    }

    .navbar-nav {
        margin: 0!important;
        white-space: nowrap;
    }
    .btn.tel {
        font-size: 14px;
        padding: 0;
        margin: 0;
        white-space: nowrap;
    }
    .category-item {
        padding-left: 15px;
    }
    .category-item::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        content: "\f105";
        position: absolute;
        transform: translateY(25%);
        color: #e96034;
        font-size: 18px;
        right: 6%;
    }
}

.menu-options,
.account-card {
    display: flex;
    flex-direction: column;
}

.account-details {
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .09), 0 2px 30px 0 rgba(0, 0, 0, .09);
    flex: 1;
    padding: 16px 20px 16px 22px;
    .alert-success {
        padding: 10px 5px;
        margin: 0;
    }
    .account-form {
        width: 100%;
        padding: 0 15px;
    }
    .account-form input:not([type="checkbox"]):not([type="radio"]) {
        width: 100%;
        margin-bottom: 15px;
        border: 1px solid #ddd;
        font-size: 14px;
        transition: border-color 0.3s;
    }
    #membri_email {
        background-color: #f9f9f9;
        font-weight: 500;
        color: #555;
    }
    .account-form input:not(#membri_email):focus,
    .account-form select:focus,
    .account-form textarea:focus {
        outline: none;
        transition: border-color 0.25s ease-in-out;
        box-shadow: none;
    }
    .form-group {
        position: relative;
        margin-bottom: 5px;
        label {
            color: #999;
            transition: 0.2s;
            pointer-events: none;
            font-size: 12px;
        }
    }
    legend {
        color: #e96034;
        font-size: 17px;
    }
    form.submitted {
        animation: pulseForm 0.4s ease-in-out;
    }
    @keyframes pulseForm {
        0% { transform: scale(1); }
        50% { transform: scale(1.02); }
        100% { transform: scale(1); }
    }
}

#addressFrom {
    padding: 0 15px;
}

.modal-header {
    padding: 1rem 3rem;
}

.modal-body {
    padding: 1rem 3rem;
}

.menu-link.active {
    color: #e96034;
}

.close-btn {
    border: none;
    background: white;
}

.quantity {
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #333;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    appearance: none;
}

.submit-button.secondary {
    background-color: #6c757d;
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.4);
    margin-right: 15px;
}

.submit-button.secondary:hover {
    background-color: #5a6268;
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.4);
    transform: translateY(-2px);
    filter: brightness(0.95);
}

.submit-button {
    display: inline-block;
    padding: 7px 15px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border: none;
    border-radius: 5px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    cursor: pointer;
    background-color: #e96034;!important;
    box-shadow: 0 4px 12px rgba(233, 96, 52, 0.4);
}

.submit-button:hover {
    background-color: #e96034;
    box-shadow: 0 4px 12px rgba(233, 96, 52, 0.4);
    transform: translateY(-2px);
    filter: brightness(0.95);
    color: white;
    text-decoration: none!important;
}

.submit-button:active {
    background-color: #e96034!important;
    border:  #e96034!important;
    box-shadow: 0 4px 12px rgba(233, 96, 52, 0.4)!important;
}

.submit-button:focus {
    background-color: #e96034!important;
    border:  #e96034!important;
    box-shadow: 0 4px 12px rgba(233, 96, 52, 0.4)!important;
    color: white;
}

.submit-button.large {
    padding: 12px 22px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}
.submit-button.large:hover {
    text-decoration: none;
}

.wishlist-button {
    font-size: 13px!important;
    font-weight: 700;
    border: none;
    border-radius: 5px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(233, 96, 52, 0.4);
    background-color: #fff;
    color: #e96034;
    margin-left: auto;
    white-space: nowrap;
}

.wishlist-button:hover {
    box-shadow: 0 4px 12px rgba(233, 96, 52, 0.4);
    transform: translateY(-2px);
    color: #e96034;
    background-color: #fff;
}

.wishlist-button .icon {
    font-size: 13px;
    line-height: 1;
}

@keyframes wishlistPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.15); }
    100% { transform: scale(1); }
}


.product-buttons {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 20px;
    .wishlist-button {
        display: block!important;
    }
}

.product-action {
    font-size: 1.2rem;
    width: 190px;
    height: 50px;
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: 600;
}

.add-to-cart {
    order: 1;
}

.add-favorite {
    order: 2;
}

.text-content {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.3s ease;
    font-size: 1rem;
    line-height: 1.5;
}

.text-content.expanded {
    -webkit-line-clamp: unset;
    max-height: none;
}

.toggle-btn {
    background-color: transparent;
    border: none;
    color: #e96034;
    font-weight: 600;
    cursor: pointer;
    margin-top: 8px;
}

#tab1 p {
    margin: 0;
    padding: 7px 0;
    font-size: 12px;
    line-height: 1.6;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#tab1 p strong {
    display: inline-block;
    min-width: 220px;
    font-size: 13px;
}
#tab2 p {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    font-weight: 400;
    font-size: 13px;
}

.specs-box {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    max-width: 1175px;
    margin: 0 auto;
}

@media (max-width: 991px) and (min-width: 769px) {
    .submit-button.large {
        font-size: 11px;
        padding: 0;
    }
    .product-buttons {
        .wishlist-button {
            font-size: 12px;
            padding: 0;
            display: flex!important;
        }
    }
    .qty-btn {
        font-size: 1.2rem!important;
        padding: 4px 8px!important;
    }

    .qty-control input[type="number"] {
        width: 30px!important;
    }
    .categories-dropdown {
        left: -97px;
        width: 100vw;
    }
    .categories {
        width: 41vw;
        height: 100%;
    }
    .subcategories-box.active {
        position: relative;
        left: 0;
        right: 0;
        gap: 3;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }
}

.display-flex-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex: 1 0 15em;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

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

.dropdown-menu {
    display: none;
}
.main-nav {
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    padding: 8px 0;
    position: relative;
    z-index: 1000;
}

.main-nav .navbar {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar-brand,
.navbar-nav .nav-link {
    text-transform: uppercase;
    color: #444;
    padding-left: 3px;
    font-size: 1.3rem;
    font-weight: 800;
    transition: 200ms all;
    border-radius: 0 !important;
}

.navbar-brand {
    font-size: 14px;
    display: flex;
    align-items: center;
}

.navbar-nav .nav-link {
    position: relative;
    font-size: 1.3rem;
    padding: 6px 10px !important;
    transition: color 0.3s ease;
}

.navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 0;
    background-color: #e96034;
    transition: width 0.3s ease;
}

.navbar-nav .nav-link:hover {
    color: #e96034;
}

.navbar-nav .nav-link:hover::after {
    width: 100%;
}

.navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0%;
    background-color: #e96034;
    transition: width 0.3s ease-in-out;
}

.navbar-brand:hover {
    color: #e96034;
}

.text-bold {
    font-weight: bold;
}

.tel {
    margin-left: 15px;
    font-weight: bold;
    padding: 6px 10px;
}

.tel:hover {
    background: #ddd;
}

@media (max-width: 991px) { .header__top { padding-top: 10px; padding-bottom: 0; } }

@media (min-width: 992px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    .dropdown:hover .nav-link {
        color: #e96034;
    }
}

@media (max-width: 991px) { .hidden-mobile { display: none; } }



@media (max-width: 767px) { .search-form-wrap { -ms-flex-order: 15; order: 15; } }



@media (min-width: 992px) { .sidebar-toggle { display: none; } }



.banner { position: relative; }



.banner__img { width: 100%; height: auto; }



.banner__content { position: absolute; top: 68%; left: 0; right: 0; transform: translateY(-50%); color: #fff; }



.banner__title { text-shadow: 0 0 6px black; font-size: 4rem; }



@media (max-width: 991px) { .banner__title { font-size: 2rem; } }



.section { padding-top: 55px; padding-bottom: 55px; }



.product-section { margin-bottom: 45px; }



.product-section:hover .product-section__title a, .product-section:focus .product-section__title a { color: #e96034; transition: all 0.3s ease-in-out; }



.product-section:hover .product-section__img, .product-section:focus .product-section__img { box-shadow: 0 0 6px #777; }



.product-section__title { font-size: 1.4rem; text-align: center; }



.product-section__img { display: block; transition: all 0.3s ease-in-out; }



.news { color: #fff; font-size: 1.4rem; }



.news p { line-height: 1.5; margin-bottom: 20px; }



.newsletter-form { padding: 52px 75px 55px 110px; }



.newsletter-form legend { font-size: 3.6rem; text-transform: uppercase; }



.newsletter-form .has-feedback .form-control { border: none; background: #fff; height: 50px; box-shadow: 0 1px 2px #ccc; padding-left: 40px; }



.newsletter-form .has-feedback .form-control.is-invalid { border:1px solid #dc3545; }



.newsletter-form .has-feedback .form-control:focus { box-shadow: 0 1px 3px #999; }



.newsletter-form .has-feedback .form-control-feedback { font-size: 1.8rem; }



@media (max-width: 991px) { .newsletter-form { padding: 30px; text-align: center; } }



.site-footer { background: #f8f8f6; text-align: center; padding-top: 40px; }



.site-footer .cards { padding: 22px; background: #fff; }



.social-links { list-style: none; padding-left: 0; margin-bottom: 20px; }



.social-links li { display: inline-block; }



.social-links li a { display: block; color: #ccc; font-size: 1.6rem; }



.social-links li a:hover, .social-links li a:focus { color: #e96034; }



.footer-menu { list-style: none; padding-left: 0; display: inline-block; border-bottom: 1px solid #ededeb; margin-bottom: 30px; }



.footer-menu li { display: inline-block; }



.footer-menu li a { display: block; padding: 6px 28px; font-size: 1.2rem; text-transform: uppercase; }



.footer-menu li a:hover, .footer-menu li a:focus { color: #e96034; text-decoration: none; }



.footer-menu li.active a { color: #e96034; text-decoration: none; }



.copyright { font-size: 1.2rem; margin-bottom: 25px; }



.desingBy, .desingBy:hover, .desingBy:focus { color: #c84548; }



.widget-categories__list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.widget-categories__list li {
    margin-bottom: 5px;
    font-size: 1.3rem;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
    padding-left: 10px;
}

.widget-categories__list li a {
    color: #555;
    text-decoration: none;
    display: block;
    padding: 5px 0;
}

.widget-categories__list li.active,
.widget-categories__list li:hover {
    border-left: 3px solid #e96034;
    color: #e96034;
    background: rgba(233,96,52,0.05);
    border-radius: 4px;
}

.widget-filter {
    background: #f9f9f9;
    border-radius: 10px;
    padding: 20px;
    margin-top: 30px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.widget-filter .checkbox,
.widget-filter .radio {
    margin-bottom: 5px;
}

.widget-filter input[type="checkbox"],
.widget-filter input[type="radio"] {
    accent-color: #e96034;
    cursor: pointer;
}

.js-range-slider {
    margin-bottom: 20px;
}


/*.widget-categories { padding: 30px 13px; background: #f6f6f6; }*/



.divider { border-top: 1px solid #e3e2e2; margin-top: 5px; margin-bottom: 10px; }



.widget { margin-bottom: 20px; }



.widget__title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #333;
    text-transform: uppercase;
}



.widget-filter { padding-left: 4px; padding-right: 4px; }



.product { margin-left: -1px; margin-bottom: -1px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: start; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 50px 15px 35px; position: relative; }



.product .price { margin-left: auto; margin-right: auto; }



.product .price del { font-size: 1.2rem; }



.product .add-to-cart { margin-left: auto; margin-right: auto; }



.product:hover, .product:focus { border-color: #cbc8c5; z-index: 1; box-shadow: 0 0 3px #ccc; }

.ribbon {
    text-align: center;
    position: absolute;
    background-repeat: no-repeat;
    width: 45px;
    height: 30px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    padding-top: 6px;
    top: 14px;
    left: 0;
    z-index: 2;
    background-color: red;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 12px;
}

.news-section {
    margin-top: 3rem;
}

.ribbon-nou {
    position: absolute;
    width: 35px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/ribbon-nou.png);
}

.product__img { margin-bottom: auto; margin-left: auto; margin-right: auto; max-width: 100%; height: auto; }



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



.product__title { margin-top: 45px; font-size: 1.4rem; font-weight: normal; width: 100%; margin-bottom: 5px; }



.product__title a:hover, .product__title a:focus { color: #e96034; }



.product__category-title { margin-top: 50px; font-weight: bold; text-decoration: underline; font-size: 1.3rem; width: 100%; }



.product__category-title a:hover, .product__category-title a:focus { color: #e96034; }


.add-to-cart span { color: #e96034; text-decoration: underline; }



.add-to-cart:hover, .add-to-cart:focus { text-decoration: underline; }



.dropdown-sort .btn { font-size: 1.3rem; font-weight: bold; text-transform: capitalize; }



.pagination { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -ms-flex-align: center; align-items: center; }



.pagination .pages { list-style: none; margin-bottom: 0; padding-left: 0; }



.pagination .pages li { display: inline-block; }



.pagination .pages li a { display: block; height: 18px; min-width: 18px; border: 1px solid transparent; text-align: center; font-size: 1.2rem; }



.pagination .pages li a:hover, .pagination .pages li a:focus { text-decoration: none; border-color: #000; color: #000; }



.pagination .pages li.active a { border-color: #000; }



.pagination .btn-prev, .pagination .btn-next { font-size: 1.2rem; }



.pagination .btn-prev:hover, .pagination .btn-prev:focus, .pagination .btn-next:hover, .pagination .btn-next:focus { text-decoration: underline; }

.sidebar {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

.sidebar-toggle {
    display: none;
    background: #e96034;
    color: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 6px;
    font-weight: 600;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.sidebar-toggle:hover {
    background: #f0774d;
}

@media (max-width: 991px) { .sidebar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 20; background: #fff; box-shadow: 1px 0 4px #888; padding-right: 2px; padding-left: 0; width: 300px; max-width: 300px; transform: translateX(-100%); transition: transform 300ms ease; }

  .sidebar .sidebar-toggle { display: block; position: absolute; left: 100%; top: 145px; border: 1px solid #ddd; box-shadow: none; }

  .sidebar .sidebar__inner { height: 100vH; overflow-y: auto; padding-right: 20px; padding-left: 20px; /* width */ /* Track */ /* Handle */ /* Handle on hover */ }

  .sidebar .sidebar__inner::-webkit-scrollbar { width: 5px; }

  .sidebar .sidebar__inner::-webkit-scrollbar-track { background: #f1f1f1; }

  .sidebar .sidebar__inner::-webkit-scrollbar-thumb { background: #888; border-radius: 3px; }

  .sidebar .sidebar__inner::-webkit-scrollbar-thumb:hover { background: #555; }

  .sidebar.sidebar-open { transform: translateX(0); } }

@media (max-width: 991px) { .content { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

.backdrop { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: none; z-index: 20; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.5); }

body.sidebar-open .backdrop { display: block; }

.product-single-title {
    text-transform: uppercase;
    font-size: 1.7rem;
    margin-bottom: 10px;
}

.product-show {
    margin-bottom: 30px;
}

.product-show .product {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.product-show .slick-slider {
    margin: 10px 10px 10px 0;
    border: 1px solid #eee;
    border-radius: 2px;
}

.product-nav {
    border: none !important;
}

.product-show .price { font-size: 20px; }

.product-show .price small { font-size: 12px; }

.product-show .product__extra { position: absolute; top: 25px; right: 0; z-index: 2; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }

.product-nav { margin-left: -8px; margin-right: -8px; }

.product-nav .product {
    padding: 5px;
    width: auto !important;
    border: 1px solid #eee;
    margin-right: 10px;
    margin-left: 0;
    border-radius: 2px;
}

.product-nav .product:hover, .product-nav .product:focus { box-shadow: none; }

.product-photo .product { max-width: 100%; }

.product-photo .product .product-image { min-height: 265px; }

.product-image { margin-bottom: 0; }

.product-image img { max-width: 100%; height: auto; margin-left: auto; margin-right: auto; }

.product-nav img { height: 120px; cursor:pointer}

.slick-slide { outline: none !important; }

.product-info .price {
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #e96034;
}

.ml-auto {
    margin-left: auto;
}

.quantity-wrapper {
    display: flex;
    align-items: center;
}

.quantity-wrapper.mobile {
    display: none;
}

.favorites-buttons.mobile {
    display: none;
}

.qty-control {
    display: inline-flex;
    align-items: center;
    border: 1px solid #e96034;
    border-radius: 6px;
    overflow: hidden;
}

.qty-btn {
    background-color: #fff;
    color: #e96034;
    font-size: 1.4rem;
    padding: 6px 12px;
    border: none;
    cursor: pointer;
    font-weight: bold;
}

.qty-btn:hover {
    background-color: #e96034;
    color: #fff;
}

.qty-control input[type="number"] {
    text-align: center;
    border: none;
    font-weight: 600;
    width: 40px;
    font-size: 12px;
}

.quantity-wrapper label {
    margin-right: 5px;
    margin-top: 5px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-spinner:focus {
    outline: none;
    border-color: transparent;
    box-shadow: none;
}

.product-info .price del { font-weight: 300; }

.product-info .divider {
    height: 2px;
    width: 50px;
    background-color: #e96034;
    margin: 10px 0 20px 0;
    border-radius: 2px;
}

.product-info .measurement {
    font-weight: normal;
    margin-top: 5px;
}

.product-info .add-card:after, .product-info .add-favorite:after { display: table; content: ''; clear: both; }

.lh-1 { line-height: 1; }

.rating { font-size: 1.6rem; }

.rating.rating-sm { font-size: 2rem; }

.rating .icon-star { color: #c7c7c7; }

.rating .icon-star:before { margin-left: 0; margin-right: 0; width: auto; }

.rating[data-rating="1"] .icon-star:nth-child(1) { color: #f3bb3a; }

.rating[data-rating="2"] .icon-star:nth-child(1) { color: #f3bb3a; }

.rating[data-rating="2"] .icon-star:nth-child(2) { color: #f3bb3a; }



.rating[data-rating="3"] .icon-star:nth-child(1) { color: #f3bb3a; }



.rating[data-rating="3"] .icon-star:nth-child(2) { color: #f3bb3a; }



.rating[data-rating="3"] .icon-star:nth-child(3) { color: #f3bb3a; }



.rating[data-rating="4"] .icon-star:nth-child(1) { color: #f3bb3a; }



.rating[data-rating="4"] .icon-star:nth-child(2) { color: #f3bb3a; }



.rating[data-rating="4"] .icon-star:nth-child(3) { color: #f3bb3a; }



.rating[data-rating="4"] .icon-star:nth-child(4) { color: #f3bb3a; }



.rating[data-rating="5"] .icon-star:nth-child(1) { color: #f3bb3a; }



.rating[data-rating="5"] .icon-star:nth-child(2) { color: #f3bb3a; }



.rating[data-rating="5"] .icon-star:nth-child(3) { color: #f3bb3a; }



.rating[data-rating="5"] .icon-star:nth-child(4) { color: #f3bb3a; }



.rating[data-rating="5"] .icon-star:nth-child(5) { color: #f3bb3a; }



.list-ps { list-style: none; padding-left: 20px; font-weight: 400; }



.list { list-style-position: inside; padding-left: 0; }



.nav-tabs { font-weight: 400; }



.nav-tabs li a { font-size: 1.6rem; text-transform: uppercase; }

.nav-tabs li a:hover, .nav-tabs li a:focus { color: #000; }

.nav-tabs .nav-link { border-radius: 2px !important; padding: 8px 24px; }

.nav-tabs .nav-link.active { color: #e96034; }

@media (max-width: 767px) { .nav-tabs .nav-link { padding: 5px 10px; font-size: 1.3rem; } }

.table { font-size: 1.3rem; }

.table td, .table th { border: none; padding: 5px 7px; }

.similar-product { margin-left: 0; margin-right: 0; }

.product { cursor:pointer; margin-bottom: 20px }

.other-products {
    background: #f9f9f9;
    padding-top: 3rem;
}

.swiper-wrapper-container {
    max-width: 1150px;
    position: relative;
    overflow: visible;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.swiper-slide {
    display: flex!important;
    justify-content: center;
}
.product-card:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.product-card {
    background: #fff;
    border-radius: 4px;
    width: 100%;
    min-height: 375px!important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    .submit-button {
        width: 100%;
    }
    .product-title {
        padding: 0 8px;
        margin-top: 40px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .product-price {
        padding: 0 8px 15px 8px;
        font-size: 18px;
        color: #e96034;
        margin-top: auto;
    }
    .product-image {
        img {
            width: 100%;
            height: 180px;
            object-fit: contain;
            border-radius: 6px;
            margin-top: 5px;
        }
        .wishlist-button {
            position: absolute;
            top: 8px;
            right: 20px;
            color: #e96034;
            border: none;
            border-radius: 50%;
            padding: 5px;
            cursor: pointer;
            z-index: 2;
            box-shadow: none;
        }
        .wishlist-button .icon {
            font-size: 17px;
            color: #e96034;
        }
        .wishlist-button.is-favorite {
            background: linear-gradient(135deg, #e96034, #ff8a50);
            color: #fff; /* icon alb */
            box-shadow: 0 0 8px rgba(255, 111, 97, 0.6);
            transition: all 0.3s ease;
        }

        .wishlist-button.is-favorite .icon {
            color: #fff;
        }

        .wishlist-button.pulse {
            animation: wishlistPulse 0.3s ease;
        }

        @keyframes wishlistPulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.2); }
            100% { transform: scale(1); }
        }
    }
}

.swiper-button-next {
    right: -50px!important;
}

.swiper-button-prev {
    left: -50px!important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 25px!important;
    color: #e96034;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute!important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 32px!important;
    height: 32px!important;
    z-index: 10;
}

.swiper-button-disabled {
    display: none!important;
}

@media (min-width: 1070px) and (max-width: 1230px) {
    .swiper-wrapper-container {
        width: 960px;
    }
}
@media (min-width: 991px) and (max-width: 1071px) {
    .swiper-wrapper-container {
        max-width: 885px;
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .swiper-wrapper-container {
        max-width: 683px;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .swiper-wrapper-container {
        max-width: 490px;
    }
}

@media(max-width: 575px){
    .swiper-wrapper-container {
        max-width: 270px;
    }
}

@media (min-width: 1200px) { .column-lg-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } }

.reviews__header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 30px 35px; background: #f9f9f9; }

.reviews__header .rate { font-size: 4rem; font-weight: bold; }

.reviews__list { list-style-type: none; padding-left: 0; }

.reviews__list li { display: -ms-flexbox; display: flex; padding: 20px 30px 20px 40px; border-bottom: 1px solid #f3f3f3; }

.reviews__list li p { line-height: 24px; font-size: 14px; }

.reviews__list .review-meta { padding-right: 20px; min-width: 150px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }

@media (max-width: 575px) {
	.reviews__list li { padding: 15px; display: block; }

	.reviews__list .review-meta { margin-bottom: 20px; }

	.butonAdaugaReview { font-size:1.1rem; padding:10px!important;}

	.header__top__list li + li { margin-left: 15px; }

}



@media (max-width: 991px) { .header__top__list .product-count { display: inline-block; background: #555; color: #fff; border-radius: 50%; font-size: 10px; height: 16px; min-width: 16px; text-align: center; transform: translate3d(-8px, -4px, 0); } }



@media (min-width: 992px) { .header__top__list .product-count:before { display: inline; content: "("; }

  .header__top__list .product-count:after { display: inline; content: ")"; } }



/*added*/

.form-vertical .control-label {

  padding: 7px 0 0 0; }

  .form-vertical .control-label.text-left {

    text-align: left; }



span.form-control-feedback {

  color: #f1f1f1; }



.valid span.form-control-feedback {

  color: #c39e32; }



.error .form-control {

  border-color:#e81f1f!important; }

  .error .form-control:focus {

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 31, 31, 0.6);

    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 31, 31, 0.6);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 31, 31, 0.6); }

.error span.form-control-feedback {

  color: #e81f1f; }

  .error span.form-control-feedback i.fa:before {

    content: "\f06a"; }



.table {

  margin-bottom: 10px; }

  .table.shopCart .text-left{

  text-align:left!important;}

  .table.shopCart .product-link strong,

  .table.shopCart .product-link span{

  display:block;}

  .table.shopCart .product-link span{

  color:#196fb6;}



.shopCart tbody tr td, .shopCart thead tr th {

	border-top:0;

	border-bottom:1px solid #efefef;

}

.total-price {

  margin-bottom: 30px; }

  .total-price .price {

    margin-top: 0;

    font-weight:bold; }

.orders-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border-radius: .25rem;
    overflow: hidden;
    thead th {
        background-color: #e96034 !important;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-bottom: none;
        opacity: 1;
        font-size: 12px;
    }
    th, td {
        padding: 12px 16px;
        text-align: left;
        border-bottom: 1px solid #eee;
        h4 {
            color: #e96034;
            margin-bottom: 10px;
        }
    }
    th {
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    td.nowrap {
        white-space: nowrap;
    }
    .submit-button {
        font-size: 11px!important;
    }
    tbody tr:hover {
        background-color: #fdf4f1;
        transition: background 0.3s ease;
    }
}

.orders-table-wrapper {
    overflow-x: auto;
}
.orders-table {
    min-width: 600px;
}

.table-responsive input[type=number]::-webkit-inner-spin-button,

.table-responsive input[type=number]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0; }

.table-responsive .table > tbody > tr > td, .table-responsive .table > tbody > tr > th, .table-responsive .table > tfoot > tr > td, .table-responsive .table > tfoot > tr > th, .table-responsive .table > thead > tr > td, .table-responsive .table > thead > tr > th {

  vertical-align: middle;

  white-space: normal; }

.table-responsive .table > thead > tr > th {

  text-align: center;

  text-transform: uppercase;

  border-bottom-width: 1px; }

.table-responsive .quantity {

  width: 50px;

  height: 20px;

  border: 1px solid  #ccc;

  text-align: center; }

  .table-responsive .quantity:focus {

    border: 1px solid black;

    outline: none; }

.table-responsive .multiply {

  margin-right: 5px; }

.table-responsive .equal {

  margin-right: 10px; }

.table-responsive .nowrap {

  white-space: nowrap !important; }

.table-responsive .close {

  font-size: 14px;

  color: #e81f1f;

  opacity: 1; }

  .table-responsive .close:hover {

    opacity: 0.6; }

.table-responsive td.price {

  font-size: 14px;

  font-weight: normal; }

.table-responsive .table.table-2 tbody {

  border-bottom: 1px solid  #ddd; }

.table-responsive .table.table-2 > thead > tr > th {

  background: #f0f0f0; }

.table-responsive .table.table-2 > tbody > tr > td {

  text-align: center; }

.table-responsive .table.table-2 tr.detail {

  display: none; }

  .table-responsive .table.table-2 tr.detail td {

    border-top: none;

    text-align: left;

    padding-top: 20px; }

  .table-responsive .table.table-2 tr.detail h5 {

    margin-bottom: 5px; }

.table-responsive .table.table-2 .detail-list {

  list-style-type: none;

  padding-left: 0;

  margin-bottom: 0; }

  .table-responsive .table.table-2 .detail-list li {
      font-family: 'Poppins', sans-serif;
      padding: 8px 30px;
  }

  .table-responsive .table.table-2 .detail-list li + li {

    border-top: 1px solid  #ddd; }



/*

 * jQuery Basic Table

 * Author: Jerry Low

 */

table.bt thead {

  display: none; }



table.bt tfoot th,

table.bt tbody td {

  border: none;

  display: block;

  vertical-align: top; }



table.bt tfoot th:before,

table.bt tbody td:before {

  content: attr(data-th) ": ";

  font-weight: bold;

  width: 6.5em;

  display: inline-block; }



table.bt tbody td.bt-hide {

  display: none; }



table.bt tbody td .bt-content {

  vertical-align: top; }



table.bt tbody > tr + tr {

  border-top: 1px solid  #ccc; }



.bt-wrapper.active {

  max-height: 310px;

  overflow: auto;

  -webkit-overflow-scrolling: touch; }



@media all and (max-width: 618px) {

  #table-rs .mobile-hide:before {

    display: none !important; }

  #table-rs .mobile-hide img {

    margin-left: auto;

    margin-right: auto; }

  #table-rs .mobile-hide .close {

    margin-right: 20px;

    margin-top: -35px;

    font-size: 20px; } }



.cos_de_cumparaturi {

	margin-bottom:20px;

}

textarea {

	resize:none;

}



.captcha .cod { float:left; width:70px;}

.captcha #captcha { float:right; width:70%;}



.product-image {

	display:block;

	overflow:hidden;

}

.product-image img {
	margin:0 auto;
}
.product-nav .product-image img
{
    margin: 0;
}

.oldPrice { color: red; padding: 0 5px 0 0; text-decoration: line-through;}



legend a#copie_date {

	color: #196fb6;

    display: block;

    font-size: 10px;

    text-transform: none;

}

.mr-10 {
	margin-right:10px;
}

.mr-20 {
	margin-right:20px;
}

.pl-0 {
	padding-left:0!important;
}

.selecteaza_ratingi i {
	cursor:pointer;
}

form#adaugaReview {
	display:none;
    position: relative;
    margin: 0 7rem;
    .alert {
        margin-left: 0;
    }
}

.boxaccount {
    border: 1px solid #f1f1f1;
    margin-bottom: 20px;
    border-radius: .25rem !important;
}

.boxaccount fieldset, .boxaccount > form > a {
    padding: 0 10px;
}

.boxaccount legend {
    background-color: #e96034;
    color: #fff;
    padding: 20px 10px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    border-radius: .25rem .25rem 0 0;
    text-transform: uppercase;
}

.info-wishlist {
    margin-left: 0!important;
}
.info-cart,.mobile-show,.newsletter-alert {
    display: none;
    margin-left: 0!important;
}


.wishlist-details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    h5 {
        margin-bottom: 5px;
        font-weight: 600;
        font-size: 16px;
    }
    .text-muted {
        font-size: 11px;
    }
    p {
        margin-bottom: 6px;
        font-size: 14px;
    }
    .mb-2 {
        color: #e96034;
        font-size: 15px;
        margin-top: 10px;
    }
    .fw-bold {
        font-size: 15px;
        color: #0066cc;
    }
}

.wishlist-item {
    background-color: #fff;
    min-height: 120px;
    .wishlist-thumb img {
        width: 100px;
        height: auto;
        display: block;
        margin-right: 10px;
    }
}

.wishlist-actions {
    text-align: center;
    .small {
        font-size: 13px;
        color: black;
    }
}

.small:hover  {
    text-decoration: underline;
    color: #e96034;
}

#wishlist-table td {
    vertical-align: middle;
    img {
        max-width: 100%;
        height: auto;
    }
    .delete-favorite:hover {
        text-decoration: underline;
        color: #e96034;
    }
}

.wishlist-img {
    width: 80px;
    margin-right: 10px;
}

.wishlist-content {
    display: flex;
    align-items: center;
}

.wishlist-text strong {
    display: block;
    margin-bottom: 0;
}

.wishlist-text small {
    display: block;
    margin-top: 0;
}

@media screen and (max-width: 991px) {
    #wishlist-table td {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: none !important
    }
    #wishlist-table tbody tr:not(:last-child) {
        border-bottom: 1px solid #eaeaea;
    }
    .wishlist-content img {
        margin-bottom: 10px;
    }
    .nowrap {
        white-space: normal !important;
        padding-top: 5px;
    }
    .wishlist-info {
        flex-grow: 1;
    }
    .delete-favorite {
        font-size: 12px;
    }
    .wishlist-price {
        font-size: 14px;
    }
    .wishlist-img {
        width: 90px;
    }
}

.cart-empty-box {
    background-color: #f8f9fa;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .09), 0 2px 30px 0 rgba(0, 0, 0, .09);
    border-radius: 8px;
    padding: 40px 20px;
    text-align: center;
    margin: 8rem 0;
    color: #555;
    h5 {
        font-size: 20px;
        color: #888;
    }
    p {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .btn {
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 6px;
    }
}

.cart-icon-wrapper {
    display: inline-block;
}

.icon-circle {
    position: relative;
    display: inline-block;
}

.wishlist-badge {
    right: 0!important;
}

.cart-badge, .wishlist-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    background-color: #e96034;
    color: white;
    font-size: 12px;
    font-weight: bold;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    box-shadow: 0 0 0 2px white;
}

.cart-badge.bump {
    animation: bumpAnim 0.3s ease;
}

.price-detail {
    display: flex;
}

.address-option {
    display: flex;
    align-items: flex-start;
    padding: 14px 18px;
    border: 2px solid #dee2e6;
    border-radius: 6px;
    background-color: #fff;
    transition: border-color 0.3s ease;
    cursor: pointer;
}

.address-option:hover {
    border-color: #e96034;
}

.address-option input[type="radio"] {
    margin-top: 6px;
    margin-right: 16px;
    accent-color: #e96034;
}

.address-details {
    flex-grow: 1;
    font-size: 12px;
    color: #495057;
}

.address-details strong {
    font-size: 12px;
}

.address-details span {
    font-weight: 500;
    color: #e96034;
    font-size: 1rem;
}

.address-details p {
    margin: 4px 0 0;
    font-size: 12px;
    color: #6c757d;
}

.address-option input[type="radio"]:checked + .address-details {
    color: #e96034;
}

.address-box {
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    padding: 16px 20px;
    margin-bottom: 20px;
}

.address-box .d-flex {
    margin-bottom: 8px;
}

.address-box strong {
    color: #343a40;
}

.address-box .text-muted {
    font-size: 12px;
    color: #6c757d;
    line-height: 1.6;
}

.custom-radio-group {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.custom-radio {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border: 2px solid #dee2e6;
    border-radius: 6px;
    cursor: pointer;
    transition: border-color 0.3s ease;
    background-color: #f8f9fa;
}

.custom-radio.checked {
    border: 2px solid #e96034;
}

.custom-radio:hover {
    border-color: #e96034;
}

.custom-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.custom-radio input[type="radio"]:checked + .radio-label {
    color: #e96034;
    font-size: 14px;
}

.radio-label {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #495057;
}

.radio-label i {
    font-size: 1rem;
}

button[aria-expanded="true"] {
    display: none;
}

#firmaFields {
    background-color: #f8f9fa;
    border-radius: 6px;
    padding: 20px;
    margin-top: 15px;
}

#factura_prefix {
    font-size: 1.4rem;
    height: 40px;
    line-height: normal;
    vertical-align: middle;
    margin-block-start: 26px;
    display: inline-block;
}

.mobile-price{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin: 6px 0;
}

.mobile-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.favorites-buttons.desktop {
    display: block;
}
@keyframes bumpAnim {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.5); }
    100% { transform: scale(1); }
}

.cc_banner-wrapper{z-index:9001;position:relative}.cc_container .cc_btn{cursor:pointer;text-align:center;font-size:0.6em;transition:font-size 200ms;line-height:1em}.cc_container .cc_message{font-size:0.6em;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}.cc_container .cc_logo{display:none;text-indent:-1000px;overflow:hidden;width:100px;height:22px;background-size:cover;background-image:url(//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.10/logo.png);opacity:0.9;transition:opacity 200ms}.cc_container .cc_logo:hover,.cc_container .cc_logo:active{opacity:1}@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{font-size:0.8em}}@media screen and (min-width: 768px){.cc_container .cc_btn{font-size:1em}.cc_container .cc_message{font-size:1em;line-height:1em}}@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px}.cc_container .cc_btn{padding:8px 10px;background-color:#f1d600;cursor:pointer;transition:font-size 200ms;text-align:center;font-size:0.6em;display:block;width:33%;margin-left:10px;float:right;max-width:120px}.cc_container .cc_message{transition:font-size 200ms;font-size:0.6em;display:block}@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{margin-top:0.5em;font-size:0.8em}}@media screen and (min-width: 768px){.cc_container{padding:15px 30px 15px}.cc_container .cc_btn{font-size:1em;padding:8px 15px}.cc_container .cc_message{font-size:1em}}@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}.cc_container{background:#222;color:#fff;font-size:17px;box-sizing:border-box}.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#000;background-color:#f1d600;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px}.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#fff;color:#000}.cc_container a,.cc_container a:visited{text-decoration:none;color:#31a8f0;transition:200ms color}.cc_container a:hover,.cc_container a:active{color:#b2f7ff}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(66px);-ms-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.cc_container,.cc_message,.cc_btn{animation-duration:0.8s;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;-webkit-animation-name:slideUp;animation-name:slideUp}
.content .filtre { margin-left: auto }

@media(max-width: 480px){
    .tips-list li {
        text-align: justify;
        padding: 0 2px;
    }
    .banner__content {
        top: 63%;
        text-align: center;
    }
    .banner__content h3 {
        font-size: 16px;
        margin-bottom: 2px;
    }
    .quantity-wrapper.desktop {
        display: none;
    }
    .favorites-buttons.mobile {
        display: block;
    }
    .quantity-wrapper.mobile {
        display: block;
    }
    .favorites-buttons.desktop {
        display: none;
    }
    .add-to-cart {
        order: 2!important;
    }
    .add-favorite {
        order: 1!important;
    }
    .submit-button.large {
        width: 170px!important;
        font-size: 12px!important;
    }
    .product-action {
        gap: 0!important;
        height: 45px!important;

    }
    .product-buttons {
        margin-top: 0;
        .btn {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 45px;
            padding: 0 14px;
            font-size: 1rem;
            line-height: 1;
        }
        .wishlist-button {
            width: 50px!important;
            display: flex!important;
            .icon{
                font-size: 25px!important;
            }
        }
    }
    a[data-action="rem"].wishlist-button {
        color: black;
    }
    .product-info .mobilefix {
        width: 100vw;
        position: fixed;
        left: 0;
        bottom: 0;
        background-color: #fff;
        padding: 0 20px;
        z-index: 200;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
    }
    .product-info .add-card, .product-info .add-favorite {
        width: 100%;
    }
    .mobile-hide {
        display: none;
    }
    .mobile-add-to-cart {
        float: right;
        margin-top: -48px;
        margin-left: 10px;
    }
    .mobilefix sup{
        font-size: 12px;
        left: 20px;
        position: absolute;
        top: 20px;
    }
    .product-info .measurement {
        margin-left: 2px!important;
        margin-top: 4px!important;
    }
    .categories-list li a {
        font-size: 14px;
        text-transform: unset;
    }
    .mobile-show {
        display: block;
    }
    .mobile-show.delete-product {
        position: absolute;
        margin-top: 20px;
        color: #eee;
    }
    .mobile-show.delete-product .close {
        color: #ccc;
    }
    #cartForm .col-sm-12 {
        padding: 0;
    }
    .submit-button:hover {
        transform: none !important;
    }
    .cc_banner-wrapper {
        position: fixed;
        bottom: auto;
        top: 0;
        width: 100%;
        z-index: 9999;
    }
    .cc_container {
        top: 0;
        bottom: unset;
    }
}
@media(max-width: 405px){
    .product-info .price {
        font-size: 20px!important;
    }
    .product-info .measurement {
        font-size: 11px;
    }
    .wishlist-button {
        display: flex!important;
        .icon {
            font-size: 22px!important;
        }
    }
    .product-action {
        height: 40px !important;
    }
    .submit-button.large {
        width: 166px !important;
        font-size: 11px!important;
    }
}