/*@font-face {
	font-family: "Roboto";
	src: url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Thin.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Thin.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Thin.ttf") format("truetype");
	font-weight: 200;
}

@font-face {
	font-family: "Roboto";
	src: url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Light.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Light.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Light.ttf") format("truetype");
	font-weight: 300;
}

@font-face {
	font-family: "Roboto";
	src: url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Regular.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Regular.ttf") format("truetype");
	font-weight: 400;
}

@font-face {
	font-family: "Roboto";
	src: url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Medium.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Medium.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Medium.ttf") format("truetype");
	font-weight: 500;
}

@font-face {
	font-family: "Roboto";
	src: url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Bold.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Bold.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Bold.ttf") format("truetype");
	font-weight: 700;
}*/

html {
    font: 400 Roboto;
}

/*banner *********************************************/

body {
    background-color: #f7efeb;
}

fieldset {
    border: 0;
}

#login {
    -webkit-box-shadow: 16px 16px 15px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 16px 16px 15px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 16px 16px 15px 0px rgba(50, 50, 50, 0.75);
    margin: auto;
    width: 100%;
    height: 250px;
}

/* Absolute Center CSS Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(120,120,120,0.8);
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        }

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.modalXOff {
    color: red;
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 24px;
    cursor: pointer;
}

#colorbox {
    z-index: 5000;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}

#cboxClose {
    background-color: #ffc107;
    color: white;
    border: none;
    font-size: 20px;
}

.cboxlcick {
    cursor: pointer;
}


#cboxOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4500;
    top: 0;
    left: 0;
    background-color: dimgray;
}


.lang_links {
    right: 15px;
    top: 8px;
    position: absolute;
}

    .lang_links a {
        padding-bottom: 40px;
    }

        .lang_links a:active {
            color: red;
        }


#therenowrap {
    display: inline-block;
}


#therenomed {
    position: absolute;
    left: 13.5%;
    top: 25px;
    color: white;
    width: 100%;
    font-weight: 700;
    font-size: 135%;
    vertical-align: middle;
    line-height: 1;
}

u {


}

/*the materal icon / google icons  usea left 15 margin 
    and I want 2px for buttons*/
i {
    margin-left: 2px !important;
}

