@font-face {
    font-family: "EmojiSymbols";
    src: url(/wp-content/themes/Newspaper-child/EmojiSymbols-Regular.woff) format("woff");
    text-decoration: none;
    font-style: normal;
}

.extortion .titlehome, .extorsion .titlehome {

    color: #84172F !important;
}

.extortion .titlehome img, .extorsion .titlehome img{
    object-fit: cover;
}

.title-extortion{
    height: 60px;
    background: #fff;
    margin-top: 20px;
    margin-bottom: 5px;
}

.title-extortion.stories, .title-extortion.stories .subtitle-extortion-full {
    background: #000;
}

.title-extortion.extortion-explainers .wpb_wrapper, .title-extortion.stories .wpb_wrapper, .title-extortion.map .wpb_wrapper{
	margin-left: -24px;
    margin-right: -24px;
    padding-left: 17.5px;
    padding-right: 17.5px;
}

.title-extortion h3 {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-style: italic;
    font-family: "Times New Roman", Times, serif;
    font-size: 26px;
}

.title-extortion.stories h3{
    color: #fff;
}

.title-extortion .two-lines h3 {
    white-space: normal;
    text-overflow: clip;
}

.title-cell, .title-cell-img {
    float: left;
}

.title-cell {
    padding-top: 17px;
    width: calc(100% - 50px);
}

.title-extortion .two-lines .title-cell{
    padding-top: 5px;
}

.title-cell-img{
    width: 50px;
    padding-top: 20px;
    padding-left: 20px;
}

.title-cell-img img{
    height: 25px;
}

.subtitle-extortion {
    width: 100%;
    height: 60px;
    overflow: hidden;
    background-color: #fff;
}

.subtitle-extortion-full {
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
    max-width: 1312px;
    /*padding-left: 17.5px;
    padding-right: 17.5px;*/
    width: 85%;
}

.extorsion .td-main-content-wrap,
.extortion .td-main-content-wrap {
    background-color: #EBEBEB;
}

.extortion .td-menu-background:before,
.extorsion .td-menu-background:before {
    height: 100%;
}

@media (max-width: 900px){
    .list-study-extortion .read {
        font-size: 10px;
    }
}
/* ADAPATATIVE STYLES */
@media (max-width: 479px){
    #carousel-html5-lightbox .html5-next-touch {
        top: 50% !important;
        margin: -16px 0 0 0 !important;
    }

    #carousel-html5-lightbox .html5-prev-touch {
        top: 50% !important;
        margin: -16px 0 0 0 !important;
    }
}

