.container-cpi h1.headerRegular {
    font-family:folio,'Helvetica CndBold';
    margin-top:40px;
    text-transform:uppercase;
    color:#3695d8;
    font-size:72px;
    line-height:60px;
}

.container-cpi strong {
    font-family:'Neue Helvetica 75 Bold';
}
.cpi-downloads {
    padding-top:60px;
    padding-bottom:200px;
}
.cpi-downloads > div {
    padding-bottom:10px;
}
.cpi-downloads a {
    font-family:"Helvetica CndBold";
    display:block;
    text-transform:uppercase;
    font-size:16px;
}
.cpi-downloads i {
    font-size:64px;
    display:none;
    margin-bottom:20px;
}
@media (min-width: 801px) {
    .cpi-downloads i {
        font-size:64px;
        display:block;
        margin-bottom:20px;
    }
}
.unmask-large-driver {
    background-color:#c0391d;
    display:block;
   margin-top:40px;
}
.unmask-large-driver:hover {
    text-decoration:none;
}
.unmask-large-driver:hover span {
    text-decoration:underline;
}
.unmask-large-driver span {
    color:#000;
}
.unmask-large-driver .container {
    padding-top:40px;
    padding-bottom:30px;
    background-image:url('/assets/images/cpi2015/unmask_men.png');
    background-position:right top;
    background-repeat:no-repeat;

 font-family: 'BorisBlackBloxx';
 color:#FFF;
 font-size:26px;

}

table#results>thead>tr.footable-filtering>th {
text-align:left;
}
table#results>thead>tr {
    background-color:#FFF;
}
.unmask-large-driver .container p {
    width:75%;
}

.article image {
    width:auto;
}
  @media (max-width: 991px) {
    .article img {
    width: auto !important;
    height: auto !important; 
    }
}
@font-face {
font-family: 'folio';
src: url('/assets/fonts/FolioCond-Bold.eot') format('embeddable-opentype');
src: url('/assets/fonts/FolioCond-Bold.eot?#iefix') format('embeddable-opentype'), url('/assets/fonts/FolioCond-Bold.woff') format('woff'), url('/assets/fonts/FolioCond-Bold.ttf') format('truetype');
;
}
@font-face {
font-family: 'BorisBlackBloxx';
src: url('/assets/fonts/unmask_the_corrupt/BorisBlackBloxx.woff');
}
.cpi-nav {
  
    text-align:center;
    margin-bottom:10px;
    margin-top:40px;
}
.cpi-nav a {
      font-family:"Helvetica CndBold"; padding-left:20px;padding-right:20px;display:inline;white-space: nowrap;font-size:18px;font-weight:normal;
}
.container-regional-drivers {
    margin-top:40px;
    margin-bottom:40px;
}
.regional-driver {
    border-radius:4px;
    margin-top:10px;
    border:1px solid #CCC;
    overflow:hidden;
}
.cpi-nav a.hide-mobile {
    display:none;
}

@media (min-width: 801px) {
.cpi-nav a.hide-mobile {
    display:inline;
}
}
.article img.score-country-outline {
    display:none;
}
@media (min-width: 801px) {
.article img.score-country-outline {
    display:block;
    margin-bottom:50px;
}
}
.regional-driver-image {
    display:none;
}
@media (min-width: 801px) {
.regional-driver-image {
    display:block;width:100%;background-size:cover;background-position:center center;height:150px;background-repeat:no-repeat;
}
}
.regional-driver a {
    background-image:url(/assets/images/cpi2015/driver-arrow.png);
    display:block;
    background-position:5px 5px;
    background-repeat:no-repeat;
    padding-left:40px;
    font-family: "Neue Helvetica 57 Condensed";
    padding-top:4px;
    height:65px;
    font-size:12px;
    text-transform:uppercase;
}
.regional-driver a span {
display:block;
 font-family:"Helvetica CndBold";
}

.container-cpi h3 {
    color:#000;
    margin-top:60px;
    padding-bottom:5px;
    border-bottom:1px solid #DDD;
}


.container-cpi .article {
    margin:0;
    padding:0;
    width:100%;
}

.cpi-hero-image {
    margin-top:40px;width:100%;background-position:center center;height:100vh;max-height:820px;background-size:cover;
}
.cpi-hero-image p {
    font-family:'folio';font-weight:normal;text-transform:uppercase;text-align:center;font-size:60px;line-height:72px;padding-top:250px;color:#FFF;margin-left:auto;margin-right:auto;
}
@media (min-width: 801px) {
.cpi-hero-image.cpi-hero-image-text-low p {

    padding-top:400px;

}
}
@media (max-width: 801px) {
    .cpi-hero-image p {
        font-size:30px;
        line-height:40px;
        padding-top:350px;
    }
}

.unmask-driver {
margin-top:40px;min-height:80px;padding-top:20px;border-top:1px solid rgba(0,0,0,0.2);position:relative;
}
.unmask-driver ul{
margin:0;padding:0;
margin-top:10px;
}
.unmask-driver ul li {
margin:0;padding:0;
margin-left:15px;
font-size:14px;
line-height:20px;
color:#000;
list-style-type:disc;
}
.unmask-driver ul li::before {
display:none;
}
.unmask-driver img {
margin-top:10px;
}

