/* Updated 10/6 - careers page */

#footer .ourcommitment {
    max-width: 100%;
}

#s4-workspace {
    /* overflow: hidden; */
    height: unset !important;
}


/* MAIN MENU ANGLE */

#main_nav > ul > li > a {
    -webkit-transform: skew(-32deg); 
    -moz-transform: skew(-32deg); 
     -ms-transform: skew(-32deg); 
      -o-transform: skew(-32deg); 
         transform: skew(-32deg); 
}

#main_nav > ul > li > a > span {
    display: inline-block;
    -webkit-transform: skew(32deg); 
    -moz-transform: skew(32deg); 
     -ms-transform: skew(32deg); 
      -o-transform: skew(32deg); 
         transform: skew(32deg); 
}

#main_nav > ul > li.activeNew {
    background-color: unset;
}

/*#main_nav > ul > .activeNew > a {
    color: #0163aa;
}
*/

/* GENERAL */

body {
    background-color: #ffffff !important;
}

.alg21 {
    overflow-x: hidden;
}

.alg21.sticky-menu-active {
    margin-top: 97px;
}

.alg21 h2 {
    font-family: 'Benton Sans Lt';
    font-size: 61px;
    line-height: 1.15;
    color: #002B54;
}

.alg21 h2 span::after {
    display: none;
}

.alg21 h3 {
    font-size: 37px;
    line-height: 1.135;
    font-weight: 700;
    color: #002B54;
    margin: 80px 0 30px;
}

.alg21 p {
    font-family: 'Benton Sans Reg';
    font-size: 28px;
    line-height: 1.25;
    font-weight: 400;
    color: #002B54;
}

.alg21 strong {
    font-family: 'Benton Sans Bd';
}

.alg21 a {
    color: #136CAF;
}

.alg21 .large-link {
    font-family: 'Benton Sans Bd';
    font-size: 25px;
    line-height: 1.5;
    font-weight: 700;
    cursor: pointer;
}

.alg21 button.large-link {
    border: 0;
    padding: 0;
    margin: 0;
    color: #136CAF;
}

.alg21 button.large-link:hover {
    text-decoration: underline;
    background: unset;
}

.alg21 hr {
    border-color: #4FA3DF;
}

.alg21 .row {
    margin-right: -15px;
    margin-left: -15px;
}


/* SKEWED BUTTONS */

.skewed-link-wrapper {
    display: inline-block;
    background-color: #136CAF;
    -webkit-transform: skew(-32deg); 
    -moz-transform: skew(-32deg); 
     -ms-transform: skew(-32deg); 
      -o-transform: skew(-32deg); 
         transform: skew(-32deg); 
}

.skewed-link-wrapper a {
    font-family: 'Benton Sans Bd';
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    -webkit-transform: skew(32deg); 
    -moz-transform: skew(32deg); 
     -ms-transform: skew(32deg); 
      -o-transform: skew(32deg); 
         transform: skew(32deg); 
    background-color: transparent;
    padding: 13px 26px 13px 26px;
    display: inline-block;
    transition: font-size 0.3s ease-in-out;
}

.alg21 .skewed-link-wrapper a {
    color: #fff;
}

.alg21-force-show {
    display: block !important;
}

.alg21-force-hide {
    display: none !important;
}

.mobile-only-480 {
    display: none;
}

.hero-logo-wrapper {
    display: inline-block;
}

.hero-logo-wrapper h1 {
    margin: 0;
}

.hero-logo-wrapper img {
    max-width: 100%;
}

.hero-graphic-wrapper {
    float: right;
    position: relative;
    font-size: 10px;
    height: 46em;
    margin-top: 5em;
}

.hero-subtext {
    margin-top: 70px;
    margin-bottom: 70px;
}

.hero-subtext p {
    font-family: 'Benton Sans Lt';
    font-weight: 300;
    font-size: 59px;
    line-height: 1.15;
}

.skewed-menu-item {
    display: inline-block;
    background-color: #717073;
    transform: skew(-32deg);
    margin-right: 6px;
    transition: all 0.3s ease-in-out;
}

.skewed-menu-item a,
.skewed-menu-item button {
    font-family: 'Benton Sans Reg';
    display: inline-block;
    -webkit-transform: skew(32deg); 
    -moz-transform: skew(32deg); 
     -ms-transform: skew(32deg); 
      -o-transform: skew(32deg); 
         transform: skew(32deg); 
    font-size: 26px;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 13px 26px;
    cursor: pointer;
    color: #fff;
    border: none;
    background: none;
    margin-left: 0;
}

.skewed-menu-item a:hover {
    text-decoration: none;
}

.skewed-menu-item button:hover {
    background: none;
    text-decoration: underline;
}

