/* Minification failed. Returning unminified contents.
(10,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(11,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(12,23): run-time error CSS1039: Token not allowed after unary operator: '-font-semi-bold'
(48,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-normal'
(55,17): run-time error CSS1039: Token not allowed after unary operator: '-white-title'
(56,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(57,23): run-time error CSS1039: Token not allowed after unary operator: '-font-semi-bold'
(89,17): run-time error CSS1039: Token not allowed after unary operator: '-black-text'
(90,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(91,23): run-time error CSS1039: Token not allowed after unary operator: '-font-semi-bold'
(114,24): run-time error CSS1039: Token not allowed after unary operator: '-black-border'
(163,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(164,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(165,23): run-time error CSS1039: Token not allowed after unary operator: '-font-semi-bold'
(170,28): run-time error CSS1039: Token not allowed after unary operator: '-footer-background'
(171,35): run-time error CSS1039: Token not allowed after unary operator: '-gray-border'
(191,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-text'
 */
#products {

}
#products .title-container,
#products .distributors-container {
    padding: 150px 0;
}
/*TITLE BOX*/
#products .title-container .title {
    color: var(--black-title);
    font-family: var(--font-title);
    font-weight: var(--font-semi-bold);
    font-size: 2.25rem;
    margin: 0;
    padding: 0 2rem;
}
/*END TITLE BOX*/
/*SLIDE*/
#products .slide .swiper-slide {
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*END SLIDE*/
/*PRODUCTS*/
#products .products-container {
    align-items: start;
    display: flex;
    flex-flow: row;
    height: 100%;
    justify-content: start;
}
/*SIDE BANNER*/
#products .products-container .products-banner {
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 100VH;
    justify-content: center;
    position: sticky;
    top: 0;
    width: 450px;
}
#products .products-container .products-banner-overlay {
    background-color: var(--primary-normal);
    height: 100%;
    opacity: 0.96;
    position: absolute;
    width: 100%;
}
#products .products-container .products-banner-overlay-text {
    color: var(--white-title);
    font-family: var(--font-title);
    font-weight: var(--font-semi-bold);
    font-size: 2.625rem;
    margin: 0;
    width: 200px;
    z-index: 10;
}
/*END SIDE BANNER*/
/*PRODUCT SLIDER GENERAL*/
#products .products-slider {
    display: flex;
    min-height: 100VH;
    padding: 4rem;
    width: calc(100% - 400px);
}
#products .products-slider .nav-pills {
    height:0;
    overflow:hidden;
    width:0;
}
#products .products-slider .tab-content .tab-pane,
#products .products-slider .tab-content .tab-pane .product-details{
    height: 100%;
}
#products .products-slider .tab-content .tab-pane {
    align-items: center;
    position: relative;
}
#products .products-slider .tab-content > .active {
    display: flex;
}
#products .products-slider .product-slide .product-item-title,
#products .products-slider .tab-pane .product-item-title {
    color: var(--black-text);
    font-family: var(--font-title);
    font-weight: var(--font-semi-bold);
    font-size: 1.5rem;
    margin-bottom: 55px;
}
#products .products-slider .product-slide .product-item-description,
#products .products-slider .tab-pane .product-item-description {
    font-size: 1.125rem;
}
/*END PRODUCT SLIDER GENERAL*/
/*PROCUCT SLIDER SLIDE*/
#products .products-slider .product-col {
    align-items: center;
    display: flex;
    height: 100VH;
    justify-content: center;
}
#products .products-slider .product-slide {
    border: 2px solid transparent;
    cursor: pointer;
    padding: 2rem;
    transition: 0.15s border-color ease-in-out;
}
#products .products-slider .product-slide:hover {
    border-color: var(--black-border);
}
#products .products-slider .product-slide .product-item-description {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*END PROCUCT SLIDER SLIDE*/
/*PRODUCT SLIDER DETAILS*/
#products .products-slider .tab-pane .btn-link i {
    margin-right: 1.25rem;
}
#products .products-slider .tab-pane .product-row {
    height: calc(100% - 38px);
}
#products .products-slider .tab-pane .product-row .product-item {
    align-items: start;
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
}
#products .products-slider .tab-pane .product-row .products-images-swiper {
    height: 100%;
}
#products .products-slider .tab-pane .product-row .products-images-swiper .swiper-slide {
    align-items: center;
    display: flex;
    height: 50% !important;
    justify-content: center;
}
#products .products-slider .tab-pane .product-row .btn-outline-dark i {
    margin-left: 1.25rem;
}
/*END PRODUCT SLIDER DETAILS*/
/*END PRODUCTS*/
/*MAP*/
#products iframe {
    height: 450px;
    margin-bottom: -6px;
    width: 100%;
}
/*END MAP*/
/*DISTRIBUTORS*/
#products .distributors-container {
    padding-bottom: 0;
}
#products .distributors-container .title {
    color: var(--black-title);
    font-family: var(--font-title);
    font-weight: var(--font-semi-bold);
    font-size: 2.25rem;
    margin: 0;
}
#products .distributors-container {
    background-color: var(--footer-background);
    border-bottom: 1px solid var(--gray-border);
}
#products .distributors-container .distributors-slide {
    position: relative;
}
#products .distributors-container .swiper-outer {
    padding: 0 40px;
    overflow: hidden;
}
#products .distributors-container .swiper {
}
#products .distributors-container .swiper-wrapper {
    flex-flow: row;
    justify-content: flex-start;
}
#products .distributors-container .swiper-slide {
    width: auto !important;
}
#products .distributors-container .swiper-button-prev,
#products .distributors-container .swiper-button-next {
    color: var(--gray-text);
}
#products .distributors-container .swiper-button-prev:after,
#products .distributors-container .swiper-button-next:after {
    content: '';
}
#products .distributors-container .nav-link {
    cursor: pointer;
}
#products .distributors-container .tab-content {
    padding: 7.5rem 0;
}
#products .distributors-container .distributors-details {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    padding: 75px 150px; 
}
#products .distributors-container .distributors-details .distributors-line {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
#products .distributors-container .distributors-details .distributors-text {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding: 0 1rem;
    width: 50%;
}
#products .distributors-container .distributors-details .distributors-text:first-child{
    padding-left: 0;
}
#products .distributors-container .distributors-details .distributors-text:last-child{
    padding-right: 0;
}
#products .distributors-container .distributors-details .distributors-icon {
    height: 20px;
    margin-right: 0.675rem;
    width: 20px;
}
/*END DISTRIBUTORS*/
@media (max-width: 991px) {
    #products .title-container {
        padding: 100px 0 3rem 0;
    }
    #products .title-container .title {
        margin-bottom: 1.25rem;
        padding: 0;
    }
    #process .slide {
        margin-bottom: 3rem;
    }
    #products .slide .swiper-slide {
        height: 200px;
    }

    #products .products-slider .product-col {
        height: auto;
    }
    #products .products-container .products-banner {
        display: none;
        width: 0;
    }
    #products .products-slider {
        width: 100%;
    }

	#products .distributors-container .nav-link {
		padding: 0.5rem 2rem;
	}
    #products .distributors-container .tab-content {
        padding: 3rem 0;
    }
    #products .distributors-container .distributors-details {
        padding: 2rem 0;
    }
    #products .distributors-container .distributors-details .distributors-line {
        flex-flow: column;
    }
    #products .distributors-container .distributors-details .distributors-text {
        margin: 0 0 1.25rem 0;
        padding: 0;
        width: 100%;
    }
}