/*media queires header*/
@media (min-width: 0) {
   
    #marqui{
        padding-bottom:0;
    }

    .pinLink {
        color: white !important;
        width: 100%;
        font-weight: 800;
        background-color: orange;
        line-height: 3rem;
        margin-bottom: -15px;
        display: block;
    }

    #goTitle ul:last-child {
        padding-bottom: 10px;
    }

    #goNum ul:last-child {
        padding-bottom: 10px;
    }

    .input-field .gobody ~ input {
        width: calc(100% - 7rem);
    }

    .collapsible-go li .collapsible-header {
        height: 4rem;
        line-height: 2rem;
        text-align: left;
    }

    .collapsible-go li .collapsible-body {
        text-align: left;
        width: 96%;
        padding: 5px;
        margin: 2%;
    }

    .tabs .indicator {
        background-color: #26a69a;
        height: 5px;
    }

    .news-item-body .detail-content ul {
        margin-left: 4%;
    }

    .news-item-body .detail-content {
        height: auto;
        margin: unset;
    }

    .starthere-btm-panels {
        padding-bottom: 10px !important;
    }

    .gooletrans {
        right: 15px;
        top: 1px;
        position: absolute;
    }


    .card_file_col_height {
        height: auto;
    }

    .repCollapsible li .repCollapsible-collapsible-body {
        position: static;
    }

    #footer_phnscp {
        display: none;
    }

    .cn_icon {
        width: 40px;
        height: 40px;
        display: inline-block;
        padding: 5px;
    }

    .viewtitle {
        text-align: center;
    }

    /*news from news table*/
    .detail-content {
        /*margin-left:15px;*/
        line-height: 1.5;
        font-size: 1.2rem;
        height: 250px;
        overflow: hidden;
        margin-left: 20px;
    }
    /*station maps*/
    .openCLose {
        margin-left: 10px;
        font-weight: 600;
    }

    #directionsWrp {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .stationMap {
        height: 200px;
        margin-bottom: 10px;
    }

    .directionMap {
        height: 200px;
        margin-bottom: 10px;
    }

    .barbsul {
        padding-left: 20px;
    }

    /*recrutment*/
    .badgeRecruit {
        float: left;
        padding-right: 20px;
    }

    .slider .slides {
        background-color: transparent;
    }

    .viewers {
    }

    .viewerWrppr {
        width: 98%;
        margin: 1%;
        text-align: center;
    }

        .viewerWrppr a {
            display: inline-block;
        }

    /*get rid of the margin 20px between rows inside a card layout of inner cards*/
    #rowInnerCrds .col .card .card-content .row {
        margin-bottom: 0 !important;
    }

    /*chiefs page*/
    .imgRight {
        float: right;
        width: 50%;
        padding: 10px;
        max-width: 350px;
    }

    .imgLeft {
        float: left;
        width: 50%;
        padding: 10px;
        max-width: 350px;
    }

    /*FORMS*/
    .collection-forms {
        width: 97%;
        margin: 1.5%;
        text-align: left;
    }

    .formstitle {
        padding-bottom: 10px;
    }

    .formlink {
        font-size: 1.25rem;
        font-weight: 600;
    }

    [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
        padding-left: 35px;
        height: 25px;
        padding-right: 25px;
    }


    /*wanted carouselA*/
    /* for modal onewanted*/
    .modalwidth90 {
        width: 90%;
    }

    .carouselA {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

        .carouselA .carouselA__content {
            width: auto;
            position: relative;
            overflow: hidden;
            -webkit-backface-visibility: hidden;
            -webkit-transition: translate3d(0, 0, 0);
        }

            .carouselA .carouselA__content .item {
                display: block;
                float: left;
                width: 100%;
                position: relative;
            }

                .carouselA .carouselA__content .item .title {
                    position: absolute;
                    top: 50%;
                    left: 0;
                    margin: -33px 0 0 0;
                    padding: 0;
                    font-size: 3rem;
                    width: 100%;
                    text-align: center;
                    letter-spacing: .3rem;
                    color: #FFF;
                }

                .carouselA .carouselA__content .item .title--sub {
                    margin-top: 20px;
                    font-size: 1.2em;
                    opacity: .5;
                }

        .carouselA.carousel__contentA .item img {
            width: 100%;
            max-width: 100%;
            display: block;
        }

        .carouselA .carouselA__nav {
            position: absolute;
            width: 100%;
            top: 50%;
            margin-top: -17px;
            left: 0;
            z-index: 1;
        }

    .carouselA__nav .nav {
        position: absolute;
        bottom: 58px;
        color: #000;
        padding: 8px 12px;
        font-weight: bold;
        text-decoration: none;
        font-size: .8rem;
        -moz-transition: padding .25s ease;
        -o-transition: padding .25s ease;
        -webkit-transition: padding .25s ease;
        transition: padding .25s ease;
    }

        .carouselA__nav .nav:hover {
            padding: 8px 20px;
        }

    .carouselA__nav .nav--leftA {
        border-radius: 0 3px 3px 0;
        left: 0;
    }

    .carouselA__nav .nav--rightA {
        right: 0;
        border-radius: 3px 0px 0px 3px;
    }


    /*REPROTING*/
    .collapse-button-wrp {
        padding: 10px;
        text-align: center;
    }

    #rowStartReportLgr {
        display: none;
    }

    #filereportbarContent {
        background-color: #791E15;
        height: 44px;
    }

    .carouselR {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

        .carouselR .carousel__contentR {
            width: auto;
            position: relative;
            overflow: hidden;
            -webkit-backface-visibility: hidden;
            -webkit-transition: translate3d(0, 0, 0);
        }

            .carouselR .carousel__contentR .item {
                display: block;
                float: left;
                width: 100%;
                position: relative;
            }

                .carouselR .carousel__contentR .item .title {
                    position: absolute;
                    top: 50%;
                    left: 0;
                    margin: -33px 0 0 0;
                    padding: 0;
                    font-size: 3rem;
                    width: 100%;
                    text-align: center;
                    letter-spacing: .3rem;
                    color: #FFF;
                }

                .carouselR .carousel__contentR .item .title--sub {
                    margin-top: 20px;
                    font-size: 1.2em;
                    opacity: .5;
                }

                .carouselR .carousel__contentR .item img {
                    width: 100%;
                    max-width: 100%;
                    display: block;
                }

        .carouselR .carousel__nav {
            position: absolute;
            width: 100%;
            top: 50%;
            margin-top: -17px;
            left: 0;
            z-index: 1;
        }

            .carouselR .carousel__nav .nav {
                position: absolute;
                top: 0;
                color: #000;
                background: #FFF;
                padding: 8px 12px;
                font-weight: bold;
                text-decoration: none;
                font-size: .8rem;
                -moz-transition: padding .25s ease;
                -o-transition: padding .25s ease;
                -webkit-transition: padding .25s ease;
                transition: padding .25s ease;
            }

                .carouselR .carousel__nav .nav:hover {
                    padding: 8px 20px;
                }

            .carouselR .carousel__nav .nav--left {
                border-radius: 0px 3px 3px 0px;
            }

            .carouselR .carousel__nav .nav--right {
                right: 0;
                border-radius: 3px 0px 0px 3px;
            }



    #casests {
        margin: 10px;
    }

    .item .card .card-action {
        height: 5rem;
    }

    .reportP {
        margin-top: 0 !important;
    }

    .reportList {
        margin-left: 10px;
    }

    .repCollapsible {
        width: 96%;
        margin: 2%;
        font-weight: bold !important;
    }

        .repCollapsible li {
        }

            .repCollapsible li .linkWrp {
                text-align: center;
                font-size: 1.5rem;
            }

    .item .card .card-action .l4, .item .card .card-action .l6 {
        text-align: center;
    }

    .ulspace li {
        margin-bottom: 10px;
    }

    .linkOutsideTarget {
        font-size: 14px;
        padding: 10px;
        text-align: center;
    }


    /****END REPORTING*/

    /*Wanted List Small*/
    .atl_lst_img_wrapper {
        min-height: 300px;
        white-space: nowrap;
        text-align: center;
        margin: 0;
    }

    .imgLsthelperatl {
        display: inline-block;
        height: 300px;
        vertical-align: middle;
    }

    .atl_lst_image {
        max-height: 300px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
        max-width: 95%;
        height: auto;
        vertical-align: middle;
        margin-right: 5px;
    }

    .atlItems {
        font-family: Roboto,'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 1.0rem;
        line-height: 1.5;
        margin: 20px;
        max-height: 50000px;
    }
    /*******************/

    /*Incidents*/
    .tabFilterDays:active {
        color: white !important;
    }

    #row500 {
        margin-left: 0;
        margin-right: 0;
    }

    .noBtmMrg {
        margin-bottom: -20px;
    }

    #mapContoleWrpSm {
        height: 27px;
        text-align: center;
        width: 100%;
    }

    #mapTabsSm {
        width: 66%;
        float: left;
        margin-top: 5px;
    }

    .containerx {
        margin: 0 auto;
        max-width: 2048px;
        width: 93%;
    }

    .listImg {
        width: 35px;
        height: 40px;
        float: left;
    }

    .mapPinImg {
        width: 19px;
        height: auto;
        float: left;
        padding-top: 10px;
        margin-left: 5px;
    }

    .incdLstHeader {
        padding: 0;
        margin-bottom: 5px;
    }

    .incidentCard {
        padding: 0.2rem 0.2rem;
    }

    .incdCardContent {
        padding-top: 10px;
        padding-bottom: 40px;
    }

    .row.incdCardIconWrp {
        padding: 0;
    }

    .incdCardIconWrp {
        padding: 0 !important;
    }

    .incdCardTextWrp {
        line-height: 1.5;
    }

        .incdCardTextWrp p {
            padding-right: 5px;
        }

    .btnShowIncidentBtn {
        padding: 0 3px;
        position: relative;
        right: 8px;
        top: -1px;
    }

    .btnShowIncident {
        font-size: 24px !important;
    }

        .btnShowIncident i {
            margin-left: 0;
        }

    .incdLgDesc {
        position: relative;
        top: 10px;
    }

        .incdLgDesc p {
            line-height: 1.7;
            margin-left: 10px;
            margin-right: 10px;
        }

    #mapTabsSm .tabit a {
        color: #9c9c9c;
        padding-bottom: 26px;
        width: 100%;
        font-size: 15px;
    }


    #mapTabsSmLst .tabitLst a {
        color: #9c9c9c;
        padding-bottom: 26px;
        width: 100%;
        font-size: 15px;
    }


    #mapTabsSm .tabit a.active {
        color: white;
    }

    #mapTabsSmLst .tabitLst a.active {
        color: white;
    }



    #mapControlSm {
        /*background-color: #00334A;*/
        background-color: #490B3D;
        color: white;
        width: 100%;
        height: 44px;
        margin: auto;
    }

    #mapControlSmLst {
        /*background-color: #00334A;*/
        background-color: #490B3D;
        color: white;
        width: 100%;
        height: 44px;
        margin: auto;
    }

    #actdays {
        font-size: 10px;
        margin: auto;
    }

    #mapControlSmLbl {
        text-align: left;
        float: left;
        padding-top: 11px;
        padding-left: 5px;
    }

    #newdom_2high {
        padding: 0;
        /*height:523px;*/
    }

    #my_big_map {
        background-image: url('images/gmapbak.png');
        background-size: cover;
    }

    #idrowtop, #colfacebook, #colfilereprot, #colqanted {
        margin-top: 20px;
    }


    #headerjm {
        background-image: url('images/jm-Header2.png');
        width: 100%;
        height: 67px;
        margin: 0;
        padding: 0;
        BACKGROUND-SIZE: COVER;
    }

    #idrowtop {
        margin-bottom: 5px;
        height: 255px;
    }

    #btmrow {
        margin-bottom: 5px;
        height: 255px;
    }

    #colstop, #colfilereprot, #colfacebook, #colqanted {
        height: auto;
    }

    #imglogo {
    }

    .imgBadgeWrapper {
        position: relative;
        float: left;
        min-height: 67px;
        white-space: nowrap;
        text-align: center;
        margin: 0;
    }

    .imgHelperBadge {
        min-height: 67px;
        white-space: nowrap;
        text-align: center;
        margin: 0;
    }

    #badge {
        max-height: 67px;
        padding: 15%;
        width: 67px;
        height: auto;
        vertical-align: middle;
    }


    #therenosm {
        position: relative;
        float: left;
        color: white;
        font-weight: 500;
        font-size: 12px;
        vertical-align: middle;
        width: 44%;
        line-height: 1;
        margin-top: 4%;
    }

    #thereno {
        position: relative;
        float: left;
        color: white;
        font-weight: 500;
        font-size: 12px;
        vertical-align: middle;
        width: 44%;
        line-height: 1;
        margin-top: 4%;
    }

    #city {
        position: relative;
        float: right;
        right: 17px;
        margin-top: 20px;
        width: 25px;
        height: auto;
    }

    /*card colors bars for main view*/
    .colorbarTALL {
        height: 36px;
        width: 100%;
        overflow: hidden;
        text-align: center;
    }

    .colorbarTALL100 {
        height: 36px;
        overflow: hidden;
        text-align: center;
    }

    .barTitleWrap {
        width: 95%;
    }

    .bartitle {
        color: white;
        font-weight: 700;
        position: relative;
        top: 11px;
        /*width is 105% and needs to come back 5%*/
        margin-right: 9.5%;
    }

    #newsbar {
        background-color: #01536D;
    }

    #incidentbar {
        background-color: #490B3D;
    }

    #filereportbar {
        background-color: #791E15;
    }

    #atlbar {
        background-color: #490B3D;
    }

    /* globe title provides top padding*/
    .news_globe_div {
        left: -2px;
        position: relative;
    }

    .globewrapper {
        float: left;
        z-index: 5;
        position: relative;
    }

        .globewrapper i {
            font-size: 36px;
        }

    .globe {
        background-color: lightgray;
        color: white;
    }

    #newstitle {
        text-transform: uppercase;
        font-weight: 600;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 10px;
        margin-top: 20PX;
    }

    #newsdate {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .dots {
        margin-left: 20px;
        padding-bottom: 10px;
    }

    #smcontus {
        position: relative;
        right: -3px;
    }

    .footer_city_img {
        width: 100%;
    }

    .newstext_grad {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+40,fafafa+100&0+40,1+99 */
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 40%, rgba(250,250,250,1) 99%, rgba(250,250,250,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(255,255,255,0)), color-stop(99%,rgba(250,250,250,1)), color-stop(100%,rgba(250,250,250,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(250,250,250,1) 99%,rgba(250,250,250,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(250,250,250,1) 99%,rgba(250,250,250,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(250,250,250,1) 99%,rgba(250,250,250,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(255,255,255,0) 40%,rgba(250,250,250,1) 99%,rgba(250,250,250,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
        height: 190px;
        /*width: 100%;*/
        /*top: 42px;*/
        top: 62px;
        position: absolute;
        bottom: 15px;
        z-index: 500;
        display: none;
    }


    /*alt card*/
    .cardup {
    }

    .iconover, .iconover:active {
        top: 5px;
        left: -6px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    }

        .iconover:hover {
            top: 4px;
            left: -7px;
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5), 0 3px 11px 0 rgba(0, 0, 0, 0.5);
        }

    #atl_container {
        height: 250px;
        overflow-y: auto;
    }

    #atlIcon {
        z-index: 100;
        position: relative;
        width: 36px;
        float: left;
    }

    #atl_image {
        z-index: 0;
        max-width: 95%;
        height: auto;
        max-height: 125px;
        vertical-align: middle;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
        position: relative;
        left: -2.5%;
    }

    #atl_img_wrapper {
        width: 50%;
        float: left;
        height: 125px;
        max-width: 194px;
        background-size: cover;
        white-space: nowrap;
        text-align: center;
        margin: 0;
        margin-top: 5px;
    }

    #atlBtnWrapper {
        float: right;
        width: 40%;
        margin-right: 5px;
        margin-top: 5px;
    }
    /*landpage atlItems*/
    #atlItems {
        font-family: Roboto,'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 15px;
        max-height: 120px;
        margin-top: 3px;
        margin-left: 10px;
        margin-right: 10px;
        float: left;
    }

    #atlNameLbl {
        font-weight: 600;
        text-transform: uppercase;
        /* margin-top: 10px; */
        position: relative;
        top: 10px;
    }

    #atlDescWrapper {
        margin-top: 20px;
        height: 30px;
        overflow: hidden;
    }


    #atl_container::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }

    #atl_container::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }

    #atlDescWrapper p {
        padding-bottom: 50px;
    }

    #atlDescLbl {
        font-weight: 600;
    }

    #btnAtlViewAll, #btnAtlViewAllnot {
        width: 100%;
        position: relative;
        right: 0;
        font-size: 10px;
    }

        #btnAtlViewAll > span:before, #btnAtlViewAllnot > span:before {
            content: "View All";
        }

    #btnAtlViewNext, #btnAtlViewNextnot {
        margin-top: 20px;
        width: 100%;
        position: relative;
        right: 0;
        font-size: 10px;
    }

        #btnAtlViewNext > span:before, #btnAtlViewNextnot > span:before {
            content: "View Next";
        }

        .modal-content  #atlDescWrapper{
            height: auto;
            overflow:visible;
        }
        .modal-content #atl_container{
            height: auto;
            overflow-y:visible;
        }
        #modalwanted  .modal-content{
            padding:5px;
        }
    #faceboofeed {
        position: relative;
    }

    #my_map {
        height: 250px;
        width: 203px;
    }

    #serv_lable {
        position: relative;
        z-index: 50;
        top: -250px;
        left: 0;
        color: black;
        background-color: #FAFAFA;
        text-align: center;
        width: 100%;
        margin-right: 38px;
        font-weight: 600;
        font-size: 14px;
    }

    .fbcardicon {
        position: absolute;
        left: -2px;
        top: 0;
        width: 36px;
        height: 36px;
        font-size: 36px;
    }

    .fbcardiconsvg {
        position: absolute;
        left: 10px;
        top: 7px;
        width: 36px;
        height: 36px;
    }

    #colfilereprot {
        position: relative;
    }

    #filereport {
        position: relative;
    }

    #img-file-report-wrapper {
        height: 213px;
        white-space: nowrap;
        text-align: center;
        margin: 0;
        position: absolute;
        top: 37px;
        left: 0px;
        width: 100%;
    }

    .imghelperfilereport {
        display: inline-block;
        height: 205px;
        vertical-align: middle;
    }

    #img-file-report {
        background-color: transparent;
        height: auto;
        max-height: 214px;
        vertical-align: middle;
    }

    /*new dom*/
    #row500 {
        position: relative;
        z-index: 0;
        left: 111%;
        top: -565px;
        color: green;
    }

    #cardYouTube {
        vertical-align: middle;
        text-align: center;
    }

        #cardYouTube iframe {
            padding-top: 5px;
            padding-bottom: 5px;
        }

    .StartReport {
        margin-bottom: 10px;
        text-align: center;
        vertical-align: central;
    }

    .btnStartReport {
        width: 240px;
    }
}