.skewed-menu-item.active-skew {
    background-color: #136CAF;
}

.stick-it {
    position: fixed;
    top: 0;
    margin: 0;
    z-index: 200;
    box-shadow: 2px 0 5px #136CAF;
}

.alg21-quad-graphic {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: inherit;
}

.wr-tribute-left .alg21-quad-graphic,
.cl-charitable-left .alg21-quad-graphic {
    width: 41em;
    height: 41em;
}

.wr-tribute-left .alg21-quad-graphic a,
.cl-charitable-left .alg21-quad-graphic a {
    z-index: 2;
}

.alg21-quad-graphic img {
    width: 100%;
    height: auto;
    max-width: 22.5em;
    z-index: 2;
}

.alg21-quad-graphic .bg-border {
    width: 25em;
    height: 25em;
    border: 2px solid #000;
    background-color: #fff;
    position: absolute;
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
         transform: rotate(45deg);
}

.alg21-quad-graphic .grad-ext {
    width: 28em;
    height: 28em;
    position: absolute;
    -webkit-transform: rotate(-45deg); 
    -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
         transform: rotate(-45deg);
    z-index: -1;
}

.purple-quad .bg-border {
    border-color: rgba(113,47,126,1);
}

.purple-quad p {
    color: rgba(113,47,126,1);
}

