.pagination,
.product-block {
    box-shadow: 0 3px 9px -1px rgba(0, 0, 0, .1)
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://s.electrospot.ro/fonts/poppins-v5-latin-regular.eot);
    src: local('Poppins Regular'),
         local('Poppins-Regular'),
         url(https://s.electrospot.ro/fonts/poppins-v5-latin-regular.eot?#iefix) format('embedded-opentype'),
         url(https://s.electrospot.ro/fonts/poppins-v5-latin-regular.woff2) format('woff2'),
         url(https://s.electrospot.ro/fonts/poppins-v5-latin-regular.woff) format('woff'),
         url(https://s.electrospot.ro/fonts/poppins-v5-latin-regular.ttf) format('truetype');
}

@font-face {
    font-family: "HurmeGeometricSans1-Regular";
    src: url(https://s.electrospot.ro/fonts/ffbc3ea1520c6f642ab644685d775c25.eot);
    src: url("https://s.electrospot.ro/fonts/ffbc3ea1520c6f642ab644685d775c25.eot?#iefix") format("embedded-opentype"), url(https://s.electrospot.ro/fonts/ffbc3ea1520c6f642ab644685d775c25.woff2) format("woff2"), url(https://s.electrospot.ro/fonts/ffbc3ea1520c6f642ab644685d775c25.woff) format("woff"), url(https://s.electrospot.ro/fonts/ffbc3ea1520c6f642ab644685d775c25.ttf) format("truetype"), url("https://s.electrospot.ro/fonts/ffbc3ea1520c6f642ab644685d775c25.svg#HurmeGeometricSans1-Regular") format("svg")
}

#header #cart .checkout,
#header #cart .content,
#header #cart .heading:after,
#header .show-mobile:after,
.buttons:after,
.checkout-content .buttons,
.product-block .action:after,
.product-block .product-meta:after,
.product-info .carousel-inner,
.product-info .price-gruop:after,
.product-info .product-extra:after,
.product-info .share:after,
.review-list .text,
.sidebar .blog-body:after,
.sidebar .product-block:after,
.support:after,
;
#footer:after,
ul.box-filter>li>ul>li:after {
    clear: both
}

.attribute,
.checkout-product table,
.mini-cart-info table,
.mini-cart-total table,
table.form,
table.list,
table.radio {
    border-collapse: collapse
}

body,
font {
    font-size: 14px
}

body,
html,
ol,
ul {
    margin: 0;
    padding: 0
}

body,
label {
    color: #000
}

.btn:active,
.btn:focus,
.btn:hover,
a,
a:focus,
a:hover,
button:active,
button:focus,
button:hover {
    outline: 0
}

.btn.btn-shopping-cart,
.btn.btn-alt,
.btn.btn-shopping-cart-listing,
font {
    font-family: Poppins, sans-serif
}

:root {
  --footer-bg-top: #eaf1ff;
  --footer-bg-bottom: #eaf1ff;
  --footer-text: #000;
  --footer-muted: #000000;
  --footer-accent: #0047d2;
  --footer-link: #000000;
  --footer-link-hover: #0047d2;
}

.site-footer {
  color: var(--footer-text);
  margin-top: 5px;
}

.footer-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1.5rem;
}

.footer-top {
  background-color: var(--footer-bg-top);
}

.footer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2.5rem;
}

.footer-col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-col li {
  margin-bottom: 5px;
  color: #000000;
  font-size: 17px;
}

.footer-col a {
  color: var(--footer-link);
  text-decoration: none;
  transition: color 0.15s ease;
  font-weight:600;
}

.footer-col a:hover,
.footer-col a:focus-visible {
  text-decoration: underline;
}

.footer-title {
  margin: 0 0 1.1rem;
  font-weight: 600;
  color: var(--footer-text);
  position: relative;
  padding-bottom: 0.45rem;
}

.footer-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 36px;
  height: 2px;
  background-color: var(--footer-accent);
}

.info-title {
  margin: 0 0 1.1rem;
  font-weight: 600;
  color: var(--footer-text);
  position: relative;
  padding-bottom: 0rem;
  padding-top:12px;
}

.info-title::after {
  content: "";
    display: block;
    width: 100px;
    height: 2px;
    background: #0047d2;
    margin-top: 5px;
    margin-bottom: 0px;
}

.footer-contact li a {
  color: var(--footer-link);
}

.footer-contact li a:hover {
  color: var(--footer-link-hover);
  text-decoration: underline;
}

.footer-social {
  display: flex;
  gap: 0.6rem;
  margin-top: 0.3rem;
  font-size: 28px;
}

.footer-social a {
  text-decoration: none;
}

.footer-social .icon {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background-color: #3a3a3a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--footer-text);
  transition: background-color 0.15s ease, transform 0.15s ease;
}

.footer-social .icon:hover,
.footer-social .icon:focus-visible {
  background-color: var(--footer-accent);
  color: #111827;
  transform: translateY(-1px);
}

.footer-bottom {
  background-color: var(--footer-bg-bottom);
}

.footer-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.footer-bottom-text {
  color: var(--footer-muted);
}

.footer-bottom-text p {
  margin: 0.35rem 0;
}

.footer-bottom-text a {
  color: var(--footer-link);
  text-decoration: underline;
}

.footer-bottom-text a:hover {
  color: var(--footer-link-hover);
}

.footer-bottom-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.footer-bottom-badges img {
  max-height: 42px;
  width: auto;
  object-fit: contain;
  display: block;
}

@media (max-width: 1024px) {
  .footer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 2rem;
  }
}

@media (max-width: 768px) {
  .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-bottom-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-bottom-badges {
    justify-content: flex-start;
  }
}

@media (max-width: 480px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-container {
    padding: 1.75rem 1.25rem;
  }

  .footer-bottom-badges img {
    max-height: 34px;
  }
}


#footer ol,
#footer ul,
#header ol,
#header ul,
.content ul,
.manufacturer-list ul,
.product-info ol,
.product-info ul,
.refine-search ol,
.refine-search ul,
.sidebar ol,
.sidebar ul {
    list-style: none
}

html {
    overflow-y: scroll
}

body {
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden
}

table.form,
table.list {
    margin-bottom: 20px
}

ol li,
ul li {
    line-height: 30px
}

.fs9 {
    font-size: 9px
}

.fs10 {
    font-size: 10px
}

.fs11 {
    font-size: 11px
}

.fs12 {
    font-size: 12px
}

.fs13,
.fs14 {
    font-size: 16px
}

.fs15 {
    font-size: 15px
}

.fs16 {
    font-size: 16px
}

a {
    cursor: pointer
}

a img {
    border: none
}

a:focus,
a:hover {
    
    color: #0047d2
}

b,
strong {
    color: #000;
    font-weight: 600
}

table {
    background-color: #FFF
}

table.list {
    width: 100%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd
}

table.list thead td {
    padding: 0 5px
}

table.list .center {
    text-align: center;
    padding: 7px
}

table.list tbody td {
    padding: 0 5px
}

table.list td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

table.list .right {
    text-align: right;
    padding: 7px
}

table.list .left {
    text-align: left;
    padding: 7px
}

.list thead td,
table.list thead td a {
    text-decoration: none;
    color: #222;
    font-weight: 700
}

input.large-field,
select.large-field {
    width: 80%
}

table.form {
    width: 100%
}

table.form>*>*>td {
    color: #000
}

table.form td {
    padding: 4px
}

table.form tr td:first-child {
    width: 170px
}

table.radio {
    width: 100%;
    padding: 0;
    display: table
}

.pagination,
table.radio td label {
    display: block
}

table.radio td {
    padding: 5px
}

table.radio td input[type=radio] {
    margin: 0
}

table.radio tr td:first-child {
    width: 1px
}

table.radio tr td:first-child input {
    margin-top: 1px
}

table.radio tr.highlight:hover td {
    background: #fafbfc;
    cursor: pointer
}

        .container-desc p {
  text-align: justify;
  line-height: 1.5;

        }
		.container-desc h2 {
		margin-bottom: 10px;
		text-align: justify;
  line-height: 1.5;
        }

        .text-wrapper {
            position: relative;
            max-height: 60px; 
            overflow: hidden;
            transition: max-height 0.3s ease;
        }


        .text-wrapper::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 60px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }

        .text-wrapper.expanded {
            max-height: 4000px; 
        }
        
        .text-wrapper.expanded::after {
            display: none; 
        }

        .toggle-btn {
            display: inline-block;
            margin-top: 5px;
            color: #000;
            font-weight: bold;
            text-decoration: underline;
            cursor: pointer;
            font-size: 14px;
            border: none;
            background: none;
            padding: 0;
        }
		
.pagination {
    transition: box-shadow .15s ease-in-out;
    border-radius: 0;
    margin-left: 3px;
    margin-right: 3px;
    padding: 12px;
    background-color: #FFF
}

.pagination .links {
    float: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ebeef2
}

.pagination .links a,
.pagination .links b {
    display: inline-block;
    zoom: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 20px;
    height: 30px;
    -webkit-transition: background-color 350ms ease-in;
    transition: background-color 350ms ease-in;
    padding: 0;
    line-height: 30px;
    text-decoration: none;
    margin: 0 3px 0 0;
    text-align: center;
    font-weight: 700;
    color: #999
}

.pagination .links a:active,
.pagination .links b:active {
    color: #3498db
}

.pagination .links b {
    color: #3498db;
    font-weight: 700
}

.pagination .results {
    float: left;
    color: #333;
    margin-top: 5px
}

.htabs a,
.htabs a.selected {
    color: #3498db
}

.main-column .pagination .results {
    padding-top: 5px
}

.buttons:after,
.buttons:before {
    content: " ";
    display: table
}

.buttons .center {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

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

.buttons .left {
    float: left;
    text-align: left
}

.buttons.no-padding {
    padding: 0;
    border: 0
}

.htabs {
    position: relative
}

.htabs .nav>li>a:focus,
.htabs .nav>li>a:hover {
    background-color: transparent
}

.htabs a {
    float: left;
    font-size: 17px
}

.links {
    margin: 0;
    padding: 0
}

.links li a {
    margin: 0 5px
}

#colorbox {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box
}

.carousel-controls {
    position: absolute;
    right: 0;
    top: -29px;
    width: 50px;
    height: 30px;
    z-index: 12
}

.product-label {
    position: absolute;
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 55px;
    border-radius: 50%;
    height: 55px;
    opacity: .9;
    width: 55px;
    top: 20px;
    right: 20px;
    background: red
}

.product-label2 {
    position: absolute;
    display: none;
    height: 60px;
    opacity: .9;
    width: 50px;
    margin-top: 17px;
    margin-left: 5px;
}

.help,
.required {
    font-weight: 400
}

.product-label:before {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    bottom: 4px;
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 0
}

.error,
.help {
    display: block
}

.product-label.product-label-new {
    left: 0;
    border-right: 46px solid transparent;
    border-top: 46px solid #4ACFD4
}

.product-label.product-label-new span {
    left: 5px;
    -webkit-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.product-label.product-label-special {
    background: #ff0000;
}

.product-label.product-label-special2 {
    background-image: url(https://s.electrospot.ro/image/robgd.png)
}

.padding {
    padding: 20px
}

.no-padding {
    padding: 0
}

.required {
    color: red;
    font-size: 13px
}

.attention,
.information,
.success,
.warning {
    padding: 10px 10px 10px 10px;
    margin: 10px 0;
    color: #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.attention .close,
.information .close,
.success .close,
.warning .close {
    float: right;
    padding-top: 6px;
    padding-left: 4px;
    cursor: pointer
}

.btn.btn-shopping-cart-listing>*,
.btn.btn-shopping-cart>* {
    float: none
}

.attention {
    background: #f8f8f8;
    border-radius: .25em
}

.warning {
    background: #ffefd2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.success {
    background: #34c15b;
	color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.help {
    color: #999;
    font-size: 10px
}

.error {
    color: red;
    margin-top: 5px
}

body.layout-boxed-md #topbar .support .left,
body.layout-boxed-md .cart-inner h4,
body.layout-boxed-md .custom .last,
body.layout-boxed-md .custom li:last-child {
    display: none
}

.welcome {
    margin-right: 23%
}

.welcome a {
    color: #3498db
}

.h1,
h1 {
    line-height: 40.5px
}

.h3,
.h4,
.h5,
.h6,
h3,
h4,
h5,
h6 {
    line-height: 31px
}

.h1 small,
h1 small {
    font-size: 21px
}

@media (max-width:767px) {
    .h1,
    h1 {
        font-size: 22px
    }
}

.h3 small,
h3 small {
    font-size: 19px
}

.h5 small,
h5 small {
    font-size: 12px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-size: 16px;
	font-weight: bold
}

.btn-group .btn.dropdown-toggle.btn-theme-normal:active .fa,
.btn-group .btn.dropdown-toggle.btn-theme-normal:focus .fa,
.btn-group .btn.dropdown-toggle.btn-theme-normal:hover .fa,
.form-control {
    color: #000
}

.search h1 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    line-height: 1.6
}

#content h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.4
}

#content h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.8
}

.form-control,
.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

input[type=date],
input[type=datetime],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
select,
textarea {
    padding: 5px;
    margin-left: 0;
    margin-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 4px
}

.tabs-group input[type=password],
.tabs-group input[type=text] {
    padding: 10px;
}

button,
input,
select,
textarea {
    padding: 3px;
    border: 1px solid #bfbfbf;
    outline: 0
}

button:focus,
button:hover,
input:focus,
input:hover,
select:focus,
select:hover,
textarea:focus,
textarea:hover {
    outline: 0 !important
}

select {
    padding: 4px;
    cursor: pointer
}

input[type=image] {
    border: 0
}
.item-quantity {
padding: 0px;
border: 1px solid #1578e0;
height:50px;
width:40px;
font-size:15px;
}

.qty-btn {
background:  #1578e0;
color:#fff;
width:25px;
border: 0px;
font-size:17px;
font-weight: 800;
border-radius: 4px;
}



.btn-group .btn.dropdown-toggle.btn-theme-normal {
    text-transform: inherit;
    padding: 4px
}

.btn-group .btn.dropdown-toggle.btn-theme-normal:active,
.btn-group .btn.dropdown-toggle.btn-theme-normal:focus,
.btn-group .btn.dropdown-toggle.btn-theme-normal:hover {
    background-color: #FFF;
    color: #93999d;
    border-color: #dcdcdc
}

.btn {
    text-transform: uppercase
}

.btn.btn-theme-default {
    text-align: center;
    background-color: #1578e0;
    color: #FFF;
    padding: 14px 20px;
    height: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.btn.btn-theme-default.btn-small {
    padding: 0 5px 2px;
    text-transform: capitalize
}

.btn.btn-danger {
    margin: 10px;
    border-color: transparent
}

.btn.btn-shopping-cart .fa,
.btn.btn-shopping-cart-listing .fa .btn.btn-all-cart .fa,
.btn.btn-all-cart-listing .fa {
    line-height: 21px;
    margin-right: 5px
}

.btn.btn-theme-normal {
    background-color: transparent;
    color: #93999d;
    border: 1px solid #dcdcdc;
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.btn.btn-theme-normal .fa {
    color: #93999d
}

.btn.btn-theme-normal:focus,
.btn.btn-theme-normal:hover {
    color: #3498db;
    border-color: #3498db
}

.btn.btn-theme-normal:focus .fa,
.btn.btn-theme-normal:hover .fa {
    color: #3498db
}

.btn.btn-shopping-cart {
    background: #0047d2;
    color: #FFF;
    width: 100%;
    text-transform: none;
    height: 63px;
	margin-bottom: 10px;display: flex;
    align-items: center; 
    justify-content: center;
	gap: 8px;
}

.btn.btn-whatsapp {
    background: #32bf19;
    color: #fff;
    width: 100%;
    text-transform: none;
    height: 50px
}

.btn.btn-all-cat {
    padding: 5px 0;
    background: #0047d2;
    color: #FFF;
    width: 90%;
    text-transform: none;
    height: 40px;
    margin-top: 10px
}

.btn.btn-all-cart {
    padding: 5px 55px;
    background: #0047d2;
    color: #FFF;
    text-transform: none;
    height: 50px
}

.btn.btn-alt {
    padding: 15px 15px 0 15px;
    background: #0f7ae0;
    color: #fff;
    text-transform: none;
    height: 50px;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 13px
}

.btn.btn-alt:hover {
    padding: 15px 15px 0 15px;
    background: #015ba9;
    color: #fff;
    text-transform: none;
    height: 50px;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 13px
}

.btn.btn-alt2 {
    padding: 7px 15px 0 15px;
    background: #ebf5ff;
    color: #0f7ae0;
    text-transform: none;
    height: 50px;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 12px
}

.btn.btn-alt2:hover {
    padding: 7px 15px 0 15px;
    background: #ebf5ff;
    color: #0f7ae0;
    text-transform: none;
    height: 50px;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 12px
}

.btn.btn-shopping-cart-listing {
    padding: 5px 25px;
    background: #0066ab;
    color: #FFF;
    text-transform: none;
    height: 35px
}

.btn.blue {
    background-color: #3498db;
    border: 0;
    color: #FFF;
    -webkit-transition: all 0s ease 0s;
    transition: all 0s ease 0s
}

.btn.blue span+span {
    border: 0;
    padding: 5px 10px;
    font-size: 13px;
    font-family: Alegreya, serif
}

.btn.blue .fa {
    width: 32px;
    height: 32px;
    font-size: 15px;
    line-height: 32px;
    background-color: #217dbb
}

.btn.blue:focus,
.btn.blue:hover {
    background-color: #e24666;
    color: #FFF
}

.btn.blue:focus .fa,
.btn.blue:hover .fa {
    background-color: #d42146
}

.btn:focus,
.btn:hover {
    color: #FFF;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #0047d2;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all .6s cubic-bezier(.05, .06, .05, .95);
    transition: all .6s cubic-bezier(.05, .06, .05, .95)
}

.btn-whatsapp:hover {
    color: #FFF;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #13b34f;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all .6s cubic-bezier(.05, .06, .05, .95);
    transition: all .6s cubic-bezier(.05, .06, .05, .95)
}

.btn-whatsapp:focus {
    color: #FFF;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #13b34f;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all .6s cubic-bezier(.05, .06, .05, .95);
    transition: all .6s cubic-bezier(.05, .06, .05, .95)
}

.control-label {
    padding-top: 7px;
    color: #3e474b;
    font-size: 14px;
    font-weight: 400
}

#topbar,
#topbar b,
#topbar strong {
    color: #93999d
}

body.layout-boxed-md {
}

body.layout-boxed-lg,
body.layout-boxed-md #page {
}

body.layout-boxed-md #page {
    max-width: 958px;
    -webkit-box-shadow: 0 0 5px #d5d5d5;
    box-shadow: 0 0 5px #d5d5d5;
    margin: 0 auto
}

body.layout-boxed-md .product-block .product-meta {
    padding: 10px 5px
}

body.layout-boxed-md ul.contact-us li i {
    width: 6%;
    margin: 0
}

body.layout-boxed-md #powered {
    padding: 25px 0
}

