/* Staff - Redesign page */

.sec-staff-redesign{

    padding-top: 60px;

    padding-bottom: 30px;

    border-bottom: 1px solid #FFAA00;

}

.sec-staff-redesign .main-banner{

    max-width: 1504px;

    margin: 0 auto;

}

.sec-staff-redesign .breadcrumbs-wrap{

    margin-bottom: 125px;

}

.sec-staff-redesign h3{

    font-weight: bold;

    font-size: 18px;

    letter-spacing: 0.08em;

    text-transform: uppercase;

    color: #15253B;

    margin-bottom: 15px;

}
.sec-staff-redesign h4{

    font-weight: normal;

    font-size: 16px;

    line-height: 21px;

    letter-spacing: 0.08em;

    text-transform: uppercase;

    color: #15253B;

    margin-bottom: 15px;

}

.sec-staff-redesign h1{

    font-weight: 900;

    font-size: 80px;

    line-height: 88px;

    color: #15253B;

    margin-bottom: 20px;

}

.sec-staff-redesign .text-wrap{

    max-width: 530px;

}



.sec-staff-listing{

    padding: 0;

    max-width: 1504px;

    margin: 0 auto;

}

.sec-staff-listing h2{

    font-weight: 900;

    font-size: 56px;

    line-height: 64px;

    color: #15253B;

    margin-bottom: 30px;

}

.sec-staff-listing .category-wrap{

    margin-bottom: 60px;

}

.sec-staff-listing .category-wrap:first-child{

    margin-top: 40px;

}

.sec-staff-listing .staff-item{

    margin-bottom: 20px;

}

.sec-staff-listing .staff-item .image-wrap{

    position: relative;

    max-width: 313px;

    margin: 0 auto;

}

.sec-staff-listing .staff-item .image-wrap.exec{

    max-width: 410px;

    

}

.sec-staff-listing .staff-item .image-wrap.exec img{

    max-width: 100%;

    height: 470px;

    overflow: hidden;

    object-fit: cover;

    object-position: top;

    width: 100%;

    margin: 0 auto;

}
.sec-staff-listing .staff-item .image-wrap.regu img{

    max-width: 100%;

    height: 360px;

    overflow: hidden;

    object-fit: cover;

    object-position: top;

    width: 100%;

    margin: 0 auto;

}

.sec-staff-listing .staff-item .pos-wrap{

    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 14.2%, rgba(0, 0, 0, 0.145) 45.03%, rgba(72, 72, 72, 0.9) 100%);

    height: 150px;

    padding: 0 30px 17px;

    position: absolute;

    bottom: 0;

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-end;

}

.sec-staff-listing .staff-item .pos-wrap h3{

    font-weight: bold;

    font-size: 20px;

    line-height: 23px;

    color: #FFFFFF;

    margin-bottom: 7px;

}

.sec-staff-listing .staff-item .pos-wrap span.pos{

    font-weight: 500;

    font-size: 15px;

    line-height: 18px;

    color: #FFFFFF;

    text-transform: uppercase;

}

.sec-staff-listing .staff-item .control-wrap{

    max-width: 313px;

    background: #FFFFFF;

    padding: 23px 30px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 0 auto;

}

.sec-staff-listing .staff-item .control-wrap.exec{

    padding: 32px 42px;

    max-width: 410px;

}

.sec-staff-listing .staff-item .control-wrap a{

    font-weight: 500;

    font-size: 14px;

    line-height: 16px;

    text-transform: uppercase;

    color: #15253B;

}

.sec-staff-listing .staff-item .control-wrap .control-item{

    background: #F1F1F1;

    min-width: 40px;

    min-height: 40px;

    display: inline-block;

    position: relative;

}

.sec-staff-listing .staff-item .control-wrap .control-item i{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}

.sec-staff-listing .staff-item .control-wrap .control-item:last-child{

    margin-right: 0;

}

.sec-staff-listing .staff-item .control-wrap .mail-phone-wrap{
    display: flex;
    align-items: center;
    gap: 10px;
}

