@charset "utf-8";
@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: Mulish;
	font-size: 16px;
	color: #333;
}
.up {
background: #0158A4;
background: linear-gradient(90deg,rgba(1, 88, 164, 1) 0%, rgba(102, 179, 237, 0.85) 100%);
position: relative;
padding: 10px 0;
}
.up img { margin: 0px}
.white_up {
	font-family: Mulish;
	font-size: 0.8vw;
	color: #fff;
}
.white_up a {
	font-family: Mulish;
	font-size: 0.8vw;
	color: #fff;
}
.contact_button {
	position:absolute;
	right:9.7%;
	top:-2px;
	height:auto;
	border:none;
	z-index:300;
	margin:0;
	padding:0;
	}
.up1 { padding: 2.2vw 0}
.up1 img { margin: 0px}

.text1 {
	padding: 30px 0;
	width: 70%;
	margin: 0 auto;
	}
.text2 {
	background-image: url( /resources/images/bgr1.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5vw 0px;
	background-size:cover;
}
.text2 img { margin: 0px}
.text3 {
	padding: 5vw 0;

	}
.bgr1 {
	background-repeat: repeat-x;
	background-position: center top;
}
.bgr2 {
	background-repeat: repeat-y;
	background-position: center top;
	padding: 10px;
}
.bgr3 {
	background-image: url( /resources/images/bgr-down.jpg);
	background-position: bottom  left;
	background-repeat: no-repeat;
	padding-bottom: 40px;
	background-size:cover;
}

.pad5 {
	padding:5px;
}

.pad10 {
	padding:10px;
}

.pad20 {
	padding:20px;
}
.gray-border {
	padding:5px;
	border: 1px solid #EEE;
	background-color: #FFF;
}
.product-list { position: relative; }
.product-list .new {

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


.new {
	position:absolute;
	right:7px;
	top:7px;
	height:auto;
	border:none;
	z-index:300;
	margin:0;
	padding:3px 7px;
	font-size: 0.8vw; 
	background-color: #C5C330;
	color: #FFFFFF;
	border-radius: 3px
}
.black-bgr {
	background-repeat: repeat-x;
	background-position: bottom;
}
.form1 {
	background-color: #F7F7F7;
	padding: 6px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E6E6E6;
	border-right-style: none;
}
.form1-1 {
	background-color: #F7F7F7;
	padding: 7px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E6E6E6;
}
.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;
}
.gray-border1 {
	border: 1px solid #EEE;
	background-color: #FFF;
	margin: 0px;
}

.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; }
/* title */
#frmFilter h2 { font-size: 16px;
	border-bottom: 1px #eee solid;
	padding-bottom: 2px;
	font-weight: bold; }
/* 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: 9px; }
#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; }


.product_list {
	display:inline-block; height: auto; vertical-align: top;
	margin:10px;
	background-color:#FFFFFF;
}
.product_list:not(.slick-slide){
	width:332px;
}



.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;
}

/* faqs tabs */
.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 #E6E6E6 !important;
  background: #F0F0F0 !important;
 
}

.ui-accordion .ui-accordion-header {
 font-family: Mulish !important;
 font-size: 1vw !important
}
.ui-accordion .ui-accordion-content {
  font-family: Mulish !important;
  font-size: 16px !important
}


/* product tabs */
.nav-tabs .nav-item { margin-right: 5px; }
.nav-tabs .nav-link {
	background: #fff;
	color: #333;
	font-family: 'Advent Pro';
	border: 1px solid #EAEAEA;
	font-weight: bold;
	font-size: 20px !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background: #E31E24 !important;
	color: #fff;
	border-color: #EAEAEA !important;
	font-size: 20px !important;
}	
.myimg{
	width:100%;
	height:220px;
	object-fit:cover;
}