body.layout-boxed-md .verticalmenu {
    margin-top: 1px
}

body.layout-boxed-md .verticalmenu>li>a {
    padding-left: 0;
    padding-right: 0
}

body.layout-boxed-md .custom p {
    margin-bottom: 10px
}

body.layout-boxed-md .pavcontentslider .carousel-indicators {
    margin: 0 auto;
    left: 0;
    right: 0
}

body.layout-boxed-md .pavcontentslider .carousel-indicators li {
    display: inline-block;
    float: none
}

body.layout-boxed-lg #page {
    max-width: 1188px;
    -webkit-box-shadow: 0 0 5px #d5d5d5;
    box-shadow: 0 0 5px #d5d5d5;
    margin: 0 auto;
}

body[class*=layout-boxed-] .in-border {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

body[class*=layout-boxed-] .d-heading {
    position: relative;
    -webkit-box-shadow: 5px 0 5px -5px #3498db;
    box-shadow: 5px 0 5px -5px #3498db
}

body[class*=layout-boxed-] .d-heading:before {
    content: "";
    display: block;
    width: 15px;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    background: #3498db
}

body[class*=layout-boxed-] .d-content {
    border-top: 0
}

body[class*=layout-boxed-] .d-content:before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: "";
    background: #000;
    width: 105%;
    height: 2px
}

#header #cart,
#header-main .container,
.box .box-heading {
    position: relative
}

#topbar {
    font-size: 13px;
    padding-top: 11px;
    min-height: 18px
}

#topbar .links li:hover {
    color: #3498db
}

#topbar .links li.last,
#topbar .links li:last-child {
    border-right: 0
}

#topbar .links a .fa {
    vertical-align: middle;
    margin: -3px 5px 0 0
}

#topbar .links a:hover {
    color: #FFF
}

#topbar .fa {
    font-size: 11px;
    vertical-align: top;
    margin-top: -2px
}

#topbar .login a {
    margin: 0;
    color: #3498db
}

#topbar_contact {
    background: #000;
    padding-bottom: 4px;
    padding-left: 20px;
    padding-right: 20px
}

#topbar_contact {
    color: #fff;
    font-size: 12px;
    padding-top: 4px;
    min-height: 19px;
    text-align: center
}

#topbar_contact b{
    font-weight: 800;
	color: #fff;
}

#topbar_contact a{
    font-weight: 800;
	color: #fff;
}
#topbar_contact a:hover{
    font-weight: 800;
	color: #fff;
	text-decoration: underline;
}
#topbar_free {
    background: #0047d2;
    padding-bottom: 4px;
    padding-left: 20px;
    padding-right: 20px
}

#topbar_free {
    color: #fff;
    font-size: 14px;
    padding-top: 4px;
    min-height: 19px;
    text-align: center
}

#topbar2 {
    background: #e7f1f9;
    padding-bottom: 4px;
    padding-left: 20px;
    padding-right: 20px
}

#topbar2 {
    color: #1578e0;
    font-size: 12px;
    padding-top: 4px;
    min-height: 18px;
    text-align: center
}

#topbar2 a {
    color: #1578e0;
    font-weight: 500
}

#topbar2 .bdl {
    color: #1578e0;
    font-weight: 800
}

#header-bottom {
    min-height: 47px;
    background: #3498db
}

#header-main {
    min-height: 15px;
    color: #fff
}

#header-main a:hover {

}

#header-main .btn,
#header-main .btn:hover {
    color: #FFF
}

#header-main .header-wrap {
    min-height: 94px;
    margin: 0
}

#header-main .shopping-cart {
    margin-top: 30px
}

#header-main .inner {
    text-align: left;
    margin-top: 28px;
    padding: 0
}

#header-main .inner>* {
    display: table-cell;
    vertical-align: middle
}

#header-main #logo {
    padding: 0 32px 14px 0
}

#header-main #logo-theme {
    padding: 18px 32px 3px 5px
}

#header-main #logo-theme a {
    background: url(https://s.electrospot.ro/image/logo-rev2.webp) no-repeat;
    display: block;
    width: 345px;
    height: 62px
}

#header-main #logo-theme a span {
    display: none
}

#header-main .customer-service {
    width: 55%
}

#search .fa {
    color: #000000;
    cursor: pointer;
    padding-top: 12px
}

#search .fa:hover {
    color: #1578e0;
    cursor: pointer;
    padding-top: 12px
}

#header .show-mobile .quickaccess-toggle a,
#header .show-mobile .quickaccess-toggle:active a,
#header .show-mobile .quickaccess-toggle:focus a,
#header .show-mobile .quickaccess-toggle:hover a {
    color: #FFF
}

#header .show-mobile {
    text-align: right
}

#header .show-mobile:after,
#header .show-mobile:before {
    content: " ";
    display: table
}

#header .show-mobile>div {
    position: relative;
    cursor: pointer
}

#header .show-mobile>div:hover .inner-toggle {
    display: block
}

#header .show-mobile .quickaccess-toggle .fa {
    font-size: 14px
}

#footer,
#footer a {
    color: #888
}

#footer a:hover,
#powered a {
    color: #333
}

#header .show-mobile .inner-toggle {
    display: none;
    padding: 10px;
    background-color: #394044;
    text-align: left;
    border-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border-right: 0;
    border-top: 8px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    min-width: 200px
}

#content {
    margin-bottom: 0
}

#wrapper a {
    color: #000;
    font-weight: 600;
}

#wrapper a:hover {
    color: #0047d2;
    font-weight: 600;
	text-decoration: underline;
}

#footer {
    background: #202020;
    font-weight: 400
}

#footer:after,
#footer:before {
    content: " ";
    display: table
}

.banner div,
.box .box-heading.icon .fa {
    display: none
}

#footer .box-heading {
    background: 0 0;
    border: none;
    font-size: 15px;
    padding-bottom: 20px;
    padding-left: 0
}

#footer .box-content {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.buttons,
.search,
.wrapper {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

#footer .footer-top .custom {
    padding: 30px 0 20px
}

#footer .footer-center {
    border-bottom: 1px solid #2b2b2b;
    padding: 30px 0 10px
}

#footer .footer-center .container {
    border-top: 1px solid #2b2b2b;
    padding-top: 30px
}

.column ul {
    margin-top: 0;
    margin-left: 0;
    padding-left: 0
}

.column li {
    margin-bottom: 0;
    line-height: 30px
}

#powered {
    padding: 0 0;
    background: #fff
}

#powered .copyright {
    text-align: center;
    padding: 10px;
    width: 100%
}

.banner div {
    text-align: center;
    width: 100%
}

.wrapper {
	margin-top: 10px;
    padding: 0px;
    background-color: #FFF
}

.h2-title::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 36px;
    height: 2px;
    background-color: ##0047d2;
}
  :root {
    /* Paletă bază */
    --tp-bg-primary: #ffffff;
    --tp-bg-secondary: #f7f7f5;
    --tp-text-primary: #1a1a1a;
    --tp-text-secondary: #6b6b66;
    --tp-text-tertiary: #999992;
    --tp-border: rgba(0, 0, 0, 0.08);
    --tp-border-strong: rgba(0, 0, 0, 0.14);

    /* Paletă semantic / accent */
    --tp-success-bg: #e8f5ee;
    --tp-success-text: #1d6e3f;
    --tp-info-bg: #e6f1fb;
    --tp-info-text: #0c447c;
    --tp-warning-bg: #faeeda;
    --tp-warning-text: #854f0b;
    --tp-purple-bg: #eeedfe;
    --tp-purple-text: #3c3489;

    --tp-radius-md: 8px;
    --tp-radius-lg: 12px;
    --tp-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  }

  .tp-section {
    font-family: var(--tp-font);
    color: var(--tp-text-primary);
    max-width: 1100px;
    margin: 0 0;
  }

  /* === BENEFITS BAR === */
  .tp-benefits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 28px;
  }
  .tp-benefit {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: var(--tp-bg-primary);
    border: 1px solid var(--tp-border);
    border-radius: var(--tp-radius-md);
  }
  .tp-benefit-icon {
    width: 32px; height: 32px;
    flex-shrink: 0;
    border-radius: var(--tp-radius-md);
    display: flex; align-items: center; justify-content: center;
  }
  .tp-benefit-icon.green { background: var(--tp-success-bg); color: var(--tp-success-text); }
  .tp-benefit-icon.blue { background: var(--tp-info-bg); color: var(--tp-info-text); }
  .tp-benefit-icon.amber { background: var(--tp-warning-bg); color: var(--tp-warning-text); }
  .tp-benefit-icon.purple { background: var(--tp-purple-bg); color: var(--tp-purple-text); }
  .tp-benefit-text { line-height: 1.3; }
  .tp-benefit-title { font-size: 13px; font-weight: 600; }
  .tp-benefit-sub { font-size: 11px; color: var(--tp-text-secondary); margin-top: 1px; }

  /* === SECTION HEADING === */
  .tp-heading {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 4px;
  }
  .tp-heading-sub {
    font-size: 13px;
    color: var(--tp-text-secondary);
    margin: 0 0 14px;
    display: flex; align-items: center; gap: 6px;
  }
  .tp-heading-sub .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--tp-success-text); }

  /* === DELIVERY CARDS === */
  .tp-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: px;
  }
  .tp-card {
    background: var(--tp-bg-primary);
    border: 1px solid var(--tp-border);
    border-radius: var(--tp-radius-lg);
    padding: 20px;
    display: flex;
    flex-direction: column;
  }
  .tp-card-head {
    display: flex; align-items: flex-start; gap: 12px;
    margin-bottom: 16px;
  }
  .tp-card-icon {
    width: 64px; height: 64px;
    flex-shrink: 0;
    border-radius: var(--tp-radius-md);
    display: flex; align-items: center; justify-content: center;
  }
  .tp-card-icon.blue { background: var(--tp-info-bg); color: var(--tp-info-text); }
  .tp-card-icon.purple { background: var(--tp-purple-bg); color: var(--tp-purple-text); }
  .tp-card-title-wrap { flex: 1; min-width: 0; }
  .tp-card-title-row {
    display: flex; align-items: center; gap: 8px;
    flex-wrap: wrap;
  }
  .tp-card-title { font-size: 15px; font-weight: 600; }
  .tp-card-tag {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--tp-bg-secondary);
    color: var(--tp-text-secondary);
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
  .tp-card-desc {
    font-size: 12px;
    color: var(--tp-text-secondary);
    line-height: 1.4;
    margin-top: 4px;
  }

  .tp-price-box {
    background: var(--tp-bg-secondary);
    border-radius: var(--tp-radius-md);
    padding: 12px 14px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  .tp-price-tier { display: flex; flex-direction: column; gap: 2px; }
  .tp-price-tier-label {
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
  .tp-price-value {
    font-size: 18px;
    font-weight: 600;
  }
  .tp-price-arrow {
    color: var(--tp-text-tertiary);
    flex-shrink: 0;
  }
  .tp-badge-free {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: var(--tp-success-bg);
    color: var(--tp-success-text);
    font-size: 17px;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 999px;
  }
  .tp-badge-free svg { width: 12px; height: 12px; }

  .tp-details {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
    font-size: 13px;
  }
  .tp-details li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    line-height: 1.4;
  }
  .tp-details-icon {
    width: 14px; height: 14px;
    flex-shrink: 0;
    color: var(--tp-text-tertiary);
    margin-top: 2px;
  }
  .tp-details-label {
    color: var(--tp-text-secondary);
    font-size: 13px;
    min-width: 78px;
  }
  .tp-details-value { color: var(--tp-text-primary); }

  /* === PROCESS STEPS === */
  .tp-process {
    background: var(--tp-bg-secondary);
    border-radius: var(--tp-radius-lg);
    padding: 18px 20px;
    margin-bottom: 28px;
  }
  .tp-process-title {
    font-size: 12px;
    font-weight: 600;
    color: var(--tp-text-secondary);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 14px;
  }
  .tp-steps {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 8px;
  }
  .tp-step {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .tp-step-num {
    width: 28px; height: 28px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--tp-bg-primary);
    border: 1px solid var(--tp-border);
    display: flex; align-items: center; justify-content: center;
    font-size: 12px;
    font-weight: 600;
  }
  .tp-step-text { line-height: 1.3; }
  .tp-step-name { font-size: 13px; font-weight: 600; }
  .tp-step-sub { font-size: 11px; color: var(--tp-text-secondary); margin-top: 1px; }
  .tp-step-arrow { color: var(--tp-text-tertiary); }

  /* === FAQ === */
  .tp-faq {
    border: 1px solid var(--tp-border);
    border-radius: var(--tp-radius-lg);
    background: var(--tp-bg-primary);
    overflow: hidden;
  }
  .tp-faq-head {
    padding: 14px 20px;
    border-bottom: 1px solid var(--tp-border);
    background: var(--tp-bg-secondary);
  }
  .tp-faq-head-title {
    font-size: 13px;
    font-weight: 600;
  }
  .tp-faq-item {
    padding: 16px 20px;
    border-top: 1px solid var(--tp-border);
  }
  .tp-faq-item:first-of-type { border-top: none; }
  .tp-faq-q {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
  }
  .tp-faq-q-icon {
    width: 18px; height: 18px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--tp-info-bg);
    color: var(--tp-info-text);
    display: flex; align-items: center; justify-content: center;
    font-size: 11px;
    font-weight: 700;
    margin-top: 1px;
  }
  .tp-faq-a {
    font-size: 12.5px;
    color: var(--tp-text-secondary);
    line-height: 1.5;
    padding-left: 28px;
  }

  /* === MOBILE === */
  @media (max-width: 640px) {
    .tp-benefits { grid-template-columns: 1fr 1fr; }
    .tp-cards { grid-template-columns: 1fr; }
    .tp-steps {
      grid-template-columns: 1fr;
      gap: 12px;
    }
    .tp-step-arrow {
      transform: rotate(90deg);
      justify-self: center;
    }
  }
.box-outer {
    margin: 0
}

.box,
.quick-setting .language {
    margin-bottom: 3px
}

.box.pav-custom .box-content {
    padding: 0
}

.box .box-heading {
    color: #FFF;
    line-height: normal;
    font-family: 'Poppins', sans-serif;
    padding: 0 10px;
    font-size: 16px
}

.box .box-content {
    background: #FFF;
    border-right: none;
    padding: 0
}

   .slider {
      width: 100%;
      margin: 20px 0;
    }

    .slider__header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 12px;
    }

    .slider__header h4 {
      margin: 0;
      font-size: 18px;
      font-weight: 600;
    }

    .slider__nav {
      display: flex;
      gap: 8px;
    }

    .slider__btn {
      border: none;
      background: #f1f1f1;
      padding: 6px 10px;
      cursor: pointer;
      border-radius: 999px;
      font-size: 18px;
      line-height: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background .2s, transform .1s;
    }

    .slider__btn:hover {
      background: #e0e0e0;
      transform: translateY(-1px);
    }

    .slider__btn:disabled {
      opacity: .4;
      cursor: default;
      transform: none;
    }

    .slider__viewport {
      overflow: hidden;
      width: 100%;
    }

    .slider__track {
      display: flex;
      gap: 16px;
      transition: transform .35s ease;
      will-change: transform;
    }

    .slider .card {
      background: #fff;
      border-radius: 10px;
      padding: 10px;
      flex: 0 0 240px;
      max-width: 240px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.06);
      display: flex;
      flex-direction: column;
    }

    .slider .card__img-wrap {
      display: block;
      margin-bottom: 8px;
    }

    .slider .card__img {
      width: 100%;
      border-radius: 8px;
      object-fit: contain;
      max-height: 150px;
    }

    .slider .card__title {
      font-size: 14px;
      margin: 4px 0 6px;
      min-height: 36px;
      line-height: 1.3;
    }

    .slider .card__title a {
      color: #000;
      text-decoration: none;
    }

    .slider .card__title a:hover {
      text-decoration: underline;
    }

    .slider .card__price {
      font-size: 18px;
      font-weight: 600;
      color: #f12202;
    }

    .slider .card__price-old {
      font-size: 13px;
      color: #777;
      text-decoration: line-through;
      margin-right: 6px;
    }

    .slider .card__price-new {
      font-size: 18px;
      font-weight: 600;
      color: #f12202;
    }

    .slider__dots {
      display: flex;
      justify-content: center;
      margin-top: 10px;
      gap: 6px;
    }

    .slider__dots button {
      width: 10px;
      height: 10px;
      background: #ccc;
      border: none;
      border-radius: 50%;
      cursor: pointer;
      transition: transform .2s, background .2s;
    }

    .slider__dots button.active {
      background: #007bff;
      transform: scale(1.1);
    }

    @media (max-width: 768px) {
	  
	  .slider__viewport {
		overflow: hidden;
	  }

	  .slider__track {
		padding-left: 1px; 
		padding-right: 24px;
	  }

	  .slider .card {
		flex: 0 0 72vw;
		max-width: 65%;
	  }
	}
	
