/*
  Theme Name: Jackson Quality Data Theme
  Theme URI:
  Author: Alan Espinet, SpiderBoost Communications
  Author URI:
  Description: Exclusive Theme used for Jackson Quality Data Website
  Version: 1.0
  Licence:
  Licence URI:
  Tags:
  Text Domain:
*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700');



h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li {
    font-family: 'Arvo', serif;
}

a,
a:hover,
a:focus,
a:visited {
    text-decoration: none;
}

.Clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/*HEADER*/
/* body {} */

/* .header-wrapper {
    background-color: #1b90bd;
} */

.header-navbar {
    position: relative;
    margin-bottom: 80px;
    width: 100%;
    top: 0;
    z-index: 10;
    /*background-color: #1b90bd;*/
    overflow: hidden;
    -webkit-transition: height .4s ease-in-out;
    transition: height .4s ease-in-out;
}

.imagen-navbar img {
    position: relative;
    bottom: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.icon-navbar {
    position: fixed;
    top: 30px;
    left: 0;
    margin: 10px 50px;
    z-index: 99999;
}

.home-navbar {
    position: absolute !important;
}

.icon-navbar img {
    cursor: pointer;
}

.blue-line-menu {
    height: 1px;
    background: #1c91bd;
    margin: 10px 0;
}

.data-cont .blue-line-menu:last-child {
    height: 0;
    background: transparent;
}

.icon-navbar .menu-open-button {
    font-family: 'Arvo', serif;
    color: #015ca4;
    padding: 5px 10px;
    background: #f4f4f4;
    border-radius: 7px;
    font-weight: bold;
    font-size: 20px;
    border: 1px solid #015ca4;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.icon-navbar .menu-open-button:hover {
    color: #f4f4f4;
    border: 1px solid #f4f4f4;
    background: #015ca4;
}

.menu-wrapper {
    position: fixed;
    height: 100vh;
    width: 350px;
    top: 0;
    background-color: #fff;
    -webkit-transition: left .3s ease;
    transition: left .3s ease;
    z-index: 999999;
}

.class-menu-close {
    left: -350px;
}

.menu-close-display {
    display: none;
}

.class-menu-open {
    left: 0;
}

.header__overlay-lateral {
    background-color: rgba(0, 0, 0, .75);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99999;
    display: none;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.menu-wrapper .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 0;
    height: 100%;
    overflow-y: auto;
}

.menu-wrapper .menu .icon-home-sidebar,
.menu-wrapper .menu .icon-use-this-site-sidebar,
.menu-wrapper .menu .icon-contact-us-sidebar {
    font-size: 30px;
    color: #336699;
    position: relative;
    top: 30px;
    left: 23px;
}

.menu-wrapper.class-menu-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.menu-wrapper .menu li {
    list-style: none;
    width: 100%;
    height: 7.5vh;
}

.menu-wrapper .menu-list-cont img {
    position: relative;
    top: 25px;
    left: 20px;
}

.menu-wrapper .menu-list-cont p {
    margin-left: 60px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e7e9;
    font-size: 16px;
}

.language-ul {
    color: #005293;
    list-style: disc;
    min-width: auto;
    padding-left: 25px;
}

.language-cont .dropdown-menu>li>a {
    padding-left: 0;
    color: #005293;
    font-weight: 400;
    font-size: 1.5rem;
}

.dropdown-bubble .dropdown-menu:before,
.dropdown-bubble .dropdown-menu:after {
    content: ' ';
    display: block;
    border-style: solid;
    border-width: 0 .5em .8em .5em;
    border-color: transparent;
    position: absolute;
    left: 2em;
}

.dropdown-bubble .dropdown-menu:before {
    top: -.8em;
    border-bottom-color: rgba(0, 0, 0, 0.5);
}

.dropdown-bubble .dropdown-menu:after {
    top: -.7em;
    border-bottom-color: #fff;
}

.language-cont {
    position: fixed;
    top: 50px;
    right: 10vw;
    z-index: 99999;
    font-family: 'Roboto Slab', serif;
}

.skiptranslate {
    display: none !important;
}

.translated-ltr body {
    top: 0 !important;
}

.language-active {
    font-weight: 900 !important;
}

.language-cont .language-ul li {
    height: auto;
    list-style: disc;
    margin-top: 5px;
}

.row.equal {
    display:flex;
    flex-wrap:wrap;
}

.row.equal.center {
    justify-content:center;
}

.language-cont p.language-p {
    border-bottom: 0;
    font-weight: 900;
    color: #fff;
    font-size: 1.8rem;
    font-family: 'Roboto Slab', serif;
}

.menu-wrapper .social-media-cont {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* .menu-wrapper .social-media-cont img {
    max-width: 40%;
} */

.header-menu {
    background-color: #e6e7e9;
    padding: 70px 20px 40px 20px;
}

.header-menu .close-menu {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
}

.header-menu .menu-close-button {
    font-family: 'Arvo', serif;
    color: #015ca4;
    padding: 5px 10px;
    background: #f4f4f4;
    border-radius: 7px;
    font-weight: bold;
    font-size: 18px;
    border: 1px solid #015ca4;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.header-menu .menu-close-button:hover {
    color: #f4f4f4;
    border: 1px solid #f4f4f4;
    background: #015ca4;
}

.header-menu .logo-menu {
    max-width: 250px;
}

.menu-wrapper .menu li a {
    color: #000;
    text-transform: capitalize;
}

.menu-wrapper .menu .menu-icon {
    /* width: 30px;
  height: auto;
  max-height: 30px; */
    width: 40px;
    height: 30px;
}

.imagen-navbar {
    padding: 30px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header-title {
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    bottom: 20px;
}

.header-title img,
.header-title h2,
.header-title h2 {
    display: inline-block;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.header-title h2,
.header-title h1 {
    text-transform: capitalize;
    font-size: 40px;
    color: #fff;
    font-weight: 400;
    margin-left: 10px;
    position: relative;
    top: 15px;
    padding-bottom: 70px;
}

.header-text p {
    font-size: 28px;
    color: #fff;
    padding-bottom: 60px;
    font-weight: 400;
}

/*ACCORDION STYLE*/
.ui-accordion .ui-accordion-header {
    padding: 30px 35px;
    font-size: 26px;
    color: #414042;
    text-transform: capitalize;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 0;
    background: #d8d8d8;
    outline: none;
}

.ui-icon {
    text-indent: 0;
    width: 30px;
    height: 30px;
}

.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s,
.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {
    position: absolute;
    right: 15px;
    top: 35px;
    background-image: none;
}

.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s:after {
    content: "\f0d8";
    font-family: 'FontAwesome';
    font-size: 30px;
    color: #414142;
}

.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e:after {
    content: "\f0d7";
    font-family: 'FontAwesome';
    font-size: 30px;
    color: #414142;
}



/*INDEX STYLE*/
.title-first-accordion {
    margin: 90px 15%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #feb913;
}

.cup-cont {
    padding-bottom: 15px;
}

.title-first-accordion h4,
.title-first-accordion img {
    display: inline-block;
}

.title-first-accordion h4 {
    color: #005292;
    font-size: 25px;
    margin: 0;
    margin-left: 15px;
    position: relative;
    top: 5px;
}

.link-first-accordion {
    margin-bottom: 90px;
}

.link-first-accordion a {
    display: block;
    margin: 20px auto;
    color: #005292;
    font-size: 17px;
    text-align: center;
}

.data-title {
    font-size: 16px;
    color: #333132;
    font-weight: 400;
    margin: 30px 0;
}

.download-pdf img {
    display: inline-block;
    margin-right: 15px;
}

.download-pdf {
    font-size: 16px;
    color: #fff !important;
    background-color: #005292;
    padding: 15px 35px;
    text-decoration: none;
}

.title-data-cont {
    margin-top: 40px;
}

.title-data-cont p a[href^="tel:"] {
    color:#005292;
    text-decoration:underline;
}

.graph-index h6 {
    font-weight: bold;
    font-size: 16px;
    /* color: #414042; */
    color: #000;
}

.graph-index .graph-jackson {
    color: #005292;
}

.graph-index {
    padding: 15px 0;
    background-color: #e3e3e3;
    margin: 50px 0;
    margin-bottom: 0;
    position: relative;
}

.overlay-white {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    display: none;
    z-index: 1;
}

.only-fixed {
    position: fixed;
    display: none;
    z-index: 9999;
}

.icon-designationsawards {
    color: #005292;
    font-size: 25px;
    position: relative;
    top: 5px;
}

.home-intro-description img {
    max-width: 360px;
}

.home-intro-description .center-logo {
    margin: 0 25px;
}

.download-icon {
    color: #005292;
    font-size: 35px;
}

.cup-icon {
    max-width: 25px;
}

.only-fixed.graph-index {
    margin: 0;
    width: 100%;
}

.measure-text,
.more-info-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 90px;
    margin: 40px 0 10px;
}

.measure-text.second-text {
  margin-top: 0;
  display: block;
}

.more-info-cont {
    margin-top: 20px;
}

.white-cont .more-info-cont {
    padding-top: 20px;
}

.measure-text p,
.more-info-text p {
    font-size: 16px;
    color: #333132;
}

/* .florida-p,
.better-percent {
    display: inline-block;
} */

#chartContainer {
    margin-top: 20px;
}

/*input[type='radio']:checked:after {
        width: 6px;
        height: 6px;
        border-radius: 15px;
        top: -5.5px;
        left: 3.5;
        position: relative;
        background-color: #00659e;
        content: '';
        display: inline-block;
        visibility: visible;
    }*/
.more-info-text .title-better {
    font-weight: bold;
    font-size: 16px;
    color: #005292;
    /*text-transform: uppercase;*/
}

.more-info-text .better-percent {
    font-weight: 700;
    font-size: 20px;
    /* color: #45d07e; */
    color: #097d39;
}

.more-info-text .worst-percent {
    font-weight: 700;
    font-size: 20px;
    /* color: #45d07e; */
    color: #333132;
}

.more-info-text a {
    color: #1c96c4;
    font-size: 12px;
}

.pdf-center-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100px;
}

.col-1,
.col-2,
.col-3 {
    margin-left: 30px;
}

.combined-data {
    font-size: 10px;
    color: #848484;
    text-align: center;
    width: 70%;
}

.hospital-compare-title {
    margin: 40px 0;
}

.hospital-compare label {
    color: #005292;
    font-size: 16px;
    font-weight: bold;
}

.view-historical-data {
    background: #fff;
    border: 0;
    color: #1c96c4;
    font-size: 12px;
}

.white-cont {
    position: relative;
    margin-top: 15%;
    background: #fff;
    height: 430px;
}

.jackson-cont h6,
.state-cont h6,
.national-cont h6 {
    display: inline-block;
    margin: 3px 0;
}

.inline-block {
    display: inline-block;
}

p.inline-block {
    font-size: 14px;
}

h6.inline-block {
    font-size: 20px;
}

.jackson-box,
.state-box,
.national-box {
    display: inline-block;
    width: 20px;
    height: 10px;
    margin-right: 10px;
}

.jackson-box {
    background-color: #005292;
}

.state-box {
    background-color: #a2a2a2;
}

.national-box {
    background-color: #363636;
}

.close-modal {
    position: absolute;
    z-index: 20;
    right: -20px;
    background-color: #fff;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.close-modal img {
    margin-top: 6px;
}

.measure-cont {
    padding-left: 30px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.measure-cont h6 {
    font-size: 16px;
    color: #414042;
    font-weight: bold;
}

.measure-cont p {
    font-size: 16px;
    color: #414042;
}

.hospital-compare input {
    color: #005292;
    margin-right: 10px;
}

/* .graph-modal {
    display: none;
} */

.complete-reports h3 {
    font-size: 30px;
    color: #414042;
    margin: 50px 0;
}

.complete-reports p {
    font-size: 19px;
    font-weight: 400;
    color: #414042;
    margin-bottom: 80px;
}

.complete-reports a {
    padding: 20px 10px;
    background: #005292;
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    margin: 10px 0;
}

.stiky-footer {
    position: fixed;
    bottom: 0;
    background: #005292;
    padding: 10px 0;
    width: 100%;
    z-index: 8;
}

.stiky-footer-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.icon-download {
    margin-left: 10px;
    margin-right: 10px;
}

.stiky-footer i,
.stiky-footer p {
    color: #fff;
    text-align: center;
}

.complete-reports a:hover {
    background: #fff;
    color: #005292;
    border: 1px solid #005292;
}

/*HOW TO PAGE WOKRS*/
.how-to-page-w-cont {
    margin: 150px 0 50px 0;
}

/* .how-to-page-w-cont img {
    width: 100%;
} */

.HTPW-ul ul {
    list-style: none;
    padding: 0;
}

.HTPW-ul li {
    /* padding-left: 1.3em; */
    margin-left: 1em;
    font-size: 19px;
    color: #fff;
    list-style: disc;
}

/* .HTPW-ul li:before {
  content: "\f069";
  font-family: 'FontAwesome';
  font-size: 10px;
  display: inline-block;
  margin-left: -1.3em;
  width: 1.3em;
  position: relative;
  bottom: 2px;
  right: 10px;
} */
.HTPW-title {
    color: #095a9e;
    font-weight: 400;
    font-size: 40px;
    padding-top: 5px;
}

.HTPW-sub-title {
    color: #095a9e;
    font-size: 25px;
    margin-bottom: 50px;
}

@media (max-width: 1199px) {
    .home-intro-description .center-logo {
        margin: 0 20px;
    }
}

@media (max-width: 767px) {
    .HTPW-title {
        font-size: 30px;
        margin-top: 0;
        padding-top: 20px;
    }

    .HTPW-sub-title {
        font-size: 20px;
    }

    .page-id-486 .imagen-navbar {
        padding-top: 39px;
    }

    .home-intro-description .center-logo {
        margin: 0 auto;
    }
}


/*MODAL*/
.modal-header {
    border-bottom: 0;
    padding-bottom: 0;
}

.modal-body {
    padding-top: 0;
}

.modal {
    z-index: 99999;
}

.close {
    font-size: 30px;
    color: #015293;
    opacity: .7;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 90%;
        max-width: 1200px;
    }
}

@media (max-width: 767px) {
    /* .modal-content {
        background-color: #4c4c4c;
    } */

    .close {
        color: #006397;
        opacity: 1;
    }
}


/*GRAPH*/
.chart-container {
    position: relative;
    margin: auto;
    height: auto;
    width: 100%;
}

/*FOTTER*/
#btn-to-top {
    background-color: #004586;
    position: fixed;
    bottom: 50px;
    right: 50px;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99997;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
}

