/* Minification failed. Returning unminified contents.
(11,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(12,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(13,23): run-time error CSS1039: Token not allowed after unary operator: '-font-semi-bold'
(18,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-normal'
(39,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(40,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(41,23): run-time error CSS1039: Token not allowed after unary operator: '-font-semi-bold'
(46,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-normal'
(58,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text'
(89,28): run-time error CSS1039: Token not allowed after unary operator: '-footer-background'
(98,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(99,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(100,23): run-time error CSS1039: Token not allowed after unary operator: '-font-regular'
(138,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(139,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(140,23): run-time error CSS1039: Token not allowed after unary operator: '-font-semi-bold'
(194,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-normal'
(199,28): run-time error CSS1039: Token not allowed after unary operator: '-footer-background'
(209,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(210,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(211,23): run-time error CSS1039: Token not allowed after unary operator: '-font-semi-bold'
(235,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(236,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(237,23): run-time error CSS1039: Token not allowed after unary operator: '-font-semi-bold'
(252,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(253,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(254,23): run-time error CSS1039: Token not allowed after unary operator: '-font-semi-bold'
(266,17): run-time error CSS1039: Token not allowed after unary operator: '-black-text'
(285,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(286,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(287,23): run-time error CSS1039: Token not allowed after unary operator: '-font-semi-bold'
(330,5): run-time error CSS1035: Expected colon, found '}'
 */