.sec-staff-listing .category-control-wrap{

    background: #152945;

    padding-bottom: 70px;

    margin-left: 20px;

    height: auto !important;

}

.sec-staff-listing .category-control{

    list-style: none;

    padding: 40px 0 0;

    margin: 0;

    max-width: 270px;

}

.sec-staff-listing .category-control li{

    margin-bottom: 24px;

}

.sec-staff-listing .category-control li a.is-active span{

    padding-left: 48px;

}

.sec-staff-listing .category-control li a.is-active{

    color: #F4B73D;

    padding-top: 10px;

    border-left: 10px solid #F4B73D;

}

.sec-staff-listing .category-control li a{

    font-weight: 500;

    font-size: 14px;

    line-height: 16px;

    text-transform: uppercase;

    color: #FFFFFF;

}

.sec-staff-listing .category-control li a span{

    padding-left: 58px;

    display: inline-block;

}

.sec-staff-listing .sidebar-category{

    position: relative;

}

.sec-staff-listing .category-control-wrap.stuck-bot{

    position: sticky;

    top: 70px;

    width: calc(100% - 20px);

    height: auto !important;
	
	overflow:hidden;/* 3-8-2022 */
}

.sec-staff-listing .category-control-wrap .department-wrap{

    position: relative;

}

.sec-staff-listing .category-control-wrap .cell-wrap{

    position: relative;

    max-width: 100%;

    width: initial;

}

.sec-staff-listing .category-control-wrap .department-label-wrap{

    position: absolute;

    border-top: 1px solid #FFAA00;

    border-bottom: 1px solid #FFAA00;

    transform: rotate(90deg);

    display: inline-block;

    top: 0;

    left: -33px;

    width: 64px;

}

.sec-staff-listing .category-control-wrap .department-label-wrap label{

    font-family: 'proxima-nova', 'Roboto';

    font-style: normal;

    font-weight: 600;

    font-size: 10px;

    line-height: 12px;

    text-transform: uppercase;

    background-color: #152945;

    color: #FFFFFF;

    padding-left: 14px;

    position: absolute;

    margin-top: -6px;

    margin-left: 64px;

}







/* Staff Single */

.sec-staff-redesign.single{

    margin-bottom: 40px;

    padding: 75px 35px 0;

}

.sec-staff-redesign.single .breadcrumbs-wrap{

    margin-bottom: 70px;

}

.sec-staff-redesign.single .text-wrap{

    max-width: 100%;

}

.sec-staff-redesign.single h1{

    font-size: 64px;

    line-height: 72px;

} 

.sec-staff-redesign.single .text-wrap h3{

    font-weight: bold;

    font-size: 18px;

    line-height: 21px;

    letter-spacing: 0.08em;

    text-transform: uppercase;

    color: #15253B;

    display: flex;

    align-items: center;

    margin-bottom: 0;

}

.sec-staff-redesign.single .text-wrap h3 span{

    margin-left: 10px;

    margin-right: 10px;

    font-weight: 300;

    

    font-size: 24px;

    line-height: 28px;

    letter-spacing: 0.08em;

    text-transform: uppercase;



    color: #E1E1E1;

}

.sec-staff-redesign.single .text-wrap h3 label{

    font-weight: bold;

    font-size: 18px;

    line-height: 21px;

    letter-spacing: 0.08em;

    text-transform: uppercase;

    color: #27AAE1;

}

.sec-staff-redesign.single .left-panel{

    align-self: center;

    padding-right: 30px;

}

.sec-staff-redesign.single .right-panel{

    margin-bottom: -70%;

}

.sec-staff-redesign.single .image-wrap a{
    position: relative;
    height: 100%;
    display: block;
}
.sec-staff-redesign.single .image-wrap a img{
    width: 100%;
}
.sec-staff-redesign.single .image-wrap a span{
    opacity: 0;
    width: 100%;
    display: block;
    transition: .5s ease;
    position: absolute;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    padding: 12px 16px;
    background: rgba(0,0,0,0.7);
    bottom: 0;
    text-transform: uppercase;
}
.sec-staff-redesign.single .image-wrap a:hover span{
    opacity: 1;
}

