@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300&display=swap');
@import url("modules/paid_services.css");

/*body { min-width: 1300px; }*/

	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1500px !important;
	}
@media screen and (max-width: 1600px) {
 	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 78% !important;
	}
}
body,td,th {
	font-family: Bahnschrift;
	font-size: 18px;
	color: #333;
	font-weight: 300 !important;
}
.bgr-up {
	background-image: url( /resources/images/bgr-up.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0px;
	background-size:cover;
	font-size: 0.9vw;
	font-family: Bahnschrift;
	color: #FFF;
}
.bgr-up img { margin: 5px !important}
.dark-button { background-color: #000; padding: 0.6vw; border-radius: 5px;width: 85%;
  text-align: center;}
 .dark-button img { margin: 0px !important}
.down-line {
	background-image: url( /resources/images/line1.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 0px;}
 
  .text1 {
	background-image: url( /resources/images/bgr1.png);
	background-position: center top;
	background-repeat: repeat-x;
	padding:  50px 0px;
}
.body-bgr {
	background-image: url( /resources/images/body-bgr.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 20px 0px 0px 0px;

}
.bgr2 {
	background-repeat: repeat-y;
	background-position: center top;
	padding: 10px;
}
.bgr3 {
	background-image: url( /resources/images/bgr-down.jpg);
	background-position: center center;
	background-repeat: repeat-x;
	padding: 50px 0px 0px 0px;
	background-size:cover;
	line-height: 1.6;
}
.prozr {
	background-color: rgba(0,0,0,0.10);
	padding: 15px 0
}
.pad5 {
	padding:5px;
}

.pad10 {
	padding:10px;
}

.pad20 {
	padding:20px;
}
.gray-border1 {
	border: 1px solid #F4F4F4;
	margin: 0px;
	border-radius: 15px
}
.gray-border {
	padding:5px;
	border: 1px solid #EEE;
	background-color: #FFF;
}
.product-list { position: relative; }


.promo {
	position:absolute;
	right:10px;
	top:10px;
	height:auto;
	border:none;
	z-index:300;
	margin:0;
	padding:3px 7px;
	font-size: 0.8vw; 
	background-color: #EF3225;
	color: #FFFFFF;
	border-radius: 5px
}

.new {
	position:absolute;
	left:10px;
	top:10px;
	height:auto;
	border:none;
	z-index:300;
	margin:0;
	padding:3px 7px;
	font-size: 0.8vw; 
	background-color: #1B4BA3;
	color: #FFFFFF;
	border-radius: 5px
}
.black-bgr {
	background-repeat: repeat-x;
	background-position: bottom;
}
.form1 {
	background-color: none;
	padding: 6px;
	border: none;
	font-size: 0.9vw;
	width:8vw
}
.form1-1 {
	background-color: none;
	padding: 10px;
	border: none;
}
.menu-bgr {
	padding:0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	margin-bottom: 3px;
}
.dots {
    position:absolute;
    right:0px;
    bottom:50px;
    width:100%;
    height:0px;
    border:none;
    z-index:300;
    margin:0;
    padding:0;
}


.upp {
	text-transform: uppercase;
}


.gray-border1-1 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #EEE;
	border-right-color: #EEE;
	border-bottom-color: #EEE;
	border-left-color: #EEE;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.gray-border2 {
	padding:10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #EEE;
	border-right-color: #EEE;
	border-bottom-color: #EEE;
	border-left-color: #EEE;
	margin: 0px;
}
.arrow {
	background-repeat: repeat-x;
	background-position: right center;
	height: 37px;
	width: 178px;
	padding-top:15px;
	padding-left:20px;
}

.wishlist {
	position:absolute;
	left:8px;
	bottom:10px;
	width:30px;
	height:30px;
	border:none;
	z-index:300;
	margin:0;
	padding:0;
}


#banners {

	border: medium none;

	width:100% ! important;

	left: 0;

	margin: 0;

	overflow: hidden;

	padding: 0;

	position: relative;

	top: 0;



	/*z-index: 100;*/

}



#banners img{

	max-width: 100%;

	height: auto;

	width: auto\9; /* ie8 */



}
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

.products-slider-container { width: 90%; margin: 0 auto; }
.testimonials-carousel { width: 90%; margin: 0 auto; }
.slick-next { right: -25px !important; }
.slick-prev { left: -55px !important; }
.slick-prev::before, .slick-next::before {
	color: black !important;
}
.discount { padding: 0 10px; }
.discount .item-carousel { overflow: hidden; padding-top:5px;}
.discount .item-carousel, .discount .slick-vertical .slick-slide {
    border-bottom:1px #ddd solid !important;
	padding: 10px 0;
}
.discount .item-content .gray_16-1 { font-size:16px; line-height:normal; display: block;}
.discount .item-content .lilavo_20 { font-size:18px; }

/* FILTERS ************************************************************************************************************/
#frmFilter ul { list-style: none; padding: 0px }
/* title */
#frmFilter h2 { font-size: 1vw;
	border-bottom: 1px #eee solid;
	padding: 35px 0 10px 0;;
	font-weight: normal; }