.box .box-content .product-grid {
    border: 0;
    padding: 0
}

.box.highlighted .box-heading {
    background-color: #e24666;
    letter-spacing: normal
}

.box.dark .box-heading,
.box.green .box-heading,
.box.maroon .box-heading,
.box.orange span.title {
    background-color: #1f232f
}

.box.blue .box-heading {
    background-color: #5e90af
}

.box.gray .box-heading,
.box.pink .box-heading,
.box.red .box-heading {
    background-color: #3498db
}

.box.white .box-heading {
    background-color: #FFF;
    color: #000
}

.box.white .box-heading .shapes.right {
    border-left-color: #ebeef2
}

.box.white .box-heading .line {
    background-color: #ebeef2
}

.box .nav-tabs {
    font-size: 13px;
    border-bottom: 1px solid #ebeef2
}

.box .nav-tabs a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.box.box-product .box-content {
    padding-top: 0;
    padding-bottom: 0
}

.quick-setting {
    font-size: 14px
}

.quick-setting label {
    color: #828282;
    text-transform: uppercase;
    display: block;
    font-weight: 400
}

.quick-setting .langs-wrapper li {
    cursor: pointer
}

.quick-setting .langs-wrapper li:hover {
    color: #3498db
}

.btn-dropdown:hover,
.btn-group.open .btn-dropdown span {
    color: #000
}

.quick-setting .langs-wrapper li img {
    padding-right: 5px
}

.quick-setting .box-currency a {
    border: 1px solid #ebeef2;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.quick-setting .box-currency label {
    padding-bottom: 10px
}

.store a b {
    font-weight: 300
}

.btn-dropdown {
    background: #394044;
    border: 1px solid #454D50;
    text-transform: capitalize;
    padding: 3px 6px
}

.btn-dropdown .caret {
    border-color: #e24666 transparent
}

.btn-dropdown:focus,
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-group.open .dropdown-menu {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    opacity: 1;
    filter: alpha(opacity=100)
}

#header #cart .content,
.btn-group .dropdown-menu {
    display: block;
    padding: 10px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.btn-group .dropdown-menu {
    z-index: 99999;
    top: 120%;
    color: #93999d;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s;
    -webkit-transition-duration: .4s, .6s, .6s;
    transition-duration: .4s, .6s, .6s;
    -webkit-transition-property: opacity, transform, max-height;
    transition-property: opacity, transform, max-height;
    -moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
    -o-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
    -webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
    transition-timing-function: cubic-bezier(0, .35, .5, 1.7)
}

.btn-group .dropdown-menu a {
    color: #93999d
}

.btn-group .list-item {
    line-height: 22px;
    text-transform: capitalize;
    cursor: pointer;
    border: 0;
    display: block
}

.btn-group .list-item:hover {
    color: #FFF
}

.btn-group .item-symbol {
    margin-right: 5px;
    margin-top: -1px
}

#header #cart .content {
    position: absolute;
    top: 100%;
    right: 17px;
    left: auto;
    min-height: 100px;
    height: 100px;
    height: auto !important;
    background: #FFF;
    border: 1px solid #ebeef2;
    z-index: 100;
    min-width: 350px;
    visibility: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s;
    -webkit-transition-duration: .4s, .6s, .6s;
    transition-duration: .4s, .6s, .6s;
    -webkit-transition-property: opacity, transform, max-height;
    transition-property: opacity, transform, max-height;
    -moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
    -o-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
    -webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
    transition-timing-function: cubic-bezier(0, .35, .5, 1.7)
}

#header #cart.active .content,
.product-list .action .compare a,
.product-list .action .wishlist a,
.product-list .product-block:hover .compare a,
.product-list .product-block:hover .wishlist a {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none
}

#header #cart .heading {
    padding-left: 30px;
    padding-top: 10px
}

#header #cart .heading:after,
#header #cart .heading:before {
    content: " ";
    display: table
}

#header #cart .heading .cart-inner {
    min-height: 47px;
    height: 47px;
    margin-left: 7px;
    height: auto !important
}

#header #cart .heading a {
    margin-top: 1px;
    display: inline-block;
    zoom: 1
}

#header #cart .media .icon-cart {
    padding: 12px;
    background: #f1f1f1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: .25em;
    text-align: center;
    position: absolute;
    top: 5px;
    left: -45px;
    display: inline-block;
    width: 100px;
    margin-right: 10px
}

#header #cart .media h4 {
    margin: 0;
    padding: 0 0 0 15px;
    line-height: 18px
}

#header #cart .media a {
    padding-left: 15px;
    color: #000
}

#header #cart.active .content {
    max-height: 1000px;
    overflow: hidden;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}

#header #cart .checkout {
    text-align: right
}

#header #cart .empty {
    padding-top: 20px;
    text-align: center
}

.mini-cart-info .quantity,
.mini-cart-total {
    text-align: right
}

.mini-cart-total td {
    color: #000;
    padding: 4px
}

.mini-cart-total table {
    display: inline-block;
    zoom: 1;
    margin-bottom: 5px
}

.mini-cart-info .name small {
    color: #666
}

.mini-cart-info td {
    color: #000;
    vertical-align: top;
    padding: 10px;
    border-bottom: 1px solid #ebeef2
}

.mini-cart-info table {
    width: 100%;
    margin-bottom: 5px
}

.mini-cart-info .image {
    padding: 0
}

.mini-cart-info .image img {
    text-align: left
}

.mini-cart-info .remove,
.mini-cart-info td.total {
    text-align: right
}

.mini-cart-info .remove img {
    cursor: pointer
}

#search {
    position: absolute;
    margin-left: 395px;
    top: 35px
}

#search:hover .input-search {
    background: #FFF
}

#search .button-search {
    color: #0066ab;
    background-color: transparent;
    border: none;
    font-size: 21px;
    position: absolute;
    top: 0;
    right: 15px
}

#search .button-cautare {
    color: #0066ab;
    background-color: transparent;
    border: none;
    font-size: 21px;
    position: absolute;
    top: 0;
    right: 15px
}

.blog .form-control .form-control,
.btn-top .form-control:active,
.btn-top .form-control:focus,
.btn-top .form-control:hover {
    color: #FFF
}

#search .input-search {
    padding: 4px 0 5px 10px;
    background-color: #FFF;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: .25em;
    border: 0px solid #0047d2;
    width: 680px;
    height: 55px
}

#search .input-search:focus,
#search .input-search:hover {
    outline: 0
}

@media only screen and (max-device-width:620px) {
    #search {
        position: absolute;
        right: 0;
        top: -38px
    }
    #search:hover .input-search {
        background: #FFF
    }
    #search .button-search {
        color: #0066ab;
        background-color: transparent;
        border: none;
        font-size: 18px;
        position: absolute;
        right: 5px
    }
	#search .button-cautare {
        color: #0066ab;
        background-color: transparent;
        border: none;
        font-size: 18px;
        position: absolute;
        right: 5px
    }
    .blog .form-control .form-control,
    .btn-top .form-control:active,
    .btn-top .form-control:focus,
    .btn-top .form-control:hover {
        color: #FFF
    }
    #search .input-search {
        padding: 4px 0 5px 10px;
        background-color: #FFF;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        -ms-border-radius: 14px;
        -o-border-radius: 14px;
        border-radius: 5px;
        width: auto;
        height: 44px
    }
    #search .input-search:focus,
    #search .input-search:hover {
        outline: 0
    }
}

.btn-top {
    margin-right: 8px
}

.btn-top .form-control {
    background-color: #65c1ff;
    height: 42px;
    line-height: 16px;
    color: #fff
}

.box-product {
    margin: 0
}

.pavcol-lg-5 {
    float: left;
    padding-left: 9px;
    padding-right: 9px;
    position: relative
}

.pavcol-lg-5.last,
.pavcol-lg-5:last-child {
    border: 0
}

.product-cols {
    border-right: 0 solid #ebeef2
}

.product-cols.last,
.product-cols:last-child {
    border-right: none
}

.product-list+.pagination {
    border-top: 0
}

.product-list {
    background-color: #FFF;
    overflow: hidden
}

.product-list .product-label.product-label-special {
    left: 0
}

.product-advantage {
    position: relative;
    padding: 10px 0 1px;
    margin: 0;
    background-color: #fff;
    box-shadow: 0 3px 9px -1px rgba(0, 0, 0, .15);
    text-align: center
}

.product-advantage .advantage {
    text-transform: none;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    height: auto !important;
    line-height: 21px
}

.product-advantage .desc {
    text-transform: none;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    height: auto !important;
    line-height: 21px
}

.product-block {
    position: relative;
    padding: 10px 0 1px;
    margin: 0;
    background-color: #fff;
    transition: box-shadow .10s ease-in-out
}

.product-block a:hover {
    color: #3498db
}

.product-block .price {
    font-family: Poppins, Source Sans Pro, sans-serif;
    text-align: center
}

.product-block .action:after,
.product-block .action:before {
    content: " ";
    display: table
}

.product-block .action .button-group>div,
.product-block .action>* {
    float: left
}

.product-block .description {
    display: none
}

.product-block .product-icon {
    margin-left: 5px;
    padding-left: 3px;
    cursor: pointer;
    color: #3498db;
    text-align: center;
    line-height: 32px;
    border: 1px solid #ebeef2;
    width: 32px;
    height: 32px;
    display: inline-block;
    zoom: 1;
    -webkit-transition: background-color .4s linear;
    transition: background-color .4s linear
}

.product-block .product-icon:hover {
    background-color: #3498db;
    color: #FFF;
    border-color: transparent
}

.product-block .product-icon span {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.product-block .name a,
.sidebar .blog-title {
    font-family: Poppins, sans-serif
}

.product-block .shopping-cart {
    border: 1px solid #3498db;
    background: #3498db;
    color: #FFF
}

.product-block .norating,
.product-block .rating {
    padding: 3px 0 5px;
    text-align: center
}

.product-block .name {
    text-transform: none;
    margin: 0;
    min-height: 140px;
    height: 36px;
    height: auto !important;
    line-height: 21px
}

.product-block .namesmall {
    text-transform: none;
    margin: 0;
    min-height: 80px;
    font-size: 13px;
    height: 36px;
    height: auto !important;
    text-align: center;
    line-height: 16px
}

.product-block .advantage {
    text-transform: none;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    height: auto !important;
    line-height: 21px
}

.product-block .name a {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    line-height: 26px;
    text-align: center;
    zoom: 1
}

.product-block .plentystock {
    color: #ffffff;
    background: #0eb11e;
    font-size: 15px;
    font-weight: 600;
    padding: 3px;
    border-radius: 4px;
}

.product-block .centralalign {
    text-align: center;
    font-size: 12px
}

.product-block .lowstock {
    color: #fff;
    background: #ff5d0f;
    font-size: 15px;
    font-weight: 600;
    padding: 3px;
    border-radius: 4px;
}

.product-block .zerostock {
    color: #f5f5f5;
    background: #000;
    font-size: 15px;
    font-weight: 600;
    padding: 3px;
    border-radius: 4px;
}

.compare-info .price-old,
.price-discount2 {
    text-decoration: line-through
}

.product-block .name a:hover {
    color: #3498db
}

.product-block .pav-colorbox:hover,
.product-block .product-zoom,
.product-block .product-zoom:hover {
    color: #FFF;
    background-color: #3498db
}

.product-block .image {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.product-advantage .separator {
    display: block;
    width: 110px;
    height: 2px;
    background: #138ee2;
    margin: 10px auto 5px
}

.product-advantage .fa {
    font-size: 32px;
    color: #138ee2
}

.product-block .image .hover-image {
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    left: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    visibility: hidden;
    opacity: 0
}

.product-block .image:hover .hover-image {
    opacity: 1;
    visibility: visible
}

.product-block .product-meta:after,
.product-block .product-meta:before {
    content: " ";
    display: table
}

.product-block .pav-colorbox,
.product-block .product-zoom {
    width: 30px;
    height: 30px;
    font-size: 13px
}

.product-block .product-zoom {
    z-index: 10;
    line-height: 30px;
    right: 50%;
    text-align: center
}

.product-block .pav-colorbox {
    left: 50%;
    background-color: #3498db;
    padding: 5px 7px;
    z-index: 9999;
    display: block
}

.product-block .pav-colorbox span {
    display: none
}

.product-block .pav-colorbox .fa {
    display: inline-block;
    zoom: 1
}

.price {
    color: #e10000;
    font-size: 21px;
    font-weight: 600
}

.price .price-old,
.price .price-tax {
    color: #8e8e8e;
    text-decoration: line-through;
    font-size: 15px
}

.checkout-heading a,
.product-info .review .share a {
    text-decoration: none
}

.filter .box-content {
    padding: 0 10px
}

#button-filter {
    margin-bottom: 20px;
    margin-top: 10px
}

ul.box-filter,
ul.box-filter ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0
}

ul.box-filter>li {
    border: 0;
    background-color: transparent
}

ul.box-filter>li span {
    color: #66A0C1;
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0
}

ul.box-filter>li>ul {
    padding-bottom: 0
}

ul.box-filter>li>ul>li {
    padding: 4px 0;
    border-bottom: 1px dotted #adb9ca
}

ul.box-filter>li>ul>li:after,
ul.box-filter>li>ul>li:before {
    content: " ";
    display: table
}

ul.box-filter>li>ul>li>* {
    margin: 0
}

ul.box-filter>li>ul>li label {
    font-weight: 400;
    color: #8c8c8c;
    margin-left: 5px;
    font-size: 15px
}

ul.box-filter>li>ul ul li.last {
    border: 0
}

#colorbox:after,
#colorbox:before {
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.zoomContainer .zoomLens {
    border-color: #999 !important
}

.zoomContainer .zoomWindow {
    border: 4px solid #eee !important;
    display: none
}

.box.pav-custom .box-content {
    border: none
}

ul.contact-us li:hover i {
    color: #2b94d9
}

ul.contact-us li i {
    width: 18px;
    height: 20px;
    margin-right: 5px;
    color: #e24666;
    -webkit-transition: color 350ms ease-in;
    transition: color 350ms ease-in
}

ul.contact-us li .icon-newsletter {
    font-size: 13px
}

ul.contact-us li .icon-phone {
    margin-left: 3px
}

ul.contact-us li a {
    color: #3498db
}

.sidebar .box .box-heading {
    color: #000;
    font-size: 13px;
    font-weight: 700;
    text-transform: none;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-left: 1px solid #ebeef2;
    border-right: 1px solid #ebeef2;
    background: #f7f7f7
}

.sidebar .box.nopadding .box-heading {
    padding: 10px 15px
}

