@import "https://fonts.googleapis.com/css?family=Roboto+Slab|Roboto:300,400,600,700,900";
.uvn-open-page h1.uvn-heading, .uvn-page-title-mobile{
     text-align: center!important;
     margin-bottom: 0!important;
     margin-top: 30px!important;
}
 .margContain {
     margin:0px 15px;
}
 section.info-wrapper{
     width: 100%;
     max-width: 1400px;
     margin:25px auto 0;
     position: relative;
     overflow: hidden;
}
 .info-wrapper .info-article{
     width:100%;
     max-width: 819px;
     margin: 0 auto;
     color: #252525;
     font-family: merriweather,serif;
     font-weight: 400;
     font-size: 1.125rem;
     font-size: 14px;
     color:#313131;
     line-height: 25px;
}
 .infographics-main-tag{
     width: 100%;
     max-width: 819px;
     font-family: 'Bitter', serif;
     font-size: 12px;
     color: #2358bf;
     text-transform: uppercase;
     margin:0 auto;
     display: block;
}
 .infographics-h1{
     width: 100%;
     text-align:center !important;
     max-width: 819px;
     font-size: 36px;
     color: #232323;
     letter-spacing: -1.1px;
     line-height: 42px;
     margin:0 auto;
     margin-bottom:15px;
     font-weight: 600;
     text-align:left;
     font-family: Roboto, sans-serif;
     font-weight: 700;
}
 .infographics-intro{
     width: 100%;
     max-width: 819px;
     margin: 0 auto;
     color: #5a5a5a;
     font-family: 'PT Serif', serif;
     font-weight: 400;
     font-size: 17px;
     line-height: 22px;
     line-height: 21px;
}
 .infographics-h2{
     width: 100%;
     max-width: 819px;
     margin: 0 auto;
     font-size: 20px;
     line-height: 22px;
     margin-top:35px;
     margin-bottom: 15px;
     font-family: Roboto, sans-serif;
     font-weight:700;
}
 .infographics-h3{
     font-size: 18px;
     line-height: 20px;
     margin:35px 0 15px 0;
     font-family: Roboto, sans-serif;
}
 .autor-share-container{
     width: 100%;
     max-width: 819px;
     margin:0 auto;
}
 .infographics-author{
     width:48%;
     display: inline-block;
     font-size:12px;
     color:#2358BF;
     text-align: left;
     margin:5px 0;
     font-family: Roboto, sans-serif;
}
 .infographics-author .tw_seguir{
     background: #2A93E6;
     border-radius: 5px;
     width:68px;
     height: 22px;
     line-height: 22px;
     color:#fff;
     text-align: center;
     margin: 0 10px;
     display: inline-block;
     text-decoration: none;
     font-family: Roboto, sans-serif;
     font-size: 10px;
     position: relative;
}
 .infographics-author .tw_seguir:before{
     content: "\f099";
     font: normal normal normal 12px/1 FontAwesome;
     position:relative;
     left:-5px;
}
 .infographics-author .tw_seguir:hover{
     background: #1067AC;
     color: #fff!important 
}
 .infographics-author time{
     display:block;
     color:#959DA5;
     font-size:10px;
}
 .infographics-author address{
     font-style:normal;
     margin-bottom:5px;
}
 .infographics-author address a:hover{
     color:#000;
}
 .infographics-social-share{
     width: 48%;
     display: inline-block;
     text-align: right;
     vertical-align: top;
     height: 50px;
}
 .infographics-social-share ul{
     margin:0;
     padding:0;
}
 .infographics-social-share ul li{
     display:inline-block;
     width:50px;
     border-radius: 3px;
     border: solid 1px #e5e5e5;
     text-align: center;
}
 .infographics-social-share ul li a{
     display:block;
     height: 100%;
     width:100%;
     padding:5px 0;
     -webkit-transform: all .2s ease-in-out;
     -moz-transform: all .2s ease-in-out;
     -ms-transform: all .2s ease-in-out;
     -o-transform: all .2s ease-in-out;
     transform: all .2s ease-in-out;
}
 .infographics-social-share ul li a i{
     font-size: 15px;
     line-height: 15px;
}
 .infographics-social-share .fb-btn i{
     transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     color: #3c589a!important;
     background: transparent!important;
     background: -webkit-linear-gradient(#3c589a,#567fe1)!important;
     -webkit-background-clip: text!important;
     -webkit-text-fill-color: transparent!important;
}
 .infographics-social-share .fb-btn:hover{
     background: -webkit-linear-gradient(#3c589a,#567fe1)!important;
}
 .infographics-social-share .tw-btn i{
     transition: all .2s ease-in-out;
     color: #4099ff!important;
     background: transparent!important;
     background: -webkit-linear-gradient(#4099ff,#7db9fe)!important;
     -webkit-background-clip: text!important;
     -webkit-text-fill-color: transparent!important;
}
 .infographics-social-share .tw-btn:hover{
     background: -webkit-linear-gradient(#4099ff,#7db9fe)!important;
}
 .infographics-social-share .g-btn i{
     color: #e62117!important;
     background: transparent!important;
     background: -webkit-linear-gradient(#e62117,#933)!important;
     -webkit-background-clip: text!important;
     -webkit-text-fill-color: transparent!important;
}
 .infographics-social-share .g-btn:hover{
     background: -webkit-linear-gradient(#e62117,#933)!important;
}
 .infographics-social-share a:hover i{
     -webkit-text-fill-color: #fff!important;
}
 p{
     width:100%;
     max-width:819px;
     margin: 0 auto;
     text-align: left;
     font-family: Roboto, sans-serif;
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: 1.625rem;
}
 p a{
     color:#EC6363;
     text-decoration: underline;
}
 p a:hover{
     color:#000;
}
 .infographics-quote{
     max-width: 720px;
     font-family: 'Bitter', serif;
     font-size: 24px;
     color: #2358bf;
     margin:20px auto 0;
     margin-bottom:20px;
}
 .infographics-quote p{
     max-width: 720px;
     font-family: 'Bitter', serif;
     font-size: 26px;
     line-height: 32px;
     color: #2358bf;
     margin:40px auto 0;
     margin-bottom:40px;
}
 iframe{
     border:0;
     position: relative;
     z-index: 999 margin:20px auto 0;
}
 .infographics-full-width-img{
     width: calc(100% + 49%);
     margin-left: -22%;
     z-index: 9;
     text-align: center;
     margin-bottom:10px;
}
 .infographics-medium-width-img{
     width: calc(100% + 30%);
     margin-left: -15%;
     z-index: 9;
     text-align: center;
     margin-bottom:10px 
}
 .infographics-small-width-img{
     width: 100%;
     max-width: 819px;
     margin:0 auto;
     text-align:center;
     z-index: 9;
     margin-bottom:10px;
}
 .infographics-small-width-img img{
     width:100%;
     display: block;
     margin:0;
}
 .infographics-full-width-img .infographics-fluid-width-video-wrapper{
     position: relative;
     width:100%;
     padding-top:55.6962%;
}
 .infographics-full-width-img .infographics-fluid-width-video-wrapper iframe{
     position: absolute;
     top:0;
     bottom: 0;
     left:0;
     right: 0;
     margin: auto;
     width: 100%;
     height: 100%;
}
 .infographics-center{
     width:100%;
     margin: 0 auto;
     text-align: center;
}
 .infographics-caption{
     font-family: Roboto, sans-serif;
     font-size: 14px;
     line-height: 16px;
     position: relative;
     background: #f0f0f0;
     padding:7px 10px;
     color:#000;
     text-align: left;
}
 .infographics-caption span{
     color: #868686;
}
 .infographics-caption:before{
     content: '';
     width: 2px;
     background: #0F62D7;
     height: 70%;
     display: block;
     left:0;
     position: absolute;
}
 .infographics-credits{
     width:100%;
     max-width: 819px;
     font-size: 11px;
     line-height: 15px;
     color: #85858a;
     text-transform: uppercase;
     margin: 20px auto 0;
     font-weight: bold;
}
 .info-wrapper aside{
     width: 100%;
     max-width: 720px;
     margin: 0 auto;
}
 .info-wrapper aside h4{
     font-family: Roboto, sans-serif;
     font-size: 16px;
     color:#313131;
}
 .info-wrapper aside ul{
     margin: 30px 0;
}
 .info-wrapper aside ul li{
     margin-bottom:10px;
     font-family: Roboto, sans-serif;
     font-size: 16px;
}
 .info-wrapper aside ul li a{
     color:#008ccf;
     text-decoration: none;
     font-weight: bold;
}
 .info-wrapper aside ul li:before{
     position: relative;
     content: "●";
     margin-left: -1.25rem;
     margin-right: .75rem;
     color: #868686;
     font-size: 16px;
     display: inline-block;
}
/*related*/
 .infographics-related{
     text-align:left;
     width:100%;
     max-width: 819px;
     margin:20px auto 0;
     margin-bottom:20px;
     padding:10px 0;
     border-top:1px solid #0F62D7;
     border-bottom:1px solid #0F62D7;
}
 .infographics-related-title{
     width:100%;
     overflow:auto;
}
 .infographics-related span{
     text-transform: uppercase;
     display: inline-block;
     width: auto;
     text-align:left;
     font-family: 'Bitter', serif;
     font-size: 10px;
     color: #6d737a;
     margin-right:5px;
     font-weight: bold;
}
 .infographics-related img{
     max-width: 40%;
     display: inline-block;
     margin:10px 0;
}
 .infographics-related .infographics-related_content{
     display: inline-block;
     width:55%;
     margin-left:10px;
     vertical-align: top;
}
 .infographics-related .infographics-related_content h3{
     font-family: Roboto, sans-serif;
     font-weight:700;
     font-size: 14px;
     line-height: 18px;
     margin:5px 0;
}
 .infographics-related .infographics-related_content h3 a{
     text-decoration: none;
     color: #000;
}
 .infographics-related .infographics-related_content p{
     font-size: 14px;
     line-height: 18px;
     margin:0;
     padding:0;
}
 .infographics-related .infographics-related_content p a{
     color:#5A5A5A;
     text-decoration: none;
}
 aside.infographics-tags{
     margin:20px auto 0;
     margin-bottom:20px;
     color:#0F62D7;
     width:100%;
     max-width: 819px;
}
 aside.infographics-tags a{
     font-family: Roboto, sans-serif;
     font-weight: 700;
     color: #42464b;
     text-transform: uppercase;
     text-decoration: none;
     margin: 0 10px;
}
 aside.infographics-tags a:hover{
     color:#0F62D7;
}
 .gris span {
     background:#e9e9e9;
     border-radius:2px;
     padding:0 2px;
}
/*media queries*/
@media (min-width: 1240px){
  .margContain {
    max-width: 1240px;
    margin: 0 auto;
  }
}
 @media (max-width:920px) {
     .infographics-author .tw_seguir{
         margin:10px 0;
    }
}
}
 @media (max-width:768px){
     .info-wrapper{
         padding:0 10px;
         max-width:95%!important;
    }
     .info-wrapper .info-article{
         font-size:16px 
    }
     .infographics-ull-width-img, .infographics-medium-width-img {
         width: 100%;
         margin-left:0 
    }
     .infographics-hide-xs{
         display: none 
    }
}
 @media (max-width: 480px){
     iframe{
         margin: 0 auto;
         text-align: center;
    }
     .infographics-right p, .infographics-left p{
         width:100%;
         max-width: 100%;
         float:none;
         clear: both;
    }
     .infographics-right iframe, .infographics-left iframe{
         float:none!important;
         margin:10px auto 0!important;
    }
     .infographics-author {
         width: 88%;
         display: block;
         text-align: left;
    }
     .infographics-social-share{
         width: 100%;
         display: block;
         text-align: left;
    }
}
 .uvn-main-content {
     text-align:center;
     overflow:hidden;
}
 .seleccion {
     display:inline-block;
     border-bottom:1px dotted #ccc;
     margin-bottom:15px;
     margin-right:75px;
     vertical-align:top;
}