@import url('https://fonts.cdnfonts.com/css/euclid-flex');

:root {
    --color-white: #ffffff;
    --color-white-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(224deg) brightness(108%) contrast(105%);
    --color-gray: #6C757D;
    --color-gray-filter: brightness(0) saturate(100%) invert(50%) sepia(11%) saturate(372%) hue-rotate(167deg) brightness(87%) contrast(89%);
    --color-gray-2: #a0a8b0;
    --color-gray-2-filter: brightness(0) saturate(100%) invert(75%) sepia(8%) saturate(332%) hue-rotate(169deg) brightness(89%) contrast(84%);
    --color-light-grey: #f1f8ff;
    --color-select: #1f1f1e;
}

* {
    padding:0;
    margin:0;
    font-family: 'Euclid Flex', sans-serif;
    color: var(--color-gray);
    transition-duration: .5s;
}

html, body, main {
    width:100%;
}

header.scrolled {
    position:fixed;
    top:0;
    background-color: var(--color-white);
    border-bottom: 3px solid var(--color-gray-2);
}
header.scrolled .navbar-brand img {
    max-height: 50px;
    margin: 0; 
}

.filter-gray {
    filter: var(--color-gray-filter);
}
.filter-gray-2 {
    filter: var(--color-gray-2-filter);
}
.gray-500 {
    color: var(--bs-gray-500);
}

.nav-link {
    color: var(--color-gray);
}
.nav-link:hover, .nav-link.active {
    color: var(--color-black);
}

.topline {
    width:100%;
    height: 30px;
    background-color: var(--color-gray);
    color: var(--color-white);
    font-size: 1em;
    line-height: 30px;
}
.topline .container * {
    align-items: center;
    vertical-align:middle;
}
.topline .container img {
    margin-bottom:3px;
}

main {
    position:relative;
}
header {
    position:absolute;
    width:100%;
    top:30px;
    left:0;
    z-index:7;
}
.navbar-brand img, logo a img {
    width: 160px;
    margin: 20px 0;
}
.leng img {
    margin:0 5px;
}
#slider {
    height: calc(100vh - 30px);
    background-color: var(--color-light-grey);
}
#partners {
    padding: 0 20px;
}
#partners a img {
    margin: 20px;
    max-height: 60px;
}
#catalog,#contacts {
    background-color: var(--color-light-grey);
}
h2 {
    text-transform: uppercase;
    font-size: 3em;
    font-weight: 300;
}
.vh-80 {
    padding-top:10vh;
    height: calc(90vh - 30px);
}
.vh-70 {
    height:70vh;
}
.big-text {
    text-transform: uppercase;
    font-size: 3.6vmax;
    font-weight: 300;
    line-height: 5vmax;
    color: var(--color-gray);
}
.carousel-indicators .active {
    background-color: var(--color-gray);
}
.product-item:hover {
    -webkit-box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.2);
}
.product-item {
    position: relative;
    overflow:hidden;
}
.product-item * {
    position: relative;
    overflow:hidden;
    text-align:center;
    text-decoration:none;
    color:var(--color-white);
}
.product-item .image {
    position: relative;
    overflow:hidden;
    height: 42vh;
}
.product-item .name {
    background-color: var(--color-gray-2);
    min-height:5vh;
    
}
.product-item .price {
    background-color: var(--color-gray);
    font-size:1.5em;
    min-height:5vh;
}
.product-item .image img {
    position: relative;
    max-width: 95%;
    max-height: 95%;
}
.product-item:hover .image img {
    max-width: 100%;
    max-height: 100%;
}
.beesline, .bees-line:after {
    content: ' ';
    display:block;
    background-image: url(/assets/templates/bc/images/bees-line.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 0.5em;
}
.bees-line {
    position: relative;
}
.catalog-line {
    text-decoration:none;
    color:var(--color-gray);
}
.catalog-line:hover, .catalog-line:hover span {
    color:var(--color-select);
}
.catalog-line span {
    vertical-align: 0.1em;
}
.carousel-control-next, .carousel-control-prev {
    width:8%;
    filter: brightness(0) saturate(100%) invert(49%) sepia(1%) saturate(0%) hue-rotate(148deg) brightness(94%) contrast(90%);
}
use {
    filter: brightness(0) saturate(100%) invert(49%) sepia(1%) saturate(0%) hue-rotate(148deg) brightness(94%) contrast(90%);
}
.text-white use {
    filter: invert(100%) sepia(1%) saturate(7464%) hue-rotate(209deg) brightness(125%) contrast(100%);
}
.mt-n1 {
    margin-top: -0.25rem !important;
}

@media (max-width: 767px) {
	#partners .carousel-inner .carousel-item > div {
		display: none;
	}
	#partners .carousel-inner .carousel-item > div:first-child {
		display: block;
	}
}

#partners .carousel-inner .carousel-item.active,
#partners .carousel-inner .carousel-item-next,
#partners .carousel-inner .carousel-item-prev {
	display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
	#partners .carousel-inner .carousel-item-end.active,
	#partners .carousel-inner .carousel-item-next {
		transform: translateX(20%);
	}
	#partners .carousel-inner .carousel-item-start.active, 
	#partners .carousel-inner .carousel-item-prev {
		transform: translateX(-20%);
	}
}

#partners .carousel-inner .carousel-item-end,
#partners .carousel-inner .carousel-item-start { 
	transform: translateX(0);
}

.btcont-1 {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.5;
}