.banner-main {
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 0;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../images/Banner.png');
    background-size: cover;
}

    .banner-main > div {
        padding: 20px 0px;
    }

.home-logo {
    border: 2px solid #fff;
    padding: 4px 9px 4px 9px;
}

.btn-group > i {
    margin-right: 10px;
    font-size: 2rem;
    cursor: pointer;
}

.theme_color_setting {
    background-color: white;
    padding: 3px;
}

.oceanside {
    color: #046B99;
}

.orangecounty {
    color: #A15801;
}

.pasorobles {
    color: #9a0000;
}

.santabarbara {
    color: #60617d;
}

.sierra {
    color: #447766;
}

.mono {
    color: #545351;
}

.trinity {
    color: #446A7C;
}

.eureka {
    color: #3E4B4D;
}

.sacramento {
    color: #153554;
}

.utility-header .flex-row .settings-links a, .utility-header .flex-row .settings-links span.btn {
    border-left: 1px solid white;
}

.Lan_change {
    color: Black;
    cursor: pointer;
}

.wrapper {
    display: block;
}

.bottom-wrapper {
    padding: 25px 0 15px;
}


.footer-container div {
    display: block!important;
}

.footer-wrapper #block-menu-menu-content-menu {
    padding: 50px 31px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    display: inline-block;
}

    .footer-wrapper #block-menu-menu-content-menu .content_menu_title {
        float: left;
        width: 230px;
        padding-right: 10px;
    }

        .footer-wrapper #block-menu-menu-content-menu .content_menu_title h2 {
            color: #535353;
            line-height: 1.1em;
        }

        .footer-wrapper #block-menu-menu-content-menu .content_menu_title .menu-desc {
            font-weight: 600;
            color: #7a7a7a;
        }

    .footer-wrapper #block-menu-menu-content-menu .content {
        float: right;
        padding-top: 12px;
    }

    .footer-wrapper #block-menu-menu-content-menu .content {
        float: right;
        padding-top: 12px;
    }

.footer-wrapper #block-menu-menu-secondary-menu {
    display: block;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
    float: left;
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.footer-wrapper .bottom-right #block-block-25 {
    color: white;
    padding: 0px 2px 9px 89px;
    background: url(../images/mygov_qr.png) no-repeat 0 1px;
    margin: 20px 0px 0px 40px;
}

.footer-wrapper .bottom-right #block-common-utils-developed-by-block {
    margin-bottom: 0px;
    float: left;
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.footer-wrapper .bottom-right #block-block-25 .content {
    padding: 0px;
    margin: 0 0 0 10px;
}

    .footer-wrapper .bottom-right #block-block-25 .content a {
        margin-bottom: 5px;
        display: inline-block;
    }

    .footer-wrapper .bottom-right #block-block-25 .content span {
        display: block;
    }

.bottom-wrapper .footer-container {
    background: none!important;
    margin: 0 auto;
}

.footer-wrapper #block-menu-menu-secondary-menu ul.menu {
    display: inline-block;
    float: none;
    padding-left: 1px;
    margin-bottom: 2px;
    border-right: 1px solid white;
}

    .footer-wrapper #block-menu-menu-secondary-menu ul.menu li {
        color: #7f8080;
        float: left;
        list-style: outside none none;
        margin: 0;
        padding: 0 0 5px;
        width: 32.5%;
    }


        .footer-wrapper #block-menu-menu-secondary-menu ul.menu li a:hover {
            color: white;
        }


        .footer-wrapper #block-menu-menu-secondary-menu ul.menu li:last-child:after {
            content: "";
        }

        .footer-wrapper #block-menu-menu-secondary-menu ul.menu li a {
            color: white;
            padding: 0px;
            text-decoration: none;
        }

.footer-container .footer_logo {
    padding-bottom: 40px;
    padding-left: 60px;
    padding-top: 20px;
    text-align: left;
    width: 591px;
}

    .footer-container .footer_logo li {
        float: left;
        margin-right: 50px;
    }

.footer-section {
    background: #333;
    color: white;
    color: white;
    font-size: .85rem;
}

.no-padding-bottom {
    padding-bottom: 0;
}

.footer-section {
    overflow-x: hidden;
}

.site-settings .no-border {
    border: 1px solid #88898a !important;
}

.site-settings .btn-group {
    margin-left: 10px;
}

.padd_l_r {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.section-primary, .card-primary {
    background: white;
    color: #323a45 !important;
}

.metricsgroup .fifth {
    display: flex;
}

#Middle-section {
    background-color: #f1f1f1;
}


.Middle-section {
    background-color: #f1f1f1;
    margin: 20px;
    padding: 20px;
    width: 98%;
}

.boxSecond {
    background-color: #fff;
    padding: 5px 0px;
    margin-bottom: 5px;
    width: 100%;
    display: inline-block;
}