.sidebar .box.nopadding .box-heading span {
    padding: 0;
    background: 0 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.sidebar .box.nopadding .box-content {
    margin: 0;
    padding: 0
}

.sidebar .box .box-content {    
    margin-top: 3px;
	border: 0px solid #1578e0;
	border-radius: 5px;
}

.sidebar .box .box-content a b {
    color: #353d41
}

.sidebar .box .box-content a b:hover {
    color: #3498db
}

.sidebar .box .box-content .carousel-inner {
    overflow: inherit
}

.sidebar .box .box-content .carousel-controls {
    display: none
}

.sidebar .box .norating,
.sidebar .box .rating {
    border: none;
    padding: 0;
    margin: 5px 0
}

.sidebar .box.highlighted .box-heading {
    background-color: #e24666
}

.sidebar .box.white {
    border: 1px solid #ebeef2
}

.sidebar .box.white .box-heading {
    background-color: #FFF;
    color: #000;
    border-bottom: 1px solid #ebeef2
}

.sidebar .box.white .box-content {
    border: 0;
    margin: 0;
    padding: 0 19px
}

.sidebar .box.black .box-heading {
    border: 0;
    background-color: #353d41
}

.sidebar .heighlight .box-heading {
    background-color: #3498db;
    border: 1px solid #3498db
}

.sidebar .heighlight .box-content {
    background-color: #FFF;
    border: 2px solid #3498db;
    padding: 0
}

.sidebar .heighlight li {
    border-bottom: 1px solid #e0e0e0
}

.sidebar .pavblog-latest [class*=col-],
.sidebar .pavblog-latest [class^=col-],
.sidebar .product-grid [class*=col-],
.sidebar .product-grid [class^=col-] {
    width: 100%
}

.sidebar .banner {
    padding: 0;
    background-color: transparent
}

.sidebar .box-category li .fa {
    font-size: 8px;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 8px;
    top: 16px;
    width: 12px;
    height: 12px
}

.blog-wrapper .blog-item,
.h-tabs,
.product-related,
.sidebar .blog-body,
.sidebar .blog-body .create-info,
.sidebar ol .haschild,
.sidebar ul .haschild {
    position: relative
}

.sidebar ol,
.sidebar ul {
    margin: 0;
    padding: 0
}

.sidebar ol>li,
.sidebar ul>li {
    margin: 0;
    padding: 0;
    line-height: normal;
    border-bottom: 1px solid #ebeef2
}

.sidebar .product-block .left,
.sidebar ol li.last,
.sidebar ul li.last {
    border-bottom: 0
}

.sidebar .box-filter>li,
.sidebar .product-grid .left {
    border: 0
}

.sidebar ol>li a,
.sidebar ul>li a {
    color: #3498db;
    font-size: 14px;
    display: inline-block;
    zoom: 1;
    padding: 10px 15px;
    text-transform: none
}

.sidebar ol>li a.active,
.sidebar ol>li a:hover,
.sidebar ul>li a.active,
.sidebar ul>li a:hover {
    color: #3498db
}

.sidebar ol>li>ul>li>a,
.sidebar ul>li>ul>li>a {
    padding-left: 40px;
    padding-right: 220px
}

.sidebar ol>li .head a,
.sidebar ul>li .head a {
    padding-left: 0;
    padding-right: 10px;
    font-size: 12px
}

.sidebar .carousel-inner .product-grid,
.sidebar .product-grid {
    margin: 0;
    padding: 0
}

.sidebar .product-grid .row {
    padding: 0
}

.sidebar .product-grid .row.last .last .product-block {
    padding-top: 20px;
    border-bottom: 0
}

.sidebar .product-grid [class*=col-]:first-child .product-block,
.sidebar .product-grid [class^=col-]:first-child .product-block {
    padding-top: 0
}

.sidebar .product-grid [class*=col-]:last-child .product-block,
.sidebar .product-grid [class^=col-]:last-child .product-block {
    padding-bottom: 0
}

.sidebar .product-block {
    padding: 7px;
    background-color: #FFF
}

.sidebar .product-block:after,
.sidebar .product-block:before {
    content: " ";
    display: table
}

.sidebar .product-block .cart,
.sidebar .product-block .compare,
.sidebar .product-block .image .hover-image,
.sidebar .product-block .image .product-label-special,
.sidebar .product-block .label,
.sidebar .product-block .pav-colorbox,
.sidebar .product-block .product-zoom,
.sidebar .product-block .wishlist {
    display: none
}

.sidebar .product-block:hover .image img {
    opacity: 1
}

.sidebar .product-block .image {
    overflow: inherit;
    float: left;
    width: 40%
}

.sidebar .product-block .image:hover .img {
    padding-left: 0
}

.sidebar .product-block .name {
    min-height: 25px;
    height: 25px;
    height: auto !important
}

.sidebar .product-block .price {
    margin-bottom: 0
}

.sidebar .product-block .image.swap img {
    width: 100%
}

.sidebar .product-list {
    background-color: #FFF
}

.sidebar .product-list .product-block {
    padding-left: 0;
    padding-right: 0
}

.sidebar .product-list .product-block:hover .product-zoom {
    opacity: 0;
    filter: alpha(opacity=0);
    display: none
}

.sidebar .product-meta {
    padding: 0;
    min-height: 20px;
    width: 60%;
    float: left;
    height: 20px;
    height: auto !important
}

.sidebar .product-grid .product-meta,
.sidebar .product-list .product-meta {
    min-height: 20px;
    height: 20px;
    height: auto !important
}

.sidebar .blog-title {
    font-weight: 700;
    text-transform: none;
    line-height: normal;
    font-size: 15px;
    margin: 0 0 5px
}

.newsletter_block .btn-primary,
.sidebar .blog-body .created .month {
    font-family: museo300, sans-serif
}

.sidebar .blog-title a {
    color: #000
}

.sidebar .blog-title a:hover {
    color: #3498db
}

.sidebar .description {
    line-height: 18px
}

.sidebar .blog-body {
    padding: 20px 0 0;
    border-bottom: 1px solid #ebeef2
}

.sidebar .blog-body:after,
.sidebar .blog-body:before {
    content: " ";
    display: table
}

.sidebar .blog-body .create-date {
    width: 17%;
    height: auto
}

.sidebar .blog-body .create-info {
    width: 83%;
    min-height: 90px;
    height: 90px;
    height: auto !important;
    background-color: #FFF;
    z-index: 9999;
    margin-top: -21px
}

.sidebar .blog-body .create-info .inner {
    padding: 12px 15px 15px
}

.sidebar .blog-body .created {
    background-color: #3498db;
    color: #FFF;
    font-size: 13px;
    padding: 5px 10px;
    display: block;
    text-transform: uppercase;
    line-height: 14px;
    text-align: center;
    margin-top: 1px
}

.sidebar .blog-body .created span {
    display: block
}

.pavcarousel .carousel-controls,
.sidebar .blog-body .buttons-wrap {
    display: none
}

.sidebar .blog-body .created .day {
    font-size: 21px
}

.sidebar .blog-body .created hr {
    margin: 2px 0
}

.sidebar [class^=col-]:last-child .blog-body {
    border: 0
}

.sidebar .product-items .product-cols {
    margin: 0;
    border: 0;
    padding: 0;
    width: 100%;
    height: auto
}

.sidebar .product-items .product-cols.last .product-block {
    margin-bottom: 20px
}

.sidebar .product-items .product-cols:last-child .product-block {
    border-bottom: 0;
    padding-bottom: 0
}

.pavcarousel {
    border: 1px solid #ebeef2;
    background-color: #FFF
}

.pavcarousel .box-heading {
    color: #384044;
    font-size: 26px;
    padding: 6% 0 0;
    text-align: center
}

.pavcarousel .item-inner {
    border-left: 1px solid #ebeef2;
    border-bottom: 1px solid #ebeef2
}

.pavcarousel .col-lg-2-2 {
    float: left;
    width: 25%;
    padding: 0
}

.pavcarousel .carousel-inner {
    width: 83.3333%;
    margin-bottom: -1px
}

.pavcarousel img:hover {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.blog-wrapper .blog-item .description {
    overflow: hidden;
    max-height: 60px
}

.blog-wrapper .blog-title {
    font-size: 20px
}

.blog-wrapper .blog-title a {
    color: #000
}

.blog-wrapper .blog-tags a,
.blog-wrapper .blog-title a:hover,
.blog-wrapper .t-color {
    color: #3498db
}

.blog-wrapper .blog-header .created {
    background-color: #3498db;
    border: 3px solid rgba(255, 255, 255, .6);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}

.blog-wrapper ol li,
.blog-wrapper ul li {
    list-style-position: inside
}

.nopadding .box-heading {
    padding: 0
}

.nopadding .box-heading span {
    padding: 5px 20px 3px
}

.nopadding .box-content {
    margin-top: 1px;
    border-top: 0 solid #1f232f;
    padding: 0
}

.box-wapper.blue {
    border-color: #1f232f
}

.box-wapper.blue .box-heading span {
    background-color: #1f232f
}

.box-wapper.cyan {
    border-color: #1f232f
}

.box-wapper.cyan .box-heading span {
    background-color: #1f232f
}

.box-wapper.green {
    border-color: #1f232f
}

.box-wapper.green .box-heading span {
    background-color: #1f232f
}

.main-column .productcarousel .btn-shopping-cart span {
    padding-left: 6px;
    padding-right: 6px
}

.newsletter_block .input-group {
    padding: 12px 0
}

.newsletter_block .btn-primary {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    height: 36px;
    border: none;
    background: #3498db
}

.newsletter_block .form-control {
    background: #363636;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    color: #949595;
    height: 36px;
    border: none
}

.product-related .box-heading {
    font-size: 19px;
    text-transform: capitalize
}

.product-related .box-heading span {
    color: #3498db
}

.product-related .carousel-controls {
    top: 11px;
    right: 10px
}

.tooltip-inner {
    font-size: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.quick-link button {
    margin: 0 10px
}

#pav-mainnav {
    background: #ffffff
}

.breadcrumbs {
    margin: 7px 10px 0 10px;
    padding: 2px 0 3px 8px;
    font-size: 13px;
    border-radius: .25em
}

.breadcrumbs_mobile {
    margin: 10px 0 10px 0;
    padding: 2px 0 3px 10px;
    font-size: 12px;
    background: #fff;
    border-radius: .25em
}

.attention,
.information,
.success,
.warning {
    margin-top: 5px;
}

.category-info {
    padding-left: 10px;
    background-color: #fff
}

.category-info .image {
    padding: 0;
    margin-bottom: 19px
}

.category-info h1 {
    margin: 0;
    font-weight: 600
}

.refine-search ol li,
.refine-search ul li {
    padding: 5px 0;
    margin: 0 8px;
    line-height: normal;
    position: relative;
    float: left
}

.refine-search ol li:before,
.refine-search ul li:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    top: 50%;
    left: 0;
    background-color: #3498db
}

.refine-search .box-heading {
    color: #333;
    font-size: 14px;
    background: #FFF;
    text-transform: none;
    padding-bottom: 5px
}

.refine-search .box-content {
    margin: 0;
    border: 0;
    padding-top: 0;
    padding-bottom: 10px
}

.category-list {
    border: 0;
    margin: 0
}

.category-list ul {
    float: left;
    margin-right: 15px
}

.category-list ul li a {
    font-size: 15px;
    padding-left: 10px
}

.category-list ul li a:hover {
    color: #3498db
}

.manufacturer-heading {
    font-size: 15px;
    font-weight: 700;
    padding: 5px 8px;
    margin-bottom: 6px;
    color: #000;
    background-color: #f5f5f5
}

.manufacturer-list {
    border: 0;
    padding: 5px
}

.manufacturer-list ul {
    float: left;
    width: 25%;
    margin: 0 0 10px;
    padding: 0
}

.manufacturer-content {
    padding: 8px;
    overflow: auto
}

.product-filter {
    padding: 12px 10px 2px;
    text-transform: capitalize;
    background-color: #FFF;
    color: #3498db;
    font-weight: 600;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.product-filter .limit,
.product-filter .sort {
    float: left
}

.product-filter .limit select,
.product-filter .sort select {
    color: #3498db
}

.product-filter .sort {
    margin: 0 10px
}

.product-filter .display {
    float: left
}

.product-filter .display span {
    margin-right: 5px;
    padding-top: 5px
}

.product-filter .display a {
    background: url(../../image/interior/icon-grid-list.png) no-repeat;
    width: 31px;
    height: 30px;
    display: inline-block;
    border: 1px solid #ebeef2
}

.product-filter .display a>span {
    margin: 0 3px
}

.product-filter .display a>em {
    display: none
}

.product-filter .display a.grid {
    background-position: 8px 8px;
    border-left: none;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

.product-filter .display a.grid.active,
.product-filter .display a.grid:hover {
    background-position: 8px -29px
}

.product-filter .display a.list {
    background-position: -31px 8px;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px
}

.product-filter .display a.list.active,
.product-filter .display a.list:hover {
    background-position: -31px -29px
}

.product-filter .display a.active .fa,
.product-filter .display a:hover .fa {
    color: #FFF
}

.product-filter .display i {
    font-size: 13px;
    color: #9c9b9b;
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out
}

.product-filter .product-compare {
    float: right
}

.product-list .col-fullwidth {
    width: 100%;
    float: none;
    margin: 0
}

.product-list .product-cols {
    border-right: none;
    border-bottom: 1px solid #ebeef2
}

.product-list .product-items {
    border: none
}

.product-list .product-block {
    overflow: hidden;
    padding: 20px 10px
}

.product-list .product-block .product-icon {
    background: #3498db;
    color: #FFF;
    border: none
}

.product-list .product-block .product-icon:hover {
    background: #3498db
}

.product-list .product-meta {
    padding: 0;
    overflow: hidden;
    min-height: inherit
}

.product-list .norating,
.product-list .rating {
    margin: 0
}

.product-list .description,
.product-list .price-tax {
    display: block
}

.product-list .price-new {
    font-weight: 700
}

.product-list .name {
    min-height: 20px
}

.product-list .image {
    float: left;
    margin-right: 18px;
    margin-bottom: 0;
    text-align: center
}

.product-list .image img {
    padding: 0;
    border: 0
}

.product-list .image:hover .info-view {
    opacity: 1;
    filter: alpha(opacity=100)
}

.product-list .action {
    margin-top: 15px
}

.product-list .action .wishlist .fa-heart {
    margin-right: 0
}

.product-list .action .compare,
.product-list .action .wishlist {
    margin: 0;
    padding: 0
}

.product-list .action .compare a,
.product-list .action .wishlist a {
    margin: 0 10px;
    width: auto;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 0 10px;
    visibility: visible
}

.product-list .action .compare span,
.product-list .action .wishlist span {
    color: #FFF;
    font-size: 12px;
    font-family: Poppins, sans-serif;
    text-transform: uppercase
}

.product-grid {
    overflow: hidden;
    position: relative
}

.product-grid .products-block {
    border-bottom: 1px solid #ebeef2
}

.product-items,
.product-items.last,
.product-items:last-child {
    border-bottom: 0
}

.product-grid.last {
    border: 0
}

.product-grid .description,
.product-grid .price-tax {
    display: none
}

.products-block {
    overflow: hidden;
    border-top: 0 solid #ebeef2;
    margin: 0
}

.product-meta {
    min-height: 0;
    padding: 4px
}

.product-meta .stockstatus {
    text-align: center;
    margin-bottom: 0
}

.product-meta .instock {
    color: #00a65a;
    font-size: 14px;
    font-weight: 500
}

.product-meta .limited {
    color: #ff6214;
    font-size: 14px;
    font-weight: 500
}

.product-meta .model {
    margin: 0 10px 10px 10px;
    background-color: #e6f6ff;
    border-radius: .25em;
    text-align: center;
    font-size: 12px;
    padding: 3px
}

.product-meta .model a {
    color: #3498db
}

.product-items {
    margin: 0
}

.product-info {
    padding: 0 10px 10px;
    background-color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.product-info .lni-icon{
	  font-size: 27px;
}


.review-form-wrapper {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  margin-top: 24px;
  font-family: inherit;
}

.review-form-title {
  font-size: 18px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 4px;
}

.review-form-subtitle {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 20px;
}

.review-form-group {
  margin-bottom: 16px;
}

.review-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 8px;
}

@media (max-width: 600px) {
  .review-form-row {
    grid-template-columns: 1fr;
  }
}

.review-form-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 6px;
}

.required-mark {
  color: #ef4444;
}

.review-form-input,
.review-form-textarea {
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  font-family: inherit;
  color: #111827;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  height:50px;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.review-form-input:focus,
.review-form-textarea:focus {
  outline: none;
  border-color: #0047d2;
  box-shadow: 0 0 0 3px rgba(0, 71, 210, 0.12);
}

.review-form-textarea {
  resize: vertical;
  min-height: 100px;
  line-height: 1.5;
}

.review-form-note {
  font-size: 11px;
  color: #9ca3af;
  margin: 0 0 16px;
}

.star-rating-input {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 0;
  user-select: none;
}

.star-rating-star {
  font-size: 32px;
  line-height: 1;
  color: #E0E0E0;
  cursor: pointer;
  transition: color 0.12s ease, transform 0.12s ease;
  outline: none;
}

.star-rating-star:hover,
.star-rating-star:focus {
  transform: scale(1.1);
}

.star-rating-star.is-active,
.star-rating-star.is-hovered {
  color: #F5B301;
}

.star-rating-feedback {
  font-size: 12px;
  color: #6b7280;
  margin-left: 8px;
  min-width: 90px;
}

.review-form-captcha .captcha-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.captcha-image {
  display: block;
  height: 40px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
}

.captcha-input {
  flex: 1;
  min-width: 120px;
  max-width: 200px;
}

.review-form-gdpr {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  background: #f9fafb;
  border-radius: 8px;
  cursor: pointer;
  margin: 18px 0;
  font-size: 13px;
  color: #374151;
  line-height: 1.5;
}

.review-form-gdpr input[type="checkbox"] {
  margin-top: 2px;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  cursor: pointer;
}

.review-form-gdpr a {
  color: #0047d2;
  text-decoration: underline;
}

.review-form-submit {
  width: 100%;
  padding: 12px 24px;
  background: #0047d2;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  transition: background-color 0.15s ease, transform 0.05s ease;
}

.review-form-submit:hover:not(:disabled) {
  background: #003ab0;
}

.review-form-submit:active:not(:disabled) {
  transform: translateY(1px);
}

.review-form-submit:disabled {
  background: #9ca3af;
  cursor: wait;
}

.review-form-message {
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
  margin-bottom: 16px;
  border: 1px solid transparent;
}

.review-form-message.is-success {
  background: #ecfdf5;
  color: #065f46;
  border-color: #a7f3d0;
}

.review-form-message.is-error {
  background: #fef2f2;
  color: #991b1b;
  border-color: #fecaca;
}
.product-rating-summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 6px 0 4px;
  font-size: 14px;
  line-height: 1.4;
}

.rating-stars-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.rating-stars-link:hover {
  text-decoration: none;
}

.rating-stars {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 2px;
  font-family: Arial, sans-serif;
  white-space: nowrap;
}

.rating-stars-empty {
  color: #E0E0E0;
}

.rating-stars-filled {
  position: absolute;
  top: 0;
  left: 0;
  color: #F5B301;
  overflow: hidden;
  width: var(--rating-fill, 0%);
  white-space: nowrap;
}

.rating-stars-zero .rating-stars-empty {
  color: #E0E0E0;
}

.rating-value {
  font-weight: 600;
  color: #333;
  font-size: 14px;
}

.rating-count {
  color: #666;
  font-size: 13px;
}

.rating-separator {
  color: #ccc;
  margin: 0 2px;
}

.rating-write-link {
  color: #0047d2;
  font-size: 13px;
  text-decoration: none;
}

.rating-write-link:hover {
  text-decoration: underline;
}

.product-code {
  font-size: 13px;
  color: #555;
  margin-bottom: 5px;
}

@media (max-width: 480px) {
  .product-rating-summary {
    font-size: 13px;
  }
  .rating-stars {
    font-size: 16px;
  }
}
.reviews-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 16px 0 24px;
}

.review-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 18px 20px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.review-card:hover {
  border-color: #d1d5db;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.review-card-header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
}

.review-card-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.5px;
  flex-shrink: 0;
  font-family: inherit;
}