#btn-to-top a {
    color: #fff;
    padding: 10px 12px;
}

#btn-to-top P {
    color: #fff;
    position: relative;
    top: 10px;
}

#btn-to-top i {
    position: absolute;
    top: 10px;
    left: 23px;
}

#btn-to-top:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.pillar-link {
    margin: 50px 0 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.prev-post,
.next-post {
    margin: 10px 0;
}

.pillar-link a {
    font-size: 19px;
    color: #005292;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}

.pillar-link a:hover {
    color: #50bde6;
}

.colo-blue-cont {
    margin: 80px 0;
    padding-bottom: 100px;
    padding-top: 100px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b90bd+0,1f95c0+50,3aafda+100 */
    background: #1b90bd;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#1b90bd), color-stop(50%, #1f95c0), to(#3aafda));
    background: linear-gradient(to right, #1b90bd 0%, #1f95c0 50%, #3aafda 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b90bd', endColorstr='#3aafda', GradientType=0);
    /* IE6-9 */
}

.colo-blue-cont h4 {
    color: #fff;
    font-weight: 400;
    font-size: 31px;
}

.colo-blue-cont p {
    font-size: 19px;
    color: #fff;
    margin: 50px 0;
    height: 100px;
}

.colo-blue-cont a {
    font-size: 19px;
    padding: 15px 60px;
    color: #fff;
    border: 1px solid #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.colo-blue-cont a:hover {
    background-color: #fff;
    color: #3DB7E4;
}

.social-media-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.social-media-cont a i {
    /*max-width: 30px;*/
    margin: 0 5px;
}

.social-media-cont a,
.social-media-cont a:hover {
    color: #004586;
}

.copyright {
    background-color: #e3e3e3;
}

.copyright p {
    padding: 20px 0;
    margin-bottom: 0;
    color: #000;
    font-size: 16px;
}

.google-translate img {
    width: 100%;
    padding: 30px 40px;
}

.pillar-header-title i,
.HTPW-title i {
    font-size: 25px;
    position: relative;
    bottom: 17px;
    left: 5px;
    cursor: pointer;
    padding: 5px;
}

.pillar-header-title a,
.pillar-header-title a:hover {
    color: #fff;
}

.HTPW-title a,
.HTPW-title a:hover {
    color: #095a9e;
}


/*MEDIAS*/
@media (max-width: 991px) {
    .header-title h2 {
        font-size: 30px;
        top: 5px;
    }

    .header-title img {
        width: 40px;
    }

    .header-text p {
        font-size: 18px;
    }

    .pillar-header-title i {
        font-size: 20px;
        /* bottom: 12px; */
        bottom: 6px;
    }

    .pillar-header-title i {
        padding: 3px;
    }

    .header-title {
        bottom: 0;
    }
}

@media (max-width: 767px) {
    .language-cont {
        top: 40px;
        right: 6vw;
    }

    .imagen-navbar img {
        max-width: 30%;
    }

    .icon-navbar {
        margin-left: 15px;
    }

    .header-title h2 {
        font-size: 20px;
        top: 5px;
        margin-left: 5px;
        padding-bottom: 20px;
    }

    .icon-navbar img {
        max-width: 70%;
    }

    .header-title img {
        width: 30px;
    }

    .header-text p {
        font-size: 16px;
    }

    .ui-accordion .ui-accordion-header {
        font-size: 18px;
    }

    .col-without-padding-xs {
        padding-left: 0;
        padding-right: 0;
    }

    .ui-accordion .ui-accordion-content {
        padding: 1em 21px;
    }

    .graph-index .col-xs-4 {
        padding: 0;
    }

    #btn-to-top {
        bottom: 120px;
        right: 30px;
    }

    .price-estimate {
        margin: 50px 0;
    }

    .title-first-accordion {
        margin: 90px 0 20px 0;
    }

    .colo-blue-cont p {
        height: auto;
    }
}



/*GRAPH*/

/* .chartBarsWrap {
    padding-left: 40px;
    margin: 0 30px 0 20px;
} */

.chartBars {
    position: relative;
    max-width: 600px;
    height: 200px;
    margin: 0 auto 50px;
}

.chartBars .bars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    /*border-left: 1px solid #bbb;*/
    border-bottom: 1px solid #bbb;
    width: 100%;
    height: 100%;
    padding: 0;
    padding: 0 1%;
    margin: 0;
}