.boxSecond1 {
    background-color: #fff;
    width: 100%;
    margin: 0px;
   
}






.digital-india .content ul li p {
    font-family: 'Lato', sans-serif;
    text-transform: capitalize;
    letter-spacing: 0;
    line-height: 1.4;
    font-size: 24px;
    margin-top: 0;
    display: block;
    color: #7f0409;
    font-weight: 300;
    margin-bottom: 2px;
}

.count_text {
    background-color: rgba(0, 0, 0, 0.12);
}

.index1 {
    background-image: url(../images/backgrounds/BG_3.jpg);
    background-position: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.index2 {
    background-image: url(../images/backgrounds/BG_4.jpg);
    background-position: top;
}

.index3 {
    background-image: url(../images/backgrounds/BG_5.jpg);
    background-position: center;
}

.index4 {
    background-image: url(../images/backgrounds/BG_4.jpg);
    background-position-y: 1px;
}

.full-screen {
    height: 90vh;
    width: 100%;
}

.btn_arrow {
    position: relative;
    top: 50%;
    cursor: pointer;
    color: #0303039c;
    z-index: 1000;
}

a.btn_close_theme {
    display: inline-block;
    padding: 5px 10px;
    border: 0 !important;
    color: #fff !important;
    text-decoration: none;
}

.ca-gov-icon-print {
    cursor: pointer;
}

.custom_table tr th {
    color: #fff;
    font-weight: 500;
    background-color: #046b99;
}

.custom_table tr th, .custom_table tr td {
    padding: 4px !important;
}

table.utility-header tr th {
    font-weight: 500;
}

table.utility-header tr th, table.utility-header tr td {
    padding: 4px !important;
}

.Imp-section-title-heading {
    color: #9c4838 !important;
    text-transform: capitalize;
    letter-spacing: 0;
    line-height: 1.4;
    display: block;
    margin-bottom: 0px;
    margin-top: 0px;
    text-shadow: 2px 1px 2px #fff;
}

.card-block {
    padding-top: 10px;
    padding-bottom: 5px;
}

.card-block-2 {
    padding: 8px;
}

.whats-new-marq-2 {
    padding: 8px;
    background-color: #ffffffdb !important;
    height: 360px;
}

.box_shadow {
    box-shadow: 1px 1px 50px 1px #d0cdcd !important;
    border-width: 0px !important;
}


.card, .filter-block {
    background: #ffffffdb;
    position: relative;
    margin-bottom: 1.875rem;
    border: none;
    position: relative;
    text-decoration: none;
    margin-top: 20px;
}

    .card .panel-heading {
        border-radius: 0px;
    }

    .card h3.h4 {
        font-size: 1.5em !important;
        font-weight: bold !important;
    }

.imagebackground {
    background-image: url(assets/images/statsbg.jpg);
    background-size: cover;
}

.transparent-overlay-blue {
    box-shadow: inset 0 0 0 1000px hsla(203, 100%, 23%, 0.9);
}

.transparent-overlay-black {
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.7);
}

.pmeasure {
    display: none;
}

.explore-button {
    position: relative;
    margin-bottom: -25px;
    width: 100%;
    padding: 30px;
    border-bottom: none !important;
}

.explore-title {
    font-size: 1.7rem;
    color: white;
    border-bottom: none !important;
}

.explore-button [class^="ca-gov-icon-"] {
    display: block;
    font-size: 48px;
    font-size: 3rem;
    color: white;
    border-bottom: none !important;
}

.explore-button:hover .explore-title, .explore-button:hover [class^="ca-gov-icon-"], p.lead a {
    color: #fdb91f;
    border-bottom: none !important;
}

.explore-button * {
    border-bottom: none !important;
}

.counter1, .counter2, .counter3, .counter4 {
    display: none;
}

.metrics {
    text-align: center;
    transition: all 0.3s ease-in-out;
}

    .metrics:hover {
        transform: scale(1.00);
        transition: all 0.1s ease-in-out;
    }

.shadow2.section-primary.text-center.p-x-lg {
    min-height: 250px;
}

@media (min-width: 1343px) {
    .metrics.m-b-60, .group.p-a-lg {
        display: flex;
    }
}

@media (min-width: 768px) {
    .fifth {
        float: left;
        width: 50%;
    }
}

@media (min-width: 1343px) {
    .fifth {
        float: left;
        width: 20%;
    }
}

@media (min-width: 768px) {
    .fourth {
        float: left;
        width: 50%;
    }
}

@media (min-width: 1343px) {
    .fourth {
        float: left;
        width: 25%;
    }
}

h3.h4.m-b-md {
    font-size: 1.5em;
    font-weight: bold;
}