.review-card-meta {
  flex: 1;
  min-width: 0;
}

.review-card-author-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

.review-card-author {
  font-weight: 600;
  font-size: 14px;
  color: #111827;
}

.review-card-verified-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #ecfdf5;
  color: #047857;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: 12px;
  border: 1px solid #a7f3d0;
  line-height: 1.3;
  white-space: nowrap;
}

.review-card-verified-badge svg {
  flex-shrink: 0;
}

.review-card-stars-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #6b7280;
  flex-wrap: wrap;
}

.review-card-stars {
  display: inline-block;
}

.review-card-stars-track {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 1px;
  font-family: Arial, sans-serif;
  white-space: nowrap;
}

.review-card-stars-empty {
  color: #e0e0e0;
}

.review-card-stars-filled {
  position: absolute;
  top: 0;
  left: 0;
  color: #f5b301;
  overflow: hidden;
  white-space: nowrap;
}

.review-card-date {
  color: #6b7280;
}

.review-card-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #374151;
  word-wrap: break-word;
  white-space: pre-line;
}

.reviews-empty {
  padding: 24px;
  text-align: center;
  font-size: 14px;
  color: #6b7280;
  background: #f9fafb;
  border-radius: 12px;
  border: 1px dashed #d1d5db;
  margin: 16px 0;
}

.reviews-pagination {
  margin: 20px 0;
  display: flex;
  justify-content: center;
}

.reviews-pagination a {
  color: #0047d2;
}

@media (max-width: 480px) {
  .review-card {
    padding: 14px 16px;
  }
  
  .review-card-avatar {
    width: 38px;
    height: 38px;
    font-size: 13px;
  }
  
  .review-card-verified-badge {
    font-size: 10px;
    padding: 2px 6px;
  }
}
.stock-input {
  width: 100%;
  padding: 12px 20px;
  margin: 4px 0;
  display: inline-block;
  
  border: 1px solid #e0e0e0;
  border-radius: 25px; 
  background-color: #ffffff;
  font-size: 16px; 
  color: #333;
  outline: none; 
  
  transition: all 0.3s ease-in-out;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); /* Umbră discretă */
}


.stock-input:focus {
  border-color: #0047d2;
  box-shadow: 0 4px 12px rgba(108, 92, 231, 0.2);
}


.stock-input::placeholder {
  color: #aaa;
}
.shipping-table-wrapper {

    max-width: 100%;
    margin: 1rem 0;
  }

  .shipping-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    overflow: hidden;
  }

  .shipping-table thead {
    background: #0d1b2a;
    color: #ffffff;
  }

  .shipping-table th {
    padding: 14px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.3px;
  }

  .shipping-table td {
    padding: 14px 12px;
    border-bottom: 1px solid #e5e7eb;
    font-size: 14px;
    color: #1f2937;
    vertical-align: middle;
  }

  .shipping-table tbody tr:last-child td {
    border-bottom: none;
  }

  .shipping-table tbody tr:hover {
    background: #f9fafb;
  }

  .shipping-table .free {
    color: #2bb24c;
    font-weight: 700;
  }

  /* Responsive: sub 720px transformăm tabelul în carduri */
  @media (max-width: 720px) {
    .shipping-table thead {
      display: none; /* ascundem header-ul global */
    }

    .shipping-table,
    .shipping-table tbody,
    .shipping-table tr,
    .shipping-table td {
      display: block;
      width: 100%;
    }

    .shipping-table tr {
      margin-bottom: 12px;
      border: 1px solid #e5e7eb;
      border-radius: 8px;
      padding: 8px 4px;
      background: #fff;
    }

    .shipping-table td {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      padding: 10px 14px;
      border-bottom: 1px solid #f3f4f6;
      text-align: right;
    }

    .shipping-table tbody tr td:last-child {
      border-bottom: none;
    }

    /* Etichetele dinaintea fiecărei valori pe mobile */
    .shipping-table td::before {
      content: attr(data-label);
      font-weight: 600;
      color: #6b7280;
      text-align: left;
      flex: 0 0 45%;
      font-size: 13px;
    }

    /* Primul td (titlul rândului) îl evidențiem ca un mini-header de card */
    .shipping-table td:first-child {
      background: #f8fafc;
      border-radius: 6px 6px 0 0;
      font-size: 15px;
    }

    .shipping-table td:first-child::before {
      content: "";
      display: none;
    }

    .shipping-table td:first-child {
      justify-content: flex-start;
      text-align: left;
      font-weight: 700;
      color: #0d1b2a;
    }
  }
  
.qty-selector-wrapper {
    margin: 16px 0 12px 0;
    width: 100%;
}

.qty-selector {
    display: flex;
    align-items: stretch;
    width: 100%;
    background: #ffffff;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
    height: 55px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.qty-selector:focus-within {
    border-color: #0047d2;
    box-shadow: 0 0 0 3px rgba(0, 71, 210, 0.12);
}

.qty-btn {
    flex: 0 0 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #4b5563;
    transition: background 0.15s ease, color 0.15s ease, transform 0.1s ease;
    padding: 0;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.qty-btn-minus {
    border-right: 1.5px solid #e5e7eb;
}

.qty-btn-plus {
    border-left: 1.5px solid #e5e7eb;
}

.qty-btn:hover:not(:disabled) {
    background: #f3f4f6;
    color: #0047d2;
}

.qty-btn:active:not(:disabled) {
    transform: scale(0.92);
    background: #e5e7eb;
}

.qty-btn:disabled {
    color: #d1d5db;
    cursor: not-allowed;
    opacity: 0.5;
}

.qty-btn svg {
    pointer-events: none;
    display: block;
}

.qty-center {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 0;
}

.qty-center-label {
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;
    user-select: none;
}

.qty-input {
    width: 50px;
    height: 32px;
    border: none;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    color: #1a1a1a;
    background: transparent;
    outline: none;
    padding: 0;
    -moz-appearance: textfield;
}

.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.qty-stock-info {
    display: block;
    font-size: 12px;
    color: #6b7280;
    font-weight: 500;
    margin-top: 6px;
    text-align: center;
}

/* Animatie subtila la schimbarea valorii */
.qty-input.qty-bump {
    animation: qtyBump 0.25s ease;
}

@keyframes qtyBump {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.18); color: #0047d2; }
}

/* Responsive pentru mobil */
@media (max-width: 480px) {
    .qty-selector {
        height: 46px;
    }
    .qty-btn {
        flex: 0 0 50px;
    }
    .qty-center {
        gap: 8px;
    }
    .qty-center-label {
        font-size: 13px;
    }
    .qty-input {
        font-size: 16px;
        width: 44px;
    }
    .qty-stock-info {
        font-size: 11px;
    }
}

/* Pentru ecrane foarte mici (sub 360px) - ascundem label-ul ca sa nu se sufoce */
@media (max-width: 359px) {
    .qty-center-label {
        display: none;
    }
}

.contact-form-wrapper {
    margin-top: 32px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 28px;
    border-top: 1.5px solid #e5e7eb;
}

.contact-form-wrapper h3 {
    margin-bottom: 8px;
}

.contact-form-intro {
    color: #6b7280;
    font-size: 14px;
    margin-bottom: 24px;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.cf-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.cf-field {
    display: flex;
    flex-direction: column;
    position: relative;
}

.cf-field-full {
    width: 100%;
}

.cf-field label {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 6px;
}

.cf-required {
    color: #dc2626;
    font-weight: 700;
}

.cf-field input[type="text"],
.cf-field input[type="email"],
.cf-field input[type="tel"],
.cf-field select,
.cf-field textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    font-size: 15px;
    font-family: inherit;
    color: #1a1a1a;
    background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    outline: none;
    box-sizing: border-box;
}

.cf-field input:focus,
.cf-field select:focus,
.cf-field textarea:focus {
    border-color: #0047d2;
    box-shadow: 0 0 0 3px rgba(0, 71, 210, 0.12);
}

.cf-field input.cf-invalid,
.cf-field select.cf-invalid,
.cf-field textarea.cf-invalid {
    border-color: #dc2626;
    background: #fef2f2;
}

.cf-field input.cf-invalid:focus,
.cf-field select.cf-invalid:focus,
.cf-field textarea.cf-invalid:focus {
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12);
}

.cf-field textarea {
    resize: vertical;
    min-height: 110px;
    line-height: 1.5;
}

.cf-field select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 38px;
    cursor: pointer;
}

.cf-error {
    display: none;
    font-size: 12.5px;
    color: #dc2626;
    margin-top: 5px;
    font-weight: 500;
}

.cf-error.cf-show {
    display: block;
    animation: cfFadeIn 0.2s ease;
}

@keyframes cfFadeIn {
    from { opacity: 0; transform: translateY(-3px); }
    to { opacity: 1; transform: translateY(0); }
}

.cf-char-counter {
    position: absolute;
    right: 10px;
    bottom: -22px;
    font-size: 11.5px;
    color: #9ca3af;
    pointer-events: none;
}

.cf-char-counter.cf-near-limit {
    color: #f59e0b;
}

.cf-char-counter.cf-at-limit {
    color: #dc2626;
    font-weight: 600;
}

.cf-honeypot {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

/* GDPR Checkbox custom */
.cf-gdpr {
    margin-top: 4px;
}

.cf-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    user-select: none;
}

.cf-checkbox-label input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.cf-checkbox-custom {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border: 1.5px solid #e5e7eb;
    border-radius: 5px;
    background: #ffffff;
    transition: all 0.15s ease;
    margin-top: 1px;
    position: relative;
}

.cf-checkbox-label:hover .cf-checkbox-custom {
    border-color: #0047d2;
}

.cf-checkbox-label input[type="checkbox"]:checked + .cf-checkbox-custom {
    background: #0047d2;
    border-color: #0047d2;
}

.cf-checkbox-label input[type="checkbox"]:checked + .cf-checkbox-custom::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.cf-checkbox-label input[type="checkbox"]:focus + .cf-checkbox-custom {
    box-shadow: 0 0 0 3px rgba(0, 71, 210, 0.2);
}

.cf-checkbox-label.cf-invalid .cf-checkbox-custom {
    border-color: #dc2626;
    background: #fef2f2;
}

.cf-checkbox-text {
    font-size: 13.5px;
    line-height: 1.5;
    color: #4b5563;
}

.cf-checkbox-text a {
    color: #0047d2;
    text-decoration: underline;
}

.cf-checkbox-text a:hover {
    color: #003ba3;
}
.cf-submit-btn {
    width: 100%;
    background: #0047d2;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    padding: 14px 20px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.1s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 50px;
    margin-top: 8px;
}

.cf-submit-btn:hover:not(:disabled) {
    background: #003ba3;
}

.cf-submit-btn:active:not(:disabled) {
    transform: scale(0.99);
}

.cf-submit-btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
    opacity: 0.7;
}

.cf-submit-btn .lni-icon {
    margin-right: 4px;
}

.cf-submit-loading {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.cf-spinner {
    animation: cfSpin 0.8s linear infinite;
}

@keyframes cfSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.cf-recaptcha-notice {
    font-size: 11.5px;
    color: #9ca3af;
    text-align: center;
    margin-top: 4px;
    line-height: 1.5;
}

.cf-recaptcha-notice a {
    color: #6b7280;
    text-decoration: underline;
}

.cf-response {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 10px;
    font-size: 14px;
    margin-top: 8px;
    animation: cfFadeIn 0.3s ease;
}

.cf-response .lni-icon {
    font-size: 20px;
    flex-shrink: 0;
    margin-top: 1px;
}

.cf-response-success {
    background: #ecfdf5;
    color: #065f46;
    border: 1.5px solid #a7f3d0;
}

.cf-response-error {
    background: #fef2f2;
    color: #991b1b;
    border: 1.5px solid #fecaca;
}

@media (max-width: 600px) {
    .cf-row {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    
    .cf-field input[type="text"],
    .cf-field input[type="email"],
    .cf-field input[type="tel"],
    .cf-field select,
    .cf-field textarea {
        font-size: 16px; /* 16px previne zoom-ul automat pe iOS */
        padding: 11px 13px;
    }
    
    .cf-checkbox-text {
        font-size: 13px;
    }
}
.rf-wrapper {
    max-width: 700px;
    margin: 14px 0;
}

.rf-title {
    margin: 0 0 8px 0;
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
}

.rf-intro {
    color: #6b7280;
    font-size: 14px;
    margin: 0 0 24px 0;
    line-height: 1.5;
}

.rf-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.rf-field {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.rf-field label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.rf-required {
    color: #dc2626;
    font-weight: 700;
}

.rf-hint {
    color: #6b7280;
    font-weight: 400;
    font-size: 12px;
}

.rf-field input[type="text"],
.rf-field input[type="email"],
.rf-field input[type="tel"],
.rf-field textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    font-size: 15px;
    font-family: inherit;
    color: #1a1a1a;
    background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    outline: none;
    box-sizing: border-box;
    height: auto;
}

.rf-field input:focus,
.rf-field textarea:focus {
    border-color: #0047d2;
    box-shadow: 0 0 0 3px rgba(0, 71, 210, 0.12);
}

.rf-field input.rf-invalid,
.rf-field textarea.rf-invalid {
    border-color: #dc2626;
    background: #fef2f2;
}

.rf-field input.rf-invalid:focus,
.rf-field textarea.rf-invalid:focus {
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12);
}

.rf-field textarea {
    resize: vertical;
    min-height: 80px;
    line-height: 1.5;
}

.rf-iban-input {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px !important;
}

.rf-error,
.rf-field span.error {
    display: none;
    font-size: 12.5px;
    color: #dc2626;
    margin-top: 5px;
    font-weight: 500;
}

.rf-error.rf-show,
.rf-field span.error {
    display: block;
    animation: rfFadeIn 0.2s ease;
}

@keyframes rfFadeIn {
    from { opacity: 0; transform: translateY(-3px); }
    to { opacity: 1; transform: translateY(0); }
}

.rf-captcha-field {
    margin-top: 4px;
}

.rf-captcha-field .g-recaptcha {
    display: flex;
    justify-content: flex-start;
}

.rf-agree {
    margin-top: 4px;
}

.rf-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    user-select: none;
}

.rf-checkbox-label input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.rf-checkbox-custom {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border: 1.5px solid #0047d2;
    border-radius: 5px;
    background: #ffffff;
    transition: all 0.15s ease;
    margin-top: 1px;
    position: relative;
}

.rf-checkbox-label:hover .rf-checkbox-custom {
    border-color: #0047d2;
}

.rf-checkbox-label input[type="checkbox"]:checked + .rf-checkbox-custom {
    background: #0047d2;
    border-color: #0047d2;
}

.rf-checkbox-label input[type="checkbox"]:checked + .rf-checkbox-custom::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.rf-checkbox-label input[type="checkbox"]:focus + .rf-checkbox-custom {
    box-shadow: 0 0 0 3px rgba(0, 71, 210, 0.2);
}

.rf-checkbox-text {
    font-size: 13.5px;
    line-height: 1.5;
    color: #4b5563;
}

.rf-checkbox-text a {
    color: #0047d2;
    text-decoration: underline;
}

/* Buton submit */
.rf-submit-btn {
    width: 100%;
    background: #0047d2;
    color: #ffffff !important;
    border: none;
    border-radius: 10px;
    padding: 14px 20px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.1s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 50px;
    margin-top: 8px;
    text-transform: none;
    line-height: 1.2;
}

.rf-submit-btn:hover {
    background: #003ba3;
    color: #ffffff !important;
}

.rf-submit-btn:active {
    transform: scale(0.99);
}

.rf-btn-icon {
    font-size: 16px;
}

/* Responsive mobil */
@media (max-width: 600px) {
    .rf-wrapper {
        margin: 16px 0;
    }
    .rf-field input[type="text"],
    .rf-field input[type="email"],
    .rf-field input[type="tel"],
    .rf-field textarea {
        font-size: 16px; /* previne zoom auto pe iOS */
        padding: 11px 13px;
    }
    .rf-iban-input {
        font-size: 14px !important;
        letter-spacing: 0.5px;
    }
    .rf-checkbox-text {
        font-size: 13px;
    }
    .rf-captcha-field .g-recaptcha {
        transform: scale(0.85);
        transform-origin: 0 0;
    }
}
.product-info .stock-btn{
      background-color: #0047d2; 
      color: #fff; 
      border-radius: 4px; 
	  height: 63px;
      display: flex;
      align-items: center; 
      justify-content: center;
      gap: 8px;
      padding: 8px; 
      text-decoration: none; 
      width: 100%; 
	  font-size: 14px;
	  margin-bottom:10px;
}

.product-info .stock-btn:hover{
      background-color: #0037a3; 
      color: #fff; 
      border-radius: 4px; 
	  height: 63px;
      display: flex;
      align-items: center; 
      justify-content: center;
      gap: 8px;
      padding: 8px; 
      text-decoration: none; 
      width: 100%; 
	  font-size: 14px;
	  margin-bottom:10px;
}

.product-info .whatsapp-btn{
      background-color: #25d366; 
      color: #fff; 
      border-radius: 4px; 
      display: flex;
      align-items: center; 
      justify-content: center;
      gap: 8px;
      padding: 8px; 
      text-decoration: none; 
      width: 100%; 
	  font-size: 14px;
	  margin-bottom:10px;
}

.product-info .whatsapp-btn:hover{
      background-color: #1dc15a; 
      color: #fff; 
      border-radius: 4px; 
      display: flex;
      align-items: center; 
      justify-content: center;
      gap: 8px;
      padding: 8px; 
      text-decoration: none; 
      width: 100%; 
	  font-size: 14px;
	  margin-bottom:10px;
}

.product-info .seap-btn{
      color: #343434; 
      display: flex;
      align-items: center; 
      justify-content: center;
      gap: 4px;
      padding: 8px; 
      text-decoration: none; 
      width: 100%; 
	  font-size: 13px;
	  margin-bottom:10px;
	  font-weight: 600;
}