.chartBars .bars li {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 24%;
    flex: 0 1 24%;
    height: 100%;
    margin: 0;
    text-align: center;
    position: relative;
    font-size: 16px;
}

.chartBars .bars li .bar {
    width: 50px;
    background: #49E;
    position: absolute;
    font-size: 2.4em;
    color: #fff;
    padding-top: 1px;
    bottom: 0;
    height: 0;
    max-height: 100%;
    overflow: hidden;
    outline: 2px solid transparent;
    -webkit-transition: .5s height cubic-bezier(0.6, 0.4, 0.4, 1);
    transition: .5s height cubic-bezier(0.6, 0.4, 0.4, 1);
}

/*.chartBars .bars li .bar:after {
  content: '%';
  font-size: 26px!important;
  vertical-align: top;
  color: rgba(255, 255, 255, 0.8);
  margin-right: -8px;
}*/
.chartBars .bars li b {
    /* color: #848484; */
    color: #6d6c6c;
    min-width: 79px; /*78px*/
    position: absolute;
    bottom: -2em;
    left: -10px;
    text-align: center;
}

.jackson-p {
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
}

.data-point {
    position: relative;
    top: 60px;
    width: 60%;
}

.data-point-na {
    position: relative;
    top: 42px;
    width: 59%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family: 'Arvo', serif;
    height:65px;
}

