.related-people div {
    line-height: normal;
}

.people-box {
    padding: 0 1rem 4.2rem;
    min-height: 100%;
    list-style: none;
    width: 100%;
    /** TRANCHE Corrijo chapuza de ITC. ¿Que es eso de un fondo negro? **/
    background-color: #fff;

}

.person-img {
    /** Tranche 2 vuelvo a poner la imagen a 100% **/
    width: 100%;
    margin-bottom: 0.8rem;
    /* Tranche - Corrigo que las personas aparezcan como gargantuas. Limitar el tamaño a 320 de ancho - margin auto para centrar la imagen */
  /*  width:320px;*/
    margin:auto;
}

.person-img img {
    /** Tranche 2 vuelvo a poner la imagen a 100% **/
  display: block;
  margin:auto;
  width: 100%;

}

.people-box .person-namepos {
    font-size: 1.8rem;
    padding: 0 0.3rem;
}

.people-box .person-name {
    font-size: 1.2rem;
    margin-bottom: 0.4rem;
    line-height: 1.2;
    font-weight: 600!important;
    margin-top: 10px;
}

.people-box .person-name a {
    color: #0F3780;
}

.people-box .person-name a:hover,
.people-box .person-name a:active {
    color: #F26E1E;
    /*color de la seccion*/
}

.page-template-page-attest-nosotros .people-box .person-name a:hover,
.page-template-page-attest-nosotros .people-box .person-name a:active {
    color: #F26E1E !important;
    /*color de la seccion*/
}

.page-template-page-attest-actualidad .people-box .person-name a:hover,
.page-template-page-attest-actualidad .people-box .person-name a:active {
    color: #F26E1E !important;
    /*color de la seccion*/
}

.page-template-page-attest-talento .people-box .person-name a:hover,
.page-template-page-attest-talento .people-box .person-name a:active {
    color: #F26E1E !important;
    /*color de la seccion*/
}

.page-template-page-attest-servicios .people-box .person-name a:hover,
.page-template-page-attest-servicios .people-box .person-name a:active {
    color: #F26E1E !important;
    /*color de la seccion*/
}

.people-box .person-pos {
    font-size: .875rem;
    margin-bottom: 0.4rem;
    line-height: 1.2;
    font-weight: 300!important;
    color: #000 !important;
}

.related-people .people-links-wrap {
    padding: 0 1rem;
}

.people-box .people-links-wrap {
    bottom: 0;
    left: 0;
    width: 100%;
    padding-left: 0.3rem;
}

.people-box .people-links {
    border-bottom: 8px solid;
    padding-bottom: 0.8rem;
    border-color: #0F3780;
}

.page-template-page-attest-nosotros .people-box .people-links {
    border-color: #0F3780 !important;
}

.page-template-page-attest-actualidad .people-box .people-links {
    border-color: #0F3780 !important;
}

.page-template-page-attest-talento .people-box .people-links {
    border-color: #0F3780 !important;
}

.page-template-page-attest-servicios .people-box .people-links {
    border-color: #0F3780 !important;
}

.people-box .people-links a {
    color: #0F3780 !important;
}

.people-box .people-links a:hover,
.people-box .people-links a:active,
.people-box .people-links a:focus {
    color: #F26E1E !important;
}

.page-template-page-attest-nosotros .people-box .people-links a:hover,
.page-template-page-attest-nosotros .people-box .people-links a:active,
.page-template-page-attest-nosotros .people-box .people-links a:focus {
    color: #F26E1E !important;
}

.page-template-page-attest-actualidad .people-box .people-links a:hover,
.page-template-page-attest-actualidad .people-box .people-links a:active,
.page-template-page-attest-actualidad .people-box .people-links a:focus {
    color: #F26E1E !important;
}

.page-template-page-attest-talento .people-box .people-links a:hover,
.page-template-page-attest-talento .people-box .people-links a:active,
.page-template-page-attest-talento .people-box .people-links a:focus {
    color: #F26E1E !important;
}

.page-template-page-attest-servicios .people-box .people-links a:hover,
.page-template-page-attest-servicios .people-box .people-links a:active,
.page-template-page-attest-servicios .people-box .people-links a:focus {
    color: #F26E1E !important;
}