@media (min-width: 300px) {
    .seeMapLrg {
        padding: 5px;
        text-transform: uppercase;
    }

    .mrgLeft5 {
        margin-left: 5px;
    }

    .jantext {
        line-height: 1.5 !important;
        padding: 10px !important;
    }

    .jantextSM {
        line-height: 1 !important;
        padding: 10px !important;
        margin-top: 0 !important;
    }

    .jantextLow {
        line-height: 1.2 !important;
        padding: 0 10px 0 10px !important;
        margin-top: 0 !important;
    }

    .jantextTight {
        line-height: 1 !important;
        padding: 3px 10px 3px 10px;
        margin-top: 0 !important;
    }

    .cardsmaller {
        width: 85%;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }

    .cardsmaller_text {
        font-size: 1.2rem !important;
    }

    #imglogo {
    }

    #badge {
    }

    #city {
    }

    #therenosm {
    }

    .globewrapper {
        float: left;
    }

    .globe {
        background-color: lightgray;
        color: white;
    }

    #newstitle {
        font-weight: 600;
    }

    #newsdate {
        clear: both;
    }

    .newstext {
        height: 100px;
        /*white-space:pre-wrap;*/
        overflow-y: hidden;
        margin-left: 20px;
        margin-right: 20px;
        font-family: Roboto,'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 1.0rem;
        line-height: 1.5;
    }

        .newstext p {
            padding: 0;
            margin-bottom: .5rem;
        }
}

@media (min-width: 400px) {

    #imglogo {
    }

    #therenosm {
    }

    #newstitle {
    }

    #newsdate {
    }

    .newstext_grad {
        height: 190px;
        /*width: 100%;*/
        top: 62px;
        position: absolute;
        bottom: 15px;
        z-index: 500;
    }

    #btnAtlViewAll, #btnAtlViewAllnot {
        font-size: 12px;
    }

    #btnAtlViewNext, #btnAtlViewNextnot {
        font-size: 12px;
    }
}