@media (min-width: 768px){
    .extortion .titlehome, .extorsion .titlehome {
        padding: 30px 20px !important;
    }

    .extorsion .left,
    .extortion .left {
        padding-right: 0 !important;
    }

    .extorsion .right,
    .extortion .right {
        padding-left: 0 !important;
    }

    /* ACTORS */
    .image-extortion-grid .td-big-grid-wrapper .td-big-grid-post {
        width: 25%;
    }

    .image-extortion-grid .td-big-grid-post-1,
    .image-extortion-grid .td-big-grid-post-2,
    .image-extortion-grid .td-big-grid-post-3 {
        border-left: 1px solid #ddd;
    }

    .image-extortion-grid .td-big-grid-post-0,
    .image-extortion-grid .td-big-grid-post-1,
    .image-extortion-grid .td-big-grid-post-2 {
        border-right: 1px solid #ddd;
    }

    .image-extortion-grid .td-big-grid-post-0,
    .image-extortion-grid .td-big-grid-post-1,
    .image-extortion-grid .td-big-grid-post-2,
    .image-extortion-grid .td-big-grid-post-3 {
        padding-right: 17.5px;
        padding-left: 17.5px;   
    }
}
@media (max-width: 767px){
    .extortion .titlehome, .extorsion .titlehome {
        padding: 20px !important;
        background-color: #84172F !important;
    }

    .extorsion .title-cell h3,
    .extortion .title-cell h3 {
        font-size: 18px;
        margin-top: 4px;
    }

    .extorsion .td-container,
    .extortion .td-container {
        width: 95% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .header-extortion .td-pb-span4 {
        padding-left: 17.5px;
    }
    .header-extortion .td-pb-row [class*="td-pb-span"] {
        padding-right: 0!important;
        padding-left: 0!important;
    }
    .container-head-extortion > div{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .left-head-extortion {
        padding-top: 5px;
        font-size: 18px !important;
    }
    .case-study-extortion .td_block_big_grid_4 {
        margin-left: 0;
        margin-right: 0;
    }

    .notice-extortion > div,
    .notice-extortion .td-block-span4 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .post-dummy .td-big-grid-post {
        width: 33.33% !important;
    }

    .post-dummy .td-big-grid-post-1 {
        border-left: 0 !important;
        padding-left: 0 !important;
    }

    .post-dummy .td-big-grid-post-0 {
        display: none;
    }

    /* HEADER*/
    .container-head-extortion .head-extortion {
        max-width: 330px;
    }

    .right-head-extortion img {
        height: 45px !important;
        min-width: 190px !important;
    }

    .subtitle-extortion h3 {
        font-size: 22px;
        margin-top: 3px;
    }

    /* STUDY CASE */
    .bottom-study-case-extortion {
        display: flex;
        flex-direction: column-reverse;
    }
    .image-study-extortion .td-block-span12 {
        width: 100%;
        padding-right: 0;
    }

    /* ACTORS */
    .image-extortion-grid .td-big-grid-wrapper .td-big-grid-post {
        width: 50%;
    }
    .image-extortion-grid .td-meta-info-container-float {
        padding: 10px 0;
    }

    .image-extortion-grid .td-big-grid-post-1,
    .image-extortion-grid .td-big-grid-post-3 {
        padding-left: 3%;
        border-left: 1px solid #ddd;
    }

    .image-extortion-grid .td-big-grid-post-0,
    .image-extortion-grid .td-big-grid-post-2 {
        padding-right: 3%;
        border-right: 1px solid #ddd;
    }
    .image-extortion-grid .td-module-meta-info {
        display: block;
        max-height: 70px;
        overflow: hidden;
    }
}

/* head style */
.container-head-extortion {
    color: #fff;
    display: none;
    background-color: #84172F;
}

.container-head-extortion .head-extortion {
    margin: 0 auto;
    overflow: hidden;
    max-width: 348px;
}

.left-head-extortion, 
.right-head-extortion {
    float: left;
    overflow: hidden;
    line-height: 1;
}

.left-head-extortion {
    font-size: 22px;
    text-align: right;
    font-style: italic;
    font-family: "Times New Roman", Times, serif;
}

.right-head-extortion {
    width: 200px;
    padding-left: 10px;
}

.right-head-extortion img{
    height: 50px;
    min-width: 210px;
}

.image-right-head-extortion,
.title-right-head-extortion {
    display: inline-block;
    vertical-align: middle;
}

.image-right-head-extortion {
    margin-right: 10px;
}

.title-right-head-extortion {
    display: none;
    font-size: 10px;
    line-height: 1.3;
    letter-spacing: 1px;
}

/* SLIDE TOP */
.slide-extortion {
    /*height: 305px;*/
    height: 200px;
    background-color: #fff;
}

.slide-extortion .td-block-title-wrap {
    display: none;
}

.slide-extortion img {
    width: 100% !important;
}

.slide-extortion .td-theme-slider {
    /*height: 305px !important;*/
    height: 200px !important;
}

.slide-extortion .td-theme-slider > div,
.slide-extortion .td-theme-slider .td_module_slide_a,
.slide-extortion .td-theme-slider .td-module-thumb {
    height: 100% !important;
}

.slide-extortion .td-theme-slider .td-module-thumb img{
    height: 100% !important;
    object-fit: cover;
}

.slide-extortion .td-slide-meta {
    /*width: 55%;*/
    bottom: 30px;
}

.slide-extortion .entry-title {
    font-size: 16px !important;
    line-height: 1.2 !important;
}

.more-news-button{
    background: #201d1e;
    font-family: roboto;
    text-align: center;
    font-size: 20px;
    justify-content: center;
}

.more-news-button a{
    color: #fff;
    text-decoration: none;
}

.more-news-button a div{
    padding: 15px;
}

.more-news-button a div:hover {
    background: #84172F;
}

/* SCROLL CITIES */
.info-cities-extortion, .info-actors-extortion {
    /*height: 305px;*/
    padding: 20px 15px 15px 15px;
    background-color: #FFF;
}

.info-cities-extortion .td_block_inner, .info-actors-extortion .td_block_inner{
    display: grid;
    grid-template-columns: 48% 48%;
    grid-column-gap: 4%;
}

.info-cities-extortion img, .info-actors-extortion img {
    width: 130px;
    height: 80px;
    object-fit: cover;
}

.info-cities-extortion .entry-title, .info-actors-extortion .entry-title {
    max-height: 74px;
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
}

.info-cities-extortion .td-block-title-wrap,
.info-cities-extortion .td-post-category,
.info-actors-extortion .td-block-title-wrap,
.info-actors-extortion .td-post-category {
    display: none;
}

.info-cities-extortion h3, .info-actors-extortion h3 {
    font-weight: normal !important;
}

.info-cities-extortion .td-module-thumb, .info-actors-extortion .td-module-thumb {
    width: 140px;
    display: table-cell;
    position: relative;
    padding-right: 10px;
}

.info-cities-extortion .item-details, .info-actors-extortion .item-details {
    width: calc(100% - 110px);
    display: table-cell;
    vertical-align: middle;
}

.info-cities-extortion .td-block-span12, .info-actors-extortion .td-block-span12 {
    overflow: hidden;
    max-height: 80px;
    margin-bottom: 15px;
}

/* HISTORY */
.history-extortion {
    padding-left: 0 !important;
    padding-right: 0!important;
}

.history-extortion > div {
    padding-left: 0 !important;
    padding-right: 0!important;
}

.history-extortion .subtitle-extortion,
.dummies-extortion .subtitle-extortion {
    padding-left: 6.5%;
    padding-right: 6.5%;
}

.history-extortion .title-cell-img img {
    width: 25px !important;
    height: auto !important;
    margin-top: 2px !important;
}

/* EDIT VIDEO */
.history-extortion .fmcarousel-container {
    background-color: #000;
}

.extorsion #html5-image,
.extortion #html5-image {
    padding: 0 !important;
}

.extorsion #html5-elem-data-box,
.extortion #html5-elem-data-box {
    padding: 10px 0 !important;
}

