.careers-hero-top,
.caro-home-90--top.careers-hero-top{
    position:relative;
    width:100%;
    height:425px;
    background:#003CB9;
    display: flex;
    align-items: center;
}
.careers-hero-top .video-con .pause{
    left:auto;
    right:30px;
    bottom:16px;
    position:absolute;
}
.careers-hero-top div.content {
    display: block;
    position: relative;
    z-index: 2;
    padding: 40px 6%;
    margin:0 auto;
    width:auto;
    text-align:center;
}
.careers-hero-top .content h1{
    color:#fff;
    font-size:25px;
    font-weight:500;
    line-height:45px;
    padding-bottom:30px;
}
.careers-hero-top .content h1 strong{
    font-size:30px;
    font-weight:700;
    display:block;
}
.careers-hero-top .content .btn{
    margin: 5px 0;
    width:100%;
}
.careers-hero-top .video-con{
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index:1;
}
.careers-hero-top .color-overlay{
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    z-index:2;   
}
.careers-hero-top .background-video, .careers-hero-top video.background-video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}

.careers-hero-top .btn--white,
.open-positions-callout .btn--white{
    color:#003CB9;
    border-color:#fff;
}

.careers-hero-top .btn--white:focus,
.open-positions-callout .btn--white:focus,
.careers-hero-top .btn--white:hover,
.open-positions-callout .btn--white:hover{
    color:#fff;
    border-color:#000;
}

.career-stats-section{
    padding:40px 0;
}
.career-stats-section h2{
    font-size:35px;
    line-height:40px;
}
.animated-stats--col{
    text-align:center;
    padding:10px 0;
}
.animated-stats--col img{
    padding:0 0 15px;
    height:60px;
}
.animated-stat{
    font-weight:800;
    font-size:55px;
    color:#003CB9;
    opacity:0;
    transition: .3s all ease-in-out;
}
.run-animation{
    opacity:1;
}

.animated-stat .stat{

}
.desc-line1{
    font-size:20px;
    font-weight:600;
    display:block;
}
.desc-line2{
    font-size:15px;
}


.career-opps{
    padding:60px 0;
    background:#012060;
    background-repeat:repeat-y;
    background-position:right center;
    background-size: auto 630px;
}
.tabbed-content{
    margin:0 6%;
}
.tab{
    background:#fff;
    padding:8px 16px;
    border-radius:12px;
    margin:10px 0;
}
.tab .tab-label{
    font-weight:700;
    color:#003CB9;
    font-size:20px;
    padding:10px 40px 10px 0;
    background: url(../images/careers/tab-arrow-down.png) right center no-repeat;
    cursor:pointer;
}
.tab-active .tab-label{
    background-image:url(../images/careers/tab-arrow-up.png);
}
.tab .tab-content{
    height:0;
    padding:0;
    overflow:hidden;
    transition: .3s all ease-in-out;
}
.tab-active .tab-content{
    height:auto;
    height:calc-size(auto, size);
    padding:20px 0 10px;
}
.tab-content .content .btn{
    display:none;
}
.tab-active .tab-content .content .btn{
    display:inline-block;
}
.tab .tab-content h2{
    font-size:25px;
}
.tab .tab-content img{
    width:100%;
}
.tab .tab-content .content{
    padding:20px 0 5px;
}
.tabbed-content .btn:hover,
.tabbed-content .btn:focus{
    outline: solid 2px #fff;
    outline-offset: -5px;
}



.testimonials{
    padding:40px 0;
    width:100%;
    overflow:hidden;
}
.testimonials .top-content h2{
    font-size:40px;
    line-height:46px;
}
.testimonials .top-content p{
    font-size: 20px;
    font-weight: 600;
}