@media (min-width: 601px) {

    .pinLink {
        line-height: 1;
        margin-bottom: unset;
    }

    .starthere-btm-panels {
        height: 170px;
    }

    .card_file_col_height {
        height: 38rem;
    }

    .repCollapsible li .repCollapsible-collapsible-body {
        position: absolute;
        z-index: 100;
    }

    .chief-staff-img {
        min-width: 45% !important;
    }

    .viewtitle {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        margin-top: 10px;
    }

    /*station maps*/

    .stationMap {
        height: 250px;
        margin-bottom: 10px;
    }

    .directionMap {
        height: 500px;
        margin-bottom: 10px;
    }


    /*recrutment*/
    .badgeRecruit {
        padding-bottom: 0;
        padding-right: 0;
    }

    .img-staff-left-wrp {
        padding-left: 10px;
        padding-top: 5px;
        padding-right: 10px;
        float: left;
        min-width: 35%;
        max-width: 190px;
    }

    .imgLeftStaff {
        width: 100%;
        height: auto;
        border: 1px double black;
        padding: 2px;
    }

    .img-staff-right-wrp {
        padding-left: 10px;
        padding-top: 5px;
        padding-right: 10px;
        float: right;
        min-width: 35%;
        max-width: 190px;
    }

    .imgRightStaff {
        width: 100%;
        height: auto;
        border: 1px double black;
        padding: 2px;
    }

    #cardYouTube iframe {
        padding-top: 20px;
        padding-bottom: 20px;
    }


    #idrowtop, #colfacebook, #colfilereprot, #colqanted {
        margin-top: auto;
    }

    #headerjm {
        background-image: url('images/jm-Header2.png');
        width: 100%;
        height: 97PX;
        margin: 0;
        padding: 0;
        BACKGROUND-SIZE: contain;
    }

    .imgBadgeWrapper {
        min-height: 97px;
    }

    .imgHelperBadge {
        min-height: 97px;
    }

    #badge {
        max-height: 97px;
        padding: 15%;
        width: 97px;
    }

    .lang_links {
        right: 15px;
        top: 12px;
        position: absolute;
    }

    #city {
        position: relative;
        float: right;
        right: 17px;
        margin-top: 25px;
        width: 35px;
        height: auto;
    }



    #colstop, #colfilereprot, #colfacebook, #colqanted {
        height: 250px;
    }

    #idrowtop {
        margin-bottom: 10px;
        height: 255px;
    }

    #btmrow {
        margin-bottom: 10px;
        height: 255px;
    }



    #newstitle {
    }


    #atlBtnWrapper {
        /*margin-top: 15px;*/
    }

    .newstext_grad {
        height: 160px;
        /*width: 50%;*/
        top: 54px;
        position: absolute;
    }


    #btnAtlViewAll, #btnAtlViewAllnot {
        padding-right: 0 !important;
    }

    #btnAtlViewNext, #btnAtlViewNextnot {
        padding-right: 0 !important;
    }

    #btnAtlViewAll > span:before, #btnAtlViewAllnot > span:before {
        content: "All";
    }

    #btnAtlViewNext > span:before, #btnAtlViewNextnot > span:before {
        content: "Next";
    }


    /*end of 601*/
}

@media (min-width: 800px) {
    #idrowtop {
        margin-top: auto;
    }

    #imglogo {
    }
    /* globe title provides top padding*/
    .globewrapper {
        margin-top: 0;
        float: left;
        margin-left: -3px;
    }

    .globe {
        background-color: lightgray;
        color: white;
    }

    #newstitle {
    }

    #newsdate {
        clear: both;
    }



    .newstext_grad {
        /*width set by javascript*/
        height: 161px;
        top: 42px;
        position: absolute;
    }
}

@media (min-width: 993px) {

       .card_file_col_height {
        height: 51rem;
        border:2px solid green;
    }


      #marqui{
        padding-bottom:0;
    }

    .chief-staff-img {
        min-width: 25% !important;
    }

    .modalwidth90 {
        max-width: 50%;
    }

    .modal .modal-footer70h {
        height: 70px;
    }

    .modal .modal-footer .modal-footer-btn-70h {
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .cn_iconLI {
        margin-top: 40%;
    }

    .deptlastli {
        padding-bottom: 20px;
    }

    .img-staff-left-wrp {
        padding-left: 10px;
        padding-top: 3px;
        padding-right: 10px;
        float: left;
        min-width: 15%;
        max-width: 190px;
    }

    .imgLeftStaff {
        width: 100%;
        height: auto;
        border: 1px double black;
        padding: 2px;
    }

    .img-staff-right-wrp {
        padding-left: 10px;
        padding-top: 3px;
        padding-right: 10px;
        float: right;
        min-width: 15%;
        max-width: 190px;
    }

    .imgRightStaff {
        width: 100%;
        height: auto;
        border: 1px double black;
        padding: 2px;
    }


    #headerjm {
        background-image: url('images/jm-Header2.png');
        width: 100%;
        height: 130px;
        margin: 0;
        padding: 0;
        BACKGROUND-SIZE: contain;
    }

    .imgBadgeWrapper {
        min-height: 130px;
    }

    .imgHelperBadge {
        min-height: 130px;
    }

    #badge {
        max-height: 130px;
        padding: 15%;
        width: 130px;
    }

    .lang_links {
        right: 15px;
        top: 12px;
        position: absolute;
    }

    #city {
        right: 17px;
        margin-top: 28px;
        width: 49px;
    }

    #thereno {
        position: relative;
        float: left;
        color: white;
        font-weight: 700;
        font-size: 20px;
        vertical-align: middle;
        width: 44%;
        line-height: 1;
        margin-top: 32px;
    }

    #newstitle {
    }

    #newsdate {
    }

    .newstext_grad {
        /*width: 57.5%;*/
        height: 210px;
    }

    /*wanted*/
    .barTitleWrap {
        color: white;
        position: relative;
        top: 10px;
        font-size: 20px;
    }

    .bartitle {
        position: relative;
        top: 0px;
    }

    .btnViewOneWanted {
        position: absolute;
        bottom: 5px;
        right: 5px;
    }


    .atl_lst_img_wrapper {
        min-height: 200px;
        white-space: nowrap;
        text-align: center;
        margin: 0;
    }

    .imgLsthelperatl {
        display: inline-block;
        height: 250px;
        vertical-align: middle;
    }

    .atl_lst_image {
        max-height: 250px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
        max-width: 95%;
        height: auto;
        vertical-align: middle;
        margin-right: 5px;
    }

    .atl_modal_img_float {
        float: left;
        width: 33%;
        padding: 10px;
    }

    .atl_modal_lst_img_wrapper {
        min-height: 200px;
        white-space: nowrap;
        text-align: center;
        margin: 0;
    }

    .atl_modal_imgLsthelper {
        display: inline-block;
        height: 250px;
        vertical-align: middle;
    }

    .Atl_modal_image {
        max-height: 250px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
        max-width: 95%;
        height: auto;
        vertical-align: middle;
        margin-right: 5px;
    }

    .dv_Atl_Modal_name {
        font-weight: 800;
    }

    .atlModalLstDescWrapper {
        padding-top: 10px;
        margin-left: 10px;
        line-height: 1.5;
    }

    .btnStartReport {
        width: 300px;
    }

    .linkOutsideTarget {
        font-size: 1.2rem;
    }

    #directory {
        padding-bottom: 200px;
    }

    .repCollapsible{
        height:65vh;
    }

    .repCollapsible li {
        float: left;
        margin-right: 1%;
        margin-left: 1%;
        width: 31%;
    }

        .repCollapsible li .collapse-abolsute {
            position: absolute;
            z-index: 100;
            position: absolute;
            z-index: 100;
            max-width: 31%;
        }

    /*end of 993*/
}


@media (min-width: 1280px) {

     .card_file_col_height {
        height: 50rem;
        border:2px solid green;
    }


    .newstext {
        height: 58px;
    }

    .detail-content {
        line-height: 1.5;
        font-size: 1rem;
        height: 70px;
        overflow: hidden;
        margin-left: 20px;
    }

    #btnAtlViewAll > span:before, #btnAtlViewAllnot > span:before {
        content: "View All";
    }

    #btnAtlViewNext > span:before, #btnAtlViewNextnot > span:before {
        content: "View Next";
    }

    #mapControlSm {
        /* background-color: #00334A; */
        background-color: #490B3D;
        color: white;
        width: 100%;
        height: 583px;
    }

    #mapControlSmLst {
        /* background-color: #00334A; */
        background-color: #490B3D;
        color: white;
        width: 100%;
        height: 523px;
    }

    .mapPinImg {
        width: 40px;
        height: auto;
        padding-top: 35px;
        margin-left: 1.9vw;
    }

    #newdom_2high #mapLG {
        margin-bottom: 0;
    }

    .mapIconwrp {
        width: 100%;
        text-align: center;
    }

    #mapIcon {
        z-index: 100;
        position: relative;
        width: 66px;
    }

    .incdentlistHieght {
        height: 545.5px;
    }

    .incdentlistSize {
        width: 90% !important;
        overflow-y: auto;
        overflow-x: hidden;
        height: 523px;
    }

    #mapControlLrgLbl {
        text-align: left;
    }

    .lrgIncdLast {
        margin-left: 10px;
        font-size: 11px;
    }

    #filterDaysLg {
        margin-top: 54px;
        position: relative;
        left: -4px;
    }

        #filterDaysLg li {
            text-align: center;
            height: 90px;
        }


            #filterDaysLg li a {
                color: grey;
                font-size: 50px;
                padding-bottom: 10px;
                padding-left: 8px;
                padding-right: 8px;
                line-height: 0;
            }

            #filterDaysLg li .active {
                color: white;
            }

    #actdays {
        font-size: 18px;
        margin: auto;
        margin-top: 15px;
    }


    /*filterDaysLgLst*/

    #filterDaysLgLst {
        margin-top: 18px;
    }

        #filterDaysLgLst li {
            text-align: center;
            max-height: 90px;
            margin-top: 16px;
        }


            #filterDaysLgLst li a {
                color: grey;
                font-size: 50px;
                padding-bottom: 10px;
                padding-left: 8px;
                padding-right: 8px;
            }

            #filterDaysLgLst li .active {
                color: white;
            }


    .incdCardContent {
        padding-top: 10px;
        padding-bottom: 40px;
        height: auto;
    }

    .incdCardAddr {
        font-size: 20px;
    }

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


    #btnIncidentLstLrg {
        width: 90%;
        height: 90px;
        margin-left: 5%;
        margin-top: 13px;
        cursor: pointer;
        margin-top: -17px;
    }

    .incdCardIconWrp img {
        width: 30px;
        height: auto;
    }

    .btnShowIncidentBtn {
        height: 50px;
        right: -20%;
    }

    .btnShowIncident {
        font-size: 40px !important;
        margin-top: 5px;
        margin-left: -3px !important;
    }



    .item .card .card-action {
        clear: both;
    }




    /*END 1280*/
}