.product-info .product-label {
    top: 10px;
    right: 10px
}

.product-info .image-container {
    padding-right: 0
}

.product-info .image-container-little {
    padding-right: 0;
    margin-top: 10px
}

.product-info .image-container-little a img {
    border: 1px solid #ebeef2;
    -webkit-transition: border-color 500ms ease;
    transition: border-color 500ms ease;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: .25em;
    padding: 3px;
    margin-right: 5px
}

.product-info .carousel {
    padding: 30px 0 0;
    min-height: 415px
}

.product-info .carousel-control {
    font-size: 15px;
    color: #75716c;
    text-align: center;
    width: 96%;
    padding-top: 2px;
    z-index: 2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.product-info .carousel-control.left .fa,
.product-info .carousel-control.right .fa {
    font-weight: 400;
    margin-top: -2px
}

.product-info .carousel-control.right {
    top: auto;
    right: 5px
}

.product-info .carousel-control.left {
    left: -2px
}

.product-info .carousel-inner {
    margin: -3px;
    overflow: hidden
}

.product-info .carousel-inner .item {
    text-align: center
}

.product-info .carousel-inner a {
    display: inline-block;
    margin: 2px 4px
}

.product-info .carousel-inner a:last-child {
    margin: 0
}

.product-info .carousel-inner a img {
    border: 1px solid #ebeef2;
    -webkit-transition: border-color .5s ease;
    transition: border-color .5s ease;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.product-info .cart .minimum {
    padding-top: 5px;
    font-size: 11px
}

.product-info .cart .links {
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}

.product-info h1 {
    margin-top: 0
}

.product-info h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    font-weight: 600;
    margin-top: 15px;
    line-height: 1.4
}

.product-info .price-tax {
    font-weight: 400
}

.product-info .image {
    position: relative;
    margin-bottom: 10px;
    text-align: center
}

.product-info .share {
    padding: 20px 0
}

.product-info .share:after,
.product-info .share:before {
    content: " ";
    display: table
}

.product-info .price {
    color: #3e474b;
    font-size: 13px
}

.product-info .price .text-price {
    display: none
}


.product-info .price .price-gruop,
.product-info .price {
    font-size: 28px;
    color: #e10000;
    font-weight: 600;
    text-align: center
}

.price-discount {
    font-size: 13px;
    color: #525252;
    font-weight: 300;
    margin-top: -10px
}

.price-discount2 {
    font-size: 15px;
    color: #222;
    font-weight: 500;
    margin-top: -10px
}

.product-info .price .other-price {
    margin-top: 5px
}

.product-info .price .reward {
    font-weight: 400
}

.product-info .price .discount {
    font-weight: 400;
    margin-top: 5px
}

.product-info .price-gruop:after,
.product-info .price-gruop:before {
    content: " ";
    display: table
}

.product-info .description {
    border: 0;
    margin-bottom: 5px;
    padding-top: 5px;
    text-align: center
}

.product-info .description a {
    text-decoration: none;
    color: #3e474b
}

.product-info .description b {
    margin-right: 5px;
    margin-left: 0;
    color: #000000;
    font-weight: 800
}

.product-info .description .fa {
    color: #3E474B;
    padding: 5px 5px 5px 0;
    text-align: center;
    float: left;
    font-size: 12px
}

.product-info .option-image {
    margin-top: 3px;
    margin-bottom: 10px
}

.product-info .option-image label {
    display: block;
    width: 100%;
    height: 100%
}

.product-info .option-image img {
    margin-right: 5px;
    margin-left: 0;
    border: 1px solid #CCC;
    cursor: pointer
}

.product-info .options {
    margin-bottom: 20px
}

.product-info .options h2 {
    font-size: 15px;
    text-transform: uppercase;
    font-family: Poppins, sans-serif;
    font-weight: 700
}

.product-info .options b {
    font-size: 13px;
    font-weight: 700;
    color: #3e474b
}

.product-info .options input[type=file] {
    background-color: transparent;
    color: #93999d;
    border: 1px solid #dcdcdc;
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.product-info .options input[type=file] .fa {
    color: #93999d
}

.product-info .options input[type=file]:hover,
.product-info .options input[type=file]:hover .fa {
    color: #3498db
}

.product-info .review {
    margin-top: 0px;
    margin-bottom: 0;
    color: #999;
    font-size: 13px
}

.product-info .stockstatus {
    margin-top: -5px;
    margin-bottom: 0;
    color: #999;
    font-size: 13px;
    text-align: center
}

.product-info .review a {
    color: #aab2bd;
    text-transform: capitalize
}

.product-info .stockstatus .instock {
    color: #fff;
    background: #00b100;
    font-size: 15px;
    font-weight: 600;
    padding: 3px;
    border-radius: 4px;
}

.product-info .stockstatus .limited {
    color: #fff;
    background: #ff7330;
    font-size: 15px;
    font-weight: 600;
    padding: 3px;
    border-radius: 4px;
}

.product-info .warranty-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr); 
  gap: 8px;
  margin-top: 10px; 
  width: 100%;
}

.product-info .trust-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  gap: 8px;
  margin-top: 10px; 
  width: 100%;
}


.product-info .trust-item {
  border-radius: 4px;       
  padding: 10px 5px;        
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 80px;
  box-shadow: 0 3px 9px -1px rgba(0, 0, 0, .15);
}


.product-info .trust-icon {
  margin-bottom: 8px;
  height: 26px;              
  width: 26px;
  display: flex;             
  align-items: center;
  justify-content: center;
  color:#000000;
  
}


.product-info .trust-icon img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}


.product-info .trust-item p { 
  font-size: 13px;           
  line-height: 1.3;         
  margin: 0;
  font-weight: 400;
}

@media (max-width: 480px) {
  .product-info  .trust-container {
    grid-template-columns: repeat(3, 1fr);
  }
  .product-info  .trust-container-warranty {
    grid-template-columns: repeat(1, 1fr);
  }
}

.product-info .stockstatus .nostock {
color: #fff;
    background: #000;
    font-size: 15px;
    font-weight: 600;
    padding: 3px;
    border-radius: 4px;
}

.product-info .row .bttns .gift {
    padding: 10px;
    border: 1px solid #000000;
    border-radius: 4px;
	margin-bottom: 10px;
}

.product-info .row .bttns .safe {
    background-color: #ffffff;
    padding: 10px;
    border: 0px solid #e1e1e1;
    border-radius: 4px;
}


.product-info .row .bttns .safe_h2 {
    color: #0047d2;
	font-weight:800;
	font-size: 16px;
	margin-top:3px;
}

.safe_h1 {
    color: #eb2a2b;
	font-weight:800;
	font-size: 14px;
	margin-top:3px;
}

.product-info .stockstatus .hurry {
    font-weight: 800;
    color: #ff8100;
    margin-top: 5px;
	font-size: 14px;
}

.product-info .review .share {
    line-height: normal
}

.product-info .review>div {
    padding: 0;
    border: 0
}

.product-info .review>div>span {
    color: #38B0E3
}

@media only screen and (max-width:600px) {
    .product-info .bttns {
        width: 95%;
        margin: 0 auto
    }
}

@media only screen and (min-width:601px) {
    .product-info .bttns {
        width: 70%;
        margin: 0 auto
    }
}

.product-info .product-extra {
    padding: 0
}

.product-info .product-extra:after,
.product-info .product-extra:before {
    content: " ";
    display: table
}

.product-info .product-extra .quantity-adder {
    margin: 0
}

.product-info .product-extra .quantity-adder input {
    border: 1px solid #ebeef2
}

.product-info .product-extra .cart {
    margin-left: 0
}

.product-info .product-extra .add-action {
    display: block;
    width: 27px;
    height: 22.5px;
    border-top: 1px solid #ebeef2;
    border-bottom: 1px solid #ebeef2;
    border-right: 1px solid #ebeef2;
    position: relative;
    cursor: pointer;
    font-size: 7px;
    line-height: 23px;
    text-align: center;
    color: #6f6f6f
}

.product-info .product-extra .add-action:hover {
    color: #217dbb
}

.product-info .product-extra .add-up {
    border-bottom: 0
}

.product-info .product-extra .add-to-icon {
    font-size: 19px;
    padding: 6px;
    background: #217dbb
}

.product-info .product-extra .quantity-number input {
    min-width: 57px;
    width: 57px;
    width: auto !important;
    height: 45px;
    text-align: center;
    color: #0066ab;
    font-weight: 700
}

.product-info .product-extra .product-icon {
    margin-left: 5px;
    cursor: pointer;
    color: #3498db;
    text-align: center;
    line-height: 32px;
    border: 1px solid #ebeef2;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    zoom: 1;
    -webkit-transition: background-color .4s linear;
    transition: background-color .4s linear
}

.product-info .product-extra .product-icon:hover {
    background-color: #3498db;
    color: #FFF;
    border-color: transparent
}

.product-info .notify_box {
    margin: 15px auto;
    padding: 8px;
    overflow: hidden;
    color: #29698a;
    background: 0 0/30px 30px #d3f0ff;
    line-height: 160%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .3s ease-in-out 0;
    -moz-transition: all .3s ease-in-out 0;
    -ms-transition: all .3s ease-in-out 0;
    -o-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0;
    position: relative
}

.product-info .notify_box .bold {
    font-weight: 700
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.heighlight {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    border-left: 0 solid #ebeef2;
    border-right: 0 solid #ebeef2;
    background: #FFF
}

.buttons {
    background: #FFF;
    border-radius: 4px;
    margin-top: 10px;
    padding: 10px
}

.tabs-group {
    overflow: hidden;
    background-color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.tabs-group h2 {
    color: #000;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 7px
}

.tabs-group ul {
    padding-left: 60px
}

.tabs-group td {
    height: 40px
}

.tabs-group .htabs .nav-tabs {
    border: none
}

.tabs-group .table-desc {
    margin-bottom: 10px
}

.tabs-group .table-desc tr:nth-child(odd) {
    padding: 0 10px 0 10px;
    background: #f8f8f8;
    border-bottom: 3px solid #fff
}

.tabs-group .table-desc tr:nth-child(even) {
    padding: 0 10px 0 10px
}

.tabs-group .descbold {
    font-weight: 700;
    padding-left: 10px;
    padding-right: 10px
}

.tabs-group .tab-content {
    padding: 0 0 0 0;
    border: 0 solid #ebeef2
}

.review-bottom h4::after,
.qna-bottom h4::after,
.tab-content h2::after,
.tab-content h4::after,
.slider__header h4::after {
  content: ""; 
  display: block;
  width: 100px;
  height: 2px; 
  background: #0047d2;
  margin-top: 5px;
  margin-bottom: 5px;
}

.review-list {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #EEE
}

.review-list .rating {
    float: right;
    margin-bottom: 20px
}

.review-list .author {
    float: left;
    margin-bottom: 20px
}

.attribute thead td,
.attribute thead tr td:first-child {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    background: #f5f5f5;
    text-align: left
}

.attribute {
    width: 100%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin-bottom: 20px
}

.attribute td {
    padding: 7px;
    color: #4D4D4D;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #ddd;
    border-left: 0;
    border-bottom: 1px solid #ddd
}

.attribute tr td:first-child {
    color: #000;
    font-weight: 700;
    text-align: right;
    width: 20%
}

.compare-info .name a,
.compare-info .price-new {
    font-weight: 700
}

.compare-info td {
    text-align: center;
    vertical-align: top
}

.compare-info tr td:first-child {
    font-weight: 700;
    text-align: left;
    width: 16%
}

.checkout .radio {
    margin-bottom: 10px
}

.checkout .buttons {
    border: 1px solid #ebeef2;
    padding: 10px;
    margin: 0
}

.checkout .cart-total {
    border-top: 1px solid #ebeef2
}

.checkout .cart-total table {
    float: right
}

.checkout .cart-total td {
    text-align: right;
    padding: 5px
}

.checkout .cart-total td>b {
    font-weight: 700
}

.checkout .cart-module {
    padding: 10px 5px
}

.download-list .download-content,
.order-list .order-content,
.return-list .return-content {
    padding: 10px 0
}

.checkout .cart-module #button-quote {
    margin-top: 10px
}

.cart-info table tr td,
.wishlist-info table tr td {
    text-align: left;
    vertical-align: top
}

.cart-info table tr td img,
.cart-info table tr td input,
.wishlist-info table tr td img,
.wishlist-info table tr td input {
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.download-list .download-info,
.order-list .order-info,
.order-list .order-status,
.return-list .return-info,
.return-list .return-status {
    text-align: right
}

.table-bordered>thead>tr>td {
    color: #3498db;
    font-size: 14px;
    font-weight: 700;
    background: #fafafa
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 1px
}

.table-bordered a,
.table-bordered>thead>tr>th {
    color: #3e474b
}

#content .content {
    margin-bottom: 10px
}

.order-list {
    margin-bottom: 10px
}

.order-list .order-status {
    width: 49%;
    float: right;
    margin-bottom: 20px
}

.order-list .order-id {
    width: 49%;
    float: left;
    margin-bottom: 20px
}

.order-list .list-content,
.return-list {
    margin-bottom: 10px
}

.order-detail {
    background: #ebeef2;
    font-weight: 700
}

.return-list .return-id {
    width: 49%;
    float: left;
    margin-bottom: 20px
}

.return-list .return-status {
    width: 49%;
    float: right;
    margin-bottom: 20px
}

.download-list,
.return-list .list-content {
    margin-bottom: 10px
}

.return-opened textarea {
    vertical-align: top
}

.return-captcha {
    float: left
}

.download-list .download-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 20px
}

.download-list .download-id {
    width: 49%;
    float: left;
    margin-bottom: 20px
}

.download-list .list-content {
    margin-bottom: 20px
}

.checkout-heading {
    background: #fbfbfb;
    border: 1px solid #ebeef2;
    padding: 8px;
    font-size: 18px;
    color: #555;
    margin-bottom: 15px
}

.checkout-heading a {
    float: right;
    margin-top: 1px;
    font-weight: 400
}

.checkout-content {
    padding: 0 0 15px;
    display: none
}

.checkout-product tbody .model,
.checkout-product tbody .name,
.checkout-product thead .model,
.checkout-product thead .name {
    text-align: left
}

.checkout-product thead td {
    color: #4D4D4D;
    font-weight: 700;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd
}

.checkout-product tfoot td {
    text-align: right;
    border-bottom: 1px solid #ddd
}

.checkout-product tbody td {
    vertical-align: top;
    border-bottom: 1px solid #ddd
}

.checkout-product td {
    padding: 7px
}

.checkout-product table {
    width: 100%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-bottom: 20px
}

.checkout-product tbody .price,
.checkout-product tbody .quantity,
.checkout-product tbody .total,
.checkout-product thead .price,
.checkout-product thead .quantity,
.checkout-product thead .total {
    text-align: right
}

.sitemap-info {
    margin-bottom: 30px
}

.sitemap-info ul>li {
    line-height: 1.928571429;
    font-weight: 700;
    list-style: disc inside
}

.sitemap-info ul>li>ul {
    margin-left: 20px
}

.sitemap-info ul>li>ul li {
    font-weight: 400;
    list-style: circle inside
}

.sitemap-info ul>li>ul li li {
    list-style: square inside
}

#menu-offcanvas .dropdown .dropdown-menu .dropdown-menu-inner ul>li,
.pav-megamenu ol,
.pav-megamenu ul {
    list-style: none
}

.page-not-found {
    text-align: center
}

.page-not-found h2 {
    font-size: 230%;
    color: #217dbb;
    margin: 100px 0 10px
}

.page-not-found span {
    margin-right: 10px
}

.contact-location {
    margin-bottom: 10px
}

.contact-location img {
    max-width: none
}

.contact-content {
    padding: 2px;
}

.contact-grid {
  display: grid;
  grid-template-columns: auto 1fr; 
  gap: 5px 10px;
  align-items: center;
  margin-bottom: 10px;
}

.icon-label {
  display: flex;
  align-items: center;
  font-weight: 600;
}

.icon-label i {
  margin-right: 8px; /* Spațiu între iconiță și textul "Telefon:" */
  font-size: 1.1em; /* Iconiță ușor mai mare */
  color: #0047d2; /* Opțional: o culoare de accent pentru iconițe */
}

.icon-label-footer {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size:20px;
}

.icon-label-footer i {
  margin-right: 8px; /* Spațiu între iconiță și textul "Telefon:" */
  font-size: 1.1em; /* Iconiță ușor mai mare */
  color: #0047d2; /* Opțional: o culoare de accent pentru iconițe */
}

.icon-label-product {
  display: inline-flex;
  align-items: center;
  font-weight: 400;
}

.icon-label-product i {
  margin-right: 7px; /* Spațiu între iconiță și textul "Telefon:" */
  font-size: 25px; /* Iconiță ușor mai mare */
  color: #000000; /* Opțional: o culoare de accent pentru iconițe */
}

.info-value {
  font-weight: 500;
  color: #000; /* Informația importantă e cea mai neagră/vizibilă */
}

.info-value a {
  text-decoration: none;
  color: inherit;
  transition: color 0.2s;
}

.info-value a:hover {
  color: #0047d2; /* Feedback vizual la hover */
}


.contact-content .buttons,
.contact-content .contact-customhtml {
    border: 0;
    padding: 0;
    margin-top: 20px
}

.contact-content .contact-customhtml .content {
    min-height: 338px
}