.extorsion #html5-playpause,
.extortion #html5-playpause {
    display: none !important;
}

.extorsion #html5-close,
.extortion #html5-close {
    width: 32px !important;
}

@media only screen and (max-width: 800px) {
    .dummies-extortion .post-dummy {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .history-extortion .subtitle-extortion,
    .dummies-extortion .subtitle-extortion {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1050px) and (max-width: 1100px) {
    .amazingcarousel-prev {
        left: 30px !important;
    }
    .amazingcarousel-next {
        right: 30px !important;
    }
}

@media only screen and (max-width: 1049px) {
    .amazingcarousel-prev {
        left: 80px !important;
    }
    .amazingcarousel-next {
        right: 80px !important;
    }
}

/* CASE STUDY */
.study-extortion-grid img {
    width: 100%;
    height: 100%;
}

.study-extortion-grid .td-meta-info-container {
    width: calc(100% - 40px) !important;
    margin-left: 20px;
    bottom: 20px;
}

.study-extortion-grid .td-module-meta-info {
    display: none;
}

.study-extortion-grid .entry-title {
    padding: 20px !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
}

.bottom-study-case-extortion .list-study-extortion,
.top-study-case-extortion .list-study-extortion {
    color: #fff;
    display: flex;
    height: 380px;
    background: #201d1e;
    font-family: roboto;
    flex-direction: column;
}
/* list study */
.with-overflow .list {
    height: calc(100% - 108px);
    overflow: auto;
}

.list-study-extortion .content-row {
    display: block;
    padding: 0 20px;
}

.list-study-extortion .content-row .list-row {
    height: 68px;
    cursor: pointer;
    display: flex;
    padding-top: 10px;
    align-items: center;
    border-bottom: 1px solid #666;
    padding-bottom: 10px;
}

.list-study-extortion .content-row:hover,
.list-study-extortion .view-all-row:hover {
    background-color: #84172F;
}
.list-study-extortion .title {
    padding: 20px 20px 10px 20px;
    font-size: 20px;
}

.list-study-extortion .content-row .list-row > div {
    display: inline-block;
    overflow: hidden;
    max-height: 63px;
    letter-spacing: 0.5px;
}

.list-study-extortion .number {
    color: #fff;
    width: 35px;
    font-size: 20px;
    font-weight: 600;
}

.list-study-extortion .paragraph {
    flex: 1;
    color: #aaa;
    font-weight: 300;
    padding-right: 10px;
}

.list-study-extortion .read {
    color: #aaa;
    padding-top: 45px;
}

.image-study-extortion .td-module-thumb{
    height: auto;
}

.image-study-extortion .td-block-title-wrap {
    display: none;
}

.image-study-extortion img {
    width: 100%;
    height: 380px;
    object-fit: cover;
}

.image-study-extortion .td-module-meta-info {
    bottom: auto;
    top: 10px;
}

.image-study-extortion .td-module-meta-info a {
    font-size: 32px;
    letter-spacing: 1px;
}

.list-study-extortion .view-all-row {
    flex: 1;
    color: #fff;
    cursor: pointer;
    height: 40px;
    display: flex;
    font-size: 20px;
    justify-content: center;
}

.list-study-extortion .view-all-row > div {
    align-self: center;
}

/* ACTORS EXTORTION */
.actors-extortion, .actors-extortion > div {
    padding: 0 !important;
}

.image-extortion-grid {
    background-color: #fff;
    margin-left: 0;
    margin-right: 0;
}

.image-extortion-grid .td-big-grid-wrapper .td-big-grid-post {
    float: left;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.image-extortion-grid img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.image-extortion-grid .td-big-grid-wrapper  {
    padding-top: 20px;
}

.image-extortion-grid.width-break .td-big-grid-wrapper  {
	width: 85%;
	margin: 0 auto;
    max-width: 1312px;
}

.image-extortion-grid .entry-title {
    background-color: #fff !important;
}

.image-extortion-grid .entry-title a {
    color: #000 !important;
    font-size: 18px;
    text-shadow: none;
    letter-spacing: 0;
}

.image-extortion-grid .td-module-thumb {
    background-color: #fff !important;
    margin-bottom: 10px;
}

.image-extortion-grid .td-big-grid-post .td-module-meta-info {
    bottom: 10px;
    margin: 0;
    background: #fff;
    padding-left: 0;
    padding-right: 0;
}

.image-extortion-grid .td-big-grid-post .td-module-meta-info p {
    color: #4d4d4d;
    overflow: hidden;
    min-height: 60px;
    max-height: 85px;
    font-family: georgia;
    font-size: 17px;
}

.image-extortion-grid .td-big-grid-post .td-module-meta-info .td-post-author-name {
    display: none;
}

.image-extortion-grid .td-meta-info-container-float {
    position: relative;
    overflow: hidden;
    min-height: 130px;
}

.image-extortion-grid .td-module-title {
    max-height: 45px;
    overflow: hidden;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* NOTICE EXTORTION */
.notice-extortion {
    overflow: hidden;
}

.notice-extortion .td-excerpt {
    padding-bottom: 0;
}

.notice-extortion .td-excerpt p {
    height: 126px;
    overflow: hidden;
    max-height: 115px;
    margin-bottom: 5px;
    line-height: 1.4;
    font-size: 17px;
    color: #4D4D4D;
}

.notice-extortion .td-read {
    float: right;
    font-family: roboto;
}

.notice-extortion .td-block-span4 {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

.notice-extortion .td-block-span4 .td_module_5a {
    overflow: hidden;
    padding-bottom: 10px !important;
    background-color: #FFF;
}

.notice-extortion .entry-title,
.notice-extortion .td-excerpt,
.notice-extortion .td-read {
    padding: 0 20px;
}

.notice-extortion .entry-title {
    height: 42px;
    overflow: hidden;
    font-weight: 400;
}

.notice-extortion .td-block-title-wrap {
    display: none;
}

/* DUMMIES */

.dummies-extortion .post-dummy {
    background-color: #FFF;
}

.dummies-extortion .post-dummy .td-module-image {
    height: 150px;
    position: relative;
    margin-bottom: 15px;
}

.dummies-extortion .post-dummy .td-meta-info-container {
    position: relative;
}

.dummies-extortion .post-dummy > div > div {
    padding-top: 15px;
    padding-bottom: 15px;
}

.dummies-extortion .post-dummy .td-big-grid-post {
    height: 280px;
    margin-left: 0 !important;
    padding-top: 0 !important;
}

.dummies-extortion .post-dummy .td-big-grid-post-0 {
    padding-right: 7.5px;
}

.dummies-extortion .post-dummy .td-big-grid-post-1,
.dummies-extortion .post-dummy .td-big-grid-post-2{
    padding-left: 13.5px;
    padding-right: 13.5px;
    border-left: 1px solid #CCCC;
}

.dummies-extortion .post-dummy .td-big-grid-post-3{
    padding-left: 13.5px;
    border-left: 1px solid #CCCC;
}

.dummies-extortion .post-dummy .td-module-title a,
.dummies-extortion .post-dummy .td-post-author-name a {
    color: #000;
}

.dummies-extortion .post-dummy .td_module_wrap:hover .entry-title a {
    color: #86172f !important;
}

.dummies-extortion .post-dummy .td-post-date,
.dummies-extortion .post-dummy .entry-title a,
.dummies-extortion .post-dummy .td-post-author-name a {
    text-shadow: none;
}

/* ABOUT */
.paragraph-about-extortion p {
    margin: 30px auto;
    max-width: 800px;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    font-family: robo, sans-serif;
    font-weight: 400;
}

/**
* style MapoBox
*/

/* constants */
:root {
    --red: #fe0000;
    --green: #01cc00;
    --yellow: #ffff01;
    --orange: #e36b0a;
    --darkred: #990808;
    --black: rgb(0, 0, 0);
    --redRgb: rgba(254, 0, 0, .6);
    --greenRgb: rgba(1, 204, 0, .6);
    --yellowRgb: rgba(255, 255, 0, .6);
    --orangeRgb: rgba(227, 107, 10, .6);
    --darkredRgb: rgba(153, 8, 8, .6);
}

._dark {
    background: var(--darkred);
}

._red {
    background: var(--red);
}

._orange {
    background: var(--orange);
}

._yellow {
    background: var(--yellow);
}

._green {
    background: var(--green);
}

._black {
    background: var(--black);
    box-shadow: inset 0px 0px 0px 1px white;
}

/* reset style */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

* {
    box-sizing: border-box;
}

body {
    font-family: 'Roboto'
}

/* font styles */
#container-mapbox .italicGeorgia {
    font-style: italic;
    font-family: Georgia;
    font-weight: normal;
}

#container-mapbox .robotoBold {
    font-style: normal;
    font-family: Roboto;
    font-weight: bold;
}

#container-mapbox .robotoLight {
    font-style: normal;
    font-family: Roboto;
    font-weight: 200;
}

#container-mapbox .divTableCell .italicGeorgia {
    text-align: center;
}

/* colored */
#container-mapbox    .green {
    fill: var(--greenRgb)!important;
    stroke: var(--green);
}