/* options */
#frmFilter li label { font-size: 14px; font-weight: normal; }
#frmFilter ul.two-columns { overflow: auto; }
#frmFilter ul.two-columns li { float: left; width: 50%; }
/* slider */
#frmFilter .slider-range { margin-left: 10px; margin-top: 15px; margin-right: 10px }
#frmFilter .ui-slider .ui-slider-handle { width: 1em; height: 1em; }
#frmFilter .ui-slider-horizontal { height: .6em; }
#frmFilter .from-to-input { width: 36%; }
#frmFilter ul.two-columns li.checkbox_with_image {
	width: 40px;
	margin: 5px;
}
#frmFilter ul.two-columns li.checkbox_with_image:first-child { margin-left:0; }
#frmFilter .option_with_image {
	width: 40px;
	height:40px;
	border: 1px #E5E5E5 solid;
}
#frmFilter .checkbox_with_image.checked .option_with_image {
	border: 2px #000 solid;
}

/*#frmFilter .filter-vid_sdelka label span { display: none; }*/
#frmFilter .filter-ekstri label span { display: none; }

#frmFilter .multiselect-container li { display: block; }



.quotes {
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	margin: 10px;
}

.date {
	position:absolute;
	left:10px;
	top:0px;
	width:50px;
	height:55px;
	border:none;
	z-index:300;
	margin:0;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
.b1 {
	padding:10px;
	background-color: #2970FF;
}
.b1-1 {
	padding:10px;
	background-color: #00A0E3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2970FF;
}
.g1 {
	padding:10px;
	background-color: #8FB504;
}
.g1-1 {
	padding:10px;
	background-color: #ADD41E;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8FB504;
}

/* Horizontal filters */
.filter_horizontal {}

.filter_horizontal ul {
	margin:0;
	padding:0;
}

.filter_horizontal ul li {
	display: inline-block;
}

.filter_horizontal .dropdown-menu {
	min-width: 13rem !important;
	padding: 5px;
}

.filter_horizontal .dropdown-menu li {
	display: block;
}

.filter_horizontal .dropdown .dropdown-toggle {
	border: 1px #000 solid;
	min-width: 130px;

	display: flex;
	align-items: center;
}

.filter_horizontal .dropdown .dropdown-toggle::after {
	content: none;
}

.filter_horizontal .dropdown .dropdown-toggle .button-text {
	margin-right: auto;
}

.filter_horizontal .dropdown .dropdown-toggle .caret {
	margin-left: auto;
}

#fancyGallery, .f-thumbs {
	max-width: 440px;
	min-width: 300px;
	margin:0 16px !important;
}

#fancyGallery .f-carousel__slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Customers orders ***************************************************************************************************/
.tblCustomerOrders {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}

.tblCustomerOrders th {
	background-color: #5E7B88;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	text-align: left;
}

.tblCustomerOrders td {
	border-bottom: 1px solid #ddd;
	padding: 10px;
}
.img-radius {
    display: block;
    overflow: hidden;
    border-radius: 15px;
    background-color: #f9f9f9; /* Цвят, който ще запълни празното място около снимката */
}



.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #298FCD !important;
  background: #298FCD !important;
 
}

.ui-accordion .ui-accordion-header {
 font-family: 'Bahnschrift' !important;
 font-size: 18px !important
}
.ui-accordion .ui-accordion-content {
  font-family: Bahnschrift !important;
}