.contact-wrap{

    padding: 30px 0 30px 10px;



    display: flex;

    justify-content: space-between;

}

.contact-wrap .contact-details a i{

    margin-right: 10px;
    max-width: 15px;
    margin-top: -5px;

}

.contact-wrap a{

    font-weight: 500;

    font-size: 14px;

    line-height: 16px;

    text-transform: uppercase;

    color: #15253B;

    margin-bottom: 18px;

    display: flex;

    align-items: center;

}

.contact-wrap a:last-child{

    margin-bottom: 0;

}

.contact-wrap.breadcrumbs-contact{

    padding: 0;

    display: block;

}

.contact-wrap.breadcrumbs-contact .contact-details{

    display: flex;

    justify-content: space-between;

    align-items: center;

    max-width: 160px;

    margin-bottom: 15px;

}

.contact-wrap.breadcrumbs-contact .contact-details a{

    margin-bottom: 0;

}

.sec-staff-redesign.single .contact-wrap .latest-wrap{

    max-width: 150px;

    width: 100%;

    border-left: 1px solid #E1E1E1;

    padding: 0 0 0 25px;

}

.sec-staff-redesign.single .contact-wrap .latest-wrap a i{

    margin-left: 10px;

}

.sec-staff-content{

    max-width: 1504px;

    margin: 0 auto 100px;

    padding: 0 35px;

}

.sec-staff-content .content-staff-wrap p{

    font-weight: 300;

    font-size: 18px;

    line-height: 24px;

    color: #15253B;

}

.sec-staff-content .content-staff-wrap p a{

    font-weight: 400;

    color: #00adef;

}



.sec-latest-cases-posts{

    background: #F7FAFB;

    padding: 95px 35px 100px;

    position: relative;

    margin-bottom: 80px;

}

.sec-latest-cases-posts .latest-cases{

    max-width: 1504px;

    margin: 0 auto 50px auto;

}

.sec-latest-cases-posts .latest-posts{

    max-width: 1504px;

    margin: 0 auto;

}





/* Base Slider */

.sec-slider{

    padding-bottom: 80px;  

}

.sec-slider h2{

    font-size: 56px;

    font-weight: 900;

    line-height: 64px;

    color: #15253B;

    margin-bottom: 40px;

}

.slider-header{

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 15px;

}

.slider-header div{

    display: flex;

    justify-content: space-between;

    align-items: center;

    max-width: 450px;

    width: 100%;

}

.slider-header label{

    font-weight: 300;

    font-size: 18px;

    line-height: 24px;

    color: #15253B;

}

.slider-header div.heading-viewall{

    max-width: 100%;

}

.common-slider{

    position: relative;

    display: none;

    padding-left:25px;

}

.common-slider.slick-initialized{

    display: block;

}

.common-slider .slider-item{

    margin: 0 30px 20px 0;

}

.common-slider .slider-item:last-child{

    margin-right: 0;

}

/* .common-slider .slick-list{

    margin-right: -300px;

} */

.common-slider img{

    margin-bottom: 15px;

    max-width: 410px;

    width: 100%;

}

.common-slider h3,

.common-slider h3 a{

    font-size: 32px;

    font-weight: 700;

    line-height: 1.25;

    color: #15253b;

    margin-bottom: 8px;

    text-transform: none;

}

.common-slider h3 span{

    color: #ffaa00;

}

.common-slider h4{

    font-weight: 300;

    font-size: 18px;

    line-height: 24px;

    color: #777777;

    margin-bottom: 20px;

    text-transform: none;

}

.common-slider .meta-wrap{

    font-size: 13px;

    font-weight: normal;

    line-height: normal;

    color: #a7a7a7;

    margin-bottom: 22px;

}

.common-slider .meta-wrap span{

    margin-left: 5px;

    margin-right: 5px;

}

.common-slider .meta-wrap a{

    color: #ffaa00;

    text-decoration: underline;

    text-transform: uppercase;

    font-weight: normal;

}

