body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

p {
	font-size: 16px !important;
}

h1.home-slider-1 {
	color: #efcb00 !important;
	text-transform: none !important;
}

h4.text-white.home-beneficii {
	text-transform: none !important;
	text-align: center !important;
	letter-spacing: normal !important;
	padding-bottom: 10px;
}

h4.text-banner {
	text-transform: none !important;
	letter-spacing: normal !important;
	font-weight: 100 !important;
}

h4.big-categories {
	margin-bottom: 20px !important;
	text-transform: uppercase;
}

h4.product-price {
	margin: 20px 0 !important;
}

h4.in-stoc {
	font-size: 20px;
	color: green;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: 500;
}

h4.out-of-stoc {
	font-size: 20px;
	color: red;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: 500;
}

h5.home-slider-1 {
	color: #efcb00 !important;
}

h5.text-white.home-beneficii {
	text-transform: none !important;
	text-align: center !important;
	letter-spacing: normal !important;
}

h5.text-white.beneficii-left, h5.beneficii-left {
	text-align: right;
}

h5.text-white.beneficii-right, h5.beneficii-right {
	text-align: left;
}

h6 a, h6 a:hover {
	color: #fff !important;
}

p.text-white.beneficii-left, p.beneficii-left {
	text-align: right;
	line-height: 24px !important;
	opacity: .8;
	font-style: italic;
}

p.text-white.beneficii-right, p.beneficii-right {
	text-align: left;
	line-height: 24px !important;
	opacity: .8;
	font-style: italic;
}

p.info-text {
	line-height: 24px !important;
	font-size: 16px !important;
}

a.btn.btn-solid, button.btn.btn-solid {
	border-radius: 25px;
}

div.col-6.center-text {
	margin: auto;
}

li.text-none {
	text-transform: none !important;
}

div.banner-contain.d-flex.align-items-center.h-100 {
	position: absolute;
	left: 30%;
}

.tools-parallax-product.full-banner {
	padding: 50px 0 !important;
}

.height-950 .home-slider .home {
	height: 950px !important;
}

.top-header .header-contact li i {
    color: #ffffff;
    padding-right: 10px;
}

.pt-75 {
    padding-top: 75px;
}

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

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

.a-left {
	float: left;
}

.a-right {
	float: right;
}

.tools-bg section {
	background-color: #fff;
}

.title-percentage section {
    background-color: #efefef;
}

.absolute-banner .absolute-bg {
	background-color: #F9F9F9;
}

section.section-b-space.tools-brand {
    padding-bottom: 0px !important;
}

div.category-wrapper.pt-0 {
	border: 1px solid #efefef !important;
}

section.pt-0.category-tools.ratio3_2 {
	padding-bottom: 30px;
}

section.pt-0.percentage-tools.ratio3_2 {
	background-color: #efefef;
	padding-bottom: 50px;
}

section.title-percentage {
	background-color: #efefef;
}

.percentage-text {
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
}

.question-style {
	font-size: 20px;
	margin-right: 5px;
}

/*body[page="home"] .tools-bg section {
    background-color: #efefef;
}*/

a[title="Add to Wishlist"] {
    display: none !important;
}

.tools_slider .home-slider .slider-contain {
    /*margin-top: 70px;
	margin-top: -175px;*/
    margin: 0 auto;
}

.home-slider .slider-contain, .center-slider .slider-contain {
    width: 100%;
    height: 75vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

div.home.text-center.bg-size.blur-up.lazyloaded {
	/*height: 50vh !important;*/
}

div.top-banner.text-center.bg-size.blur-up.lazyloaded {
	height: 50vh !important;
	/*filter: brightness(50%);*/
}

div.top-banner-content.small-section.center-text {
	text-align: center;
}

.onhover-div .show-div {
	left: 0px !important;
	top: 70px;
}

section.contact-page, section.general-text-page {
	padding-top: 0px !important;
	text-align: justify;
}

section.category-page {
	padding: 30px 0 !important;
	text-align: justify;
}

section.album-page {
	padding: 0px !important;
}

.product-detail {
	padding: 10px 0;
	text-align: center;
	padding-left: 0 !important;
}

.mfp-title {
	display: block !important;
	color: #444 !important;
}

.breadcrumb-section {
	padding: 0;
}

a.bg-size.blur-up.lazyloaded {
	/*background-position: top center !important;*/
	height: 300px;
}

a.category-image.bg-size.blur-up.lazyloaded {
	height: 250px;
}

body:not([page="home"]) .top-header .header-contact li i {
    color: var(--theme-deafult)!important;
}

#cart-qty-badge{
    position: relative;
    top: -10px;
    color: #444;
	left: -5px;
}

