/* Minification failed. Returning unminified contents.
(14,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(27,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-text'
(30,17): run-time error CSS1039: Token not allowed after unary operator: '-green-normal'
(38,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(39,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(67,33): run-time error CSS1039: Token not allowed after unary operator: '-green-normal'
(73,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(74,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(78,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-text'
(103,33): run-time error CSS1039: Token not allowed after unary operator: '-green-normal'
(109,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(110,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(115,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-text'
(119,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-text'
(127,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-background'
(149,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(150,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(156,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-text'
(170,28): run-time error CSS1039: Token not allowed after unary operator: '-black-background'
(180,17): run-time error CSS1039: Token not allowed after unary operator: '-green-normal'
(182,23): run-time error CSS1039: Token not allowed after unary operator: '-font-light'
(187,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(199,24): run-time error CSS1039: Token not allowed after unary operator: '-green-normal'
(238,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(244,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-text'
(246,23): run-time error CSS1039: Token not allowed after unary operator: '-font-awesome'
(247,23): run-time error CSS1039: Token not allowed after unary operator: '-font-black'
(251,17): run-time error CSS1039: Token not allowed after unary operator: '-green-normal'
(260,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-text'
(292,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(293,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(299,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-text'
(304,35): run-time error CSS1039: Token not allowed after unary operator: '-green-normal'
 */