#container-mapbox    .yellow {
    fill: var(--yellowRgb)!important;
    stroke: var(--yellow);
}

#container-mapbox    .orange {
    fill: var(--orangeRgb)!important;
    stroke: var(--orange);
}

#container-mapbox    .red {
    fill: var(--redRgb)!important;
    stroke: var(--red);
}

#container-mapbox    .darkred {
    fill: var(--darkredRgb)!important;
    stroke: var(--darkred);
}

#container-mapbox {
    background-color: rgba(0,0,0, 0.6);
}

/* media querys */
@media (max-width: 777px){
    #container-mapbox {
        /* height: 1010px; */
        padding-bottom: 20px;
    }

    #container-mapbox #container-map {
        height: 490px;
    }

    #container-mapbox .drag {
        top: 0;
        right: 10px;
        width: 60px;
        height: 402px;
    }

    #container-mapbox .menu-mapbox {
        width: 60px;
        background-color: rgba(0, 0, 0, 0.5)
    }

    #container-mapbox #indicadores {
        position: relative;
        margin-top: 10px;
    }

    #container-mapbox #comparativos {
        left: 0;
        right: 0;
        border: 1px solid #fff;
        position: relative;
        margin-top: 0 !important;
    }

    #container-mapbox #indicadores #extorsion {
        display: flex;
    }

    #container-mapbox #indicadores #extorsion > p {
        display: flex;
        align-items: center;
    }
}