.data-point-na div {
    font-size:20px;
    font-weight:bold;
    color:#005292;
    text-align:center;
}

.single-point {
    width:49%;
    display:inline-block;
    text-align:center;
    margin-top:70px;
}

.single-point p {
    font-size:16px;
    font-weight:700;
    color:#6d6c6c;
}

.single-point.single-point-jackson p {
    color:#005292 !important;
}

.chart-single-data-point {
    margin-bottom:0 !important;
    height:125px !important;
}

.data-point-number {
    position: relative;
    width: 40%;
    text-align: center;
    margin-left: auto;
}

.f-data-point-number {
    position: relative !important;
    width: 40% !important;
    text-align: center !important;
    margin-left: auto !important;
}

.m_is_stroke_volume-p {
    width: 100%;
    margin-top: 40px;
}

.data-point-number p {
    color: #6d6c6c;
    min-width: 70px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
}

.m_is_stroke_volume-p p {
    color: #005292;
}

.chartBars .bars li b.jackson-b,
.jackson-p {
    color: #005292;
}

.chartBars .numbers {
    width: 50px;
    height: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
    position: absolute;
    left: -50px;
}

.chartBars .numbers li {
    text-align: right;
    padding-right: 1em;
    list-style: none;
    height: 59px;
    position: relative;
    font-size: 13px;
    bottom: 11px;
    right: -9px;
    color: #eee;
}