.common-slider p{

    font-size: 18px;

    font-weight: 300;

    line-height: 1.33;

    color: #15253b;

    margin-bottom: 35px;

}

.common-slider a{

    font-size: 14px;

    font-weight: 500;

    line-height: normal;

    color: #15253b;

    text-transform: uppercase;

}

.common-slider:hover .slick-arrow{

    opacity: 1;

}

.common-slider .slick-arrow{

    padding: 18px 10px;

    background: none;

    border: none;

    outline: none;

    position: absolute;

    top: 30%;

    opacity: 0;

    cursor: pointer;

    z-index: 9;

    height: auto;

}

.common-slider .slick-prev{

    left: -1px;

}

.common-slider .slick-prev:before,

.common-slider .slick-next:before{

    content: '';

}

.common-slider .slick-next{

    right: 0px;

}

.common-slider .slick-arrow:hover{

    background: #f1f1f1;

}



.common-slider .slick-dots li{

    margin: 0;

}

.common-slider .slick-dots li button:before{

    font-size: 28px;

    color: #E1E1E1;

    opacity: 1;

}

.common-slider .slick-dots li.slick-active button:before{

    color: #00ADEF;

}



/* Related Items */

.sec-related-items{

    max-width: 1504px;

    margin: 50px auto;

}

.sec-related-items h2{

    font-weight: bold;

    font-size: 20px;

    line-height: 28px;

    text-transform: uppercase;

    color: #15253B;

    margin-bottom: 0

}

.sec-related-items .slider-header{

    border-bottom: 1px solid #E1E1E1;

    padding: 25px 0;

    margin-bottom: 30px;

}

.sec-related-items .related-item a{

    display: flex;

    align-items: center;

    margin-bottom: 30px;

    max-width: 850px;

}

.sec-related-items .related-item img{

    max-width: 192px;

    min-width: 192px;

    width: 100%;

    max-height: 130px;

    object-fit: cover;

    height: 100%;

}

.sec-related-items .related-item .text-wrap{

    margin-left: 30px;

}

.sec-related-items h3{

    font-weight: bold;

    font-size: 16px;

    line-height: 24px;

    color: #15253B;

    margin-bottom: 15px;

}

.sec-related-items h4{

    font-weight: 300;

    font-size: 14px;

    line-height: 24px;

    text-transform: uppercase;

    color: #15253B;

    margin-bottom: 15px;

}

.sec-related-items h4.cases{

    font-style: italic;

}

/* Staff Index revamp */
.sec-staff-listing .category-control{
    max-width: 100%;
}
.sec-staff-listing .category-control li a.is-active span {
    padding-left: 28px;
}
.sec-staff-listing .category-control li a span {
    padding-left: 38px;
}
.sec-staff-listing .category-control li ul.sub-list{
    padding-left: 38px;
}
.sec-staff-listing .category-control li ul.sub-list li:before{
    color: #F4B73D;
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.sec-staff-listing .category-control li ul.sub-list li a span{
    padding-left: 5px;
}
.sec-staff-listing .category-control ul.sub-list li a.is-active{
    border:none;
}
.category-header-wrap{
    display:flex;
    align-items:center;
    gap:30px;
}
.category-header-wrap-sticky h2,
.category-header-wrap h2,
.category-header-wrap h3{
    flex: none;
    margin-bottom: 10px;
}
.category-header-wrap h3{
    font-weight: 500;
    font-size: 32px;
    line-height: 64px;
    color: #15253B;
    text-transform: uppercase;
}
.category-header-wrap hr{
    border: 2px solid #F4B73D;
    width: 100%;
    margin-bottom: 30px;
}
.category-header-wrap-sticky{
    width: 100%;
    background:#FFF;
}
.category-header-wrap-sticky.is-stuck {
    padding-left: 10px;
}
.category-header-wrap-sticky.is-anchored {
    top: -10px !important;
    left: 10px;
}
.category-wrap .sticky-container,
#legal-category-wrap .sticky-container{
    width: 100%;
}