@media (min-width: 778px){
    #container-mapbox {
        height: 640px;
    }

    #container-mapbox #container-map {
        height: 100%;
    }

    #container-mapbox .drag {
        display: none;
    }

    #container-mapbox .menu-mapbox {
        width: inherit;
        padding: 0 7.3%;
        background-color: rgba(0, 0, 0, 0.5)
    }

    #container-mapbox nav ul {
        display: flex;
        justify-content: center;
    }

    #container-mapbox #indicadores, #comparativos {
        top: 50%;
    }

    #container-mapbox #indicadores {
        width: 200px;
        margin-top: -110px;
        position: absolute;
    }

    #container-mapbox #comparativos {
        width: 280px;
        right: 0;
        position: absolute;
    }
}

/* hide icons and label mapbox */
#container-mapbox .mapboxgl-ctrl-logo {
    display: none !important;
}

#container-mapbox .mapboxgl-ctrl-attrib {
    display: none !important;
}

#container-mapbox .mapboxgl-ctrl-icon {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

/* icon mapbox top right */

#container-mapbox .mapboxgl-ctrl-top-right {
    top: auto;
    display:none;
    bottom: 10px;
    right: 10px;
    z-index: 10;
}

/* modal left center */

#container-mapbox #indicadores {
    color: white;
    border: solid 1px white;
    padding: 10px;
    z-index: 10;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.7);
    line-height: 1.5;
    margin-left: 20px;
    margin-right: 20px;
}