#about .banner {
    align-items: flex-end;
    background-image: url(/Assets/Home/about_00.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 310px;
    justify-content: flex-start;
    width: 100%;
}
#about .banner .title {
    color: white;
    font-family: var(--font-title);
    font-size: 2.5rem;
    padding: 0 0 175px;
}
/*COMPANY*/
#about .company-box {
    background-color: white;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
    padding: 55px 110px;
    margin-top: -110px; 
    z-index: 10;
}
#about .company-box .company-text {
    color: var(--gray-text);
}
#about .company-box .company-text span {
    color: var(--green-normal);
}
/*END COMPANY*/
/*TEAM*/
#about .team-box{
    margin-top: 90px;
}
#about .team-box .team-title {
    color: var(--black-title);
    font-family: var(--font-title);
    font-size: 1.6875rem;
    text-transform: uppercase;
    margin-bottom: 2.25rem;
}
#about .team-box .team-ceo {
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    margin-bottom: 100px;
}
#about .team-box .team-ceo .team-ceo-mobile {
    margin-top: 3rem;
}
#about .team-box .team-ceo .team-ceo-inner {
    display: flex;
    flex-flow: row;
    width: 100%;
}
#about .team-box .team-ceo .team-ceo-image {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    min-width: 250px; 
}
#about .team-box .team-ceo .team-ceo-details {
    border-left: 5px solid var(--green-normal);
    height: 250px;
    padding-left: 20px;
    margin-left: 20px;
}
#about .team-box .team-ceo .title {
    color: var(--black-title);
    font-family: var(--font-title);
    font-size: 1.375rem;
}
#about .team-box .team-ceo .text {
    color: var(--gray-text);
    max-height: 200px;
}
#about .team-box .team-members .team-member {
    height: 345px;
    margin-bottom: 1.5rem;
}
#about .team-box .team-members .team-member .team-img {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 225px;
}
#about .team-box .team-members .team-member .team-member-detail {
    background: white;
    bottom: 0;
    height: auto;
    max-height: 120px;
    min-height: 120px;
    overflow: hidden;
    position: absolute;
    transition: all 0.3s linear;
    width: calc(100% - 30px);
}
#about .team-box .team-members .team-member .team-member-detail .team-member-info {
    border-left: 5px solid var(--green-normal);
    height: 90px;
    margin: 22px 0 0 0;
    padding: 0 20px;
}
#about .team-box .team-members .team-member .team-member-detail .team-member-info .title {
    color: var(--black-title);
    font-family: var(--font-title);
    font-size: 1.125rem;
    margin-bottom: 11px;
}
#about .team-box .team-members .team-member .team-member-detail .team-member-info .text {
    color: var(--gray-text);
    margin: 0;
}
#about .team-box .team-members .team-member .team-member-detail .text {
    color: var(--gray-text);
    margin: 20px 10px;  
    max-height: 210px;  
    overflow-y: auto;
}
/*END TEAM*/
/*SERVICE*/
#about .service {
    background-color: var(--gray-background);
    margin: 100px 0 0 0;
    padding: 80px 0;
}
#about .service .service-box {
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
    padding: 2rem 0;
}
#about .service .icon {
    height: 40px;
    margin-bottom: 20px;
    width: 40px;
}
#about .service .title,
#about .service .text {
    width: 100%;
}
#about .service .title {
    color: var(--black-title);
    font-family: var(--font-title);
    font-size: 1.125rem;
    margin-bottom: 1.125rem;
    width: 100%;
}
#about .service .text {
    color: var(--gray-text);
    font-size: 1rem;
    margin-bottom: 0;
}
#about .service .service-box.service-box-main .title {
    font-size: 1.625rem;
    margin-bottom: 0;
}
#about .service .service-box.service-box-main .text {
    font-size: 1.25rem;
}
/*END SERVICE*/
/*AREAS*/
#about .areas {
    background-color: var(--black-background);
    margin: 0 0 100px 0;
    padding: 80px 0 40px 0;
}
#about .areas .inner-areas {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
}
#about .areas .title {
    color: var(--green-normal);
    font-size: 1.1875rem;
    font-weight: var(--font-light);
    margin-bottom: 10px;
}
#about .areas .subtitle {
    color: #FFF;
    font-family: var(--font-title);
    font-size: 1.6875rem;
    margin-bottom: 0;
}
#about .areas .link {
    border-bottom: 1px solid #FFF;
    color: #FFF;
    font-size: 1rem;
    transition: all .15s ease-in-out;
    text-transform: none;
}
#about .areas .link:hover {
    border-color: var(--green-normal);
}
#about .areas .link .fas {
    font-size: 0.8rem;
    margin-left: 0.25rem;
}
/*END AREAS*/
/*AREAS DETAILS*/
#about .areas-details {
    margin-bottom: 100px;
}
#about .areas-details .card {
    border: 1px solid #DADADA;
    border-bottom-width: 0;
    border-right-width: 0;
    border-radius: 0;
    padding: 0;
}
#about .areas-details .left-side .card:last-child {
    border-bottom-width: 0;
    border-right-width: 0;
}
#about .areas-details .right-side .card:last-child {
    border-bottom-width: 0;
}
#about .areas-details .right-side .card {
    border-right-width: 1px;
}
#about .areas-details .card:last-child  {
    border-bottom-width: 1px;
    border-right-width: 1px;
}
#about .areas-details .card .card-header {
    background-color: #FFF;
    border: 0;
    border-bottom: 0;
    padding: 0;
}
#about .areas-details .card .card-header .btn-header-link {
    color: var(--black-title);
    display: block;
    text-align: left;
    padding: 35px 25px;
}
#about .areas-details .card .card-header .btn-header-link:after {
    color: var(--gray-text);
    content: "\f106";
    font-family: var(--font-awesome);
    font-weight: var(--font-black);
    float: right;
}
#about .areas-details .card .card-header .btn-header-link:hover:after{
    color: var(--green-normal);
}
#about .areas-details .card .card-header .btn-header-link.collapsed {
    border-bottom: 1px solid white;
}
#about .areas-details .card .card-header .btn-header-link.collapsed:after {
    content: "\f107";
}
#about .areas-details .card .card-body {
    color: var(--gray-text);
    padding: 0 25px 35px 25px;
}
#about .areas-details .card .collapsing {
    line-height: 30px;
}
#about .areas-details .card .collapse {
    border: 0;
}
#about .areas-details .card .collapse.show {
    line-height: 30px;
}
#about .areas-details ul {
    list-style: disc;
    margin: 0;
}
/*END AREAS DETAILS*/
/*MODAL*/
#about-modal .modal-body {
    padding: 3rem 2.5rem;
}
#about-modal .team-img {
    display: block;
    height: 150px;
    margin: 0 auto 2rem auto;
}
#about-modal .team-member-title,
#about-modal .team-member-function-box,
#about-modal .team-member-details {
    text-align: center;
}
#about-modal .team-member-title {
    color: var(--black-title);
    font-family: var(--font-title);
    font-size: 1.125rem;
    margin-bottom: 0;
}
#about-modal .team-member-function-box,
#about-modal .team-member-details {
    color: var(--gray-text);
    font-size: 0.75rem;
    margin: 0;
}
#about-modal .team-member-function {
    border-bottom: 2px solid var(--green-normal);
    margin-bottom: 22px;
    padding-bottom: 10px;
}
/*END MODAL*/
@media (max-width: 991px) {
    #about .banner {
        height: 150px;
    }
    #about .banner .title {
        font-size: 1.5rem;
        margin: 0;
        padding: 61px 0;
    }
    #about .company-box {
        box-shadow: none;
        padding: 3.125rem 1.25rem;
        margin: 0 -15px;
    }
    #about .team-box .team-ceo .team-ceo-details {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    #about .team-box .team-ceo .text {
        max-height: 100%;
    }
    #about .team-box .team-members .team-member .team-member-detail .team-member-info {
        padding: 0 5px;
    }
    #about .team-box .team-members .team-member .team-member-detail .team-member-info .title {
        /*font-size: 0.875rem;*/
    }
    #about .team-box .team-members .team-member .team-member-detail .team-member-info .text{
        /*font-size: 0.75rem;*/
    }
    #about .service .icon {
        display: block;
        margin: 0 auto 30px auto;
    }
    #about .service .title,
    #about .service .text {
        text-align: center;
    }
    #about .areas {
        margin: 0 0 55px 0;
        padding: 55px 0;
    }
    #about .areas .inner-areas {
        align-items: flex-start;
        display: flex;
        flex-flow: column;
        justify-content: space-between;
    }
}
/*SM*/
@media (max-width: 767px) {
    #about .team-box .team-ceo .team-ceo-image {
        min-width: calc(50% - 10.5px);
    }
    #about .team-box .team-ceo .team-ceo-details {
        padding-left: 1rem;
        margin-left: 1rem;
        min-width: calc(50% - 10.5px);
    }
    #about .team-box .team-members .team-member:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
}
/*MD*/
@media (min-width: 768px) and (max-width: 991px) {
    #about .team-box .team-members .team-member:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
}
/*LG*/
@media (min-width: 992px) {
    #about .team-box .team-members .team-member:nth-last-child(-n+4) {
        margin-bottom: 0;
    }
}
/*XL*/
@media (min-width: 1200px) {
    #about .team-box .team-members .team-member:hover .team-member-detail {
        box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
        min-height: 345px;
    }
}