.testimonial{
    background:#E6E6E6;
    padding:20px 20px 20px;
    border-radius:16px;
    position:relative;
    margin:15px -36px 15px 60px;
    display:inline-block;
    width:320px;
    box-shadow: -1.78px 1.78px 21.41px 0px #0000001A;
}
.testimonial .content{
    background: url(../images/careers/icon_quote-mark.svg) left top no-repeat;
    padding:40px 0 10px;
}
.testimonial .attribution{
    line-height:25px;
}
.testimonial img{
    border-radius:100%;
}
.testimonial .attribution .t-author{
    display:block;
}
.testimonial-controls{
    margin:10px 0;
    height:52px;
    margin-left:-15px;
}
.testimonial-controls .nextbtn,
.testimonial-controls .prevbtn{
    display:inline-block;
    margin: 0 10px;
    height:52px;
    width:52px;
    cursor:pointer;
    border-radius:100%;
}
.testimonial-controls .nextbtn{
    background:#003CB9 url(../images/careers/arrow-white-right.png) center center no-repeat;
}
.testimonial-controls .prevbtn{
    background:#003CB9 url(../images/careers/arrow-white-left.png) center center no-repeat;
}
.testimonial-controls .nextbtn:focus,
.testimonial-controls .prevbtn:focus,
.testimonial-controls .nextbtn:hover,
.testimonial-controls .prevbtn:hover{
    border:2px solid #000;
}
/* zoom issue fix */
.testimonials-slider,
.testimonials-slider .slick-list,
.testimonials-slider .slick-track{
	max-height:420px;
}

.open-positions-callout{
    padding:40px 0 420px;
    position:relative;
    height:680px;
    background: url(../images/careers/calloutbackground_nofamily.jpg) right center no-repeat;
    background-size:cover;
    padding-bottom:420px;
}
.open-positions-callout .content{
    position:relative;
    z-index:2;
    color:#fff;
}
.open-positions-callout .content h2{
    font-weight:600;
    font-size:25px;
    line-height:40px;
    padding:30px 0;
    max-width:900px;
}
.open-positions-callout .content h2 strong{
    font-size:35px;
    font-weight:700;
    display:block;
}
.open-positions-callout .content .btn{
    margin:10px 0;
    width:100%;
    max-width:420px;
}
.color-layer{
    height:100%;
    width:100%;
    background:#003CB9;
    opacity:.8;
    position:absolute;
    top:0;
    left:0;
}
.bg-graphic{
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
    height:420px;
    
    z-index:1;
}
.bg-graphic .desktop-layer,
.bg-graphic .mobile-layer{
    position:absolute;
    height:100%;
    width:100%;
    bottom:0;
    right:0;
}
.bg-graphic .mobile-layer{
    background:url(../images/careers/WeSeeYou_calloutImage-mobile.png) right 40px no-repeat;
    background-size:100% auto ;
}
.bg-graphic .desktop-layer{
    background:url(../images/careers/WeSeeYou_calloutImage-mobile.png) right 40px no-repeat;
    background-size:100% auto ;
    display:none;
}

.faq{
    padding:40px 0;
}

.faq-block{
    border-bottom:1px solid #000;
    margin-bottom:25px;
}
.faq-block:last-of-type{
    border:none;
}
.faq-block .content{
    overflow:hidden;
    height:0;
    transition: .3s all ease-in-out;
}
.faq-block .content a{
    font-weight:400;
    text-decoration:underline;
    color:#0857E3;
    display:none;
}
.faq-block .content a:hover,
.faq-block .content a:focus{
    color:#003DB6;
}
.faq-block.active .content{
    height:auto;
    height:calc-size(auto, size);
}

.faq-block h4{
    font-weight:700;
    color:#003CB9;
    font-size:20px;
    padding:10px 40px 10px 0;
    background: url(../images/careers/expandable_arrow_down.png) right center no-repeat;
    background-size: 12px auto;
    cursor:pointer;
}
.faq-block.active h4{
    background-image:url(../images/careers/expandable_arrow_up.png);
}
.faq-block.active .content a{
    display:inline;
}
.faq-block h4:focus{
    color:#003DB6;
}