.contact-content .fa {
    text-align: center;
    color: #13256e;
    font-size: 16px;
    margin-bottom: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.contact-content .fa:hover {
    background-color: #3498db
}

.pav-megamenu h1,
.pav-megamenu h2,
.pav-megamenu h3,
.pav-megamenu h4,
.pav-megamenu h5,
.pav-megamenu h6,
.verticalmenu h1,
.verticalmenu h2,
.verticalmenu h3,
.verticalmenu h4,
.verticalmenu h5,
.verticalmenu h6 {
    text-transform: uppercase;
    line-height: 20px;
    margin: 10px 0;
    color: #384044
}

.pav-megamenu .megamenu {
    position: relative
}

.pav-megamenu .pav-colorbox {
    display: none !important
}

.pav-megamenu .navbar {
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: 0 0
}

.pav-megamenu .navbar-default .navbar-nav>.dropdown>a .caret {
    border: 0;
    position: relative;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.pav-megamenu .navbar-default .navbar-nav>.dropdown>a .caret:before {
    content: '\f0d7';
    font-family: FontAwesome;
    position: absolute;
    right: -10px;
    top: -1px
}

.pav-megamenu .navbar-nav>li>a {
    padding: 15px;
    text-transform: none;
    font-weight: 400;
    background-color: transparent !important
}

.pav-megamenu .navbar-nav>li>a:before {
    background-color: transparent;
    content: "";
    height: 3px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -1px;
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    width: 3px
}

.pav-megamenu .navbar-nav>li.first>a {
    padding: 15px
}

.pav-megamenu .navbar-nav>li.full-width {
    position: static
}

.pav-megamenu .navbar-nav>li:hover>a:before {
    height: 3px;
    width: 100%
}

.pav-megamenu .navbar-inverse {
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.pav-megamenu .navbar-collapse {
    padding: 0
}

.pav-megamenu .dropdown-menu {
    top: 100%;
    left: -9999px;
    height: auto;
    border: 0;
    min-width: 200px;
    font-family: Poppins, sans-serif;
    padding: 20px;
    background-color: #FFF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .24);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .24);
    -webkit-transition: opacity .3s linear 0s;
    transition: opacity .3s linear 0s
}

.pav-megamenu .dropdown-menu li {
    line-height: 30px
}

.pav-megamenu .dropdown-menu li a {
    color: #000;
    line-height: 32px;
    padding: 0 0 0 0;
	font-size: 15px;
	font-weight: 600;
}

.pav-megamenu .dropdown-menu li a .caret {
    position: absolute;
    top: 15px;
    right: 0
}

.pav-megamenu .dropdown-menu li a:hover {
    background-color: transparent;
    background-position: 0 -33px;
    color: #0047d2
}

.pav-megamenu .dropdown-menu li a:hover .fa {
    color: #3498db
}

.pav-megamenu .dropdown-menu .fa {
    margin-left: 0;
    color: #75716C
}

.pav-megamenu .dropdown-menu .menu-title .fa {
    display: none
}

.pav-megamenu .dropdown-menu ul li.parent {
    position: relative
}

.pav-megamenu .dropdown-menu ul li.parent .dropdown-menu {
    top: 0;
    right: -100%;
    left: auto;
    position: absolute
}

.pav-megamenu .dropdown-menu ul li.parent:hover>.dropdown-menu {
    left: 100%;
    display: block
}

.pav-megamenu .dropdown:hover>.dropdown-menu {
    display: block;
    left: 0
}

.pav-megamenu .dropdown:hover>a,
.pav-megamenu .dropdown:hover>a .fa {
    color: #3498db
}

.pav-megamenu .mega-group>.dropdown-toggle {
    border: 0;
    display: block;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: museo300, sans-serif;
    color: #384044
}

.pav-megamenu .mega-group>.dropdown-toggle .fa {
    color: #FFF
}

.pav-megamenu .dropdown-submenu {
    position: relative
}

.pav-megamenu .dropdown-submenu:hover>.dropdown-menu {
    right: -115%;
    left: auto;
    top: 0
}

.pav-megamenu .dropdown-submenu b.fa {
    margin-left: 3px
}

.pav-megamenu p {
    font-size: 13px;
    line-height: 20px
}

.pav-megamenu .fa {
    color: #fff;
    font-size: 17px
}

.pav-megamenu .pavo-widget .fa {
    margin-right: 0
}

.pav-megamenu .product-block .w-product {
    margin-right: 28px
}

.pav-megamenu .product-block .image {
    text-align: left
}

.pav-megamenu .product-block .product-meta {
    min-height: inherit;
    text-align: left
}

.pav-megamenu .product-block .name {
    line-height: 18px;
    font-size: 15px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: normal;
    margin: 0
}

.pav-megamenu .product-block .name a,
.pav-megamenu .product-block .name a:hover {
    color: #3498db
}

.pav-megamenu .product-block .product-icon {
    width: auto;
    height: 32px;
    padding: 0 10px;
    background-color: #FFF
}

.pav-megamenu .product-block .product-icon:hover {
    color: #000
}

.pav-megamenu .product-block .cart .product-icon {
    border: 1px solid #ebeef2;
    text-transform: uppercase;
    color: #000;
    font-size: 13px;
    line-height: 18px;
    font-family: Alegreya, serif
}

.pav-megamenu .product-block .cart .product-icon:hover {
    color: #3498db
}

.pav-megamenu .product-block .rating {
    padding-top: 3px
}

.pav-megamenu .product-block .action {
    margin-top: 5px
}

.pav-megamenu .product-block .pav-colorbox {
    display: none !important
}

.pav-megamenu .product-block:last-child .w-product {
    margin: 0
}

.pav-megamenu .product-block:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.hidden-heading-title .menu-title {
    display: none
}

#column-right #pav-verticalmenu .navbar-nav>li:hover>.dropdown-menu {
    left: auto;
    right: 100%
}

#column-right #pav-verticalmenu .navbar-nav>li.parent:hover>a:after {
    left: -5px;
    right: 0
}

#pav-verticalmenu .box-heading {
    font-size: 18px;
    border: none;
    text-transform: uppercase;
    padding: 13px 15px;
    font-weight: 400;
    color: #FFF
}

#pav-verticalmenu .box-heading .fa {
    font-size: 16px;
    padding-right: 10px
}

#pav-verticalmenu .box-content {
    background: #FFF;
    padding: 0;
    min-height: 320px;
    position: static
}

#pav-verticalmenu .box-content .navbar-default {
    position: static;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: none;
    background: 0 0
}

#pav-verticalmenu .box-content .navbar-default .navbar-header {
    float: none;
    width: 100%
}

#pav-verticalmenu .box-content .navbar-default .navbar-collapse {
    padding: 0;
    max-width: auto;
    min-height: 320px
}

#pav-verticalmenu .navbar-nav {
    position: static;
    float: none;
    width: 100%
}

#pav-verticalmenu .navbar-nav>li {
    width: 100%;
    height: auto;
    position: static;
    border-bottom: 1px solid #ebeef2
}

#pav-verticalmenu .navbar-nav>li>a {
    display: block;
    color: #3e474b;
    padding: 10px
}

#pav-verticalmenu .navbar-nav>li>a:before {
    color: #AAB2BD;
    content: "\f013";
    display: inline-block;
    font-family: FontAwesome;
    font-weight: 400;
    padding: 0 5px
}

#pav-verticalmenu .navbar-nav>li .parent>.dropdown-toggle:hover,
#pav-verticalmenu .navbar-nav>li:hover a:before,
#pav-verticalmenu .navbar-nav>li:hover>a {
    color: #3498db
}

#pav-verticalmenu .navbar-nav>li>a .menu-desc {
    display: none
}

#pav-verticalmenu .navbar-nav>li>a .caret {
    position: absolute;
    right: 18px;
    top: 50%;
    margin: -5px 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #999
}

#back-top,
#pav-verticalmenu .navbar-nav>li .parent {
    position: relative
}

#pav-verticalmenu .navbar-nav>li.last {
    border: none
}

#pav-verticalmenu .navbar-nav>li.last a,
#pav-verticalmenu .navbar-nav>li:last-child a {
    border: 0
}

#pav-verticalmenu .navbar-nav>li:hover>a .menu-icon {
    background-position: left bottom !important
}

#pav-verticalmenu .navbar-nav>li:hover>a .caret {
    border-left-color: #3498db
}

#pav-verticalmenu .navbar-nav>li:hover>.dropdown-menu {
    left: 100%;
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100)
}

#pav-verticalmenu .navbar-nav>li .parent>.dropdown-menu {
    min-height: 100px;
    height: 100px;
    height: auto !important;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .13);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .13)
}

#pav-verticalmenu .navbar-nav>li .parent:hover>.dropdown-menu {
    left: 100%;
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100)
}

#pav-verticalmenu .navbar-nav>li.parent:hover>a:after {
    position: absolute;
    content: "";
    right: -5px;
    top: 0;
    width: 0;
    height: 100%;
    border: 5px solid #FFF;
    z-index: 9999
}

#pav-verticalmenu .pav-colorbox {
    display: none !important
}

#pav-verticalmenu .dropdown-menu {
    left: -9999px;
    top: -9999px;
    right: auto;
    border: 0;
    display: block;
    min-height: 100%;
    height: 100%;
    height: auto !important;
    min-width: 215px;
    padding: 15px;
    background: #FFF;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
    color: #75716C
}

#pav-verticalmenu .dropdown-menu ul li {
    border: 0;
    padding: 4px 0;
    list-style: none
}

#pav-verticalmenu .dropdown-menu ul li a {
    color: #75716C;
    background: url(https://s.electrospot.ro/catalog/view/theme/interior/image/interior/icon-menu.png) 0 7px no-repeat rgba(0, 0, 0, 0);
    padding: 0 0 0 15px
}

#pav-verticalmenu .dropdown-menu ul li a .caret {
    position: absolute;
    top: 17px;
    right: 0
}

#pav-verticalmenu .dropdown-menu ul li a:hover {
    background-color: transparent;
    background-position: 0 -37px;
    color: #3498db
}

#pav-verticalmenu .dropdown-menu ul li a:hover .fa {
    color: #3498db
}

#pav-verticalmenu .dropdown-menu .pav-menu-video {
    width: 100%
}

#pav-verticalmenu .dropdown-menu .pav-menu-video iframe {
    margin-bottom: 10px
}

#pav-verticalmenu .dropdown-menu .dropdown-toggle:hover {
    color: #000
}

#pav-verticalmenu .dropdown-menu .action {
    display: none
}

#pav-verticalmenu .widget-product-list {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #EBEEF2
}

#pav-verticalmenu .w-product {
    padding: 5px
}

#pav-verticalmenu .w-product .image {
    float: none
}

#pav-verticalmenu .product-block {
    width: 33.3333%;
    height: auto;
    padding: 0;
    background: 0 0;
    border: 0
}

#pav-verticalmenu .product-block .name {
    min-height: 32px;
    height: 32px;
    height: auto !important;
    padding: 0;
    margin: 0
}

#pav-verticalmenu .product-block .name a {
    color: #75716C;
    padding: 0
}

#pav-verticalmenu .product-block .name a:hover {
    color: #3498db
}

#pav-verticalmenu .product-block .image a {
    padding: 0
}

#pav-verticalmenu .product-block .product-meta {
    min-height: inherit;
    width: auto
}

#pav-verticalmenu .product-block .norating,
#pav-verticalmenu .product-block .rating {
    margin: 15px 0;
    border-top: 1px solid #f2f3f4;
    border-bottom: 1px solid #f2f3f4;
    padding: 3px 0 6px
}

.megamenu .aligned-center .dropdown-menu {
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%)
}

.megamenu .aligned-right .dropdown-menu {
    left: auto !important;
    right: 0 !important
}

.megamenu .aligned-fullwidth {
    position: inherit !important
}

.megamenu .aligned-fullwidth .dropdown-menu {
    width: 100% !important;
    left: 0
}

ul.list li {
    line-height: 30px
}

ul.list li a {
    color: #75716C;
    background: url(https://s.electrospot.ro/catalog/view/theme/interior/image/interior/icon-menu.png) 0 7px no-repeat rgba(0, 0, 0, 0);
    line-height: 26px;
    padding: 0 0 0 15px
}

ul.list li a:hover {
    background-color: transparent;
    background-position: 0 -37px;
    color: #3498db
}

ul.list li a:hover .fa {
    color: #3498db
}

ul.social li {
    min-height: 45px;
    cursor: pointer
}

ul.social li span {
    border: 2px solid #B6B6B6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #B6B6B6;
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    line-height: 28px;
    margin-right: 5px;
    padding-left: 4px;
    text-align: center
}

ul.social li:hover {
    color: #3498db
}

ul.social li:hover a,
ul.social li:hover span {
    color: #3498db !important;
    border-color: #3498db
}

.img-ft img {
    margin-top: 12px
}

.link-more {
    font-size: 15px;
    text-transform: lowercase;
    font-weight: 700;
    color: #1f74ae
}

.link-more .icon-read-more-2 {
    font-size: 12px;
    color: #217dbb
}

.copyright a,
.link-more:hover {
    color: #1f74ae
}

.copyright {
    text-align: left
}

#back-top,
#back-top a,
.a-center,
.carousel-control,
.scrollup {
    text-align: center
}

.pagination .links a:hover {
    color: #3498db
}

#back-top {
    margin: 0
}

#back-top a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border: 1px solid #ebeef2;
    background-color: #FFF;
    font-size: 26px;
    position: absolute;
    margin: 0 auto;
    top: -22px;
    left: 0;
    right: 0;
    overflow: auto
}

#back-top a:hover {
    border-color: #2b94d9;
    background-color: #2b94d9
}

#back-top a:hover i {
    color: #FFF
}

.megamenu .navbar-toggle {
    background: rgba(0, 0, 0, 0);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 1px solid #dcdcdc;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0 8px
}

.megamenu .navbar-toggle .fa {
    color: #3498db;
    margin: 0
}

.megamenu .navbar-toggle:active,
.megamenu .navbar-toggle:focus,
.megamenu .navbar-toggle:hover {
    background-color: #3498db;
    border-color: transparent
}

.megamenu .navbar-toggle:active .fa,
.megamenu .navbar-toggle:focus .fa,
.megamenu .navbar-toggle:hover .fa {
    color: #FFF
}

.shapes {
    background-color: transparent;
    position: absolute;
    top: 50%;
    width: 0;
    height: 0
}

.shapes.left {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 6px solid #f5f5f5;
    right: 0;
    margin: -4px 0
}

.shapes.bottom {
    border-top: 7px solid #FFF;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 0;
    top: 8px;
    right: 0;
    margin: 0 auto
}

.no-margin h3,
.no-margin-top {
    margin-top: 0
}

.shapes.round {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #e86983;
    border: #3498db;
    top: 25%;
    right: 10px
}

#breadcrumb .breadcrumb li a {
    position: relative
}

#breadcrumb .breadcrumb li a:hover {
    color: #3498db
}

#breadcrumb .breadcrumb li a span {
    color: #333;
    display: inline-block;
	font-weight:400;
    zoom: 1
}

#breadcrumb .breadcrumb li:hover {
    color: #0047d2
}

#breadcrumb .breadcrumb li:hover span:before {
    background: #258cd1
}

#breadcrumb .breadcrumb li.last a span,
#breadcrumb .breadcrumb li.last a:hover {
    color: #0047d2
}

#breadcrumb .breadcrumb li.first a:before {
    display: none
}

.no-margin .buttons,
.no-margin table {
    margin-bottom: 0
}

.carousel-control {
    cursor: pointer;
    background-image: none;
    font-size: inherit;
    background-color: #FFF;
    color: #384044;
    border: 1px solid #ebeef2;
    width: 23px;
    height: 23px;
    -webkit-text-shadow: none;
    text-shadow: none;
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel-control:focus,
.carousel-control:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #3498db
}

.carousel-control:focus .fa,
.carousel-control:hover .fa {
    color: #3498db
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
    background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0) 0), color-stop(rgba(0, 0, 0, 0) 100%));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
    line-height: 22px
}

.carousel-control.left {
    top: 0
}

.carousel-control .fa {
    display: block;
    color: #AAB2BD;
    font-weight: 700;
    line-height: 21px
}

.carousel-indicators li,
.carousel-indicators.active {
    border-color: #3498db
}

.btn-cart {
    text-transform: none;
    font-weight: 700;
    padding: 0;
    font-size: 15px
}

.btn-cart span {
    display: inline-block;
    zoom: 1
}

.btn-cart span+span {
    padding: 6px 10px 0
}

.btn-cart .icon-cart {
    font-size: 15px;
    color: #FFF;
    width: 30px;
    height: 31px;
    line-height: 30px;
    vertical-align: top;
    background: #217dbb
}

.custom-block {
    margin: 0 15px 0 -15px
}

.custom-block .box-heading {
    border-top: 0;
    border-bottom: 1px solid #ebeef2;
    padding-bottom: 5px;
    padding-top: 15px;
    position: relative
}

.custom-block .box-heading:after,
.custom-block .box-heading:before {
    top: 100%;
    content: "";
    position: absolute;
    pointer-events: none;
    zoom: 1;
    width: 0;
    height: 0;
    left: 50%
}

.custom-block .box-heading:after {
    border: solid #ccc;
    border-color: rgba(204, 204, 204, 0);
    border-color: transparent\9;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00cccccc,endColorstr=#00cccccc)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00cccccc, endColorstr=#00cccccc);
    border-top-color: #ebeef2;
    border-width: 7px;
    margin-left: -7px
}

.custom-block .box-heading:before {
    border: solid #fff;
    border-color: rgba(255, 255, 255, 0);
    border-color: transparent\9;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff);
    border-top-color: #FFF;
    border-width: 6px;
    margin-left: -6px;
    z-index: 1
}

.custom-block .box-heading>span {
    font-weight: 400;
    border: 0;
    padding: 0
}

.media-body h3,
.media-body h4,
.scrollup {
    font-weight: 400;
    text-transform: none
}