.chartBars .numbers li:after {
    content: "\00af";
    position: relative;
    right: -5px;
    font-size: 20px;
    top: 7px;
    color: rgba(255, 255, 255, 0.34);
}

.chartBars .numbers li:first-of-type {
    height: 63px;
    margin-top: -1px;
}

.chartBars1 .bar {
    border-top-right-radius: 30px;
}

/* .chartBars2 {
    max-width: 350px;
} */

.chartBars2 .bars {
    padding: 0;
    margin-top: 10px;
}

.chartBars2 .bars li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 0%;
    flex: 0 1 0%;
}

.chartBars2 .bars li.li-trauma {
    -ms-flex: 0 1 10%;
    -webkit-box-flex: 0;
    flex: 0 1 10%;
}

/* .chartBars2 .bars li .bar {
    box-shadow: 0 0 20px #222;
} */

.chartBars3 {
    background: rgba(255, 255, 255, 0.1);
    border-top: 1px solid #666;
    border-right: 1px solid #666;
}

.chartBars3 .bars {
    border-color: #666;
    padding: 0;
}

.chartBars3 .bars li .bar {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    font-size: 22px !important;
}

.chartBars3 .bars li .bar:after {
    font-size: .6em !important;
}

.bars li .bar.jackson {
    background-color: #005292;
}

