@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');


.font-header, .font-header-Volkhov .error-title, .font-header-Volkhov .header .header-business-name, 
.font-header-Volkhov .header .navbar-brand, .font-header-Volkhov .footer .footer-business-name, 
.font-header-Volkhov .title .title-heading, .font-header-Volkhov .businessinfo .contact-title, 
.font-header-Volkhov .employees .employees-name, .font-header-Volkhov h5.modal-title, .font-header-Volkhov 
.gallery .gallery-album-name, .font-header-Volkhov .list .list-text-title, .font-header-Volkhov 
.productslideshow .productslideshow-title-heading, .font-header-Volkhov .productslideshow 
.productslideshow-item h3.product-title, .font-header-Volkhov .products .product-title, .font-header-Volkhov 
.productdetails .productdetails-info-name, .font-header-Volkhov .detailedlist .detailedlist-item-title, 
.font-header-Volkhov .products .filter-item-title, .font-header-Volkhov .products-loading-container .loader-text, 
.font-header-Volkhov .productdetails-bottom .nav-tabs .nav-item.nav-link, .font-header-Volkhov .eCommerce 
.shoppingcart-titles, .font-header-Volkhov h1, .font-header-Volkhov h2, .font-header-Volkhov h3, 
.font-header-Volkhov h4, .font-header-Volkhov h5, .font-header-Volkhov h6 {
    font-family: "Abril Fatface", serif!important;
    font-weight: 400!important;
    font-style: normal!important;
}


.font-body, .font-body-Volkhov, .font-body-Volkhov .form label, .font-body-Volkhov .businessinfo label, 
.font-body-Volkhov .products .filter-item label.form-check-label, .font-body-Volkhov .contact-details, 
.font-body-Volkhov .gallery-img-text {
    font-family: "Abril Fatface", serif!important;
    font-weight: 200!important;
    font-style: normal!important;
}


.hero {
    background-image: linear-gradient(90deg, #4D3733, transparent), url(https://apihoard.webit.com/api/v1/Image/18169AA686D3B45A288FF4487569DA9E/18169AA686D3B45A288FF4487569DA9E.jpg?size=1920x1440);
    background-position: 15% top;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 5em 0;
  background-attachment: fixed;
}

    @media(min-width: 992px) {

    .hero {
        background-position: 15% top;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
          background-attachment: fixed;
    }

    .page-home .jumbotron {
        padding-right: 12em
    }

}

@media(min-width: 1200px) {

    .page-home .jumbotron {
        padding-right: 0
    }
}

@media(min-width: 1400px) {
    .hero {
        background-attachment: fixed;
    }
}

.jumbotron {
    background-color: transparent!important;
    border-radius: none!important
}

.heroBottomIMG {
    position: absolute;
    bottom: 0
}

@media(min-width: 1800px) {
    .hero {
        background-image: linear-gradient(90deg, #4D3733, transparent), url(https://apihoard.webit.com/api/v1/Image/18169AA686D3B45A288FF4487569DA9E/18169AA686D3B45A288FF4487569DA9E.jpg?size=1920x1440)
    }
}
  
  .display-4 {
    line-height: .5;
  }


  .wb__fb-video-block {
    background-color: #4D3733;
    width: 100%;
    display: block;
    padding: 1em;
    margin: 1em;
    max-height: 520px;
    overflow: hidden;
    justify-content: center;
}

.wb__fb-video-block iframe {
    display: block;
    margin: auto;
}


.cw-background {
    padding-top: 40px;
    background-image: url(https://apihoard.webit.com/api/v1/Image/C0F79D5D53E4F3D5B04B869C85BB0E98/C0F79D5D53E4F3D5B04B869C85BB0E98.png?size=1920x1440);
    background-attachment: fixed;
  }
  
  
    .card {
    box-shadow: 0 4px 8px 0 #4D3733
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: var(--color-theme-highlight)!important;
    border: none;
    padding: 5px 20px!important;
    font: inherit;
    font-size: 50px!important
}

.owl-carousel .owl-nav button.owl-next:hover,.owl-carousel .owl-nav button.owl-prev:hover {
    color: var(--color-theme-secondary)!important;
    background-color: transparent!important
}

.owl-carousel .card {
    margin: 5px;
  color: #4D3733
}

.owl-dots {
    display: none
}

button:focus {
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    outline-width: 0
}

.item {
    display: none;
}

.next {
    display: block!important;
    position: relative;
    transform: scale(.8);
    transition-duration: .3s;
    opacity: .6
}

.prev {
    display: block!important;
    position: relative;
    transform: scale(.8);
    transition-duration: .3s;
    opacity: .6
}

.item.show {
    display: block;
    transition-duration: .4s
}

.owl-carousel .fa-star {
    color: var(--color-theme-highlight)
}

.owl-carousel h6 {
    color: var(--color-theme-primary);
    text-transform: uppercase;
    font-weight: 700
}

@media screen and (max-width: 999px) {
    .next,.prev {
        transform:scale(1);
        opacity: 1
    }

    .item {
        display: block!important
    }
}