.purple-quad .grad-ext {
    background: rgb(249,249,249);
    background: -moz-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(113,47,126,0.3) 50.1%, rgba(113,47,126,1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(113,47,126,0.3) 50.1%, rgba(113,47,126,1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(113,47,126,0.3) 50.1%, rgba(113,47,126,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#712f7e",GradientType=1);
    transform: all 0.3s ease-in-out;
}

.purple-quad a:hover + div + .grad-ext {
    background-color: rgba(113,47,126,1);
}

.blue-quad .bg-border {
    border-color: rgba(19, 108, 175,1);
}

.blue-quad p {
    color: rgba(19, 108, 175,1);
}

.blue-quad .grad-ext {
    background: rgb(249,249,249);
    background: -moz-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(19, 108, 175,0.3) 50.1%, rgba(19, 108, 175,1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(19, 108, 175,0.3) 50.1%, rgba(19, 108, 175,1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(19, 108, 175,0.3) 50.1%, rgba(19, 108, 175,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#136CAF",GradientType=1);
}

.blue-quad a:hover + div + .grad-ext {
    background-color: rgba(19, 108, 175,1);
}

.red-quad .bg-border {
    border-color: rgba(163, 47, 47,1);
}

.red-quad p {
    color: rgba(163, 47, 47,1);
}

.red-quad .grad-ext {
    background: rgb(249,249,249);
    background: -moz-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(163, 47, 47,0.3) 50.1%, rgba(163, 47, 47,1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(1163, 47, 47,0.3) 50.1%, rgba(163, 47, 47,1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(163, 47, 47,0.3) 50.1%, rgba(163, 47, 47,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#A32F2F",GradientType=1);
}

.red-quad a:hover + div + .grad-ext {
    background-color: rgba(163, 47, 47,1);
}

.green-quad .bg-border {
    border-color: rgba(65, 131, 79, 1);
}

.green-quad p {
    color: rgba(65, 131, 79, 1);
}

.green-quad .grad-ext {
    background: rgb(249,249,249);
    background: -moz-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(65, 131, 79, 0.3) 50.1%, rgba(65, 131, 79, 1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(65, 131, 79, 0.3) 50.1%, rgba(65, 131, 79, 1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(65, 131, 79, 0.3) 50.1%, rgba(65, 131, 79, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#41834f",GradientType=1);
}

.green-quad a:hover + div + .grad-ext {
    background-color: rgba(65, 131, 79, 1);
}

.orange-quad .bg-border {
    border-color: rgba(198, 76, 49, 1);
}

.orange-quad p {
    color: rgba(198, 76, 49, 1);
}

.orange-quad .grad-ext {
    background: rgb(249,249,249);
    background: -moz-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(198, 76, 49, 0.3) 50.1%, rgba(198, 76, 49, 1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(198, 76, 49, 0.3) 50.1%, rgba(198, 76, 49, 1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(198, 76, 49, 0.3) 50.1%, rgba(198, 76, 49, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#c64c31",GradientType=1);
}

.orange-quad a:hover + div + .grad-ext {
    background-color: rgba(198, 76, 49, 1);
}

.grad-ext-down .grad-ext {
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
         transform: rotate(45deg);
}

.grad-ext-left .grad-ext {
    -webkit-transform: rotate(135deg); 
    -moz-transform: rotate(135deg);
     -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);
         transform: rotate(135deg);
}

.no-sticky-arrows::before {
    display: none;
}

.image-with-icon-wrapper .image-wrapper::before,
.image-with-icon-wrapper .image-wrapper::after {
    content: '';
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    transform-origin: 100% center;
    border-top: 20.3em solid transparent;
    border-bottom: 20.3em solid transparent;
    border-left: 20.3em solid rgba(255,255,255,0.5);
}

.image-with-icon-wrapper .image-wrapper::before {
    bottom: -21.6em;
    left: -21.6em;
    transform: rotate(135deg);
}

.image-with-icon-wrapper .image-wrapper::after {
    top: -21.6em;
    right: 0;
    transform: rotate(-45deg);
}

.col-lg-push-6.img-col {
    padding: 0 0 0 10em;
}

.col-lg-push-6 .image-with-icon-wrapper .image-wrapper::before {
    bottom: unset;
    top: -21.6em;
    left: -21.6em;
    transform: rotate(225deg);
}

.col-lg-push-6 .image-with-icon-wrapper .image-wrapper::after {
    top: unset;
    bottom: -21.6em;
    right: 0;
    transform: rotate(45deg);
}

.image-with-icon-wrapper .image-icon {
    position: absolute;
    top: -12em;
    left: calc(50% - 12em);
    font-size: 10px;
}

.image-with-icon-wrapper .image-icon .alg21-quad-graphic {
    width: 24em;
    height: 24em;
}

.image-with-icon-wrapper .image-icon img {
    width: 12em;
    height: auto;
}

.image-with-icon-wrapper .image-icon .bg-border {
    width: 16.8em;
    height: 16.8em;
}

.icon-image-text-2-col .col-lg-pull-6.text-col,
.students-recruiter-container .col-lg-pull-6.text-col {
    padding-left: 20px;
    padding-right: 0;
}

.icon-image-text-2-col .text-col h3 {
    font-family: 'Benton Sans Bd';
    margin: 0 0 37px;
}

.icon-image-text-2-col .text-col p {
    font-family: 'Benton Sans Bk';
    margin-bottom: 12px;
}

.icon-image-text-2-col .text-col ul {
    list-style-type: none;
    padding-left: 0;
}

.icon-image-text-2-col .text-col li {
    font-family: 'Benton Sans Bk';
    font-size: 28px;
    line-height: 1.25;
    font-weight: 400;
    color: #002B54;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-left: 10px;
}

.icon-image-text-2-col .text-col li::before {
    content: '•';
    display: inline-block;
    color: #4fa3df;
    margin-right: 8px;
    margin-left: -20px;
}

/* Profile in Success Video */
.profiles-vid-container {
    position: relative;
    background: #333;
    height: 276px;
    overflow: hidden;
    margin-top: 75px;
}

#profiles-video {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
    margin-top: -16%;
}

.profiles-vid-overlay {
    position: absolute;
    z-index: 10;
    width: 100%;
    top: 126px;
}

.profiles-vid-overlay span {
    font-family: 'Benton Sans Reg';
    font-size: 67px;
    color: #fff;
    margin-left: 51px;
    letter-spacing: -0.6px;
}

.profiles-vid-overlay img {
    position: relative;
    float: right;
    width: 50px;
    margin: -31px 101px 0 0;
}

/* ADA SPECIFIC */

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
    /* The following 3 lines are to avoid auto-scan contrast errors */
    color: #fff;
    background: #000;
    background-color: #000;
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}


/* RESPONSIVE */

@media only screen and (min-width: 1250px) {

    .alg21 .container {
        width: 1240px;
    }
}

@media only screen and (max-width: 1199px) {

    .alg21 h2 {
        font-size: 52px;
    }

    .alg21 h3 {
        font-size: 33px;
    }

    .alg21 p {
        font-size: 24px;
    }

    .alg21 .large-link {
        font-size: 22px;
    }

    .skewed-menu-item a,
    .skewed-menu-item button {
        font-size: 22px;
    }

}


@media only screen and (max-width: 1023px) {

    .candle-bio .modal-dialog {
        width: 100% !important;
    }

    .wr-cl-container .skewed-link-wrapper {
        margin-left: 0;
    }
}


@media only screen and (max-width: 991px) {

    .alg21 h2 {
        font-size: 42px;
    }

    .alg21 h3 {
        font-size: 27px;
    }

    .alg21 p {
        font-size: 20px;
    }

    .alg21 .large-link {
        font-size: 18px;
    }

    .skewed-menu-item a,
    .skewed-menu-item button {
        font-size: 18px;
    }

    .hero-graphic-wrapper {
        font-size: 6px;
    }
}

@media only screen and (max-width: 575px) {

    .alg21 h2 {
        font-size: 34px;
    }

    .alg21 h3 {
        font-size: 22px;
    }

    .alg21 p {
        font-size: 18px;
    }
}

/*New Changes by Divyanshu*/

.cl-profile-graphic-wrapper {
    float: right;
    position: relative;
    font-size: 6px;
    height: 100%;
}

.clp-element {
    opacity: 0;
    width: 0;
    transition: all 0s ease-out;
}

.clp-qna-text {
    position: absolute;
    bottom: 3em;
    right: 160em;
    z-index: 20;
    width: 27em;
    opacity: 1;
}

/*.alg21 .container.ext-container {
    width: 100%;
}*/

.ext-container .img-col {
    font-size: 10px;
    padding: 0 8.5em 0 0;
}

.image-with-icon-wrapper {
    position: relative;
}

    .image-with-icon-wrapper .image-wrapper {
        position: relative;
        overflow: hidden;
    }

        .image-with-icon-wrapper .image-wrapper img {
            position: relative;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.profile-quote-name-title h3 {
    font-family: 'Benton Sans Lt';
    font-size: 37px;
    line-height: 1.2;
    font-weight: 300;
    color: #203863;
    margin: 80px 0 30px 60px;
}

@media only screen and (min-width: 1200px) {
    .ext-container .text-col .text-content {
        width: 580px;
    }

    .icon-image-text-2-col .text-col {
        padding-left: 0;
        padding-right: 20px;
    }
}

@media only screen and (min-width: 1250px) {
    .alg21 .container {
        width: 1240px;
    }

    .col-lg-pull-6 .text-content {
        margin-right: 0;
        margin-left: auto;
    }

    .ext-container .text-col .text-content {
        width: 620px;
    }
}

@media only screen and (min-width: 1734px) {
    .alg21 .ext-container {
        max-width: 1724px;
    }

    .ext-container .text-col .text-content {
        width: 610px;
    }
}

@media only screen and (max-width: 1733px) {
    .ext-container .img-col {
        font-size: 7px;
    }

    .image-with-icon-wrapper .image-icon {
        font-size: 8.3px;
    }
}

@media only screen and (max-width: 1199px) {
    .alg21 .container.ext-container {
        width: 970px;
    }

    .ext-container .img-col {
        padding: 0 0 0 0;
    }

    .icon-image-text-2-col .col-lg-pull-6.text-col {
        padding-left: 20px;
        padding-right: 20px;
    }

    #profiles-video {
        margin-top: -13.5%;
    }
}

@media only screen and (max-width: 991px) {
    .alg21 .container.ext-container {
        width: 750px;
    }

    #profiles-video {
        margin-top: -8.8%;
    }

    .profiles-vid-overlay span {
        font-size: 42px;
    }

    .profiles-vid-overlay img {
        width: 30px;
        margin: -12px 30px 0 0;
    }

    .image-with-icon-wrapper .image-icon {
        font-size: 6px;
    }
}

@media only screen and (max-width: 767px) {
    .alg21 .container.ext-container {
        width: 100%;
    }

    #profiles-video {
        margin-top: -2.9%;
    }

    .image-with-icon-wrapper, .image-with-icon-wrapper .image-icon {
        font-size: 4px;
    }

    .profile-quote-name-title h3 {
        margin-top: 35px;
    }

    .profile-quote-name-title h3 {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .cl-profile-graphic-wrapper {
        font-size: 5px;
    }
}
@media only screen and (max-width: 575px) {
    .profiles-vid-container {
        height: 200px;
    }

    .profiles-vid-overlay {
        top: 89px;
    }

        .profiles-vid-overlay span {
            margin-left: 0;
            font-size: 32px;
        }

    #profiles-video {
        margin-top: -9%;
    }

    .cl-profile-graphic-wrapper {
        font-size: 4px;
    }
}

@media only screen and (max-width: 575px) {
    .profiles-vid-container {
        height: 200px;
    }

    .profiles-vid-overlay {
        top: 89px;
    }

        .profiles-vid-overlay span {
            margin-left: 0;
            font-size: 32px;
        }

    #profiles-video {
        margin-top: -9%;
    }

    .cl-profile-graphic-wrapper {
        font-size: 4px;
    }
}

@media only screen and (max-width: 480px) {
    .cl-profile-graphic-wrapper {
        font-size: 3px;
    }
}

@media only screen and (max-width: 450px) {
    .profiles-vid-container {
        height: 150px;
    }

    .profiles-vid-overlay {
        top: 67px;
    }

        .profiles-vid-overlay span {
            font-size: 24px;
        }

        .profiles-vid-overlay img {
            width: 20px;
            margin-top: -7px;
        }

    #profiles-video {
        margin-top: -5%;
    }
}