.bars li .bar.florida {
    background-color: #848484;
}

.bars li .bar.national {
    background-color: #848484;
}

.bars li .bar.greenBar {
    background-color: #6B8E23;
    background: radial-gradient(#99cb32, #6B8E23);
}

.bars li .bar.blueBar {
    background-color: #49E;
    background: radial-gradient(#8abff4, #49E);
}

.bars li .bar.orangeBar {
    background-color: orange;
    background: radial-gradient(#ffc04d, #FFA500);
}

.bars li .bar.purpleBar {
    background-color: #6e46af;
    background: radial-gradient(#9778c9, #6e46af);
}

.box-piesite {
    text-align: center;
    font-size: 22px;
}

.piesite {
    position: relative;
    width: 1em;
    height: 1em;
    font-size: 10em;
    cursor: default;
}

.percent {
    position: absolute;
    top: 1.1em;
    left: .1em;
    width: 100%;
    font-size: .3em;
    text-align: center;
    z-index: 2;
}

.percent .symbol {
    font-size: .5em;
    vertical-align: top;
    opacity: .5;
}

.piesite>#slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0px, 1em, 1em, 0.5em);
}

.piesite>#slice.gt50 {
    clip: rect(auto, auto, auto, auto);
}

.piesite>#slice>.pie {
    position: absolute;
    border: .1em solid #444;
    width: 1em;
    height: 1em;
    clip: rect(0em, 0.5em, 1em, 0em);
    border-radius: 0.5em;
}

li.design .piesite>#slice>.pie {
    border-color: #49E;
}