.white-bgr { background-color: #F5F5F5; padding: 35px; border-radius: 15px}
.hide-label label {
    display: none;
}
.white-bgr input {
	margin: 5px 0;
}

.white-bgr  textarea {
	margin: 5px 0;
	min-height: 140px
}

/* Основен контейнер */
.header-user-menu {
    display: flex;
    align-items: center;
	justify-content: flex-end;
    gap: 15px;
    font-family: Mulish;
    font-size: 0.8vw;
}
.header-user-menu a {
   color: #161616;
}

/* Линк профил */
.profile-link {
    text-decoration: none;
    color: #333;
    white-space: nowrap;
}

/* Разделителна линия */
.divider {
    width: 1px;
    height: 25px;
    background-color: #ddd;
}

/* Контейнер за иконите */
.user-actions {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Контейнер за икона + кръгче */
.icon-container {
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.icon-img {
    width: 1.4vw; /* Регулирайте според вашите икони */
    height: auto;
}

/* Зеленото кръгче с бройка */
.badge {
    position: absolute;
    top: 4px;
    right: -10px;
    background-color: #85BA23;
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
}

/* Обща сума на количката */
.cart-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cart-total {
    font-weight: 400;
    color: #333;
}

.search-wrapper {
    display: flex;
    align-items: center;
    background-color: #FFFFFF; /* Бял фон */
    border: 1px solid #E6E6E6; /* Светлосива рамка */
    border-radius: 50px;       /* Пълно заобляне */
    padding: 5px;              /* Разстояние между рамката и бутона */
    max-width: 90%;          /* Може да регулирате дължината */
}

.search-input {
    flex: 1;                   /* Заема цялото налично място */
    border: none;
    background: transparent;
    padding: 10px 20px;
    outline: none;
    font-size: 14px;
    color: #333;
}

.search-button {
    background-color: #FFA64D; /* Оранжевият цвят от снимката */
    color: white;
    border: none;
    border-radius: 50px;       /* Заоблен бутон */
    padding: 10px 25px;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    transition: background 0.3s;
    text-transform: uppercase; /* Текстът да е с главни букви */
}

/* Ефект при посочване на бутона */
.search-button:hover {
    background-color: #FF8C1A;
}

.menu-bgr {
	padding:0px;
	background-color: #85BA23;
}

.menu-bgr img { margin: 5px 0 !important}
.menu-bgr ul {
	list-style:none;
	margin-bottom: 0px !important;
	padding-left: 0px !important
}

#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;
}

.product_list {
    display:inline-block; height: auto; vertical-align: top;
    min-height: 410px;
    margin-bottom:5px;
	width:100%;
}

.product_list .product_data {
    width:265px; height: auto; margin-bottom:10px; margin-top:10px;
    min-height:80px;
}


.promo-card {
            width: 100%;
            height: auto;
            background-color: #ffffff;
            /* Заменете 'your-background-image.jpg' с пътя до готовата фонова снимка с градиент */
            background-image: url('/resources/images/text3-1.png');
            background-size: cover;
            background-position: center;
            border-radius: 16px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
            padding: 50px 40px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
			transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), 
                box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        }
		.promo-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

        .card-content {
            max-width: 95%;
        }

        .card-content-title {
            font-size: 1.3vw;
            color: #1a1a1a;
            line-height: 1.2;
            text-transform: uppercase;
            margin-bottom: 30px;
            letter-spacing: -0.5px;
        }

        .features-list {
            list-style: none;
        }
.card-content ul { margin: 5px 0 !important; padding-left: 0px !important}
        .feature-item {
            display: flex;
            align-items: center;
            font-size: 0.85vw;
            color: #333333;
            margin-bottom: 10px;
        }

        .checkmark {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            border: 2px solid #5fa8e9;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 14px;
            position: relative;
            flex-shrink: 0;
        }

        .checkmark::after {
            content: '';
            position: absolute;
            width: 5px;
            height: 10px;
            border: solid #5fa8e9;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            top: 4px;
        }

        .btn-action {
            display: inline-block;
            background-color: #5fa8e9;
            color: #ffffff;
            text-decoration: none;
            font-size: 0.7vw;
            padding: 14px 25px;
            border-radius: 8px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: background-color 0.2s ease;
            border: none;
            cursor: pointer;
            width: max-content;
        }

        .btn-action:hover {
            background-color: #4a94d6;
			color: #ffffff;
        }

	.promo-card1 {
            width: 100%;
            height: auto;
            background-color: #ffffff;
            /* Заменете 'your-background-image.jpg' с пътя до готовата фонова снимка с градиент */
            background-image: url('/resources/images/text3-2.png');
            background-size: cover;
            background-position: center;
            border-radius: 16px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
            padding: 50px 40px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        		transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), 
                box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        }
		.promo-card1:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}	
.promo-card2 {
            width: 100%;
            height: auto;
            background-color: #ffffff;
            /* Заменете 'your-background-image.jpg' с пътя до готовата фонова снимка с градиент */
            background-image: url('/resources/images/text3-3.png');
            background-size: cover;
            background-position: center;
            border-radius: 16px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
            padding: 50px 40px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
      		transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), 
                box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        }
		.promo-card2:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}	
.two_modules {
	background-image: url( /resources/images/bgr2.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 5vw 0px;
	background-size:cover;}
	
.quotes {
	background-color: rgba(255,255,255,0.80);
	padding: 25px;
	margin: 15px 0;
	border-radius: 5px;
	font-size: 0.95vw;
	line-height: 1.6;
}	
.prozr {
	background-color: rgba(26,26,26,0.40);
	padding: 15px 0
	
}

.contact-container {
    display: flex;
    max-width: 900px;
    width: 100%;
    gap: 30px;
}

/* Лява колона */
.contact-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.info-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.label {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 3px;
}

.bold-label {
    font-size: 16px;
    color: #333;
}

.value {
    display: block;
    font-size: 1vw;
    color: #000;
}

.bold {
    font-weight: 700;
}

/* Иконки */
.icon-blue {
    color: #1a73e8;
    font-size: 20px;
    margin-top: 2px;
    width: 24px;
    text-align: center;
}

/* Социални мрежи */
.social-section {
    margin-top: 10px;
}

.social-icons {
    display: flex;
    gap: 15px;
    margin-top: 8px;
}

.social-icons a {
    color: #1a73e8;
    font-size: 18px;
    text-decoration: none;
    transition: opacity 0.2s;
}

.social-icons a:hover {
    opacity: 0.8;
}

/* Дясна колона (Работно време) */
.working-hours {
    flex: 1;
    border-left: 1px solid #e0e0e0;
    padding-left: 40px;
}

.hours-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 23px;
}

.hours-content {
    padding-left: 36px;
}

.days-title {
    font-size: 1vw;
    font-weight: 700;
    color: #000;
    margin-bottom: 5px;
}

.weekend {
    margin-top: 20px;
}

.time-slots {
    font-size: 14px;
    color: #555;
}

/* Адаптивност за мобилни устройства */
@media (max-width: 600px) {
    .contact-container {
        flex-direction: column;
        gap: 30px;
    }
    
    .working-hours {
        border-left: none;
        padding-left: 0;
        border-top: 1px solid #e0e0e0;
        padding-top: 30px;
    }
}

.page_right {
	background-color: #F5F5F5;
	border: 1px solid #E6E6E6;
	border-radius: 10px;
	padding: 25px;
	line-height: 2;
	margin-top: -55px}
	
.our_faqs_container {
		max-width: 1500px !important;
		margin: 0 auto
	}
@media screen and (max-width: 1600px) {
 	.our_faqs_container {
		max-width: 78% !important;
	}
}