@charset "UTF-8";
.list-style-type-disc{
	list-style-type: disc;
}
.list-style-type-circle{
    list-style-type: circle;
}
.list-style-type-square{
    list-style-type: square;
}
.list-style-type-decimal{
    list-style-type: decimal;
}
.list-style-type-roman{
    list-style-type: upper-roman;
}
.list-style-type-alpha{
    list-style-type: upper-alpha;
}
.list-style-type-none{
    list-style-type: none;
}
.color-facebook{
    color:#3b5998;
}
.color-instagram{
  color: transparent;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;
}
.color-telegram{
    color: #0088cc;
}
.color-twitter{
    color:#00aced;
}
.color-youtube{
    color: #ff0000;
}
.color-skype{
    color:#00aff0;
}
.color-viber{
    color: #7360f2;
}
.color-mailto{
    color: #E0C9A6;
}

h1.text-shadow{
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
h2.text-shadow{
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
h3.text-shadow{
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
p.text-shadow, div.text-shadow p{
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.faz{
	font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free";
	font-weight: 900;
}
.cont-bg-overlay{
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.cursor-pointer{
    cursor: pointer;
}
.btn-transparent, .btn-transparent:focus, .btn-transparent:active, .btn-transparent:hover{
    background: none !important;
    border:0 !important;
    outline:0 !important;
    box-shadow: 0;
}
/** Heading line decoration [start] */
h1.h-deco-hr, h2.h-deco-hr, h3.h-deco-hr, h4.h-deco-hr{
    position: relative;
    padding-bottom: 1rem;
}
h1.h-deco-hr:after, h2.h-deco-hr:after, h3.h-deco-hr:after, h4.h-deco-hr:after{
    content: "";
    position: absolute;
    width: 100px;
    height: 3px;
    background-color: var(--primary);
    bottom: 0;
    left:0;
    display: block;
}
h2.h-deco-hr{
    padding-bottom: .875rem;
}
h2.h-deco-hr:after{
    width: 80px;
}
h3.h-deco-hr{
    padding-bottom: .725rem;
}
h3.h-deco-hr:after{
    width: 70px;
}
h4.h-deco-hr{
    padding-bottom: .6rem;
}
h4.h-deco-hr:after{
    width: 60px;
}

h1.h-deco-hr.text-center:after, h2.h-deco-hr.text-center:after, h3.h-deco-hr.text-center:after, h4.h-deco-hr.text-center:after{
    left: 50%;
    transform: translate(-50%, 0);
}
h1.h-deco-hr.text-right:after, h2.h-deco-hr.text-right:after, h3.h-deco-hr.text-right:after, h4.h-deco-hr.text-right:after{
    left: auto;
    right: 0;
}
/** Heading line decoration [finish] */
.img-fit-cover{
    object-fit: cover;
}
.img-fit-contain{
    object-fit: contain;
    width:100%;
}

img.aspect-ratio-1-1, .aspect-ratio-1-1 img{
    aspect-ratio: 1/1;
}
img.aspect-ratio-10-12, .aspect-ratio-10-12 img{
    aspect-ratio: 10/12;
}
img.aspect-ratio-12-10, .aspect-ratio-12-10 img{
    aspect-ratio: 12/10;
}
img.aspect-ratio-3-4, .aspect-ratio-3-4 img{
    aspect-ratio: 3/4;
}
img.aspect-ratio-4-3, .aspect-ratio-4-3 img{
    aspect-ratio: 4/3;
}
img.fit-cover, .fit-cover img{
    object-fit: cover;
    width:100%;
}
img.fit-contain, .fit-contain img{
    object-fit: contain;
    width:100%;
}

/*Image aspect ratio in category/(pages|products) list*/
.list-item-start img.aspect-ratio-1-1{
    aspect-ratio: 1/1;
}
.list-item-start img.aspect-ratio-10-12{
    aspect-ratio: 10/12;
}
.list-item-start img.aspect-ratio-12-10{
    aspect-ratio: 12/10;
}
.list-item-start img.aspect-ratio-3-4{
    aspect-ratio: 3/4;
}
.list-item-start img.aspect-ratio-4-3{
    aspect-ratio: 4/3;
}
.list-item-start img.fit-cover{
    object-fit: cover;
    width:100%;
}
.list-item-start img.fit-contain{
    object-fit: contain;
    width:100%;
}
.list-item-start .list-item-name{
	line-height: 1.2;
}
/* Logo */
.navbar .navbar-logo .img-fluid{
	max-height: 80px;
}
.card .card-body .item-tag,
.category-items-list .product-block .item-tag,
.entries .product-block .item-tag {
	background-color: var(--secondary-btn-hover-bg);
	padding: 0.3rem 2rem;
	margin: 0.5rem 0.5rem 0.5rem 0;	
	border-radius: 25px;
	color: #ffffff;
	font-size: 1rem;
	font-weight: normal;
	t-ext-transform:uppercase;
	text-align: center;
	
}
.card .card-body .item-tag.актуально,
.category-items-list .product-block .item-tag.актуально,
.entries .product-block .item-tag.актуально
{
	background-color: var(--success-btn-hover-brd);
	
}
.card .card-body .item-tag.неактуально,
.category-items-list .product-block .item-tag.неактуально,
.entries .product-block .item-tag.неактуально
{
	background-color: var(--danger-btn-hover-bg);
}
.card .card-body .item-tag.акція,
.category-items-list .product-block .item-tag.акція,
.entries .product-block .item-tag.акція
{
	background-color: var(--info-btn-hover-bg);
}
.component-social_buttons div[data-ceid='social_buttons']{
	font-size: 1.7rem;
}

/** Image gallery - Owl carousel.*/
.cmp-elem-imagegallery.igh400px .owl-carousel .item{
    max-height: 400px;
}
.cmp-elem-imagegallery.igh600px .owl-carousel .item{
    max-height: 600px;
}
.cmp-elem-imagegallery.igh800px .owl-carousel .item{
    max-height: 800px;
}
.cmp-elem-imagegallery.igh1000px .owl-carousel .item{
    max-height: 1000px;
}
.cmp-elem-imagegallery.igh25vh .owl-carousel .item{
    max-height: 25vh;
}
.cmp-elem-imagegallery.igh50vh .owl-carousel .item{
    max-height: 50vh;
}
.cmp-elem-imagegallery.igh75vh .owl-carousel .item{
    max-height: 75vh;
}
.cmp-elem-imagegallery.igh100vh .owl-carousel .item{
    max-height: 100vh;
}
.cmp-elem-imagegallery .owl-carousel{
    position: relative;
}
.cmp-elem-imagegallery .owl-carousel .owl-dots{
    position: absolute;
    width: 100%;
    height:5%;
    z-index:10;
    left:0;
    bottom:0;
    margin:0;
}
.cmp-elem-imagegallery .owl-carousel.carousel-nav-hide .owl-dots{
    display: none;
}
.cmp-elem-imagegallery .owl-carousel.carousel-dots-outside .owl-dots{
    display:block;
    position: static;
    width: 100%;
    margin:.5rem 0;
    height: 1rem;
}

.cmp-elem-imagegallery .owl-carousel .owl-nav{
    position: absolute;
    width: 100%;
    height:100%;
    z-index:10;
    left:0;
    top:0;
    margin:0;
    display: none;
}
.cmp-elem-imagegallery .owl-carousel .owl-nav{
    opacity: 0;
    transition: all 1s ease-out;
}
.cmp-elem-imagegallery .owl-carousel .owl-nav:hover{
    opacity: 1;
    transition: all 1s ease-out;
}
.cmp-elem-imagegallery .owl-carousel .owl-nav button{
    width: 15%;
    height: 100%;
    margin:0;
    position: absolute;
    background: none;
    border: none;
    color: white;
    text-shadow: gray 0 0 4px;
    font-size: 2rem;
}
.cmp-elem-imagegallery .owl-carousel .owl-nav button:active, .cmp-elem-imagegallery .owl-carousel .owl-nav button:focus, .cmp-elem-imagegallery .owl-carousel .owl-nav button:hover{
    background: none;
    outline: none;
    color: white;
}
.cmp-elem-imagegallery .owl-carousel.carousel-nav-hide .owl-nav button.owl-prev, .cmp-elem-imagegallery .owl-carousel.carousel-nav-hide .owl-nav button.owl-next{
    display:none;
}
.cmp-elem-imagegallery .owl-carousel .owl-nav button.owl-prev{
    top:0;
    left:0;
}
.cmp-elem-imagegallery .owl-carousel .owl-nav button.owl-next{
    top:0;
    right:0;
}
.cmp-elem-imagegallery .owl-carousel .owl-nav button.owl-lightbox{
    width: 70%;
    top:0;
    left:15%;
}
.cmp-elem-imagegallery .owl-carousel .owl-item img{
    width: auto;
}
.cmp-elem-imagegallery.ig-fit-cover .owl-carousel .owl-item img{
    object-fit: cover;
}
.cmp-elem-imagegallery.ig-fit-contain .owl-carousel .owl-item img{
    object-fit: contain;
    width: 100%;
}
@media (min-width: 1200px){
    .cmp-elem-imagegallery .owl-carousel .owl-dots{
        display: none;
    }
    .cmp-elem-imagegallery .owl-carousel.carousel-dots-outside .owl-dots{
        display:block;
        position: static;
        width: 100%;
        margin:.5rem 0;
        height: 1rem;
    }
    .cmp-elem-imagegallery .owl-carousel.carousel-dots-inside .owl-dots{
        display:block;
        position: absolute;
        width: 100%;
        height:1rem;
        z-index:10;
        left:0;
        bottom:0;
        margin:0.5rem 0;
    }
    .cmp-elem-imagegallery .owl-carousel:hover .owl-nav{
        display: block;
    }
    .cmp-elem-imagegallery .owl-carousel.carousel-nav-outside .owl-nav{
        display:block;
    }
    .cmp-elem-imagegallery .owl-carousel.carousel-nav-outside .owl-nav{
        opacity: 1;
    }
    .cmp-elem-imagegallery .owl-carousel.carousel-dots-outside .owl-nav, .cmp-elem-imagegallery .owl-carousel.carousel-dots-inside .owl-nav{
        height: calc(100% - 2rem);
    }
    .cmp-elem-imagegallery .owl-carousel.carousel-nav-outside .owl-nav button.owl-lightbox{
        opacity: 0;
    }
    .cmp-elem-imagegallery .owl-carousel.carousel-nav-outside .owl-nav button.owl-lightbox:hover{
        opacity: 1;
        transition: all 1s ease-out;
    }
    .cmp-elem-imagegallery .owl-carousel.carousel-nav-outside .owl-nav button.owl-prev{
        left:-15%;
    }
    .cmp-elem-imagegallery .owl-carousel.carousel-nav-outside .owl-nav button.owl-next{
        right:-15%;
    }
        
}
/** Image gallery - Owl carousel, END*/

#containerHeader .navbar-cell .component-cont{
    width: 100%;
}

/*Subcategories view */
.subcategories img.card-img-top{
	width: 25%;
}

@media (min-width: 992px) { 
	.subcategories img.card-img-top{
		width: 33%;
	}
	
}

.accordion .card-header .accordion-title:after{
    content: "\f077";
    font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 1rem;
    position: absolute;
    right:0;
    top: 25%;
}

.accordion .card-header .accordion-title.collapsed:after{
    content: "\f078";
    font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 1rem;
    position: absolute;
    right:0;
    top: 25%;
}

/* Responsive font sizes */
h1, .h1{
	font-size: 1.75rem;
	
}
@media (min-width: 768px){
	h1, .h1{
		font-size: 2rem;
	
	}
}
@media (min-width: 1200px){
	h1, .h1{
		font-size: 2.5rem;
	
	}
}