.shadowBoxDk{
    box-shadow: 0 0 20px 0 #00000021;
}
.h_100{
    height: 100%;
}
.grad_3{
    background: linear-gradient(to right, #006fb7 0%, #59b9c5 100%);
}
.grad_4{
    background: linear-gradient(to right, #59b9c5 0%, #006fb7 100%);
}
.grad_4{
    background: linear-gradient(to bottom, #59b9c5 0%, #006fb7 100%);
}
.bg_eef1f9{
    background-color: #eef1f9;
}
.bg_008abd{
    background-color: #008abd;
}

/* --------------------------------------------------------------------------------
   Responsive type scale for the capital chapters

   common.css already steps .fz_16 / .fz_24 / .fz_36 down at 1600 / 1440 / 1199 /
   767 - those are left alone here. The display sizes the capital chapters lean on
   are not in that set, so they hold their desktop value all the way to a phone.
   These fill the gaps on the same breakpoints.

   main.innerPage only ever matches on a capital page, since this file is loaded
   nowhere else; the extra element both keeps the rule above reset.css's bare
   utility and keeps the header and footer out of it.
-------------------------------------------------------------------------------- */
@media (max-width: 1440px){
    main.innerPage{
        .fz_60{ font-size: 46px !important; }
        .fz_50{ font-size: 40px !important; }
        .fz_44{ font-size: 34px !important; }
        .fz_30{ font-size: 26px !important; }
        .fz_28{ font-size: 24px !important; }
        .fz_22{ font-size: 20px !important; }
    }
}

@media (max-width: 1366px){
    h2, .h2 {
        font-size: 30px !important;
    }
    main.innerPage {
        .fz_50 {
            font-size: 30px !important;
        }
        .fz_28 {
            font-size: 20px !important;
        }
        .fz_22 {
            font-size: 16px !important;
        }
        .fz_24 {
            font-size: 18px !important;
        }
    }
    .manufacWrap2 {
        .manufacBxWrap {
            .manufacBxInn {
                .manufacBxIcn {
                    width: 60px;
                    height: 60px;
                    padding: 0px;
                }
            }
        }
    }
}

@media (max-width: 1199px){
    main.innerPage{
        .fz_60{ font-size: 40px !important; }
        .fz_50{ font-size: 36px !important; }
        .fz_44{ font-size: 30px !important; }
        .fz_30{ font-size: 24px !important; }
        .fz_28{ font-size: 22px !important; }
        .fz_22{ font-size: 18px !important; }
    }
}

/* .sticky pins a column against the one beside it. Once the columns stack there
   is nothing to track, so it just parks the card over the content below it */
@media (max-width: 991px){
    main.innerPage .sticky{
        position: static !important;
    }
}

@media (max-width: 767px){
    main.innerPage{
        .fz_60{ font-size: 32px !important; }
        .fz_50{ font-size: 30px !important; }
        .fz_44{ font-size: 26px !important; }
        .fz_30{ font-size: 20px !important; }
        .fz_28{ font-size: 19px !important; }
        .fz_22{ font-size: 16px !important; }
    }
}