#about .company,
#about .testimony,
#about .timeline,
#about .countries,
#about .mission,
#about .brands {
    padding: 150px 0;
}
/*COMPANY*/
#about .company .company-title {
    color: var(--black-title);
    font-family: var(--font-title);
    font-weight: var(--font-semi-bold);
    font-size: 2.625rem;
    padding: 0 2rem;
}
#about .company .company-title span {
    color: var(--primary-normal);
}
#about .company .company-story {
    font-size: 1.125rem;
    padding: 0 2rem;
}
#about .company .company-boxes {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 3.75rem;
    padding: 0 2rem;
}
#about .company .company-box {
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width: 100px;
}
#about .company .company-box .company-box-value {
    color: var(--black-title);
    font-family: var(--font-title);
    font-weight: var(--font-semi-bold);
    font-size: 3.375rem;
    margin-bottom: 0.75rem;
}
#about .company .company-box .company-box-label {
    border-top:1px solid var(--primary-normal);
    margin: 0;
    padding-top: 0.675rem;
}
/*END COMPANY*/
/*VIDEO BANNER*/
#about .video-container {
    height: 44rem !important;
    position: relative;
}
#about .video-container .video-banner-link {
    align-items: center;
    color: var(--white-text);
    display: flex;
    justify-content: center;
    left: calc(50% - 50px);
    position: absolute;
    transition: 0.15s all linear;
    bottom: 3rem;
    left: 100px;
    z-index: 10;
}
#about .video-container .video-banner-link ion-icon {
    font-size: 26px;
    margin-right: 0.75rem;
}
#about .video-container .video-banner-link i {
    font-size: 1.5rem;
}
#about .video-container .video-banner-link:hover {
    transform: scale(1.05);
}
#about .video-banner .video-banner-overlay {
    background-color:#3d3d3d;
    height: 100%;
    position: absolute;
    opacity: 0.5;
    width: 100%;
    z-index: 9;
}
/*END VIDEO BANNER*/
/*TESTIMONY*/
#about .testimony {
    background-color: var(--footer-background);
}
#about .testimony .testimony-box {
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
#about .testimony .testimony-text {
    color: var(--black-title);
    font-family: var(--font-title);
    font-weight: var(--font-regular);
    font-style: italic;
    font-size: 1.5rem;
    text-align: center;
    position: relative;
    width: 770px;
}
#about .testimony .testimony-image {
    margin-left: -25px;
    position: absolute;
}
#about .testimony .testimony-image.alt {
    top: -25px;
    transform: rotate(180deg);
}
/*END TESTIMONY*/
/*TIMELINE*/
#about .timeline {
    overflow: hidden;
}
#about .timeline .swiper {
    overflow: visible;
}
#about .timeline .swiper-slide {
    margin-bottom: 2rem;
    opacity: 0.6;
}
#about .timeline .swiper-slide.swiper-slide-active {
    opacity: 1;
}
#about .timeline .swiper-slide.swiper-slide-active .timeline-item .timeline-title,
#about .timeline .swiper-slide.swiper-slide-active .timeline-item .timeline-description {
    opacity: 1;
}
#about .timeline .timeline-item {
    width: 100%;
}
#about .timeline .timeline-item .timeline-title {
    color: var(--black-title);
    font-family: var(--font-title);
    font-weight: var(--font-semi-bold);
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
    opacity: 0;
    transition: 0.15s opacity ease-in-out;
}
#about .timeline .timeline-item .timeline-description {
    height: 100px;
    font-size: 1.125rem;
    margin-bottom: 2rem;
    overflow:scroll;
    opacity: 0;
    transition: 0.15s opacity ease-in-out;
}
#about .timeline .timeline-item .timeline-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: grayscale(1);
    height: 400px;
    width: 100%;
}
#about .timeline .swiper-slide.swiper-slide-active .timeline-item .timeline-image {
    filter: grayscale(0);
}
#about .timeline .timeline-pagination {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
}
#about .timeline .timeline-pagination .btn-outline-dark {
    border-radius: 0;
    height: 60px;
    padding: 0;
    min-width: 60px;
    width: 60px;
}
#about .timeline .timeline-pagination .swiper-pagination {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: space-around;
    position: relative;
    width: 100%;
}
#about .timeline .timeline-pagination .swiper-pagination .swiper-pagination-bullet {
    background: transparent !important;
    height: 100%;
    opacity: 1;
    width: auto;
}
#about .timeline .timeline-pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: var(--primary-normal);
}
/*END TIMELINE*/
/*COUNTRIES*/
#about .countries {
    background-color: var(--footer-background);
}
#about .countries .countries-info {
    align-items: start;
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
}
#about .countries .countries-title {
    color: var(--black-title);
    font-family: var(--font-title);
    font-weight: var(--font-semi-bold);
    font-size: 2.25rem;
    margin-bottom: 3rem;
}
#about .countries .countries-description {
    font-size: 1.125rem;
    margin: 0;
}
#about .countries .countries-bars {
    margin-bottom: 1.5rem;
}
#about .countries .countries-bars:last-child {
    margin-bottom: 0;
}
#about .countries .countries-bars .countries-bars-info {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}
#about .countries .countries-bars .countries-bars-info .countries-bars-info-label {
    font-size: 1.125rem;
}
#about .countries .countries-bars .countries-bars-info .countries-bars-info-value {
    color: var(--black-title);
    font-family: var(--font-title);
    font-weight: var(--font-semi-bold);
    font-size: 1.5rem;
}
/*END COUNTRIES*/
/*MISSION*/
#about .mission {
}
#about .mission .mission-left {
    align-items: start;
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
}
#about .mission .mission-left .mission-title {
    color: var(--black-title);
    font-family: var(--font-title);
    font-weight: var(--font-semi-bold);
    font-size: 2.25rem;
    margin: 0;
}
#about .mission .mission-point {
    align-items: start;
    display: flex;
    justify-content: start;
    margin-bottom: 2.5rem;
    transition: 0.15s color linear;
}
#about .mission .mission-point:hover {
    color: var(--black-text);
}
#about .mission .mission-point:last-child {
    margin-bottom: 0;
}
#about .mission .mission-point .mission-point-icon {
    font-size: 1.125rem;
    margin: 4px 1.125rem 0 0;
}
#about .mission .mission-point .mission-point-text {
    font-size: 1.125rem;
    margin-bottom: 0;
}
/*END MISSION*/
/*BRANDS*/
#about .brands{

}
#about .brands .brands-title {
    color: var(--black-title);
    font-family: var(--font-title);
    font-weight: var(--font-semi-bold);
    font-size: 2.25rem;
}
#about .brands .btn-outline-dark {
    border-radius: 0;
    height: 60px;
    padding: 0;
    width: 60px;
}
#about .brands .btn-outline-dark.swiper-previous {
    margin-right: 0.875rem;
}
#about .brands .swiper {
    margin-top: 6rem;
}
#about .brands .swiper-slide {
}
#about .brands .swiper-slide img {
    height: 100px;
}
/*END BRANDS*/
@media (max-width: 991px) {
    #about .company {
        padding: 100px 0 3rem 0;
    }
    #about .testimony,
    #about .timeline,
    #about .countries,
    #about .mission,
    #about .brands {
        padding: 3rem 0;
    }

    #about .company .company-title,
    #about .company .company-story {
        padding: 0;
    }
    #about .company .company-title {
        font-size: 2rem;
    }
    #about .company .company-boxes {
        flex-wrap: wrap;
        padding: 0;M
    }
    #about .company .company-box {
        width: 50%;
    }
    #about .company .company-box:nth-child(odd) {
        padding-right: 1.25rem;
    }
    #about .company .company-box:nth-child(even) {
        padding-left: 1.25rem;
    }
    
    #about .company .company-box .company-box-label {
        width: 100%;
    }

    #about .testimony .testimony-text {
        width: auto;
    }
    #about .countries .countries-bars {
        margin-bottom: 0.5rem;
    }
    #about .countries .countries-title,
    #about .mission .mission-left .mission-title {
        font-size: 1.75rem;
        margin-bottom: 1.5rem;
        width: 100%;
    }
    #about .mission .mission-left .mission-title:first-child {
        margin-bottom: 0;

    }
}