@media (min-width: 1921px){

    .sec-staff-listing{

        max-width: 1504px;

        margin: 0 auto;

    }

}



@media (max-width: 1500px){

    .sec-staff-listing .staff-item .pos-wrap{

        padding-left: 20px;

        padding-right: 20px;

    }

    .sec-staff-listing .staff-item .control-wrap.exec{

        padding-left: 20px;

        padding-right: 20px;

    }

    .sec-staff-listing .staff-item .control-wrap{

        padding-left: 20px;

        padding-right: 20px;

    }

    .sec-staff-listing .category-control-wrap .cell-wrap{

        width: 90%;

    }

    .sec-staff-listing .category-control-wrap .department-wrap{

        width: 5%;

    }

}

@media (max-width: 1439px){

    .common-slider h3, .common-slider h3 a{

        font-size: 26px;

    }

    .sec-staff-listing .staff-item.large-4{

        width: calc(50% - 1.875rem);

    }

    .sec-staff-listing .category-control li a.is-active span{

        padding-left: 28px;

    }

    .sec-staff-listing .category-control li a span{

        padding-left: 38px;

    }

}

@media (max-width: 1279px){

    .sec-staff-redesign,

    .sec-staff-redesign.single{

        padding-top: 30px;

    }

    .sec-staff-redesign .breadcrumbs-wrap{

        margin-bottom: 65px;

    }
/* 
    .contact-wrap.breadcrumbs-contact{

        padding: 10px 0 0 0;

    } */

}

@media (max-width: 1199px){

    .sec-staff-redesign h1{

        font-size: 70px;

        line-height: 78px;

    }

    .sec-staff-redesign.single h1{

        font-size: 48px;

        line-height: 56px;

    }

    .sec-staff-listing h2{

        font-size: 48px;

        line-height: 56px;

    }

}

@media (max-width: 1023px){

    .sec-staff-redesign{

        padding-top: 0;

    }

    .sec-staff-redesign .breadcrumbs-wrap{

        margin-top: 0;

        margin-bottom: 30px;

    }

    .content-wrap{

        padding-top: 70px;

    }
    .content-wrap.v2 {
        margin-top: 30px;
    }

    .common-slider img{

        max-width: 100%;

    }

    .common-slider.slick-initialized {

        /* padding: 0 10px 0 11px; */

        overflow: hidden;

    }

    .common-slider .slick-dots{

        bottom: 0;

    }

    .sec-slider {

        padding-bottom: 30px;

    }

    .common-slider .slick-arrow{

        opacity: 1;

    }

    /* .common-slider .slick-prev{

        left: -20px;

    } */

    .common-slider .slick-prev {

        left: -1px;

    }

    .common-slider .slick-next {

        right: 1px;

    }

    .sec-slider h2{

        margin-bottom: 0;

    }

    .slider-header{

        padding-left: 25px;

        padding-right: 25px;

        margin-bottom: 40px;

    }



    .sec-staff-redesign{

        padding-left: 35px;

        padding-right: 35px;

        padding-bottom: 20px;

    }

    .sec-staff-listing .category-control-wrap{

        margin-left: 0;

    }

    .sec-staff-listing {

        padding-left: 20px;

        padding-right: 20px;

        padding-bottom: 0;

    }

    .sec-staff-listing .staff-item .control-wrap,

    .sec-staff-listing .staff-item .image-wrap{

        margin: 0;

        max-width: 410px;

    }

    .sec-staff-listing .staff-item .image-wrap img{

        width: 100%;

    }

    .sec-staff-listing .category-control-wrap{

        padding-bottom: 30px;

        margin-left: -20px;

        margin-right: -20px;

    }

    .sec-staff-listing .category-control-wrap.stuck-bot{

        position: static;

        max-width: 100%;

        width: 100%;

    }

    .sec-staff-listing .category-control{

        max-width: 100%;

    }



    .sec-staff-redesign.single .text-wrap{

        padding-right: 20px;

    }

    .sec-staff-redesign.single .left-panel{

        align-self: flex-start;

    }

    .sec-staff-redesign.single .right-panel{

        margin-bottom: 30px;

    }

    .sec-staff-listing .category-control-wrap .cell-wrap{

        width: 95%;
        top: 0!important;

    }

    .sec-staff-redesign.single .contact-wrap {

        padding: 30px 20px 30px 0px;

        max-width: 360px;

    }

    

    .sec-latest-cases-posts{

        margin-left: 0px;

        margin-right: 0;

        padding-top: 55px;

        padding-bottom: 60px;

        margin-bottom: 0;



    }

    .sec-staff-content{

        /* padding-left: 20px;

        padding-right: 20px; */

        margin-bottom: 50px;

    }

    .sec-staff-redesign.single{

        padding-top: 70px;

    }

}

