#career-article { background: #004D69; color: white; }
    #career-article > .l { width: 360px; padding-top: 40px; margin-right: 60px; }

#careers { width: 900px; margin: 70px auto 100px; }
    #careers > .career { font-size: 19px; margin-bottom: 40px; }
        #careers > .career > .h { color: #FF4E00; font-weight: bold; font-size: 26px; margin-bottom: 8px; }
        #careers > .career > .summary > a { text-decoration: none; }
#carousel { background: #50B0DE; }

#open-positions { background: #F4F4F4; padding: 70px 40px; }
    #open-positions > x-c { max-width: 1060px; margin: 0 auto; }
        #open-positions > x-c > h2 { text-align: center; margin: 0 0 8px; color: #004D69; font-size: 32px; }
        #open-positions > x-c > .subtitle { text-align: center; color: #666; font-size: 17px; margin: 0 0 40px; }
        #open-positions > x-c > .widget-w { background: white; border-radius: 8px; padding: 30px 40px; box-shadow: 0 2px 12px rgba(0,0,0,.08); }
    #carousel .img-w { padding: 19px 9px; }
        #carousel .img-w > .img { width: 285px; height: 190px; background-position: center; background-size: cover; }

#text-video { background: #004D69; padding: 80px 40px; }
    #text-video > x-c { max-width: 1260px; margin: 0 auto; }
        #text-video > x-c > .t { display: flex; color: white; margin-bottom: 60px; }
            #text-video > x-c > .t > .side { flex: 1; }
                #text-video > x-c > .t > .side > h1, #text-video > x-c > .t > .side > h2, #text-video > x-c > .t > .side > h3 { margin-top: 0; }
                #text-video > x-c > .t > .side > .btn-w { margin-top: 30px; }
                    #text-video > x-c > .t > .side > .btn-w > .btn-g { border: solid 1px; }
                #text-video > x-c > .t > .side img { max-width: 100%; }
            #text-video > x-c > .t > .l { margin-right: 70px; }

.slider-popup > .c { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,.8); display: flex; align-items: center; z-index: 110; }
    .slider-popup > .c > .icon-left-open, .carousel > .c > .icon-right-open { position: static; }
    .slider-popup > .c > .slick-list { flex: 1; height: 100%; }
        .slider-popup > .c > .slick-list > .slick-track { height: 100%; }
    .slider-popup > .c .img-w > .img { background-size: contain; background-position: center; background-repeat: no-repeat; height: 100%; }

#testimonials { background: url(/res/img/home/testimonials-bg.jpg) center/cover; position: relative; padding: 80px 0; }
    #testimonials:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #f14305; opacity: .65; }
    #testimonials > .items { width: 1230px; margin: 70px auto 0; max-width: 100%; position: relative; }
        #testimonials > .items .i { width: 260px; padding: 0 50px 40px; background: white; margin: 30px 25px; text-align: center; }
            #testimonials > .items .i > .quote { width: 60px; height: 60px; color: #f14305; background: #fff; line-height: 70px; box-shadow: 0 0 7px -2px rgb(0 0 0 / 20%); border-radius: 50%; margin-left: auto; margin-right: auto; display: block; top: -30px; position: relative; font-size: 25px; }
            #testimonials > .items .i > p { font-weight: 600; line-height: 1.8em; margin-top: -15px; }
            #testimonials > .items .i > .name { text-transform: uppercase; font-weight: bold; }
            #testimonials > .items .i > .caption { font-size: 13px; color: #8f8f8f; text-transform: capitalize; margin-top: 10px; }

@media(max-width:1023px) {

    #text-video { padding: 40px 20px; }
        #text-video > x-c > .t { display: block; }
            #text-video > x-c > .t > .l { margin-right: 0; }
            #text-video > x-c > .t > .r { margin-top: 20px; }

    #open-positions { padding: 50px 20px; }
        #open-positions > x-c > h2 { font-size: 28px; }
        #open-positions > x-c > .widget-w { padding: 20px 24px; }

    #career-article { display: block; }
        #career-article > .l { margin: 0 auto 40px; width: auto; max-width: 360px; }

    #careers { width: auto; margin: 50px 80px 70px; }
        #careers > .career { font-size: 17px; }
            #careers > .career > .h { font-size: 22px; }
    #testimonials { margin-top: 50px; padding: 50px 20px; }
        #testimonials > .items { width: auto; margin: 50px 0 0; }
            #testimonials > .items .i { margin: 30px 15px; padding: 0 50px 30px; }
                #testimonials > .items .i > p { font-size: 14px; }
}

@media(max-width:767px) {
    #careers { margin: 40px 20px 50px; }
        #careers > .career { font-size: 16px; }
            #careers > .career > .h { font-size: 20px; }

    #open-positions { padding: 40px 15px; }
        #open-positions > x-c > h2 { font-size: 24px; }
        #open-positions > x-c > .subtitle { font-size: 15px; margin-bottom: 30px; }
        #open-positions > x-c > .widget-w { padding: 16px; border-radius: 6px; }

    #testimonials { margin-top: 0; background-attachment: initial; }
        #testimonials > .items .i { margin: 30px 0; }
}