li.usability .piesite>#slice>.pie {
    border-color: #FFA500;
}

li.creativity .piesite>#slice>.pie {
    border-color: #6B8E23;
}

.piesite>#slice>.pie.fill {
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

.piesite.fill>.percent {
    display: none;
}

.piesite:after {
    content: '';
    display: block;
    position: absolute;
    top: .1em;
    left: .1em;
    width: .8em;
    height: .8em;
    background: #30303A;
    border-radius: 100%;
    z-index: 1;
}

.piesite:before {
    content: '';
    display: block;
    position: absolute;
    width: 1em;
    height: 1em;
    border-radius: .5em;
    opacity: .5;
    z-index: 0;
}

.piesite:before {
    background: rgba(255, 255, 255, 0.1);
}

.box-piesite ul {
    padding: 0;
}

.box-piesite ul li {
    display: inline-block;
    margin: 10px 20px;
}

@media screen and (min-width: 600px) {
    .bar:before {
        font-size: 2em !important;
    }

    .chartBars3 .bar:before {
        font-size: 1.5em !important;
    }
}

.tooltip>.tooltipContent {
    display: block;
    position: absolute;
    background: none repeat scroll 0 0 #222;
    color: #F0B015;
    font-family: 'Helvetica';
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.5em;
    padding: 16px 15px;
    min-width: 200px;
    max-width: 500px;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -110%);
    transform: translate(-50%, -110%);
    margin-left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
    z-index: 2;
    text-transform: none;
    -webkit-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tooltip:hover>.tooltipContent {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 99;
    -webkit-transform: translate(-50%, -130%);
    transform: translate(-50%, -130%);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.tooltip .tooltipContent:after {
    border-color: #222 rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 15px 15px 0;
    bottom: -15px;
    content: "";
    display: block;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    width: 0;
}

@media (max-height: 775px) {
    .header-menu {
        padding: 50px 20px 20px 20px;
    }

    .icon-navbar .menu-open-button,
    .header-menu .menu-close-button {
        font-size: 15px;
    }

    .social-media-cont {
        margin-bottom: 10px;
    }
}

@media (max-height: 675px) {
    .header-menu .logo-menu {
        max-width: 180px;
    }

    .header-menu .logo-menu.center-block {
        margin-left: 0;
    }

    .header-menu .close-menu {
        top: 23px;
    }

    .header-menu {
        padding: 20px 20px 20px 20px;
    }

    /*.menu-wrapper .menu li{
    height: 10vh;
  }*/
}

@media (max-width: 550px) {
    .pillar-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .menu-wrapper .menu {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .menu-wrapper .menu li {
        width: 50%;
        height: 5vh;
    }

    .menu-wrapper {
        width: 650px;
    }

    .class-menu-close {
        left: -650px;
    }

    .header-menu {
        padding: 10px 10px 10px 10px !important;
    }

    .header-menu .close-menu {
        top: 15px;
    }
}



/* @media (min-width: 991px){
  .single-pillars p,
  .single-pillars h6,
  .single-pillars li
   { font-size: 20px !important; }
} */