@media screen and (max-width:400px){
    .bg-graphic .mobile-layer{
        background-position:right bottom;
    }
}
@media screen and (min-width:600px){
    .bg-graphic,
    .bg-graphic .mobile-layer,
    .bg-graphic .desktop-layer{
        background-size:480px auto ;
    }
}
@media screen and (max-width:900px){
    .desktopOnly{
        display:none;
    }
    .quote-attr-con{
        display:grid;
        grid-template-columns: 12.5% 85%;
        gap:2.5%;
        width:100%;
        align-items:center;
    }
}
@media screen and (min-width:900px){
    .mobileOnly{
        display:none;
    }
    .careers-hero-top div.content{
        padding: 120px 6%;
    }
    .careers-hero-top .content h1{
        font-size:40px;
        line-height:55px;
    }
    .careers-hero-top .content h1 strong{
        font-size:50px;
    }

    .career-stats-section h2{
        font-size:40px;
        line-height: 46px;
    }
    .career-stats-section{
        text-align:center;
    }
    .career-stats-section .top-content{
        max-width:1024px;	
        margin:0 auto;
        padding:20px 0;
    }
    .animated-stats--row{
        display:grid;
        gap:3%;
        grid-template-columns: 30% 30% 30%;
    }
    .animated-stats--col{
        padding:30px 0;
    }

    .career-opps{
        padding-top:60px 0 60px;
    }
    .tabbed-content{
        background:#fff;
        width:1024px;
        max-width:88%;
        position:relative;
        min-height:443px;
        border-radius:0 12px 12px 12px;
        margin:50px auto 0;
    }
    .tab {
        display:inline;
        background:transparent;
        padding:0;
        margin:0;
        border-radius:0;
    }
    .tab-content{
        position:absolute;
        top:40px;
        left:20px;
        width:100%;
    }
    .tab .tab-label{
        height: 50px;
        line-height: 27px;
        padding: 15px;
        margin:0;
        width: 190px;
        display: block;
        position: absolute;
        top: -50px;
        left:0;
        text-align:center;
        border-radius:12px 12px 0 0;
        color:#000000;
        background:#E6E6E6;
        transition:background-color .3s ease-in-out;
    }
    .tab .tab-label:focus,
    .tab .tab-label:hover{
        background: #ffff;
    }
    .tab-active .tab-label{
        background: #fff;
        color:#003CB9;
    }
    .tab-2 .tab-label{
        left:215px;
        width:180px;
    }
    .tab-3 .tab-label{
        left:410px;
    }
    .tab .tab-content,
    .tab-active .tab-content{
        padding:0;
        height:380px;
    }
    .tab .tab-content img{
        width:48%;
    }
    .tab-content .content{
        position:absolute;
        left:50%;
        top:0;
        width:44%;
    }
    .tab .tab-content .content{
        padding:10px 0;
    }

    .tab .tab-content{
        transition: none;
         opacity:0;
         z-index:1;
    }
    .tab-active .tab-content{
        transition: .8s all ease-in-out;
        opacity:1;
        z-index:3;
    }

    .testimonial{
        padding:40px;
        width:840px;
        height:360px;
    }
    .testimonials h2{
        font-size:45px;
    }
    .testimonial-controls{
        margin:10px auto;
    }
    .testimonials .top-content{
        margin:0 auto;
        padding:20px 0;
    }
    .testimonial img{
        position:absolute;
        height:110px;
        width:110px;
        top:55px;
        left:40px;
    }
    .testimonial .attribution{
        position:static;
        width:auto;
    }
    .testimonial .content{
        padding-left:130px;
        background-position:130px 0;
        min-height: 260px;
    }
    .careers-hero-top .content .btn,
    .open-positions-callout .content .btn{
        width:auto;
        margin: 5px 8px;
    }
    .bg-graphic{
        width:100%;
        height:100%;
    }
    .bg-graphic .mobile-layer{
        background:url(../images/careers/WeSeeYou_calloutImage-mobile.png) right bottom no-repeat;
        background-size:50% auto;
    }
    .open-positions-callout{
        padding: 40px 0 80px;
        height: 441px;
    }
    .open-positions-callout .content{
        padding-top:40px;
    }
    .open-positions-callout .content h2{
        font-size:35px;
        line-height:60px;
    }
    .open-positions-callout .content h2 strong{
        font-size:55px;
    }
}

@media screen and (min-width:1200px){
    .bg-graphic .mobile-layer{
        display:none;
    }
    .bg-graphic .desktop-layer{
        background-position:right bottom ;
        background-size:auto 100%;
        display:block;
    }
    .testimonial img{
        height:250px;
        width:250px;
        top:55px;
        left:40px;
    }
    .testimonial .content{
        padding-left:280px;
        background-position:280px 0;
    }
     .tab .tab-content h2{
        font-size:35px;
        line-height: 42px;
    }
}
@media screen and (max-width:900px){
    .career-opps{
        background-image:none !important;
    }
}
@media screen and (min-width:400px) and (max-width:900px){
    .tab .tab-content img{
        width:auto;
        height:200px;
    }
}
@media screen and (max-width:500px){
    .testimonials .top-content h2{
        max-width:305px;
    }
}
@media screen and (max-width:370px){
    .testimonial .attribution{
        width:auto;
        line-height: 22px;
        font-size: 15px;
    }
}