/*product gallery slider*/
div.product-slick.slick-initialized.slick-slider {
	height: 550px;
	border: 1px solid #ccc;
}

/* Thumbnail images */
.slider-nav img {
    width: 100px !important;
    height: auto;
}

/* Optional: center thumbnails inside their slide */
.slider-nav .slick-slide {
    display: flex !important;
    justify-content: center;
}

.slider-nav .slick-slide {
    width: 120px !important; /* slightly bigger than image */
}

/*new photo gallery*/
.product-gallery {
    max-width: 600px;
    margin: auto;
}

/* MAIN IMAGE */
/* Fixed height container */
.main-image {
    position: relative;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
	/*overflow: hidden;*/
}

.main-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* arrows */
.nav-gallery {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    
    width: 34px;
    height: 34px;
    
    background: rgba(0, 0, 0, 0.35);
    color: #fff;
    
    border: none;
    border-radius: 50%;
    
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    
    cursor: pointer;
    z-index: 2;
    
    transition: all 0.2s ease;
    backdrop-filter: blur(4px);
}

.nav-gallery:hover {
    background: rgba(0, 0, 0, 0.6);
    transform: translateY(-50%) scale(1.1);
}

/* positioning */
.nav-gallery.prev { left: 10px; }
.nav-gallery.next { right: 10px; }

/* THUMBNAILS */
.thumbnails {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 15px;
    flex-wrap: wrap;
}

.thumbnails img {
    width: 100px;
    cursor: pointer;
    opacity: 0.7;
    border: 2px solid transparent;
    transition: 0.2s;
}

.thumbnails img:hover {
    opacity: 1;
}

.thumbnails img.active {
    border: 2px solid #000;
    opacity: 1;
}

/*--top meniu--*/
/*header {
	background-color: #000 !important;
	background: none !important;
}*/

header.header-tools {
	top: 0px !important;
}

header.header-tools.info-tools {
	background-color: #444 !important;
	position: relative !important;
	height: 130px;
}

section.info-tools {
	background-color: #444 !important;
	position: relative !important;
	height: 130px;
}

header.header-tools .logo-menu-part > .container {
	background-color: transparent !important;
	border-bottom: none !important;
}

.brand-logo {
	width: 250px !important;
}

.show-div.setting {
	background-color: #000 !important;
}

.show-div.setting ul li a {
	color: #fff !important;
}

.pixelstrap li a {
	color: #fff !important;
}

ul#main-menu.sm.pixelstrap.sm-horizontal li ul {
	background-color: #000;
}

img.img-fluid.blur-up.lazyloaded.icons {
	filter: invert(100%) sepia(0%) saturate(542%) hue-rotate(4deg) brightness(100%) contrast(100%);
}

.product-box.big-categories {
	margin-top: 20px !important;
}

button.add-cart-subcategory-page {
	padding: 11px 11px 13px 11px !important;
	border-color: #00a0e6;
	border-radius: 15px;
	background-color: #fff;
}

a.btn.btn-outline.btn-classic.product-details {
	border-radius: 15px;
}

/*.main-menu {
	height: 50px !important;
}

.pixelstrap a {
	padding-bottom: 12px !important;
}

.pixelstrap a .sub-arrow {
	margin-top: 0 !important;
}*/

.contact-page .form-control {
	border-radius: 25px !important;
	border-color: #aaa !important;
}

/*circle percentage*/
.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.single-chart {
  width: 25%;
  justify-content: space-around;
}

.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 80%;
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 0.2;
}

.circle {
  fill: #fff;
  stroke-width: 0.4;
  stroke-linecap: round;
  animation: progress 5s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.orange .circle {
  stroke: #ff9f00;
}

.circular-chart.green .circle {
  stroke: #4CC790;
}

.circular-chart.blue .circle {
  stroke: #00a0e6;
}

.percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 0.5em;
  text-anchor: middle;
}
/*circle percentage end*/

/*accordion*/
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 20px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	margin-bottom: 10px;
	font-size: 20px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion:hover {
	background-color: #ccc;
}

.accordion.active {
	background-color: #ccc;
	margin-bottom: 0px;
}