.people-box .people-links .faico {
    top: 0.2rem;
    margin-right: 0.3rem;
}

svg:not(:root).svg-inline--fa {
    overflow: visible;
}

.svg-inline--fa.fa-w-16 {
    width: .875rem;
}

.people-box .people-links .line-pad {
    line-height: 1.4;
    top: -1px;
    border-color: initial;
}

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

.link-line-pad a,
.line-pad {
    padding-bottom: 0.05rem;
    border-bottom: 0.3rem solid;
}

.upper {
    text-transform: uppercase;
}

.size13 {
  font-size: 0.8rem;
}

.p-rel {
    position: relative!important;
}

.Modern-sliderFichaPersona button.PrevArrow.slick-arrow {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 37px;
    height: 32px;
    border: 0 none;
    text-align: center;
    color: #FFF;
    z-index: 4;
    background: url(/wp-content/themes/attestGenesis/images/flechas/controls.png) 2px -32px no-repeat;
    display: block;
    padding: 0px;
    min-width: 0px !important;
}

.Modern-sliderFichaPersona button.NextArrow.slick-arrow {
    position: absolute;
    top: 50%;
    right: 0px;
    width: 37px;
    height: 32px;
    border: 0 none;
    text-align: center;
    color: #FFF;
    z-index: 5;
    background: url(/wp-content/themes/attestGenesis/images/flechas/controls.png) -43px -32px no-repeat;
    display: block;
    padding: 0px;
    min-width: 0px !important;
}


/* ==== ESTILOS SLIDER Main CSS === */
.img-fill{
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center
}

.img-fill img {
min-height: 100%;
min-width: 100%;
position: relative;
display: inline-block;
max-width: none;
}

*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
}

.Grid1k {
padding: 0 15px;
max-width: 1200px;
margin: auto;
}

.blocks-box,
.slick-slider {
margin: 0;
padding: 0!important;
}

.slick-slide {
float: left /* If RTL Make This Right */ ;
padding: 0;
}

/* ==== Slider Style === */
.Modern-Slider .item .img-fill{
height:100vh;
background:#000;
}

.Modern-Slider .item .img-fill .info{
position:absolute;
width:100%;
height:100%;
top:0px;
left:0px;
background:rgba(0,0,0,.50);
text-align:center;
}

.Modern-Slider .item .img-fill .info svg {
vertical-align: top;
    max-width: 100px;
    display: inline-block !important;
    width: 17%;
    margin-right: 2%;}

.Modern-Slider .item .img-fill img{
/*filter:blur(5px);*/
}

.Modern-Slider .item .info div.content-info {
width: 100%;
max-width: 1200px;
height: auto !important;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: left;
vertical-align: top;}

.Modern-Slider .item .info div.content-info .content-info-row {
    max-width: 800px;
    width: 100%;}


.Modern-Slider .item .info div.texto{
display: inline-block !important;
    vertical-align: top;
    width: 80%;}

    .Modern-Slider .item .info div.texto h2 {
    font-family: "OpenSans-Light", Arial, sans-serif;
    font-size: 60px;
    color: #FFF;
    margin-top: -15px;
    animation:fadeOutRight 1s both;}

    .Modern-Slider .item .info div.texto h3 {
    font-family: "OpenSans-Light", Arial, sans-serif;
    font-size: 30px;
    line-height: 1.2;
    color: #FFF;
    text-transform: normal;
    margin-bottom: 24px;
    animation:fadeOutLeft 1s both;}

    .Modern-Slider .item .info div.texto a.btonSlider {
        border-radius: 4rem;
        padding: 10px 40px;
        text-align: center;
        color: #FFF;
        margin-top: 10px;
        display: inline-block;
        transition: all 0.3s linear;
        font-size: 15px !important;
        font-family: "OpenSans-Regular", Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;}

        .Modern-Slider .item .info div.texto a.btonSlider:hover {
        background-color: #003594 !important;
        transition: all 0.3s linear;}





    .Modern-Slider .NextArrow {
        position: absolute;
        top: 50%;
        right: 10px;
        width: 37px;
        height: 32px;
        border: 0 none;
        text-align: center;
        color: #FFF;
        z-index: 5;
        background: url(/wp-content/themes/attestGenesis/images/flechas/controls.png) -43px -32px no-repeat;
        display: block;
        padding: 0px;
    min-width: 0px !important;}