#container-mapbox #indicadores h2, 
#container-mapbox #indicadores p {
    color: #fff;
    line-height: 1.5;
    font-family: roboto;
}

#container-mapbox #indicadores h2{
    font-size: 18px;
}

#container-mapbox #indicadores p{
    font-size: 12px;
}

#container-mapbox #indicadores_regresar::before {
	width: 110px;
	height: 26px;
	content: "\2329  Go back";
	text-align: center;
	position: absolute;
	left: -19px;
	color: white;
	margin-top: -40px;
	line-height: 25px;
	font-size: 15px;
	font-family: Roboto;
	font-weight: normal;
}

#container-mapbox #indicadores #extorsion > div {
    margin: 0 ;
    margin-bottom:10px;
    display: flex;
    text-align: left;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

#container-mapbox #indicadores #extorsion div > h2 {
    margin: 5px;
}

/* modal left bottom */

#container-mapbox #legend {
    left: 30px;
    width: 280px;
    bottom: 30px;
    z-index: 10;
    position: absolute;
}

/* modal right center */

#container-mapbox #comparativos {
    color: white;
    z-index: 10;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.8);
    line-height: 14px;
    margin-left: 20px;
    margin-right: 20px;
    font-family: roboto;
}

#container-mapbox #title-comparacion {
    margin: 10px 15px;
    font-size: 16px;
}

#container-mapbox .subtitle {
    padding: 0 10px 5px 10px;
}

#container-mapbox .divTable {
    display: table;
    width: 100%;
}