h1.service-header {
    text-align: center;
    background: #046b99;
    margin: 0;
    padding: 25px;
    margin-bottom: 25px;
    color: white;
}

.highlighted {
    color: #FDB81E !important;
}

.menu-block {
    color: #fff;
    border-radius: 5px;
}

.icon-link {
    font-size: 1.5em;
    color: #fff;
    cursor: pointer;
}

    .icon-link span {
        font-size: 2.5em;
    }

.board-link {
    font-size: 1em;
    color: #fff;
}

    .board-link .board-icon {
        background: #fff;
        min-height: 250px;
    }

    .board-link:hover {
        font-size: 1em;
        color: #FDB81E;
    }

.data-breadcrumb {
    color: white;
}

    .data-breadcrumb:hover {
        color: #FDB81E;
    }

a.btn.btn-standout.data-button {
    background-color: hsla(0, 0%, 0%, 0.7);
}

.data-button:hover {
    background-color: #fdb81e !important;
    color: black;
}

span.small {
    font-size: 0.7em;
}

.instr {
    color: white;
}

.hoverhint:hover .hint {
    transition: 0.3s all ease-in;
    bottom: 100%;
    opacity: 1;
}

.hint {
    opacity: 0;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    width: 200px;
    height: auto;
    font-weight: bold;
    background-color: #e2e2e2;
    padding: 20px;
    color: #3c518c;
    transition: 0.5s all ease-in;
    border-radius: 5px;
}

#Notice_section a.active {
    background: #046b99;
    color: #fff;
}

.lbl_css {
    font-size: 0.9rem;
    font-weight: 600;
    color: #333333;
}

.whats-new-marq-2 p {
    border-bottom: 1px dashed #343a40;
    margin-bottom: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    cursor: pointer;
}

.mr-bottom {
    margin-bottom: 0.5rem !important;
}

.text-red {
    color: #bd0302;
}

.text-small {
    font-size: 0.75rem !important;
}

#ctl00_MainContent_Latest_job .ca-gov-icon-important, #ctl00_MainContent_Latest_Notice .ca-gov-icon-important {
    padding-right: 5px;
}

.icon-small {
    font-size: 1.5rem !important;
}

.over_lay {
    background-color: rgba(76, 76, 76, 0.47);
}

.panel-default span.ca-gov-icon-info {
    font-size: 1.5rem;
}

.panel-default .panel-heading {
    padding: 5px 15px;
}

.head_txt {
    font-size: 3.1rem;
    color: white;
    margin: 5px 0px;
    font-weight: 800;
    text-shadow: 2px 4px 3px #060606ad;
}

.Animate_Text span {
    font-size: 2rem;
    background-color: rgba(0, 0, 0, 0.7);
    text-shadow: 2px 4px 3px #060606ad;
    padding: 5px;
}

.rac_text_head {
    font-size: 2.1rem;
    font-weight: 800;
    margin: 5px;
}

.item {
    background-color: white;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.owl-carousel a {
    color: #333;
}

.carousel-media1 img {
    width: 68px !important;
    height: 68px !important;
    position: relative;
    left: -15px;
}

.owl-carousel p {
    font-weight: 500;
    padding: 0px 10px;
    min-height: 45px;
    font-size: .85rem;
}

.no_bdr {
    border: none !important;
}

.box_shadow .panel-heading {
    border-radius: 0px;
}

.mh_Home {
    min-height: 470px !important;
}

marquee {
    height: -webkit-fill-available;
}

.service_box {
    margin-bottom: 10%;
}

.service_box h4 {
    margin: 5px 0px;
}

.service_box p {
    font-size: 0.9rem;
}

#about-infographic {
    position: relative;
    width: 486px;
    height: 488px;
    width: 340px;
    height: 341px;
    -webkit-transform: scale(0.7);
    -webkit-transform-origin: 0 0;
    -moz-transform: scale(0.7);
    -moz-transform-origin: 0 0;
    -ms-transform: scale(0.7);
    -ms-transform-origin: 0 0;
    -o-transform: scale(0.7);
    -o-transform-origin: 0 0;
    transform: scale(0.7);
    transform-origin: 0 0;
    margin: 0 auto;
}

    #about-infographic div {
        position: absolute;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat;
    }

    #about-infographic div span {
        display: block;
        color: #fff;
        text-shadow: 3px 2px 6px Black;
    }

    #about-infographic #infographic-circle-green {
        width: 277px;
        height: 277px;
        top: 23%;
        left: -12%;
        background-image: url('../images/process/infographic-circle-green.png');
        z-index: 1;
    }


    #about-infographic #infographic-circle-green2 {
        width: 275px;
        width: 275px;
        top: 65%;
        left: 49%;
        background-image: url('../images/process/infographic-circle-green.png');
        z-index: 1;
    }

