﻿
/*Visual*/
.visual-caption-contaier{background:rgba(0,0,0,.2);}

@media (min-width:768px) {
.swiper-slide-active .swiper-caption .container .caption h1 {font-size: calc(1.375rem + 1.5vw);}
}
@media (min-width:1400px) {
.swiper-slide-active .swiper-caption .container .caption h1 {font-size: 3.625rem;}
}
.visual-caption-contaier .caption h1{margin-bottom:0!important;}
.swiper-slide-active .swiper-caption .container .caption h1,
.swiper-slide-active .swiper-caption .container .caption h1 + * {color:#fff!important}
.visual-caption-contaier {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;} 
.visual-caption-contaier .visual-text {background: rgba(0,0,0,1);}
.swiper-slide-active .swiper-caption .container .caption{animation: 1.5s fadeInUp; animation-delay: 0s;}
.swiper-slide-active .swiper-caption .container .button{animation: fadeInUp 1s ease-in-out forwards; animation-delay: .5s; opacity:0}

@media (max-width:767px) {
.visual-caption-contaier .caption,
.visual-caption-contaier .caption h3.text-white{margin-bottom:0!important;}
.visual-caption-contaier .caption h3.text-white,h3.h6{font-size:inherit !important;}
.visual-caption-contaier .caption h1{font-size:140% !important;}
.visual-caption-contaier .caption h3.text-white{color:#000!important;}
.swiper-slide-active .swiper-caption .container .caption h2 {font-size: 1.1rem!important; }
}

.btn-box {display: inline-block;position: relative;background: none;border: none;_cursor: pointer; border-radius:.5rem; transition: all 0.3s linear;}
.btn-box:hover {border-radius:0rem}
.btn-box a {color: inherit;text-decoration: none}

@media (max-width:1279px) {
.btn-box {display: block;position: relative;background: none;cursor: pointer;padding: 10px 5px;}
}
.btn-box figure {display: block;margin: 0px;}
.btn-box::before,.btn-box::after {content: "";width: 0;height: 1px;position: absolute;transition: all 0.2s linear;background: var(--bs-primary); border-radius:.5rem}
.btn-box figure::before,.btn-box figure::after {content: "";width: 1px;height: 0;position: absolute;transition: all 0.2s linear;background: var(--bs-primary); border-radius:.5rem}

@media (min-width:1279px) {
.btn-box:hover::before,.btn-box:hover::after {width: 100%;}
.btn-box:hover figure::before,.btn-box:hover figure::after {height: 100%;}
.btn-box::after {left: 0;bottom: 0;transition-duration: 0.4s;}
.btn-box figure::after {right: 0;top: 0;transition-duration: 0.4s;}
.btn-box::before {right: 0;top: 0;transition-duration: 0.4s;}
.btn-box figure::before {left: 0;bottom: 0;transition-duration: 0.4s;}
}

.prod a {color:inherit; text-decoration:none;transition: all 0.3s linear;}
.prod a:hover {color:var(--bs-primary); text-decoration:none}

.prod a figure img {transform: scale(1); -webkit-transition: all 1s linear;-o-transition: all 1s linear;transition: all 1s linear;}
.prod a:hover figure img {transform: scale(1.15);}

.sitemap .list ul {display:block; padding:0px; margin:0px;}
.sitemap .list ul li {display:block; padding:4px 20px; padding-left:30px; margin:0px 0px 0px 0px; border-bottom:1px solid rgba(255,255,255,.5)}
.sitemap .list ul li:last-child {border:0px; padding-bottom:0px;}
.sitemap .list ul li:before{content:'\f111';padding-right:0px; display:inline-block; line-height:22px;text-align:center; color:#096c38; border-radius:100%; font-family:'FontAwesome';margin-left:-25px;font-weight:800; font-size:10px;  float:left}

/*.bg-primary {--bs-bg-opacity: 1; background:var(--bs-primary) !important;}*/

.job-list{list-style-type:square;}

.career .accordion-button {padding-right: 40px; font-weight: 600;}
.career .accordion-button::after {flex-shrink: 0; width: 25px; height: 25px; margin-left: 0; content: ""; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">  <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/></svg>'); background-repeat: no-repeat; background-size: contain; background-size: 100%; position: absolute; right: 10px; transition: none}
.career .accordion-button:not(.collapsed)::after {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dash" viewBox="0 0 16 16">  <path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8"/></svg>');}
.accordion-button:not(.collapsed) {color: var(--bs-primary) !important;}
    .accordion-body ul {
    display: block;
    padding: 0px;
    margin: 0px;
}

    .accordion-body ul li {
        padding: 0px 0px 3px !important;
        margin: 0px 0px 0px 25px;
    }

@media (max-width:767px) {
    .career .accordion-body {
        background: #fff !important
    }
}

ul.contactlist {
    display: block;
    padding: 0px;
    margin: 0px;
}

    ul.contactlist li {
        display: block;
        width: 100%;
        padding: 0px 0px;
        padding-left: 10px !important;
        margin: 0px 0px 15px 0px !important;
        line-height: normal;
    }

        ul.contactlist li a {
            margin-left: 10px;
            line-height: 35px;
        }

        ul.contactlist li.phone::before, ul.contactlist li.email::before, ul.contactlist li.map::before {
            padding-right: 0px;
            text-align: center;
            color: #fff;
            background: var(--bs-primary);
            width: 35px;
            height: 35px;
            border-radius: .3rem;
            display: block;
            font-family: "bootstrap-icons";
            margin-left: -10px;
            font-size: 16px;
            line-height: 31px;
            float: left;
            border: 2px solid;
            border-color: var(--bs-primary);
            transition: all ease-in-out 0.3s;
        }

        ul.contactlist li.phone::before {
            content: '\F5B4';
        }

        ul.contactlist li.email::before {
            content: '\F32C';
        }

        ul.contactlist li.map::before {
            content: '\F3E7';
        }

        ul.contactlist li:hover.phone::before {
            background: transparent;
            color: #211f1e;
        }

        ul.contactlist li:hover.email::before {
            background: transparent;
            color: #211f1e;
        }

        ul.contactlist li:hover.map::before {
            background: transparent;
            color: #211f1e;
        }

/*ul.contactlist li.phone a:hover {position: relative; transition: width 0.3s ease 0s, left 0.3s ease 0s;}*/

.contact a, .contact a:hover {color:inherit; text-decoration:none !important; position:relative;}
.contact a:after {background: none repeat scroll 0 0 transparent;bottom: 0;content: "";display: block;height: 1px;left: 0%;position: absolute;background: #000;transition: width 0.3s ease 0s, left 0.3s ease 0s;width: 0;}
.contact a:hover:after {width: 100%;left: 0; right:0}

.branch a, .branch a:hover {color:inherit; text-decoration:none !important; position:relative;}
.branch a:after {background: none repeat scroll 0 0 transparent;bottom: 0;content: "";display: block;height: 1px;left: 0%;position: absolute;background: #000;transition: width 0.3s ease 0s, left 0.3s ease 0s;width: 100%;}
.branch a:hover:after {width: 0;left: 0; right:0}

.table-light {
    --bs-table-bg: #f5f5f5 !important;
}
.brochure td {
    border-bottom: 0 !important;
}
.brochure tr {
    border-bottom: 1px solid #ddd !important;
}
.thankyou .text-primary {
    --bs-text-opacity: 1;
    color: #b4672a !important;
}
.anchor-focus:before {display: block;content: " ";height: 110px;margin-top: -110px;visibility: hidden;}

.policiesline {fill: none;stroke: #ffffff;stroke-width: 8;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}
.policies-list ul li:before {content: '\F582';font-family: bootstrap-icons;margin-left: -12px;margin-right: 10px;font-size: 5px;margin-bottom: 5px;display: inline-block;vertical-align: middle;margin-top: 3px }
.policies-list ul {list-style: none;padding: 0 0;margin-left: 28px; text-transform: none;}

.sidebar {border: 1px solid #dee2e6 !important;}
.sidebar ul {margin-bottom: 0;}
.sidebar ul li a {display: block;padding: 10px;border-bottom: 1px dotted #dee2e6;text-decoration: none;}
.sidebar ul li.active a {background-color: var(--bs-primary);color: #fff;}

.sitemap ul li a {color: inherit !important;white-space: normal;padding: .3rem .5rem !important;text-decoration:none;}
.sitemap h5 a {color: inherit !important;white-space: normal;padding: .3rem .5rem !important;text-decoration:none;}
.sitemap ul li a:hover {color:var(--bs-primary)!important}
.sitemap h5 a:hover {color:var(--bs-primary)!important}
.sitemap ul li:before {content: '\F582';font-family: bootstrap-icons;margin-left: -12px;margin-right: 5px;font-size: 5px;margin-bottom: 5px;display: inline-block;vertical-align: middle;margin-top: 3px }
.sitemap ul {list-style: none;text-transform: none }

.downhover:hover td {color:var(--bs-primary)!important; transition:all linear 0.3s; cursor:pointer}
.downhover:hover .btn-outline-primary {background: transparent !important;color: #fff !important}
.downhover:hover .btn-outline-primary:before {-webkit-transform: scaleX(1);transform: scaleX(1)}

.brand-list ul li:before {background: none repeat scroll 0 0 transparent;content: "\F592";font-family: bootstrap-icons !important;display: block;position: absolute;margin-left: -20px;font-size: 11px;line-height: 25px; color:#868686}
.brand-list ul {list-style: none;padding: 0 0; margin-left:25px; text-transform: none; text-align:left }


@media (min-width:768px) and (max-width:1024px){
.stats-box > div:nth-child(2).border-end{border:0!important;}
}
@media (max-width:767px) {
.bg-vision-mission{background:#868686;}
.stats-box .w-auto{width:100%!important;}
.stats-box .border-end {border-right:0!important; border-bottom:var(--bs-primary) 1px solid!important; width:100%!important; display:block!important;}
.team-list{margin:0!important;}
}
@media (min-width:980px) {
.bg-blur {backdrop-filter: blur(10px); background:transparent}
.bg-grey-vector {background:url(../images/bg-solutions-hm.jpg) no-repeat top center}
}
.team-list a{text-decoration:none;position:relative;padding:1px!important;}
.team-list a figure{}
.team-list a *{color:#211f1e;}
.team-list a .profile-text{position:relative;padding:1px!important;}
.team-list a .profile-text:before{content:'';-webkit-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear; position:absolute; height:0%; width:0%; background:var(--bs-primary);left:0; top:0px;}
.team-list a .profile-text:after{content:'';-webkit-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear; position:absolute; height:0%; width:0%; background:var(--bs-primary);right:0; bottom:0px;}
.team-list a:hover .profile-text:before,
.team-list a:hover .profile-text:after{width:100%;height:100%;}

.lapis-popup .modal-body > div {max-height:100%!important;}


.lapis-popup .btn-prev{background-color:var(--bs-primary); border-radius:0!important; opacity:1!important; --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e"); background-size:34px; height:40px; width:40px; padding:10px!important; position:absolute; right:24px; top:83px;}
.lapis-popup .btn-next{background-color:var(--bs-primary); border-radius:0!important; opacity:1!important; --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");background-size:34px; height:40px; width:40px; padding:10px!important; position:absolute; right:24px; top:143px;}
.lapis-popup .btn-close{background-color:var(--bs-primary); border-radius:0!important; opacity:1!important; --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); height:40px; width:40px; padding:10px!important; position:absolute; right:24px; top:23px;}

@media (min-width:1360px) and (max-width:1440px) {
.lapis-popup .btn-prev,
.lapis-popup .btn-next,
.lapis-popup .btn-close{ right:18px; }

}

@media (max-width:1023px) {
.lapis-popup .btn-close,
.lapis-popup .btn-prev,
.lapis-popup .btn-next{width:15px!important; height:15px!important;background-size:15px!important;}
.lapis-popup .btn-prev{top:58px!important;}
.lapis-popup .btn-next{top:93px!important;}
.lapis-popup .col-md-8.col-6.ps-0.align-self-center{padding-right:20px!important;}
}

@media (max-width:768px) {
.team-list p.h4{font-size:100%!important;}
}

@media (max-width:767px) {
.lapis-popup h2{font-size:110%!important;}
.lapis-popup .fs-4,
.news-list h3.lh-base,
.news-list .fs-4{font-size:100%!important;}
}

@media (min-width:1024px) and (max-width:1440px) {
.lapis-popup h2{font-size:130%!important;}
.lapis-popup .fs-4,
.news-list h3.lh-base,
.news-list .fs-4{font-size:120%!important;}
.fs-4 {font-size: calc(1rem + .16vw) !important}
}


.bg-blue{background:#dee5f0;}
.bg-lightblue{background:#F5F5F5;}

.strategy-panel > div > a{-webkit-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;}
.strategy-panel > div > a{background:#F5F5F5; text-decoration:none;}
.strategy-panel > div > a:hover,
.growth-investing.bg-primary{background:var(--bs-primary)!important; }
.strategy-panel > div > a:hover .bg-primary{background:#FFF!important; }
.strategy-panel > div > a:hover *{color:#FFF!important;}
.strategy-panel > div > a p{color:var(--bs-body-color)!important;}
.strategy-panel > div:first-child > a{border-right:#DDD 1px solid;}

.growth-investing.bg-primary h3{color:#FFF!important}


@media (max-width:640px) {
.lapis-popup .modal-fullscreen .modal-content{height:100%!important;}
.lapis-popup .modal-dialog-centered{align-items:flex-start!important;}
.modal.lapis-popup.right .modal-body > div{overflow:auto!important;}
}