#container-mapbox .divTableBody {
    width: 100%;
    display: inline-table;
}

#container-mapbox .divTableRow {
    display: table-row;
}

#container-mapbox .divTableRow > div {
    width: 33.3%;
    cursor: pointer;
    position: relative;
    text-align: center;
}

#container-mapbox .row-head>div {
    height: 40px;
    display: table-cell;
    text-align: center;
    letter-spacing: 1px;
    vertical-align: middle;
}

#container-mapbox .divTableCell {
    height: 76px;
    margin: 0 auto;
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle;
    /* border: 1px solid #999999; */
}

#container-mapbox .check {
    border-left: 1px solid white;
    border-right: 1px solid white;
    background-color: rgba(255, 255, 255, 0.15);
    opacity: 1;
}

#container-mapbox .divTableRow:first-child .divTableCell.check {
    border-top: 1px solid white;
    opacity: 1;
}

#container-mapbox .divTableRow:last-child .divTableCell.check {
    border-bottom: 1px solid white;
}

#container-mapbox .tasa {
    width: 56px;
    height: 56px;
    margin: auto;
    font-size: 18px;
    text-align: center;
    font-style: italic;
    font-family: Georgia;
    line-height: 50px;
    border-radius: 100%;
}

.tasagreen {
    border: 3px solid var(--green)!important;
}

.tasayellow {
    border: 3px solid var(--yellow)!important;
}

.tasaorange {
    border: 3px solid var(--orange)!important;
}

.tasared {
    border: 3px solid var(--red)!important;
}

.tasadarkred {
    border: 3px solid var(--darkred)!important;
}

.tasaDisabled {
    border: 3px solid gainsboro;
}

/* other styles */

.hidden {
    display: none;
}


#container-mapbox nav {
    width: inherit;
    z-index: 10;
    position: absolute;
    margin-top: 0.5em;
    font-style: italic;
    font-family: Georgia;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#container-mapbox nav ul {
    margin: 0;
    padding: 0;
    opacity: .9;
    list-style: none;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

#container-mapbox nav ul li {
    flex: 1;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    line-height: initial;
    text-align: 'center';
}

#container-mapbox nav li a {
    color: white;
    cursor: pointer;
    display: block;
    padding: .5em;
    font-size: 16px;
    margin-left: 2px;
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
}

#container-mapbox nav li a:hover {
    background: none;
    color: white;
    border: solid white 1px;
}

#container-mapbox nav li .selected {
    border: solid white 1px;
    background: none;
}

#container-mapbox svg {
    padding: 0;
    margin: 0;
}

#container-mapbox .c-t {
    border-top: 1px solid white;
}

#container-mapbox .c-b {
    border-bottom: 1px solid white;
}

#container-mapbox .divTableRow:nth-child(odd) {
    background: rgba(200, 200, 200, .2);
}

#container-mapbox .boxtiny {
    width: 16%;
    float: left;
    height: 10px;
    font-family: roboto;
}

#container-mapbox .reported {
    color: white;
    font-size: 12px;
}

#container-mapbox .tinytext {
    color: white;
    font-size: 9px;
}

#container-mapbox .img-svg {
    width: 40px;
}

#container-mapbox text {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#container-mapbox .hide {
    display: none;
}

#container-mapbox .novisibility {
    visibility: hidden;
}

#container-mapbox .x {
    top: 8px;
    right: 5px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: inline;
    position: absolute;
    text-align: center;
    margin-left: 10px;
    font-size: 13px;
}

#container-mapbox {
    width: 100%;
    margin: 0px;
    position: relative;
}

#container-mapbox #container-map {
    width: 100%;
    margin: auto auto;
    position: relative;
}

#container-mapbox svg {
    position: absolute;
    width: 100%;
    height: 100%;
}

#container-mapbox .title {
    padding-bottom: 5px;
}

#container-mapbox .a-title {
    margin: 0 15px;
    padding-bottom: 10px;
}

#container-mapbox .extorsion, .extorsion * {
    opacity: 0.5;
}