.filter-bgr { background-color: #F4F4F4; border-radius: 8px; padding: 25px 15px}
.form2 {
    background-color: #FFFFFF;
    padding: 6px 10px; /* Уеднаквен padding */
    border: 1px solid #E6E6E6;
    border-right: none;
    font-size: 0.9vw;
    width: 100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    outline: none;
    display: block; /* Премахва странни разстояния */
    box-sizing: border-box; /* Важно за размерите */
}

.form2-1 {
    background-color: #FFFFFF;
    padding: 9px; /* Трябва да е същият като на .form2 */
    border: 1px solid #E6E6E6;
    border-left: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: block; /* Позволява на иконката да запълни клетката */
    height: auto; 
    /* Изчисляваме височината, за да съвпадне с текста: */
    height: calc(0.9vw + 22px); 
    box-sizing: border-box;
}


.product_list {
	display:inline-block; height: auto; vertical-align: top;
	margin: 10px;
    background: #F4F4F4;
	padding: 8px
}
.product_list:not(.slick-slide){
	width:520px;
}
@media screen and (max-width: 1450px) {
.product_list:not(.slick-slide){
	width:325px;
}
}

@media only screen and (max-width: 1910px) and (min-width: 1450px)  {
.product_list:not(.slick-slide){
	width:400px;
}
}
.product-image,
.product_image,
.image_with_hover {
	position: relative;
	height:355px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
@media screen and (max-width: 1450px) {
 .product-image,
.product_image,
.image_with_hover {
	height:230px
  }
}

@media only screen and (max-width: 1910px) and (min-width: 1450px)  {
  .product-image,
.product_image,
.image_with_hover {
	height:290px
  }
}
/* Листинг */
#list .product-image,
.product_image,
.image_with_hover {
	position: relative;
	height:455px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
@media screen and (max-width: 1450px) {
#list .product-image,
.product_image,
.image_with_hover {
	height:290px
  }
}

@media only screen and (max-width: 1910px) and (min-width: 1450px)  {
 #list .product-image,
.product_image,
.image_with_hover {
	height:370px
  }
}

.border_gray { border: 1px solid #E6E6E6; border-radius: 15px}
.price-bgr { background-color: #F3F3F3; padding: 25px 25px;}

/* tabs */
.nav-tabs .nav-item { margin-right: 5px; }
.nav-tabs .nav-link {
	background: #fff;
	color: #333;
	font-family: 'Bahnschrift';
	border: 1px solid #EAEAEA;
	font-weight: normal;
	font-size: 0.9vw !important;
	padding: 15px
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background: #298FCD !important;
	color: #fff;
	border-color: #298FCD !important;
	font-size: 0.9vw !important;
	padding: 15px
}	

.bgr1-1 {
	background-image: url( /resources/images/body-bgr.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 40px 0px 30px 0px;}
	
.gallery-slider-container { width: 1550px; margin: 0 auto}	
@media screen and (max-width: 1600px) {
 	gallery-slider-container {
		width: 78% !important;
	}
}

/* mmenu fix */
#menu:not( .mm-menu ),
#menu_2:not(.mm-menu) { display: none; }
mm-burger {
	margin:0px;
	position: relative;
	color:rgba(255,255,255,1.00);
	background-color: #298FCD;
	border-radius: 5px;
	--mb-bar-spacing: 3px;
  padding: 8px;
  margin-right: 5px;
  width: 33px;/* Adjust this value to change the spacing */
}

#inputSearch {
	position: absolute;
	width: 200px;
	height: 35px;
	right: 10.6%;
	padding: 1px 5px;
	opacity: 0;
	margin-top: 10px;

	/* za animaciata */
	transform: translateX(600px);
	transition: transform 0.3s ease, opacity 0.3s ease;
}
#inputSearch.active {
	/* za animaciata */
	transform: translateX(0);
	opacity: 1;
}
#btnSearch {
	cursor: pointer;
}

.ban1 {
  width: 100%;
  background-image: url( /resources/images/ban1-1.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  height: 40vh;
   display: flex;
  align-items: center; 

}
.ban2 {
  width: 100%;
  background-image: url( /resources/images/ban2-1.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  height: 40vh;
   display: flex;
  align-items: center; 

}
.content-container {
	/* Премахнете или коментирайте тези:
     position: absolute;
     top: 0px; 
  */
  
  margin-left: 15vw; /* Използваме margin вместо left, за да запазим отместването */
  height: auto;
  border: none;
  z-index: 900;
  text-align: center;
  max-width: 27vw;
  padding: 20px;
}
.content-container1 {
	/* Премахнете или коментирайте тези:
     position: absolute;
     top: 0px; 
  */
  
  margin-left: 56vw; /* Използваме margin вместо left, за да запазим отместването */
  height: auto;
  border: none;
  z-index: 900;
  text-align: center;
  max-width: 27vw;
  padding: 20px;
}



.subtitle {
  color: #298FCD;
  font-size:  0.85vw; /* Размерът се променя спрямо екрана */
  font-weight: bold;
  letter-spacing: 1px;
}

.b-title {
  font-size: 2.2vw; /* Автоматично мащабиране на заглавието */
  color: #222;
  margin: 0 0 1.5rem 0;
  line-height: 1.1;
  
}

.description {
  font-size: 0.9vw;
  color: #444;
  line-height: 1.6;
  margin-bottom: 2rem;
}

.cta-button {
  display: inline-block;
  background-color: #1a1a1a;
  color: #fff !important;
  padding: 0.6vw 2vw;
  text-decoration: none;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 0.75vw;
  transition: transform 0.2s, background-color 0.2s;
  border-radius: 5px;
  letter-spacing: 2px;
}
.cta-button a {
  background-color: #1a1a1a;
  color: #fff !important;
}
.cta-button:hover {
  background-color: #333;
  transform: translateY(-2px);
  color: #fff;
}

.row.d-flex {
    display: flex !important;
    align-items: stretch !important; /* Това прави колоните еднакво високи */
}

.left-part, .right-part {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center !important; /* Вертикално центриране на съдържанието */
}

.left-part {
    background: linear-gradient(90deg, rgba(41, 143, 205, 1) 0%, rgba(91, 202, 255, 0.85) 100%);
    padding: 20px 0;
}

.right-part {
    background-color: rgba(255,255,255,0.85);
    text-align: center;
}

.left-right-part {
	position:absolute;
	left: 0px;
	right: 0px;
	bottom:0px;
	height:auto;
	border:none;
	z-index:800;
	margin:0;
	padding:0;
	text-align: center;

}