@media only screen and (min-height: 0px ) {

    .word-indent {
        display: block;
        margin-left: 5px;
        text-align: left;
    }

        .word-indent::first-line {
            margin-left: -5px;
            color: orange;
        }

    /* small footer has a fixed hieght that matches other cards elemetns */
    #footer_sml {
        background-image: url('images/footer_small.png');
        background-size: contain;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0;
        bottom: 0;
        height: 200px;
        position: relative;
    }

        #footer_sml ul {
            position: relative;
            margin-top: 30px;
            float: left;
        }

        #footer_sml .footer_city {
            position: relative;
            float: right;
            margin-top: 30px;
            width: 66px;
            margin-right: 0;
        }


    #img_skyline_foot_sml {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        opacity: 0.6;
    }

    .footer_btn_sml {
        position: relative;
        background-color: #00334A;
        padding: 10px 5px;
        text-align: center;
        width: 100%;
        color: white;
        top: 20px;
    }

    /* on the medium footer we are creating content from the bottom up 
        we are assuminga protrait like an ipad */

    #footer_med {
        display: block;
        position: absolute;
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0;
        bottom: 0;
        height: 28%;
    }


    #img_skyline_foot_lrg {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        opacity: 0.6;
    }
    /*on the large footer we are creating content from the top down 
        we are assuminga protrait like an ipad, and fixing the height to hold them all. */

    #footer_lrg {
        background-image: url('images/footer_lg3.png');
        display: block;
        background-repeat: repeat-x;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0;
        top: 0;
        height: 235px;
    }


    #footer_container {
        height: 100%;
        position: relative;
        z-index: 1000;
    }

    .footer_column {
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        width: 18%;
        margin-top: 5px;
        position: relative;
        z-index: 1000;
    }

    .ft_icon {
        width: 22px;
        height: 22px;
        display: inline-block;
    }

    .footer_city {
        float: right;
        width: 50px;
        margin-right: 30%;
    }

    div.footer_btn {
        background-color: #00334A;
        padding: 10px 5px;
        text-align: center;
        width: 200px;
    }

    .footer_column > ul {
        position: relative;
   list-style-type: disc;
       list-style-position: inside;
       text-indent: -1em;
       padding-left: 1em;
        margin-left: 15px;
        margin-top: 5px;
    }


    .footer_column ul > li > a {
        text-decoration: none;
        text-align: center;
    }

    .footer_addr, div.footer_btn, .footer_link, .footer_text {
        color: #eee;
    }


    #footer_sml .ft_icon {
        width: 40px;
        height: 40px;
        display: inline-block;
    }
}

/*mobile in landscape*/
@media  (min-height: 320px)  and   (max-height: 776px) and (orientation: landscape) {
.page_home_child_report .card,  .page_home_child_report ul {
    color:red;   
    padding-bottom:100px;
    }

}

/*Samsung Note Landscape and iPhone 6 PLus */
@media only screen and (min-width: 500px) and (max-height: 415px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    /*wanted*/
    .barTitleWrap {
        margin-top: 6px;
    }

    .bartitleWanted {
        color: white;
        font-size: 24px;
    }

    .atl_lst_img_wrapper {
        min-height: 100px;
    }

    .imgLsthelperatl {
        height: 100px;
    }

    .atl_lst_image {
        max-height: 100px;
    }

    .newstext {
        height: 60px;
    }

    #footer_med {
        display: none !important;
    }

    #footer_phnscp {
        display: block;
        background-image: url('images/footer_phn_215.png');
        background-size: cover;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0;
        bottom: 0;
        height: 215px;
    }

    #footer_container {
        width: 95%;
        height: 100%;
        position: relative;
        z-index: 1000;
        margin: auto;
        padding: 0;
    }

    .footer_column {
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        width: 23%;
        margin-top: 5px;
        position: relative;
        z-index: 1000;
    }

    div.footer_btn {
        width: 105px;
    }

    .colorbarTALL {
        height: 36px;
        width: 100%;
        overflow: hidden;
        text-align: center;
    }
    /*end android phone land scape */
}



@media (min-width: 600px) and (min-height: 760px) {




    #footer_med {
        background-image: url('images/footer_med3.png');
        background-size: contain;
        display: block;
        position: absolute;
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0;
        bottom: 0;
        height: 28%;
    }
    /*#footer_med:before {
         content:"HERE!";
         color:red;
    }*/

    .ft_icon {
        width: 22px;
        height: 22px;
        display: inline-block;
        margin: 1px;
    }

    .footer_city {
        float: left;
        width: 35px;
    }

    div.footer_btn {
        background-color: #00334A;
        padding: 10px 5px;
        text-align: center;
        width: 120px;
    }
}





/*clear as specified for menu  author*/

.clearfix::after {
    content: '';
    display: table;
    clear: both;
}


/*menu styles*************************************/



#menuwrapper {
    height: 2.5em; /* 60 */
    background-color: #00334a;
    margin: 0;
    width: 100%;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
}



div.vertical-line {
    width: 2px;
    background-color: white;
    height: 50%;
    /* display: inline-block; */
    float: right;
    position: relative;
    top: -80%;
}

li {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-top: 5px;
}



#nav > a {
    display: none;
}

#nav li {
    position: relative;
}

    #nav li a {
        color: #fff;
        display: block;
        white-space: nowrap;
    }

        #nav li a:active {
            background-color: #1a475b !important;
        }

#nav span:after {
    width: 0;
    height: 0;
    border: 0.313em solid transparent; /* 5 */
    border-bottom: none;
    border-top-color: #ffc107;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em; /* 5 */
}

/* first level */

#nav > ul {
    height: 2.0em; /* 60 */
    background-color: #00334a;
}

    #nav > ul > li {
        width: 16.6%; /* 100% of width for 6 menu items = 16.666%    jlm*/
        height: 100%;
        float: left;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        #nav > ul > li > a {
            height: 100%;
            font-size: 90%; /* 24 */
            line-height: 200%; /* 60 (24) */
            text-align: center;
            padding-top: 0.4em;
            white-space: nowrap;
        }

        #nav > ul > li:not( :last-child ) > a {
            border-right: 0;
        }

        #nav > ul > li:hover > a,
        #nav > ul:not( :hover ) > li.active > a {
            background-color: #1a475b;
        }


/* second level */

#nav li ul {
    background-color: #00334a;
    display: none;
    position: absolute;
    top: 100%;
    z-index: 1000;
    width: 200px;
}

#nav li:hover ul {
    display: block;
    left: 0;
    right: 0;
}

#nav li:not( :first-child ):hover ul {
    left: -1px;
}

#nav li ul a {
    font-size: 1.0em; /* 20 */
    border-bottom: 1px solid #808080;
    padding-left: 5px;
    white-space: nowrap;
}