#container-mapbox .homicidios, .homicidios * {
    opacity: 0.5;
}

#container-mapbox .divTableCell.check, .divTableCell.check * {
    opacity: 1;
}
#container-mapbox .mapboxgl-ctrl-group{
    background: rgba(0,0,0,.8)
}
#container-mapbox .mapboxgl-ctrl-icon.mapboxgl-ctrl-compass{
    display: none;

}
#aditionalLegend{
    background: #a9a9a924;
    padding: 15px;
}
.list {}a.list-nav-up {}a.list-nav-up {}.top-study-case-extortion .left .wpb_gallery_slides {
    margin: 0;
}

.top-study-case-extortion {
    margin-bottom: 30px;
}

.top-study-case-extortion .left .investigation-landing-title {
    left: 15px;
    top: 15px;
    margin: 0;
}

.top-study-case-extortion .left > .vc_column-inner > .wpb_wrapper {
    position: relative;
}

.top-study-case-extortion .left .investigation-landing-button a, .bottom-study-case-extortion .right .investigation-landing-button a {
    display: inline-block;
    background: #86172f;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    padding: 5px 10px;
    text-align: left;
    position: absolute;
    z-index: 98;
    bottom: 15px;
    left: 15px;
}

.top-study-case-extortion .left .investigation-landing-button a:after, .bottom-study-case-extortion .right .investigation-landing-button a:after {
    content: '\e809';
    font-family: 'newspaper';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(90deg);
    display: inline-block;
    margin-left: 7px;
    font-size: 14px;
}

.top-study-case-extortion .wpb_raw_code, .bottom-study-case-extortion .wpb_raw_code {
    margin-bottom: 0;
}

.top-study-case-extortion .view-all-row, .bottom-study-case-extortion .view-all-row {
    display: none;
}

.bottom-study-case-extortion .list-study-extortion, .top-study-case-extortion .list-study-extortion, .bottom-study-case-extortion .right .wpb_gallery_slides, .top-study-case-extortion .left .wpb_gallery_slides {height: 340px !important;}

.top-study-case-extortion .list, .bottom-study-case-extortion .list {
    height: 100%;
}

.top-study-case-extortion .right .list {
    width: 90%;
    padding-bottom: 15px;
    overflow: hidden;
}

.top-study-case-extortion .right .list-nav {
    position: absolute;
    width: 10%;
    right: 0;
    top: 51px;
    bottom: 0;
}

.top-study-case-extortion .list-study-extortion {
    position: relative;
}

.top-study-case-extortion .right .list-nav .list-nav-up, .top-study-case-extortion .right .list-nav .list-nav-down {
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #272525;
    left: calc(50% - 20px);
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: background .35s ease;
    -webkit-transition: background .35s ease;
    -moz-transition: background .35s ease;
    -ms-transition: background .35s ease;
    -o-transition: background .35s ease;
}

.top-study-case-extortion .right .list-nav .list-nav-up {
    top: 0;
}

.top-study-case-extortion .right .list-nav .list-nav-down {
    bottom: 17px;
}

.top-study-case-extortion .right .list-nav .list-nav-up:hover, .top-study-case-extortion .right .list-nav .list-nav-down:hover {
    background: #2f2d2d;
}

.list-study-extortion .list .content-row {
    overflow: hidden;
}

@media(max-width: 767px){

    .top-study-case-extortion .right {
        margin-top: 30px;
    }

}

.top-study-case-extortion .list-study-extortion:after {
    content: '';
    position: absolute;
    width: 90%;
    bottom: 0;
    height: 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,201d1e+100&0.1+0,1+100 */
    background: -moz-linear-gradient(top, rgba(32,29,30,0.3) 0%, rgba(32,29,30,1) 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(32,29,30,0.3) 0%,rgba(32,29,30,1) 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(32,29,30,0.3) 0%,rgba(32,29,30,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     /* IE6-9 */
}
.circle{
	    border-radius: 10px;
	        background: white;
		    color: black;
		        width: 15px;
			    margin: 0 auto;
		    }
		    /*canvas{ width:100%!important}
		     */