/* Style the accordion panel. Note: hidden by default */
.accordion-panel {
	padding: 20px;
	background-color: white;
	display: none;
	overflow: hidden;
	width: 100%;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.accordion:after {
	content: '\002B'; /* Unicode character for "plus" sign (+) */
	color: #777;
	float: right;
	margin-left: 5px;
}

.accordion.active:after {
  content: "\2212"; /* Unicode character for "minus" sign (-) */
}

/*programeaza drona*/

select.form-control {
	font-size: 12px;
	padding: 17px 25px;
	margin-bottom: 30px;
	height: auto !important;
}

div.col-md-6.obstacole {
	padding-bottom: 30px;
}

/* Customize the label (the container) */
.obstacle-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: none !important;
}

/* Hide the browser's default checkbox */
.obstacle-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;	
  border-radius: 25px;	
}

/* On mouse-over, add a grey background color */
.obstacle-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.obstacle-container input:checked ~ .checkmark {
  background-color: #00a0e6;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.obstacle-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.obstacle-container .checkmark:after {
  left: 10px;
  top: 6px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*info section style format*/
ul.info {
	list-style-type: disc;   /* shows dots */
    padding-left: 40px;      /* space for bullets */
    margin: 10px 0;
}

li.info {
    display: list-item;      /* ensures proper list behavior */
    margin-bottom: 5px;      /* spacing between lines */
}

li.info::marker {
    font-size: 10px; /* smaller dot */
}

/*cart*/
.cart-section tfoot tr td:first-child {
	width: 80% !important;
}

.order-box .title-box span, .order-box .qty li span, .order-box .sub-total li .count, .order-box .sub-total .shipping {
	width: 40% !important;
}

span.small-text {
	font-size: small;
	font-weight: 600;
}

/*phone settings*/
@media (max-width: 991px) {
	header.header-tools .logo-menu-part {
		background-color: #000 !important;
	}
}

@media (max-width: 480px) {
	.brand-logo img{
		height: 50px !important;
	}
}

@media (max-width: 420px) {
	.breadcrumb-section {
		padding: 15px 0 !important;
	}
}

@media (max-width: 575px) {
	.breadcrumb-section .breadcrumb {
		margin-top: 0 !important;
	}
}

@media (max-width: 575px) {
	.full-banner .banner-contain {
		position: unset !important;
	}
}

@media (max-width: 575px) {
	h5.text-white.beneficii-left, h5.beneficii-left, p.text-white.beneficii-left, p.beneficii-left {
		text-align: left !important;
	}
}

@media (max-width: 1199px) {
    .sm-horizontal {
		right: 0px;
		background-color: #000;
		height: auto;
	}
}

@media (max-width: 1199px) {
    .sm-horizontal .mobile-back {
		background-color: #fff;
	}
}

@media (max-width: 767px) {
    .tools_slider .home-slider .slider-contain {
		margin-top: -80px !important;
	}
}

@media (max-width: 767px) {
	div.product-slick.slick-initialized.slick-slider {
		height: auto;
	}
}

@media (max-width: 420px) {
    .tab-product .nav-material.nav-tabs .nav-item {
        width: 50% !important;
        float: left;
        margin-bottom: 20px;
    }
}

@media (max-width: 575px) {
    .breadcrumb-section .page-title {
		display: none !important;
	}
}

@media (max-width: 577px) {
    .cart-section .cart-buttons > div:last-child {
        text-align: left;
		margin-top: 10px;
    }
}

@media (max-width: 577px) {
    div.col-sm-3.valoare {
		margin: 10px 0;
    }
}

@media (max-width: 577px) {
    section.info-tools {
		height: auto;
    }
}

@media (max-width: 577px) {
    div.text-right.plaseaza {
		text-align: left !important;
    }
}

@media (max-width: 577px) {
	.input-group-prepend {
		z-index: 0;
	}
}

@media (max-width: 577px) {
	/*new photo gallery*/
	.product-gallery {
		max-width: 600px;
		margin: auto;
	}

	/* MAIN IMAGE */
	/* Fixed height container */
	.main-image {
		height: 300px;              /* 🔴 set your desired height */
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}

	/* Image fits inside without distortion */
	.main-image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;        /* keeps full image visible */
	}

	/* THUMBNAILS */
	.thumbnails {
		display: flex;
		justify-content: center;
		gap: 10px;
		margin-top: 15px;
		flex-wrap: wrap;
	}

	.thumbnails img {
		width: 100px;
		cursor: pointer;
		opacity: 0.7;
		border: 2px solid transparent;
		transition: 0.2s;
	}

	.thumbnails img:hover {
		opacity: 1;
	}

	.thumbnails img.active {
		border: 2px solid #000;
		opacity: 1;
	}
}