#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a {
    background-color: #1a475b;
}

.nav_title_small {
    position: absolute;
    float: right;
    color: white;
    top: 86px;
    right: 22px;
    font-size: 16px;
}
/*menu style menu queries*************************/

@media only screen and ( max-width: 62.5em ) /* 1000 */
{
    #nav {
        width: 100%;
        position: static;
        margin: 0;
    }
}

@media only screen and ( max-width: 40em ) /* 640 */
{
    html {
        font-size: 75%; /* 12 */
    }

    #menuwrapper {
        height: 3.8em; /* 60 */
    }

    #nav {
        position: relative;
        top: auto;
        left: auto;
    }

        #nav > a {
            width: 3.125em; /* 50 */
            height: 3.125em; /* 50 */
            text-align: left;
            /*text-indent: -9999px;*/
            background-color: #00334a;
            position: relative;
            white-space: nowrap;
        }

            #nav > a:before,
            #nav > a:after {
                /*position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';*/
            }

            #nav > a:after {
                top: 60%;
            }

        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type {
            display: block;
        }


        /* first level */

        #nav > ul {
            height: auto;
            display: none;
            position: absolute;
            left: 0;
            right: 0;
            -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
            -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
            box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
        }

        #nav:target > ul {
            display: block;
            z-index: 1000;
        }

        #nav > ul > li {
            width: 100%;
            float: none;
        }

            #nav > ul > li > a {
                height: auto;
                text-align: left;
                padding: 0 0.833em; /* 20 (24) */
                padding: 0.75em; /*  JLM was 0.75em; /* 15 (20) */
                white-space: nowrap;
            }

            #nav > ul > li:not( :last-child ) > a {
                border-right: none;
                border-bottom: 1px solid #808080;
            }


        /* second level */

        #nav li ul {
            position: static;
            padding: 1.25em; /* 20 */
            padding-top: 0;
        }

            #nav li ul a {
                padding: 1em;
                white-space: nowrap;
            }
}


nav ul li {
    float: none;
    padding: 0;
    margin: 0;
}

@media only screen and (min-width: 601px) {
    nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
        height: auto;
        line-height: 45px;
    }

    .viewerWrppr a {
        padding: 0 10px 0 10px;
    }
}


/*landing page styles*************************************/

/*NEWs ************/
#newscard {
    /*overflow:inherit;*/
    max-height: 250px;
}

#newsrow {
    /*background-color:black;*/
}


.newstextcol {
    padding: 0 !important;
    /*background-color:white;*/
}

#newsphotocol {
    padding-left: 0;
    padding-right: 0;
}


.imghelpernews {
    display: inline-block;
    height: 250px;
    ;
    vertical-align: middle;
}

.imghelperatl {
    display: inline-block;
    height: 125px;
    ;
    vertical-align: middle;
}

#newsimgwarpper {
    background-size: cover;
    min-height: 250px;
    white-space: nowrap;
    text-align: center;
    margin: 0;
}

.newsimage {
    max-height: 250px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    max-width: 95%;
    height: auto;
    vertical-align: middle;
}

#newsrapper_lg {
}

#newawrappertext_med {
    height: 160px;
    overflow: hidden;
}

#btnMoreNewsMed {
    margin-left: 20px;
}

#btnMoreNews {
    margin-left: 20px;
}

#btnMoreNewsSmall {
    width: 43%;
    position: relative;
    bottom: 5px;
    font-size: 1.2rem;
    z-index: 0;
    margin-left: 20px;
}



.btn_icon {
    position: relative;
    top: 3px;
}

@media only screen and (max-width: 601px) {
    #newscard {
        /*overflow:inherit;*/
        max-height: none;
    }

    #newsimgwarpper {
        border-top: 2px solid gray;
    }
}



/*ipad mostly*/
@media (min-width: 600px) and (min-height: 760px) and (-webkit-min-device-pixel-ratio: 2) {

    .card_file_col_height {
        height: auto;
        padding-bottom: 80px;
    }

    /*recruit*/
    .viewerWrppr a {
        padding: 0 10px 0 10px;
    }

    /*file a report*/

    .btnStartReport {
        width: 275px;
    }

    /*end file a reprot*/


    #actdays {
        font-size: 10px;
        margin-left: 8px;
    }
    /*days marker on medium on the list of incidents*/
    .incdLstWrp li a #actdays {
        /*margin-left: 3px;*/
    }

    .incdLstWrp li a {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -14px;
    }

    .incdLstWrp li {
        text-align: center;
    }

    #filterDaysSm {
        margin-left: 15px;
    }

    #mapTabsSm {
        width: 80%;
        float: left;
        margin-top: 5px;
    }

        #mapTabsSm .tabit a {
            text-align: center;
            font-size: 20px;
        }

    #mapTabsSmLst .tabitLst a {
        text-align: center;
        font-size: 20px;
    }


    .listImg {
        width: 43px;
        height: 43px;
        float: left;
    }

    .btnViewOneWanted {
        position: relative;
        top: -41px;
        z-index: 5;
        right: -19px;
        width: 113px;
    }



    /**************************************/
    /*wanted        */

    #detWantedDiv {
        position: relative;
        z-index: 0;
        left: 111%;
        top: -565px;
    }

    #lstPicWrapWanted {
    }

    .card-height500 {
        max-height: 5000px;
    }

    .wantedPicCard {
        max-height: 200px;
    }

    .altcontianer {
        width: 100%;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .atl_lst_img_wrapper {
        min-height: 200px;
        white-space: nowrap;
        text-align: center;
        margin: 0;
    }

    .imgLsthelperatl {
        display: inline-block;
        height: 200px;
        vertical-align: middle;
    }

    .atl_lst_image {
        max-height: 200px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
        max-width: 95%;
        height: auto;
        vertical-align: middle;
        margin-right: 5px;
    }

    .atlLstNameLbl {
        width: 48%;
        float: left;
    }

    .bartitleWanted {
        color: white;
        font-size: 24px;
    }

    .atl_modal_lst_img_wrapper {
        float: left;
        height: 200px;
        margin: 10px;
    }

    .dv_Atl_Modal_name {
        font-weight: 800;
    }

    .atlModalLstDescWrapper {
        padding-top: 10px;
        margin-left: 10px;
        line-height: 1.5;
        max-height: 550px;
    }

    .Atl_modal_image {
        max-height: 200px;
    }
    /*footer*/
    #idrowtop, #colfacebook, #colfilereprot, #colqanted {
        margin-top: auto;
    }

    div.footer_btn {
        background-color: #00334A;
        padding: 10px 5px;
        text-align: center;
        width: 120px;
    }

    .footer_city {
        float: left;
        width: 35px;
    }

    #footer_med {
        height: 26%;
    }

    .footer_column ul > li > a {
        font-size: 14px;
    }

    .newstext {
        height: 44px;
    }
    /*#footer_med:before {
         content:"PIXELS!";
         color:red;
    }*/
    /*body{
        color:green;
    }*/
    #img-file-report {
        top: 56px;
    }


    .footer_column {
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        width: 23%;
        margin-top: 5px;
        position: relative;
        z-index: 1000;
    }

    .footcolwrap {
        width: 99%;
        height: 100%;
        position: relative;
        margin: auto;
        left: 23px;
    }

    /*landing news*/
    #btnMoreNewsMed {
        margin-top: -10px;
    }

    /*end ipad*/
}



/*so on a laptop with a dense pixels we need a little help, also IPAD  landscape
    min hieght fails on ipad if i use and
*/
@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape) {
     .card_file_col_height {
        height: 720px;
        padding-bottom: 80px;
        border:1px solid purple;
    }



    .colorbarTALL {
        width: 100%;
    }

    .footer_city {
        float: right;
        width: 50px;
        margin-right: 33%;
    }
    /*body{
        color:red;
    }*/
    .footer_column {
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        width: 18%;
        margin-top: 5px;
        position: relative;
        z-index: 1000;
    }

    div.footer_btn {
        width: 120px;
    }

    .newstext {
        height: 60px;
    }

    #mapControlSm {
        width: 56px;
        padding: 0;
    }

    .lrgIncdLast {
        margin-left: 4px;
        font-size: 10px;
    }

    #filterDaysLg li {
        text-align: center;
        max-height: 90px;
        margin-top: 35px;
    }

        #filterDaysLg li a {
            color: grey;
            font-size: 38px;
            padding-bottom: 10px;
            padding-left: 7px;
            padding-right: 7px;
        }

    .listImg {
        width: 43px;
        height: 43px;
        float: left;
        position: absolute;
        bottom: 5px;
        left: 6px;
    }

        .repCollapsible{
        height:65vh;
    }
    /*end of ipad landscape*/
}