.no-svg #about-infographic #infographic-circle-green {
    background-image: url('../images/process/infographic-circle-green.png');
}

#about-infographic #infographic-circle-yellow {
    width: 275px;
    height: 275px;
    top: 23%;
    left: 64%;
    background-image: url('../images/process/infographic-circle-yellow.png');
}

.no-svg #about-infographic #infographic-circle-yellow {
    background-image: url('../images/process/infographic-circle-yellow.png');
}

#about-infographic #infographic-circle-orange {
    width: 275px;
    height: 275px;
    top: 217px;
    left: 217px;
    background-image: url('../images/process/infographic-circle-orange.png');
    z-index: 1;
}


#about-infographic #infographic-circle-orange2 {
    width: 275px;
    height: 275px;
    top: -20px;
    left: 121px;
    background-image: url('../images/process/infographic-circle-orange.png');
    z-index: 1;
}

.no-svg #about-infographic #infographic-circle-orange {
    background-image: url('../images/process/infographic-circle-orange.png');
}

#about-infographic #infographic-circle-red {
    width: 275px;
    height: 275px;
    top: 65%;
    left: 5%;
    background-image: url('../images/process/infographic-circle-red.png');
}

.no-svg #about-infographic #infographic-circle-red {
    background-image: url('../images/process/infographic-circle-red.png');
}

#about-infographic #infographic-logo {
    width: 250px;
    height: 250px;
    top: 36%;
    left: 141px;
    background: url('../images/process/infographic-logo.png') no-repeat 0 0;
    background-size: cover;
    z-index: 5;
}

.no-svg #about-infographic #infographic-logo {
    background: url('../images/process/infographic-logo.png') no-repeat 0 0;
}

#about-infographic #infographic-circle-green span {
    margin: 36% 20% 0px 0px;
}

#about-infographic #infographic-circle-yellow span {
    margin: 36% 0px 0px 15%;
}

#about-infographic #infographic-circle-orange span {
    margin: 140px 0px 0px 50px;
}

#about-infographic #infographic-circle-red span {
    margin: 50% auto;
}

#about-infographic #infographic-logo span {
    text-indent: -9000px;
}


#about-infographic #infographic-circle-orange2 span {
    margin: 25% auto;
}

#about-infographic #infographic-circle-green2 span {
    margin: 50% auto;
}


#about-infographic Span {
    color: white;
    font-size: 1.5rem;
    font-weight: 500;
}

#recruitment_process .process_text > p {
    font-size: 14px;
    letter-spacing: .08px;
    text-align: justify;
    font-weight: 400;
    text-shadow: 3px 2px 6px white;
    color: #353535;
}

#recruitment_process .process_text > p > span {
    padding-left: 10px;
    font-weight: bold;
    font-size: 13px;
    text-shadow: 3px 2px 6px white;
    color: #8a1b05;
}

@media screen and (min-width: 1024px) {
    #about-infographic {
        width: 500px;
        height: 480px;
        left:15%;
        margin-top:2%;
        position:relative;
    }
}

@media only screen and (min-width:200px) and (max-width:400px) {
    #about-infographic {
        display: none;
    }
}

@media only screen and (min-width:400px) and (max-width:767px) {
    #about-infographic {
        display: none;
    }
}

@media only screen and (min-width:768px) and (max-width: 991px) {
    #about-infographic {
        width: 500px;
        height: 450px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    #about-infographic {
        width: 100%;
        height: 400px;
    }
}

@media only screen and (min-width:1200px) and (max-width:1449px) {
}

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

.section-title-heading span {
    font-size: 1.5rem;
    font-weight: 500;
}

.section-title-heading {
    margin:10px 0px;
}

.digital-india div:last-child {
    border: none;
}

.digital-india div {
    width: 25%;
    float: left;
    border-right: solid 1px;
    border-color: rgba(0,0,0,0.2);
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    padding-bottom: 10px;
}

span.big {
    text-transform: capitalize;
    letter-spacing: 0;
    line-height: 1.4;
    font-size: 1.7rem;
    margin-top: 0;
    display: block;
    font-weight: 700;
}

.mr_5 {
    margin: 5px 0px;
}

.Contact_left_sec {
    background-color: #f1eeee;
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: 565px !important;
}

#chartdiv {
    width: 100%;
    height: 400px;
}

.Contact_Right_sec {
    box-shadow: 0px 1px 2px 1px #b9b6b6;
    min-height: 565px !important;
}

.padd_top_bottom_25 {
    padding: 25px 0px;
}

.map-section {
    height: 300px;
    overflow: hidden;
    position: relative;
    -webkit-transition: height 0.2s ease-out;
    transition: height 0.2s ease-out;
}

#map_custom {
    height: 100%;
}

.fx_2 {
    font-size:2rem;
}
.fx_3 {
    font-size:3rem;
}