@media (max-width: 767px){

    

    .common-slider .slider-item{

        margin-right: 20px;

    }

    .common-slider .slick-list {

        margin-right: 0;

    }

    

    .sec-staff-redesign h1 {

        font-size: 60px;

        line-height: 68px;

    }

    

}



@media (max-width: 639px){

    .sec-staff-redesign h1 {

        font-size: 48px;

        line-height: 56px;

    }

    .sec-staff-redesign.single h1{

        font-size: 36px;

        line-height: 44px;

    }

    .sec-staff-listing .staff-item.large-4{

        width: calc(100% - 1.875rem);

    }

    .sec-staff-listing .staff-item .control-wrap, 

    .sec-staff-listing .staff-item .image-wrap{

        margin: 0 auto;

    }

    .sec-staff-listing h2{

        text-align: center;

        font-size: 36px;

        line-height: 44px;

    }

    .sec-staff-redesign.single .text-wrap{

        padding-right: 0

    }

    .sec-staff-redesign.single .contact-wrap{

        max-width: 100%;

        padding-right: 0

    }

    .sec-staff-content{

        margin-bottom: 50px;

    }

    .sec-latest-cases-posts{

        padding-top: 45px;

        padding-bottom: 50px;

    }

    /* .sec-slider h2 {

        font-size: 48px;

        line-height: 56px;

    } */

    /* .slider-header {

        padding-left: 15px;

        padding-right: 15px;

    } */



    /* Related Items */

    .sec-related-items .related-item{

        flex-direction: column;

        align-items: flex-start;

    }

    .sec-related-items .related-item{

        margin-bottom: 30px;

        width: 100%;

    }

    .sec-related-items .related-item > a{

        display: block;

        width: 100%;

        margin-bottom: 30px;

    }

    .sec-related-items .related-item img{

        max-width: 100%;

        max-height: 320px;

        margin-bottom: 20px;

    }

    .sec-related-items .related-item .text-wrap{

        margin-left: 0;

    }

}

@media (max-width: 413px){

    .sec-staff-redesign {

        padding-left: 15px;

        padding-right: 15px;

    }    

    .common-slider.slick-initialized {

        padding: 0 10px;

    }

    .common-slider .slider-item {

        margin-right: 5px;

        margin-left: 5px;

    }

    .common-slider .slick-arrow {

        display: none !important;

    }

    .sec-staff-redesign h3{

        font-size: 16px;

    }

    .sec-staff-redesign h1 {

        font-size: 36px;

        line-height: 44px;

    }

    .sec-staff-listing h2 {

        text-align: center;

        font-size: 32px;

        line-height: 40px;

    }

    

    .sec-staff-redesign.single,

    .sec-staff-content,

    .sec-latest-cases-posts{

        padding-left: 15px;

        padding-right: 15px;

    }

    .sec-staff-redesign.single .text-wrap h3,

    .sec-staff-redesign.single .text-wrap h3 label,

    .sec-staff-content .content-staff-wrap p{

        font-size: 16px;

    }

    /* .sec-slider h2 {

        font-size: 36px;

        line-height: 44px;

    } */

    .slider-header {

        padding-left: 15px;

        padding-right: 15px;

    }

}

#content-wrap .image-wrap a {
	padding:0 !important
}