/*mac book pro*/
@media (min-width: 1280px) and (min-height: 760px) and (-webkit-min-device-pixel-ratio: 2) {

    #filterDaysLg li {
        text-align: center;
        max-height: 90px;
        margin-top: 37px;
    }

    #actdays {
        font-size: 17px;
        margin: auto;
    }

    .mapPinImg {
        width: 40px;
        height: auto;
        padding-top: 54px;
        margin-left: 34px;
    }

    .newstext {
        height: 70px;
    }

    .footer_column {
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        width: 18%;
        margin-top: 5px;
        position: relative;
        z-index: 1000;
    }
}
/* end mac book pro*/

/*2bd row first page*/
.card-height {
    max-height: 250px;
}


#filereport {
    display: block;
    display: -webkit-box;
    height: 250px;
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7b2316+0,d13e27+100 */
    background: #7b2316; /* Old browsers */
    background: -moz-linear-gradient(top, #7b2316 0%, #d13e27 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b2316), color-stop(100%,#d13e27)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7b2316 0%,#d13e27 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7b2316 0%,#d13e27 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7b2316 0%,#d13e27 100%); /* IE10+ */
    background: linear-gradient(to bottom, #7b2316 0%,#d13e27 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b2316', endColorstr='#d13e27',GradientType=0 ); /* IE6-9 */
}


    #filereport .btn {
        box-shadow: none;
    }

    #filereport:hover {
        -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
        box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
        position: relative;
        top: -5px;
        left: -5px;
    }

    #filereport:active {
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
        box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
        position: relative;
        top: 0;
        left: 0;
    }



.ink {
    display: block;
    position: absolute;
    background: hsl(180, 40%, 80%);
    border-radius: 100%;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}
    /*animation effect*/
    .ink.animate {
        -moz-animation: ripple 0.65s linear;
        -o-animation: ripple 0.65s linear;
        -webkit-animation: ripple 0.65s linear;
        animation: ripple 0.65s linear;
    }

@keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
    }
}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    /* Retina-specific stuff here */


}


/*special top buttons in filereport break point*/
@media (min-width: 1583px) {
    #rowStartReportLg {
        display: none;
    }

    #rowStartReportLgr {
        display: block;
    }
}


/*VERY WIDE SCREEN*/
@media only screen and (min-width: 2048px) {

    .repCollapsible li {
        float: left;
        margin-right: 1%;
        margin-left: 1%;
        width: 31%;
    }

        .repCollapsible li div a {
            letter-spacing: .75px;
            border-radius: 4px;
            display: inline-block;
            height: 72px;
            line-height: 72px;
            outline: 0;
            padding: 0 3rem;
        }


    .cn_iconLI {
        margin-top: 28%;
    }

    .cn_icon {
        width: 80px;
        height: 80px;
        display: inline-block;
        padding: 20px;
    }

    .btn2048 {
        border: none;
        border-radius: 4px;
        display: inline-block;
        height: 72px;
        line-height: 72px;
        outline: 0;
        padding: 0 4rem;
        font-size: 1.3rem;
        width: 460px;
        margin-bottom: 20px;
    }



    /*stations*/
    .stationMap {
        height: 500px;
        margin-bottom: 20px;
    }

    .directionMap {
        height: 1000px;
        margin-bottom: 20px;
    }


    .openCLose {
        font-size: 2rem;
    }

    /*recrutment*/
    .badgeRecruit {
        padding-bottom: 0;
        padding-right: 0;
    }

    html {
        font-size: 24px;
    }

    .slider .indicators {
        bottom: initial;
    }

        .slider .indicators .indicator-item {
            height: 1.5rem;
            width: 1.5rem;
            margin: 9px 1.7rem;
        }

    .jantext {
        line-height: 1.5 !important;
        padding: 20px !important;
    }

    .card .card-content .card-title {
        margin-top: 20px;
    }

    .imgRight {
        float: right;
        width: 50%;
        padding: 20px;
        max-width: 700px;
    }

    .imgLeft {
        float: right;
        width: 50%;
        padding: 20px;
        max-width: 700px;
    }

    #headerjm {
        background-image: url('images/jm-Header2.png');
        width: 100%;
        height: 390px;
        margin: 0;
        padding: 0;
        BACKGROUND-SIZE: contain;
    }

    .imgBadgeWrapper {
        min-height: 390px;
    }

    .imgHelperBadge {
        min-height: 390px;
    }

    #thereno {
        font-weight: 700;
        font-size: 3rem;
        vertical-align: middle;
        width: 44%;
        line-height: 1;
        margin-top: 2%;
    }

    #badge {
        max-height: 390px;
        padding: 15%;
        width: 390px;
    }

    .lang_links {
        right: 40px;
        top: 36px;
        position: absolute;
    }

        .lang_links a {
            padding-bottom: 40px;
            font-size: 1rem;
        }

    #city {
        right: 40px;
        margin-top: 74px;
        width: 150px;
    }

    #nav li ul {
        background-color: #00334a;
        display: none;
        position: absolute;
        top: 100%;
        z-index: 1000;
        width: 448px;
    }

        #nav li ul a {
            font-size: 1.2rem;
            border-bottom: 1px solid #808080;
            padding-left: 5px;
            white-space: nowrap;
        }

    #nav > ul > li > a {
        height: 100%;
        font-size: 1.2rem;
        line-height: 1.2;
        text-align: center;
        padding-top: 0.4em;
        white-space: nowrap;
    }

    .container {
        max-width: none;
    }

    #colstop, #colfilereprot, #colfacebook, #colqanted {
        height: 515px;
    }

    #newscard {
        /* overflow: inherit; */
        max-height: 96%;
    }

    .colorbarTALL {
        height: 72px;
        width: 105%;
        overflow: hidden;
        text-align: center;
    }

    .colorbarTALL100 {
        height: 72px;
        overflow: hidden;
        text-align: center;
    }

    #atlIcon {
        z-index: 100;
        position: relative;
        width: 70px;
        height: 70px;
        float: left;
    }

    .barTitleWrap {
        color: white;
        top: 17px;
        font-size: 1.5rem;
        height: 100%;
    }

    .newstext {
        height: 185px;
        font-size: 1rem;
    }

    .dots {
        font-size: 1.5rem;
    }

    #btnMoreNews {
        height: 50px;
        margin-left: 20px;
        padding-top: 10px;
    }

    #newsimgwarpper {
        min-height: 96%;
    }

    .imghelpernews {
        height: 96%;
    }

    .newsimage {
        max-height: 96%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
        max-width: 95%;
        height: auto;
        vertical-align: middle;
    }

    #btmrow {
        margin-bottom: 10px;
        height: 96%;
    }

    .card-height {
        height: 515px;
        max-height: 515px;
    }


    #my_map {
        height: 515px;
    }

    #serv_lable {
        top: -515px;
        width: 100%;
        margin-right: 38px;
        font-weight: 600;
        font-size: 1rem;
    }

    #listofformsTitle {
        padding-top: 20px;
    }

    #filereport {
        height: 515px;
    }

    #img-file-report-wrapper {
        height: 435px;
        top: 75px;
    }

    .imghelperfilereport {
        height: 435px;
    }

    #img-file-report {
        max-height: 435px;
    }



    #atl_container {
        height: 445px;
        overflow-y: auto;
    }

    #atl_img_wrapper {
        height: 255px;
        max-width: 50%;
    }

    .imghelperatl {
        height: 255px;
    }

    #atl_image {
        max-height: 255px;
    }

    #atlBtnWrapper {
        margin-right: 10px;
        margin-top: 10px;
    }

    #btnAtlViewAll, #btnAtlViewAllnot {
        padding-top: 22px;
        font-size: 1rem;
        height: 77px;
    }

    #btnAtlViewNext, #btnAtlViewNextnot {
        padding-top: 22px;
        font-size: 1rem;
        height: 77px;
    }


    #atlNameLbl {
        /* margin-top: 10px; */
        position: relative;
        top: 20px;
        margin-left: 20px;
        font-size: 1rem;
    }

    #atlDescWrapper {
        margin-top: 20px;
        height: 76px;
        margin-left: 20px;
        font-size: 1rem;
        line-height: 1.5;
    }

    .elispeWanted {
        font-size: 1rem;
        margin-left: 20px;
    }


    #footer_lrg {
        height: 500px;
        background-image: url('images/footer_lg_993.png');
    }

    #footer_container {
        height: 100%;
        position: relative;
        z-index: 1000;
        width: 88%;
    }

    div.footer_btn {
        width: 350px;
    }

    .footer_column ul > li > a {
        font-size: 1.3rem;
    }


    #newdom_2high {
        height: 1040px;
    }

    #mapControlSm {
        height: 1040px;
    }

    #mapControlSmLst {
        height: 1040px;
    }

    #mapIcon {
        width: 122px;
    }

    .lrgIncdLast {
        margin-left: 20px;
        font-size: 0.75rem;
    }

    #filterDaysLg {
        margin-top: 36px;
    }

        #filterDaysLg li {
            text-align: center;
            max-height: 180px;
            margin-top: 36px;
        }

            #filterDaysLg li a {
                color: grey;
                font-size: 3.5rem;
                padding-bottom: 20px;
                padding-left: 8px;
                padding-right: 8px;
            }

    #btnIncidentLstLrg {
        width: 4.5rem;
        height: 4.5rem;
        margin-left: 7px;
        margin-top: 10px;
        cursor: pointer;
    }

    .incdentlistHieght {
        height: 1040px;
    }

    .incdentlistSize {
        width: 90% !important;
        height: 1040px;
    }

    .incdCardTextWrp p {
        font-size: 2rem;
    }

    .incdCardIconWrp img {
        width: 84px;
        height: auto;
    }


    .btnStartReport {
        height: 3.5rem;
        padding-top: 0.75rem;
        font-size: 1rem;
        width: 475px;
    }

    #filereportbarContent {
        height: 88px;
    }


    .card .card-title {
        font-size: 2rem;
    }

    .jantext {
        font-size: 1.25rem;
    }

    .jantextSM {
        font-size: 1.25rem;
    }

    .ulspace li {
        margin-bottom: 20px;
        margin-top: 10px;
    }


    [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
        padding-left: 66px;
        height: 54px;
        line-height: 60px;
        font-size: 1.3rem;
        padding-right: 20px;
    }

    [type="radio"] + label:before, [type="radio"] + label:after {
        margin: 4px;
        width: 50px;
        height: 50px;
    }


    [type="radio"]:not(:checked) + label:before {
        border: 4px solid #5a5a5a;
    }

    [type="radio"].with-gap:checked + label:before {
        border: 4px solid #26a69a;
    }

    .linkOutsideTarget {
        font-size: 1.5rem;
    }

    /*map embed*/
    #filterDaysLgLst li {
        text-align: center;
        max-height: 90px;
        margin-top: 70px;
    }

        #filterDaysLgLst li a {
            color: grey;
            font-size: 3rem;
            padding-bottom: 10px;
            padding-left: 8px;
            padding-right: 8px;
        }

    .mapPinImg {
        width: 72px;
        height: auto;
        padding-top: 67px;
        margin-left: 29%;
    }
}
/*end of wide screen*/