.custom-block .box-content {
    padding-top: 20px
}

.bold_green_text {
    color: #3498db
}

.media-body h3,
.media-body h4 {
    font-family: Poppins, sans-serif;
    color: #fff;
    font-size: 14px
}

.support:after,
.support:before {
    content: " ";
    display: table
}

.support .box-services {
    color: #9B9D9E;
    display: inline-block;
    font-size: 14px;
    min-height: 50px;
    min-width: 250px;
    cursor: pointer
}

.support .box-services:hover span {
    border: 1px solid #3498db
}

.support .box-services:hover .media-body h3,
.support .box-services:hover span i {
    color: #3498db
}

.support .box-services span {
    border: 1px solid #D9D9D9;
    display: inline-block;
    position: relative;
    text-align: center;
    padding-left: 2px;
    -webkit-transition: box-shadow .2s ease 0s;
    transition: box-shadow .2s ease 0s;
    z-index: 1
}

.support .box-services span i {
    color: #5D686E;
    font-size: 15px
}

.support .box-services .media-body {
    padding-left: 10px
}

.support .box-services .media-body h3 {
    line-height: 20px;
    margin: 0
}

.support .box-services .media-body small {
    font-size: 14px
}

.scrollup {
    background: #3498db;
    bottom: 82px;
    display: none;
    position: fixed;
    right: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    font-size: 13px;
    color: #fff !important;
    padding: 2px;
    z-index: 9999
}

.scrollup .fa {
    display: block
}

@media (max-width:767px) {
    .in-border {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-right: 0
    }
}

.alert-danger,
.alert-success,
.error {
    border: none;
    margin: 0;
    padding: 0
}

.hide-bar {
    display: none
}

.a-left {
    text-align: left
}

.a-right {
    text-align: right
}
@media (max-width:299px) {
    .recproduct-cols {
        width: 50%
    }
    |@ media (min-width:1200px) {
        .product-cols {
            width: 25%
        }
    }
    .recproduct-cols {
        width: 25%
    }
}

.recproductplus-cols {
    width: 3%
}

}

@media (max-width:1199px) {
    .product-info .carousel {
        min-height: 0;
        padding: 0
    }
    .product-info .carousel .carousel-control {
        width: 23px
    }
    .product-info .carousel .carousel-control.left {
        bottom: 10px;
        left: 0;
        top: auto
    }
    .product-info .carousel .carousel-control.right {
        bottom: 10px;
        right: 0;
        top: auto
    }
    .product-info .carousel .carousel-inner a {
        margin: 0 -2px 5px 5px
    }
    .tab-content.pull-left {
        width: 100%
    }
    .valid {
        margin-bottom: 10px
    }
}

@media (min-width:992px) {
    .pavcol-lg-5 {
        width: 20%
    }
    .pav-categoryproducts .tab-content {
        width: 99.9%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .support .box-services {
        min-width: 181px
    }
    .support .box-services .media-body small {
        font-size: 13px
    }
    .product-block .product-icon {
        margin: 5px 5px 0 0
    }
    .product-grid .product-block .product-icon,
    .product-related .product-block .product-icon {
        margin: 0 0 0 5px
    }
    #pav-verticalmenu .navbar-nav>li>a .caret {
        right: 0
    }
    .product-info .carousel-inner a {
        margin-right: 5px
    }
    .offcanvas-menu {
        display: none
    }
    #powered {
        padding: 20px 0
    }
    .effect:hover .overlay {
        width: 100%
    }
}

@media (max-width:991px) {
    .pav-colorbox,
    .product-zoom,
    .zoomContainer {
        display: none !important
    }
    .checkout .cart-total {
        border-top: none
    }
    .pav-categoryproducts .tab-nav {
        width: 100% !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .pav-colorbox,
    .product-zoom,
    .zoomContainer {
        display: none !important
    }
    .box.productcarousel {
        margin-top: 30px
    }
    .pav-megamenu .navbar-default {
        background-color: transparent
    }
    #search {
        padding-right: 0
    }
    #search .input-search {
        min-width: 244px
    }
    .img-responsive {
        display: inline-block
    }
    .product-block .product-icon {
        margin-left: 3px
    }
    .product-info .image a {
        pointer-events: none;
        cursor: default
    }
    .sidebar .product-block .image {
        width: 15%
    }
    #footer .footer-center .box .box-heading {
        padding: 20px 0
    }
}

@media (max-width:767px) {
    .pav-colorbox,
    .product-zoom,
    .zoomContainer {
        display: none !important
    }
    .pav-megamenu .navbar-default {
        background-color: transparent
    }
    #header-main .inner {
        text-align: center
    }
    #header-main .inner>* {
        display: block
    }
    #pav-mainnav {
        background: #ffffff
    }
    #search {
        right: 13px;
        top: 105px;
        z-index: 3
    }
    .megamenu .navbar-toggle {
        background: #394044;
        border: 1px solid red
    }
    .box-module-pavreassurances .column,
    .product-cols {
        border-right: none
    }
    .megamenu .navbar-toggle .fa {
        color: #93999D
    }
    .btn-top {
        margin-bottom: 10px
    }
    .img-responsive {
        display: inline-block
    }
    #footer .footer-center .box .box-heading {
        padding: 20px 0
    }
    .tabs-group .htabs {
        min-height: 0
    }
    .product-extra .action {
        margin-top: 10px
    }
    .product-list .action .compare span,
    .product-list .action .wishlist span {
        display: none
    }
    .product-block .compare a,
    .product-block .wishlist a {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        visibility: visible !important
    }
    .product-info .image a {
        pointer-events: all;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        cursor: default
    }
    embed {
        width: 100%
    }
    .wishlist-info td,
    .wishlist-info th,
    table.compare-info td,
    table.compare-info th,
    table.history-list td,
    table.history-list th,
    table.order-info td,
    table.order-info th,
    table.pav-checkout-product td,
    table.pav-checkout-product th,
    table.pav-shop-cart td,
    table.pav-shop-cart th {
        border-right: 0 none;
        display: block !important;
        float: none !important;
        text-align: left !important;
        width: auto !important
    }
    .wishlist-info tr td:before,
    table.history-list tr td:before,
    table.order-info tr td:before,
    table.pav-shop-cart tr td:before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
        width: 50%
    }
    .wishlist-info tr td,
    table.history-list tr td,
    table.order-info tr td,
    table.pav-shop-cart tr td {
        text-align: right;
        display: block;
        min-height: 20px;
        border-left: none;
        background: 0 0
    }
    .wishlist-info thead,
    table.history-list thead,
    table.order-info thead,
    table.pav-shop-cart thead {
        display: none
    }
}

@media (max-width:480px) {
    #search .input-search {
        max-width: 240px
    }
    .product-list .image {
        float: none
    }
    .product-info .carousel-inner a {
        margin-right: 0
    }
    .product-extra .cart {
        clear: both;
        margin-top: 10px;
        margin-left: 0 !important
    }
    .newsletter_block .box-heading {
        width: 100%
    }
    .newsletter_block .input-group {
        clear: both;
        width: 100%;
        padding-top: 20px
    }
}

@media (max-width:360px) {
    embed {
        display: none !important
    }
    .nav-tabs {
        border: 1px solid #ebeef2
    }
    .nav-tabs>li {
        border-bottom: 1px solid #E9E9E9;
        float: none !important;
        margin-bottom: 0
    }
    .nav-tabs>li .active>a,
    .nav-tabs>li>a,
    .nav-tabs>li>a:focus,
    .nav-tabs>li>a:hover {
        border: none !important
    }
    .social>span {
        display: block;
        margin: 0 0 10px;
        width: 100%
    }
    .btn.btn-theme-default {
        padding: 4px 12px
    }
}

#mainmenutop .navbar-toggle {
    float: left
}

.offcanvas-menu-open #menu-offcanvas .menu-offcanvas-inner {
    display: block
}

#menu-offcanvas .menu-offcanvas-inner {
    background-color: #1578e0;
    display: none
}

#menu-offcanvas .dropdown .dropdown-menu {
    border: none;
    box-shadow: none;
    display: block;
    float: none;
    position: relative;
    width: 100% !important;
    min-width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

#menu-offcanvas .dropdown .dropdown-menu .dropdown-menu-inner {
    padding: 0 10px
}

#menu-offcanvas .dropdown .dropdown-menu .dropdown-menu-inner .menu-title {
    font-size: 14px
}

#menu-offcanvas .product-block .image {
    text-align: left
}

.offcanvas-container,
.offcanvas-content,
.offcanvas-pusher,
body,
html {
    min-height: 100%
}

.offcanvas-content {
    overflow-y: scroll;
    background: #f3efe0
}

.offcanvas-menu::after,
.offcanvas-pusher::after {
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    content: ''
}

.offcanvas-container,
.offcanvas-content,
.offcanvas-content-inner {
    position: relative
}

.offcanvas-pusher {
    left: 0;
    height: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}

.offcanvas-pusher::after {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity .5s, width .1s .5s, height .1s .5s;
    transition: opacity .5s, width .1s .5s, height .1s .5s
}

.offcanvas-menu-open .offcanvas-pusher::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.offcanvas-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    visibility: hidden;
    width: 300px;
    height: 100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.offcanvas-menu::after {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.offcanvas-menu-open .offcanvas-menu::after {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity .5s, width .1s .5s, height .1s .5s;
    transition: opacity .5s, width .1s .5s, height .1s .5s
}

.offcanvas-menu ul {
    margin: 0;
    padding: 0;
    lioffcanvas-style: none
}

.offcanvas-menu h2 {
    margin: 0;
    padding: 1em;
    color: rgba(0, 0, 0, .4);
    text-shadow: 0 0 1px rgba(0, 0, 0, .1);
    font-weight: 300;
    font-size: 2em
}

.button-close-menu,
.pav-megamenu .navbar-nav>li>a,
.support .box-services span .fa {
    color: #000;
	font-weight: 600;
}

.offcanvas-menu ul.megamenu>li>a {
    display: block;
    padding: 1em 1em 1em 1.2em;
    outline: 0;
    -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px rgba(0, 0, 0, .2);
    color: #000000;
    text-transform: uppercase;
    text-shadow: 0 0 1px rgba(255, 255, 255, .1);
    letter-spacing: 1px;
    font-weight: 400;
    -webkit-transition: all .3s;
    transition: all .3s
}

.offcanvas-effect-1.offcanvas-menu {
    visibility: visible;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.offcanvas-effect-1.offcanvas-menu-open .offcanvas-effect-1.offcanvas-menu {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.offcanvas-effect-1.offcanvas-menu::after {
    display: none
}

.offcanvas-effect-2.offcanvas-menu-open .offcanvas-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
}

.offcanvas-effect-2.offcanvas-menu {
    z-index: 1
}

.offcanvas-effect-2.offcanvas-menu-open .offcanvas-effect-2.offcanvas-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.offcanvas-effect-3.offcanvas-menu-open .offcanvas-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
}

.offcanvas-effect-3.offcanvas-menu {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    z-index: 1
}

.offcanvas-effect-3.offcanvas-menu-open .offcanvas-effect-3.offcanvas-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.offcanvas-effect-5.offcanvas-menu-open .offcanvas-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
}

.offcanvas-effect-5.offcanvas-menu {
    z-index: 1;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0)
}

.offcanvas-effect-5.offcanvas-menu-open .offcanvas-effect-5.offcanvas-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.button-close-menu {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 6px
}

.button-close-menu .fa {
    font-size: 20px
}

.dropdown-toggle {
    text-transform: uppercase;
    margin-left: 3px;
    padding-left: 8px
}

@media (max-width:768px) {
    #mainmenutop .navbar-nav {
        display: none
    }
    .offcanvas-siderbars {
        position: relative
    }
    .offcanvas-siderbars .offcanvas-sidebar {
        display: none;
        width: 100%
    }
    .offcanvas-siderbars.column-left-active #oc-column-left,
    .offcanvas-siderbars.column-right-active #oc-column-right {
        display: block
    }
    .offcanvas-siderbars.column-left-active .main-column,
    .offcanvas-siderbars.column-right-active .main-column {
        display: none
    }
}

.offcanvas-sidebars-buttons {
    margin-bottom: 15px;
    margin-top: 15px;
    overflow: hidden
}

#menu-offcanvas .pavo-widget .widget-inner iframe {
    width: 250px !important
}

.product-block .pav-colorbox,
.product-block .product-zoom {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    position: absolute;
    top: 50%;
    bottom: 50%;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.product-block .pav-colorbox {
    margin: -10px 0 0 -60px
}

.product-block .product-zoom {
    margin: -10px -70px 0 0
}

.product-block .compare a,
.product-block .wishlist a {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.product-block:hover .pav-colorbox,
.product-block:hover .product-zoom {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}

.product-block:hover .product-zoom {
    margin: -10px -35px 0 0
}

.product-block:hover .pav-colorbox {
    margin: -10px 0 0 -30px
}

.product-block:hover .compare a,
.product-block:hover .wishlist a {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.effect {
    position: relative
}

.overlay {
    background: rgba(227, 242, 253, .2);
    height: 100%;
    display: block;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .4s ease .2s;
    transition: all .4s ease .2s;
    width: 0
}

.effect:hover .overlay {
    left: 0;
    width: 100%;
    opacity: 1
}

#topbar {
    background: #1578e0;
    padding-bottom: 10px
}

#topbar .btn-top .form-control,
.btn.btn-shopping-cart,
.btn.btn-alt,
.btn.btn-shopping-cart-listing,
.nopadding .box-content,
.nopadding .box-heading span,
.pav-categoryproducts,
.pavcarousel,
.product-block .pav-colorbox,
.product-block .product-icon,
.product-block .product-zoom {
    -webkit-border-radius: .25em
}

.btn-group .dropdown-menu {
    background-color: #353535
}

.support .box-services span {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-color: #1578e0;
    border-color: transparent;
    width: 38px;
    height: 38px;
    line-height: 38px
}

#header-main {
    background: #fff;
    padding-bottom: 8px
}

#header-main #search .input-search {
    background-color: #f1f1f1;
    color: #000
}

#header-main #search .input-search::placeholder {
    color: #5f5f5f
}

#pav-mainnav {
    border-top: none
}

.pav-megamenu {
    font-size: 16px
}

.pav-megamenu .navbar-nav>li>a:active,
.pav-megamenu .navbar-nav>li>a:focus,
.pav-megamenu .navbar-nav>li>a:hover {
    color: #13256e !important;
    border-color: transparent !importantborder-top:0 solid #F64C72;
    font-size: 16px
}

.pav-megamenu .navbar .nav>li.home a {
    background-position: 13px 16px;
    background-repeat: no-repeat;
    padding-left: 40px
}

.pav-megamenu .navbar-nav>li:hover {
    background: #fff;
    color: #13256e;
    border-radius: .25em .25em 0em 0em;
    border-top: 0 solid #F64C72
}

.pav-megamenu .navbar-nav>li:hover>a {
    color: #13256e
}

.pav-megamenu .navbar-nav>li:hover>a:before {
    background-color: transparent
}

.pav-megamenu .navbar-nav>li>a {
    border-color: #2a87c5
}

.pav-megamenu .navbar-nav>li.first>a {
    border-left: none
}

.pav-megamenu .navbar-default .navbar-nav>.dropdown:active>a .caret:before,
.pav-megamenu .navbar-default .navbar-nav>.dropdown:hover>a .caret:before,
.pav-megamenu .navbar-default .navbar-nav>.dropdown>a .caret:before {
    color: #FFF
}

.qna-container, .qna-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.qna-container {
    background-color: #f9f9f9;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 18px;
    margin-bottom: 15px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.04);

.qna-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.qna-info {
    flex: 1;
    padding-right: 20px; 
}

.qna-info h3 {
    margin: 0 0 8px 0;
    font-size: 20px;
    font-weight: 600;
    color: #222;
}

.qna-info p {
    margin: 0;
    color: #777;
    line-height: 1.5;
}

.qna-action-wrap {
    flex-shrink: 0;
}

.btn-qna-primary {
    background-color: #0047d2;
    color: #fff;
    padding: 12px 24px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    border: none;
    display: inline-block;
    transition: background-color 0.2s ease;
    text-align: center;
}

.btn-qna-primary .lni-icon {
font-size: 19px;

}
.qna-form-wrapper {
    display: none; 
    margin-top: 25px;
    border-top: 1px solid #eee;
    padding-top: 25px;
}

.qna-input-group {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
}

.qna-input, .qna-textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.2s;
}

.qna-input:focus, .qna-textarea:focus {
    border-color: #005eb8;
    outline: none;
}

.qna-textarea {
    min-height: 120px;
    resize: vertical; 
}

.qna-form-actions {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.btn-qna-submit {
    background-color: #222;
    color: #fff;
    padding: 10px 30px;
    border-radius: 30px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    margin-right: 15px;
    font-size: 14px;
    transition: background-color 0.2s;
}
.btn-qna-submit:hover {
    background-color: #000;
}

.btn-qna-cancel {
    background-color: transparent;
    color: #555;
    padding: 10px 20px;
    border-radius: 30px;
    border: 1px solid #ccc;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s;
}
.btn-qna-cancel:hover {
    border-color: #222;
    color: #222;
}

@media (max-width: 768px) {
    
    .qna-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .qna-info {
        padding-right: 0;
        margin-bottom: 20px;
    }
   
    .qna-action-wrap, .btn-qna-primary {
        width: 100%;
    }

    .qna-input-group {
        flex-direction: column;
        gap: 15px;
    }

    @media (max-width: 480px) {
         .qna-form-actions {
             flex-direction: column;
         }
         .btn-qna-submit, .btn-qna-cancel {
             width: 100%;
             margin-right: 0;
             margin-bottom: 10px;
             text-align: center;
         }
    }
}