.Modern-Slider .PrevArrow{
position: absolute;
top: 50%;
left: 10px;
width: 37px;
height: 32px;
border: 0 none;
text-align: center;
color: #FFF;
z-index: 4;
background: url(/wp-content/themes/attestGenesis/images/flechas/controls.png) 2px -32px no-repeat;
display: block;
padding: 0px;
min-width: 0px !important;}

.Modern-Slider .slick-dots{
position:absolute;
height:5px;
background:rgba(255,255,255,.20);
bottom:0px;
width:100%;
left:0px;
padding:0px;
margin:0px;
list-style-type:none;
display: none !important;
}
.Modern-Slider .slick-dots li button{display:none;}
.Modern-Slider .slick-dots li{
float:left;
width:0px;
height:5px;
background:#00b7e4;
position:absolute;
left:0px;
bottom:0px;
}

.Modern-Slider .slick-dots li.slick-active{
width:100%;
animation:ProgressDots 11s both;
display: none;
}

.Modern-Slider .item .info div.texto h2{
animation:fadeInDown 1s both 1s;
}

.Modern-Slider .item .info div.texto h3{
animation:fadeInLeft 1s both 1.5s;
}

.Modern-Slider .item.slick-active{
/*animation:Slick-FastSwipeIn 1s both;*/
}

.contentsSliderHome {
position: relative;}

.contentsSliderHome .slider-scroll {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translate(-50%);
    width: 100px;
    z-index: 150;
    text-shadow: 0 5px 23.75px rgb(0 0 0);
    text-align: center;}

    .contentsSliderHome .slider-scroll a {
    color: #FFF;
    font-size: 13px;
    font-family: "OpenSans-SemiBold", Arial, sans-serif;
    text-transform: uppercase;}

    .slider-scroll svg{
    animation:scroll 2s both infinite;
    width: 17px;}

/* ==== Slider Image Transition === */
@keyframes Slick-FastSwipeIn{
    0%{transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);}
    100%{transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);}
}

@-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes ProgressDots{from{width:0px;}to{width:100%;}}


@-webkit-keyframes scroll {
0% {
    transform: translateY(0);
}
50% {
    transform: translateY(10px);
}
80% {
    transform: translateY(5px);
}
90% {
    transform: translateY(10px);
}
100% {
    transform: translateY(0px);
}
}

@keyframes scroll {
0% {
    transform: translateY(0);
}
50% {
    transform: translateY(10px);
}
80% {
    transform: translateY(5px);
}
90% {
    transform: translateY(10px);
}
100% {
    transform: translateY(0px);
}
}
/* ==== Slick Slider Css Ruls === */
.slick-slider{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left /* If RTL Make This Right */ ;height:100%;min-height:1px}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}


/*Responsive Slider*/

@media only screen and (max-width: 1400px) {

    .Modern-Slider .item .info div.texto h2 {
        font-size: 45px;}

    .Modern-Slider .item .info div.texto h3 {
        font-size: 20px;
    line-height: 24px;}

.Modern-Slider .item .info div.content-info {
    padding: 0px 60px;}

}


@media only screen and (max-width: 782px) {

.Modern-Slider .item .info div.texto h2 {
    font-size: 35px;}

.Modern-Slider .item .info div.texto h3 {
    font-size: 17px;
    line-height: 21px;}

.Modern-Slider .item .info div.texto a.btonSlider {
    font-size: 13px !important;}

}



@media only screen and (max-width: 592px) {

.Modern-Slider .item .img-fill .info svg {
    position: absolute;
    z-index: -1;
    opacity: 0.4;
    top: -8px;}

}



@media only screen and (max-width: 530px) {

.Modern-Slider .item .info div.texto h2 {
    font-size: 27px;}

.Modern-Slider .item .info div.texto h3 {
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;}

    .Modern-Slider .item .info div.texto a.btonSlider {
    padding: 6px 17px;
    font-size: 13px !important;
    line-height: 19px;}

}