.wrapperWanted {
    max-width: 940px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.news-item-headline {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5rem;
    font-family: Roboto, sans-serif;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
}

.news-item-body {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Roboto,'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: normal;
    margin-left: 20px;
    margin-right: 20px;
}

    .news-item-body p {
        margin-bottom: .5rem;
    }

    .news-item-body li {
        list-style-type: circle;
    }

.news-item-date {
    font-style: italic;
    font-size: 1rem;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.yearGroup.collection-header {
    font-weight: 600;
}

.yearGroup-headingSpan {
    padding-right: 15px;
    font-weight: 600;
}

.monthLink-span {
    padding: 0 5px;
}

a.monthLink-span.current-link {
    color: black;
    font-weight: 600;
}

a.monthLink.current-link {
    color: black;
    font-weight: 600;
}

a.monthLink-span {
    position: relative;
}

    a.monthLink-span::after {
        content: '';
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: -5px;
        right: -5px;
    }

@media only screen and (min-width: 993px) {
    /*.news-image-carousel {
        margin-right: 5px;
    }*/

    .row .col.push-l7 {
        left: 58.3333333333%;
    }

    .row .col.pull-l5 {
        right: 41.6666666667%;
    }
}

.row .col[class*="push-"], .row .col[class*="pull-"] {
    position: relative;
}

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

    .yearGroup-headingSpan {
        padding-right: 10px;
        font-weight: 600;
    }

    .monthLink-span {
        padding: 0 3px;
    }

    a.monthLink-span::after {
        content: '';
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: -4px;
        right: -4px;
    }
}

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

    .yearGroup-headingSpan {
        padding-right: 4px;
        font-weight: 600;
    }

    .monthLink-span {
        padding: 0 2px;
    }

    a.monthLink-span::after {
        content: '';
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: -4px;
        right: -4px;
    }

    .news-item-headline {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 1rem;
        font-family: Roboto, sans-serif;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 10px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 360px) {
    li.yearGroup-long.collection-item {
        padding: 10px 5px;
    }

    .monthLink-span {
        padding: 0 1px;
    }

    a.monthLink-span::after {
        content: '';
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: -3px;
        right: -3px;
    }
}

/*lenovo and beyond?*/
@media only screen and (min-width: 3200px) {
    .news-item-date {
        font-size: 1.2rem;
    }

    .news-item-body {
        font-size: 1.2rem;
    }

    #btnIncidentLstLrg {
        width: 5rem;
        height: 5rem;
        margin-left: 30px;
        margin-top: 30px;
        cursor: pointer;
    }

    .lrgIncdLast {
        margin-left: 20px;
        font-size: 1rem;
    }

    #directory {
        padding-bottom: 400px;
    }
}

/**
 * Use this wrapper only for demo purposes
 * So you can show the items outside the wrapper


.wrapper--demo { overflow: visible; }

.wrapper--demo:after,
.wrapper--demo:before {
  content: "";
  position: absolute;
  width: 800px;
  height: 100%;
  top: 0;
  left: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 2;
}

.wrapper--demo:before { left: -800px; }
 */

.carousel {
    width: 100%;
    position: relative;
}

    .carousel .carousel__content {
        width: auto;
        position: relative;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-transition: translate3d(0, 0, 0);
    }

        .carousel .carousel__content .item {
            display: block;
            float: left;
            width: 100%;
            position: relative;
        }

            .carousel .carousel__content .item .title {
                position: absolute;
                top: 50%;
                left: 0;
                margin: -33px 0 0 0;
                padding: 0;
                font-size: 3rem;
                width: 100%;
                text-align: center;
                letter-spacing: .3rem;
                color: #FFF;
            }

            .carousel .carousel__content .item .title--sub {
                margin-top: 20px;
                font-size: 1.2em;
                opacity: .5;
            }

    /*.carousel .carousel__content .item img {
  width: 100%;
  max-width: 100%;
  display: block;
}*/

    .carousel .carousel__nav {
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -17px;
        left: 0;
        z-index: 1;
    }

        .carousel .carousel__nav .nav {
            position: absolute;
            top: 0;
            color: #000;
            background: #FFF;
            padding: 8px 12px;
            font-weight: bold;
            text-decoration: none;
            font-size: .8rem;
            -moz-transition: padding .25s ease;
            -o-transition: padding .25s ease;
            -webkit-transition: padding .25s ease;
            transition: padding .25s ease;
        }

            .carousel .carousel__nav .nav:hover {
                padding: 8px 20px;
            }

        .carousel .carousel__nav .nav--left {
            border-radius: 0px 3px 3px 0px;
        }

        .carousel .carousel__nav .nav--right {
            right: 0;
            border-radius: 3px 0px 0px 3px;
        }

.touch {
    -webkit-overflow-scrolling: touch;
    transform:translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}