/* body {
    font-family: 'Roboto-Light', sans-serif;
    background-color: #BFBEBE;
} */

/* #main{
    margin-top: -128px;
} */

.navbar .nav-link {
    font-weight: 600;
}

/* .navbar .nav-link {
    font-size: 13px;
    font-weight: 400;
    color: rgb(0, 0, 0) !important;
    text-transform: uppercase;
    padding-left: 16px !important;
    padding-right: 16px !important;
} */

.navbar .nav-link:hover {

    color: red  !important;

}

/* .navbar .nav-link-scroll:hover {

    color: rgb(255, 255, 255) !important;

} */

/* .nav-scroll{
    box-shadow: 0px 5px 10px rgb(77, 77, 77);
    background-color: #f8f4f1 !important;
    opacity: 1  !important;
    transition: box-shadow 0.35s linear, background-color 0.35s linear, opacity 0.35s linear;
} */

/* .nav-scroll:hover {
    color: rgb(255, 255, 255) !important;

} */

/* .navbar-toggler {
    outline: none !important;
} */

/* .bg-black {
    background:white;
    opacity: 0.7;
    transition: box-shadow 0.35s linear, background-color 0.35s linear , opacity 0.35s linear;
} */
/*Slider*/

/* .carousel-item {
    height: 130vh;
    width: 100%;

} */

/* @media (max-width: 576px) {
    .carousel-item {
        height: 300px;
    }

    .carousel-image-1 {
        background-position-x: -250px;
    }

    .carousel-image-2 {
        background-position-x: -180px;
    }

    .carousel-image-3 {
        background-position-x: -200px;
    }
} */

/* .carousel-image-1 {
    background-image: url("/images/splash.jpg");
    background-size: cover;
    width: 100vw;
    background-position:50% 60%;
} */

/* .carousel-image-2 {
    background-image: url("/images/splash2.jpg");
    background-size: cover;
    background-position:50% 60%;
} */

/* .carousel-image-3 {
    background-image: url("/images/splash3.jpg");
    background-size: cover;
    background-position:50% 60%;
} */

/* .title-color {
    color: #fff;
} */

/* .btn-color {
    background-color: #b48967;
    color: rgb(0, 0, 0);
} */

/* .btn-color:hover {
    color: #fff;
} */

/* @keyframes slide-btn {
    16.65% {
        transform: translate(8px);
    }
    33% {
        transform: translateY(-6px);
    }
    50% {
        transform: translate(4px);
    }
    65% {
        transform: translateY(-2px);
    }
    85% {
        transform: translateY(1px);
    }
    100% {
        transform: translateY(0);
    }
} */

/* .slide-btn {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
} */
/* .slide-btn:hover,
.slide-btn:focus, */
/* .slide-btn:active {
    animation-name: slide-btn;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
} */
/*End of slider*/

/*Service Section*/
/* .service-icon {
    display: inline-block;
    font-size: 32px;
    margin-bottom: 16px;
    color: #b48967;
    padding: 8px 16px;
} */
/*End Service Section*/

/*Product Section*/
#products {
    background-color: #BFBEBE;
    margin-bottom: -50px;
}

.product-title {
    color: black;
}

single-item {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translate(0);
    box-shadow: 0 0 1 1px rgb(247, 241, 241);
    position: relative;
    transition-duration: 0.3s;
    transition-property: transform;
    cursor: pointer;
}

.single-item:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: "";
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(
        ellipse at center,
        rgba(248, 248, 248, 0.35) 0%,
        rgba(247, 244, 244, 0) 80%
    );
    transition-duration: 0.3s;
    transition-property: transform, opacity;
}

.single-item:hover,
.single-item:focus,
.single-item:active {
    transform: translateY(-5px);
}
.single-item:hover:before,
.single-item:focus:before,
.single-item:active:before {
    opacity: 1;
    transform: translateY(5px);
}
.img-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.img-container {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
}

.img-container:hover,
.product-img:focus,
.product-img:active {
    box-shadow: 1px 0px 1px 4px rgba(247, 243, 243, 0.9);
    transform: scale(1.1);
}

/*end of product section*/

/*about section*/
/* #about-sec {
    margin-top: 25px;
}

.text-color {
    color: #000;
}

.watch-img {
    margin-top: 35px;
}

.watch-img {
    animation-name: imgLeft;
    animation-duration: 3s;
}

.about-text {
    animation-name: textRight;
    animation-duration: 3s;
}

@keyframes imgLeft {
    0% {
        transform: translateX(-120px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes textRight {
    0% {
        transform: translateX(30px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
} */
/*end about section*/

/*Footer*/

/* .fab {
    padding-left: 10px;
} */