.unmask-driver .driver-cta a {
font-family:'BorisBlackBloxx';
color:#f95339;
text-decoration:none;
}
.unmask-driver .unmask-driver-image {
    display:none;
}
@media (min-width: 901px) {
.unmask-driver .unmask-driver-image {
    display:block;
}
}
.unmask-driver .driver-cta img {
display:inline;margin-left:10px;margin-right:auto;margin-bottom:10px;
}
.unmask-driver::after {
background-repeat:no-repeat;background-position:top right;display:block;position:absolute;top:-5px;right:0;background-image:url(/assets/images/cpi2015/unmaskflag.jpg);width:100px;height:100px;content:"";
}
.unmask-name {
font-family:'BorisBlackBloxx';
color:#000;
margin-top:10px;
}
.unmask-name > div {
    color:#555;font-size:14px;
}

.cpi-quote img {
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
}
.cpi-quote {
background-color:#ddd;
padding-top:60px;
padding-bottom:60px;
}
.cpi-quote p {
font-family:'Neue Helvetica 35 Thin';
font-size:24px;
line-height:30px;

position:relative;
}
@media (max-width: 801px) {
.cpi-quote p {
  margin-left:40px;
}

}
.cpi-quote p::before {
position:absolute;
top:0;
left:-40px;
content:"\201C";
font-family:'Neue Helvetica 75 Bold';
font-size:48px;
margin-top:10px;
color:#222;
}
.cpi-quote .attribution {
color:#3695d8;
font-size:18px;
display:block;
margin-top:20px;
}
.cpi-quote .attribution span {
font-family:'Neue Helvetica 75 Bold';

}

.light-photoattribution {
    padding-top:20px;
    font-size:12px;
    padding-bottom:20px;
    border-bottom: 1px solid #DDD;
}
.photo-attr-black {
    font-size:12px;
    padding:5px;
    min-height:60px;
}
.photo-attr-black a.button, .photo-attr-black button, .photo-attr-black a.button:hover, .photo-attr-black button:hover {
    background-color:#000;
    border:1px solid #FFF;
    border-radius:4px;
    height:auto;
    width:auto;
    padding:10px;
    float:right;
    margin-left:10px;
    line-height:14px;
    font-size:14px;
    font-family: "Neue Helvetica 57 Condensed";
    display:block;
}
.photo-attr-black a.button:hover, .photo-attr-black button:hover {
text-decoration:underline;
}
.results {
    margin-bottom:20px;
}
.results button {
    margin-left:auto;margin-right:auto;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:10px;
    margin-bottom:10px;
    display:block;
}
.table-container {
    overflow:hidden;
    height:700px;
     margin-top:0px;
     position:relative;
}
.table-container.showing {
}
.table-container::after {
 
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    display:block;
    z-index:1000;
    height:200px;
    content:" " ;
    background: -moz-linear-gradient(top, rgba(255,0,0,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,0,0,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,0,0,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff0000', endColorstr='#ffffff',GradientType=0 );
}
.table-container.showing::after {
    display:none;
}

#results .footable-toggle {
    display:none;
}
 .table .table tr, .table .table td {
border:0;
}

.table .table, .table .table tr {
    margin-top:0;
    border:0;
}
.table tr.footable-detail-row {
    background-color:#FFF;
}

.table tr.footable-detail-row:nth-child(odd) {
    background-color:#FFF;
}
.table .table tr:nth-child(odd) {
    background-color:#FFF;
}  
tr:nth-child(odd) {
    background-color: #cfe8f7;
}

.footable-filtering .input-group-btn {
    display:none;
}

.cpi-map {
    display:none;
    position:relative;
}
@media (min-width: 801px) {
    .cpi-map {
    display:block;
    }
}

/*Map Styles*/
.cpi-map .cpi-popup-country-name  {
    /*condensed medium*/
    font-family:"Helvetica CndBold";
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 10px;
    color: black;   
    margin-right: 10px;     
}

.cpi-map .cpi-popup-country-number {
    /*condensed medium*/
font-family:"Helvetica CndBold";
    text-transform: uppercase;
    font-size: 16px;
    color: black;
}
@media (min-width: 801px) {
.cpi-map-small {
    display:none;
}
}

#map {
    height:500px;
}
.cpi-map .cpi-popup-text {
    line-height: 16px;
    margin-bottom: 10px;
    color: #5d5d5d;
}

.cpi-map .cpi-popup-title  {
 font-family:"Helvetica CndBold";
}

.cpi-map .cpi-popup-total-rank {
    color:#3695d8;
}

.cpi-map .mapboxgl-popup-content{
    min-width: 120px;
}       

.cpi-map .cpi-legend{
    position: absolute;
    /* top: 0; */
    z-index: 2;
    bottom: 85px;
    left: 10px;
}

#progress {
    height:1px;
    width:0;
    position:relative;

}
@media (min-width: 801px) {


.reduced #progress {
    margin-top:-14px;
}

#progress::after {
    position:absolute;
    bottom:-18px;
    background-color:#3695d8;
    height:4px;
    content: " ";
    display:block;
    width:100%;
}
}


