/*
Theme Name: nuevajusticia
Text Domain: nuevajusticia
Version: 1
Description: Diseñado por Cristian Pizarro para www.nuevajusticia.cl
Author URI: https://www.frontbook.cl/
*/

body, ul {
    color: #9d9d9d;
    font-family: Cairo, sans-serif;
    padding: 0 !important;
    margin: 0 !important
}

p, strong {
    font-family: Cairo, sans-serif !important;
    color: #979797 !important
}

h1, h2, h3, h4 {
    font-family: Cairo, sans-serif !important;
    font-weight: 600 !important;
    color: #00A0AF !important
}

h1 {
    font-size: 28px !important
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col11, .col- {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.head-container {
    height: 130px
}

.head-container .box-flex-scnd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.head-container .box-flex-scnd .h-head {
    font-family: Cairo, sans-serif;
    -ms-flex-item-align: center;
    align-self: center;
    float: right;
    height: 50px;
    width: 100%;
    max-width: 290px;
    color: #00A0AF
}

.head-container .box-flex-scnd .h-head i {
    font-size: 12px
}

.head-container .box-flex-scnd .h-head-middle {
    -ms-flex-item-align: center;
    align-self: center;
    float: right;
    height: 50px;
    width: 100%;
    max-width: 10px;
    color: #00A0AF
}

.head-container .box-flex-fst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.head-container .box-flex-fst .logo-nueva-justicia {
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%
}

.head-container .box-flex-fst .logo-nueva-justicia img {
    max-width: 240px;
    width: 100%
}
@media screen and (max-width: 992px){
    .escribanos {
        top: 50px;
    }
    .head-container .box-flex-fst .logo-nueva-justicia img {
        max-width: 270px;
    }

}
.escribanos {
    background: white;
    position: relative;
    right: 0;
    z-index: 5
}

@media screen and (min-width: 1740px) {
    .menubg .fake_right_bg {
        right: 0;
        width: 450px
    }
}

@media screen and (min-width: 1350px) and (max-width: 1739px) {
    .menubg .fake_right_bg {
        right: 0;
        width: 300px
    }
}

@media screen and (min-width: 992px) and (max-width: 1349px) {
    .menubg .fake_right_bg {
        right: 0;
        width: 120px
    }
}

@media screen and (max-width: 992px) {
    .writeus {
        display: none
    }

    .fake_right_bg {
        display: none
    }

    .nmenu, .nmenuop {
        height: auto !important;
        display: block !important
    }

    .nmenu li a, .nmenuop li a {
        padding: 0 !important
    }
}

@media screen and (max-width: 769px) {
    .box-flex-scnd {
        display: none !important
    }

    .sleft {
        display: none !important
    }

    .sright {
        display: none
    }
}

.writeus {
    background-color: #DCD644
}

.writeus a {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    color: #00A0AF !important
}

.menubg {
    z-index: 4;
    position: relative;
    background-color: #00A0AF;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.menubg a.btn_side {
    position: relative;
    z-index: 99999;
    height: 55px;
    line-height: 55px;
    display: block;
    color: #00A0AF;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 300
}

.menubg .fake_right_bg {
    position: absolute;
    height: 55px;
    background-color: #DCD644;
    z-index: 4;
    top: 0
}

.nmenu, .nmenuop {
    height: 55px;
    font-family: Cairo, sans-serif;
    font-weight: 300;
    font-size: 15px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nmenu li, .nmenuop li {
    list-style: none;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.nmenu li a, .nmenuop li a {
    height: 55px;
    line-height: 55px;
    display: block;
    color: white;
    padding: 0 25px;
    text-decoration: none
}
@media screen and (max-width: 1199px){
    .nmenu li a, .nmenuop li a {
        padding: 0 15px;
    }
}

@media screen and (min-width: 1200px){
    .nmenu li a, .nmenuop li a {
        padding: 0 30px;
    }
}

.nmenu li a:hover, .nmenuop li a:hover {
    border-bottom: 3px solid #DCD644
}

.nmenu li a.active, .nmenuop li a.active {
    border-bottom: 3px solid #DCD644
}

.sect-banner {
    font-family: Cairo, sans-serif
}

.sect-banner h1 {
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 60px;
    font-size: 65px
}

.sect-banner span {
    color: #DCD644
}

.sect-banner img.slicon {
    width: 50px
}

.sect-banner .slide-content {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6% 0 0 0 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)
}

.sect-banner .slide-content .sleft {
    padding: 50px 0 0 0;
    width: 20%;
    float: left;
    min-width: 50px
}

.sect-banner .slide-content .sleft .sbraiconl {
    display: block;
    float: right;
    width: 25px
}

.sect-banner .slide-content .scenter {
    width: 60%;
    float: left;
    min-width: 300px;
    max-width: 600px
}

.sect-banner .slide-content .scenter p {
    color: white !important
}

.sect-banner .slide-content .scenter h1 {
    font-size: 55px !important;
    font-weight: 700 !important;
    color: white !important
}

.sect-banner .slide-content .scenter h1 span {
    color: #DCD644
}

.sect-banner .slide-content .sright {
    padding: 50px 0 0 0;
    width: 20%;
    float: right;
    min-width: 50px
}

.sect-banner .slide-content .sright .sbraiconr {
    display: block;
    float: left;
    width: 25px
}

.sect-banner .slide-content p {
    max-width: 500px;
    display: block;
    margin: auto
}

.sect-banner .btn_slider {
    border-radius: 20px;
    background-color: #00A0AF;
    font-family: Cairo, sans-serif;
    font-weight: 600;
    max-width: 160px;
    margin: 40px auto;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.sect-banner .btn_slider:hover {
    background-color: white
}

.sect-banner .btn_slider:hover a {
    text-shadow: none;
    color: #00A0AF
}

.sect-banner .btn_slider a {
    line-height: 40px;
    color: white;
    display: block;
    height: 40px;
    padding: 40px auto 0;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.sect-banner .btn_bullet_slider {
    border-radius: 50%;
    background-color: #00A0AF;
    height: 25px;
    width: 25px;
    line-height: 25px;
    padding: 1px 0 0 0;
    margin: auto;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.sect-banner .btn_bullet_slider:hover {
    background-color: white
}

.sect-banner .btn_bullet_slider:hover a {
    color: #00A0AF
}

.sect-banner .btn_bullet_slider a {
    display: block;
    height: 100%;
    color: white;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.wid::after {
    content: "";
    width: 5px;
    height: 20px;
    display: block;
    float: left;
    background-color: #DCD644;
    position: relative;
    left: -8px;
    top: 5px
}

.wid {
    padding: 0 0 0 8px
}

.quienes, .servicios, .equipo {
    margin: 50px 0
}

.quienes p, .servicios p, .equipo p {
    text-align: justify
}

.misionvision {
    margin: 100px 0;
    background-color: #F4F4F4;
    padding: 100px 0
}

.valoresseparator {
    padding: 30px 0 0 0
}

@media screen and (max-width: 992px) {
    .valoresseparator .valoresimg {
        width: 30%
    }
}

@media screen and (min-width: 993px) {
    .valoresseparator .valoresimg {
        width: 70%
    }
}

.valoresseparator .valoresimg {
    height: auto;
    display: block;
    margin: auto
}

.valoresseparator .valoresp {
    text-align: center !important;
    font-family: Cairo, sans-serif;
    font-size: 17px;
    display: block;
    margin: auto;
    padding: 20px 0
}

.bgspacer .col-lg-12 {
    padding: 0
}

@media screen and (max-width: 992px) {
    .bgspacer .cont-color {
        height: 600px
    }

    .bgspacer .cont-img {
        height: 600px
    }

    .bgspacer .cont-cont {
        left: 5%;
        width: 90%
    }
}

@media screen and (min-width: 993px) {
    .bgspacer .cont-color {
        height: 500px
    }

    .bgspacer .cont-img {
        height: 500px
    }

    .bgspacer .cont-cont {
        width: 100%
    }
}

.bgspacer .cont-color {
    padding: 50px 0;
    width: 100%;
    background-color: #00A0AF
}

.bgspacer .cont-img {
    position: absolute;
    top: 0;
    background-size: cover;
    padding: 50px 0;
    width: 100%;
    opacity: .1
}

.bgspacer .cont-cont {
    position: absolute;
    padding: 50px 0;
    top: 0;
    height: 400px;
    margin: auto;
    display: block
}

.bgspacer img {
    display: block;
    width: 80px;
    margin: 50px auto
}

.bgspacer .titlesepa {
    max-width: 800px;
    text-align: center;
    color: white !important;
    display: block;
    margin: auto;
    font-size: 37px
}

.bgspacer .titlesepa span {
    color: #DCD644
}

.bgspacer .cuotes {
    max-width: 1000px;
    width: 100%;
    display: block;
    margin: auto
}

@media screen and (max-width: 992px) {
    .bgspacer .cuotes .cuol {
        margin-top: -150px
    }

    .bgspacer .cuotes .cuol img {
        width: 30px
    }

    .bgspacer .cuotes .cuor {
        margin-top: -90px
    }

    .bgspacer .cuotes .cuor img {
        width: 30px
    }
}

@media screen and (min-width: 993px) {
    .bgspacer .cuotes .cuol {
        margin-top: -150px
    }

    .bgspacer .cuotes .cuol img {
        width: 50px
    }

    .bgspacer .cuotes .cuor {
        margin-top: -100px
    }

    .bgspacer .cuotes .cuor img {
        width: 50px
    }
}

.bgspacer .cuotes .cuol {
    height: 100px;
    float: left
}

.bgspacer .cuotes .cuor {
    height: 100px;
    float: right
}

.equipo span {
    color: #DCD644;
    font-size: 12px
}

.equipo h3 {
    color: #00A0AF;
    font-size: 23px
}

.equipo .lineresena {
    height: 1px;
    display: block;
    border-bottom: 2px solid #DCD644
}

.equipo strong {
    color: #00A0AF;
    padding: 20px 0;
    display: block
}

.sepa-img-first {
    background: url("https://www.nuevajusticia.cl/abogados/wp-content/themes/nuevajusticia/images/1x/img-separator-100.jpg") center center
}

.sepa-img-second {
    background: url("https://www.nuevajusticia.cl/abogados/wp-content/themes/nuevajusticia/images/1x/img-sepa-foot-80.jpg") center center
}

@media screen and (min-width: 993px) {
    .footer .flexfoo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .footer .flexfoo .dirfoo, .footer .flexfoo .telfoo {
        padding: 65px 0 0 0;
        width: 40%;
        text-align: right;
        float: right
    }
}

@media screen and (max-width: 992px) {
    .v-center {
        top: 80px !important
    }

    .footer {
        padding: 0 !important
    }

    .footer .flexfoo {
        height: 250px
    }

    .footer .flexfoo .dirfoo, .footer .flexfoo .telfoo {
        width: 100%;
        padding: 35px 0 0 0;
        text-align: center
    }

    .footer .container {
        max-width: 100% !important
    }
}

.footer {
    position: relative
}

@media screen and (max-width: 991px) {
    .footer .stickfoo {
        display: none
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .footer .stickfoo {
        width: 200px;
        left: 0
    }
}

@media screen and (min-width: 1200px) {
    .footer .stickfoo {
        width: 450px;
        left: 0
    }
}

.footer .stickfoo {
    position: absolute;
    top: 0;
    background-color: #00A0AF;
    height: 161px
}

.footer .logofoot {
    display: block;
    background-color: #00A0AF;
    width: 100%;
    padding: 45px 0
}

.footer .logofoot img {
    margin: auto;
    display: block;
    width: 90%;
    max-width: 190px
}

.footer .flexfoo .dirfoo, .footer .flexfoo .telfoo {
    display: block;
    color: #979797;
    font-family: Cairo, sans-serif;
    font-size: 16px
}

@media screen and (min-width: 993px) {
    .movil {
        display: none !important
    }

    .desktop {
        display: block !important
    }
}

@media screen and (max-width: 992px) {
    .movil {
        display: block !important
    }

    .desktop {
        display: none !important
    }
}

.btnmovil {
    font-size: 15px;
    padding: 15px 20px !important;
    background-color: #00A0AF;
    text-decoration: none;
    color: white !important;
    border-radius: 5px;
    margin: 15px auto 0 auto;
    width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.btnmovil a {
    text-decoration: none !important;
    color: white !important
}

.h-telefono:first-child {
    width: 150px !important
}

@media screen and (max-width: 991px) {
    #menufixed {
        display: none !important
    }

    .telfoo a {
        color: white !important
    }

    .menubg {
        position: fixed !important;
        z-index: 9999;
        top: 0;
    }

    .mensaje_movil {
        display: block
    }
}

.menufixed {
    opacity: 0 !important;
    position: fixed;
    top: 0;
    z-index: 9999;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (min-width: 992px) {
    .show {
        opacity: 1;
        position: fixed;
        z-index: 9999;
        top: 0;
        -webkit-transition: all .6s ease;
        transition: all .6s ease
    }

    .telfoo a {
        color: #9d9d9d !important
    }

    .mensaje_movil {
        display: none
    }
}

.hide {
    opacity: 1;
    position: relative;
    z-index: 9999;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.menumoviljquery {
    height: 55px;
    overflow: hidden;
    z-index: 9
}

.nmenuop li a:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important
}

.display_form {
    display: none
}

.bgtransparent {
    position: absolute;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    color: #00A0AF
}

.bgtransparent .formulario {
    padding: 30px;
    border-radius: 5px;
    background-color: white;
    margin: 60px auto 0 auto;
    display: block;
    top: 25%;
    width: 90%;
    max-width: 600px;
    height: 685px;
    border: 1px solid white;
    outline: none;
}

.bgtransparent .formulario input {
    width: 100%;
    height: 45px;
    border: 1px solid lightgray;
    outline: none;
    margin: 0 0 10px 0;
    padding: 0 5px
}

.bgtransparent .formulario textarea {
    width: 100%;
    height: 150px;
    border: 1px solid lightgray;
    resize: none;
    outline: none
}

.bgtransparent .formulario button {
    width: 100%;
    height: 50px;
    background-color: #00A0AF;
    color: white;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    cursor: pointer
}

.bgtransparent .formulario .cerrarpop {
    float: right;
    display: block;
    cursor: pointer
}

.fecha{
    margin: 1rem 0 2rem 0;
    font-size: 12px;
    font-style: italic;
}
.fecha_side{
    margin: 1rem 0 0 0;
    font-size: 12px;
    font-style: italic;
}


.imagen_noticia_destacada{
    width: 100%;
    margin: 0 0 1rem 0;
}

.imagen_noticia{
    width: 100%;
    margin: 1rem 0 0 0;
}

.btn_articulos{
      border-radius: 20px;
      background-color: #00A0AF;
      font-family: Cairo, sans-serif;
      font-weight: 600;
      margin: 40px auto 80px auto;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      color: white;
      padding: 5px 30px;
}
a.btn_articulos{
	  color: white !important;
}
.btn_articulos:hover{
    background-color: #00bcca;
    color: white;
    text-decoration: none;
}

.btn_articulos a:hover{
    color: white !important;
}

.articulo_destacado{
    margin: 0 0 3rem 0;
}

.side_bar{

}

.side_bar li{
    list-style: none;
    border-bottom: 1px solid #ebebeb;
}

.side_bar li a{
    color: #979797 !important;
    display: block;
    transition: all .3s ease;
    padding: 1rem 0;
}

.side_bar li a:hover{
    text-decoration: none;
    color: #6e6e6e !important;
}

.singlegrid{
    display: grid !important;
    grid-column-gap: 50px;
    grid-row-gap: 50px; grid-template-columns: auto auto auto;
    padding: 0 15px;

}

@media screen and (max-width: 767px){
    .singlegrid{
        grid-row-gap: 50px; grid-template-columns: auto auto !important;
        padding: 0 15px;
    }
}

@media screen and (max-width: 576px){
    .singlegrid{
        grid-row-gap: 50px; grid-template-columns: auto !important;
        padding: 0 15px;
    }
}
.single_noticias{
    float: left;
}

.single_noticias li{
    list-style: none;
    border-bottom: 1px solid #ebebeb;
}

.single_noticias li a{
    color: #979797 !important;
    display: block;
    transition: all .3s ease;
    padding: 1rem 0;
}

.single_noticias li a:hover{
    text-decoration: none;
    color: #6e6e6e !important;
}


.single_noticias h4 a{
    font-weight: 600 !important;
    color: #00A0AF !important;
    margin: 1rem 0 0 0;
    display: block;
}
.widsingle::after {
    content: "";
    width: 5px;
    height: 40px;
    display: block;
    float: left;
    background-color: #DCD644;
    position: relative;
    left: -8px;
    top: 10px;
}
.breadcrumbs .current-item{
    color: #afafaf !important;
}
.breadcrumbs{
    text-decoration: none;
    color: #afafaf !important;
    font-size: 12px;
    margin: 2rem 0 0 0 ;
    padding: 0 !important;
}
.breadcrumbs span > a > span{
    text-decoration: none;
    color: #afafaf !important;
}
.breadcrumbs span > a:hover{
    text-decoration: none !important;
}

@media screen and (min-width: 900px) {
    .single_title{
        margin: 1rem 0 0 0 ;
        font-size: 3rem !important;
    }
}

@media screen and (max-width: 899px) {
    .single_title{
        margin: 1rem 0 0 0 ;
        font-size: 35px !important;
    }
}

.custom-pagination{
    color: white;
    margin: auto !important;
    display: initial !important;
    /* overflow: auto; */
    width: initial !important;
}
.custom-pagination span, .custom-pagination a {
    display: inline-block;
    padding: 15px 20px;
    text-decoration: none;
}
.custom-pagination a {
    background-color: #00A0AF;
    color: white;
    transition: .3s all ease;
}
.custom-pagination a:hover {
    background-color: #00B8C7;
    color: #fff;
    text-decoration: none;
}
.custom-pagination span.page-num {
    margin-right: 10px;
    padding: 0;
}
.custom-pagination span.dots {
    padding: 0;
    color: gainsboro;
}
.custom-pagination span.current {
    background-color: #e8e8e8;
    color: lightgrey;
    pointer-events: none;

}

.wzp_over {
    width: 100px;
    height: 100px;
    z-index: 99;
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 20px;
    animation: shake 10s infinite;
}

.wzp_over img {
    width: 100%;
    height: auto;
    transition: all .1s ease;
}

@keyframes shake {
    0% {
        transform: translate3d(0px, 0, 0);
    }

    1% {
        transform: translate3d(2px, 0, 0);
    }

    2% {
        transform: translate3d(-2px, 0, 0);
    }

    3% {
        transform: translate3d(2px, 0, 0);
    }
    4% {
        transform: translate3d(-2px, 0, 0);
    }
    5% {
        transform: translate3d(2px, 0, 0);
    }
    6% {
        transform: translate3d(-4px, 0, 0);
    }
    7% {
        transform: translate3d(4px, 0, 0);
    }
    8% {
        transform: translate3d(-4px, 0, 0);
    }
    9% {
        transform: translate3d(4px, 0, 0);
    }
    10% {
        transform: translate3d(-2px, 0, 0);
    }
    11% {
        transform: translate3d(2px, 0, 0);
    }
    12% {
        transform: translate3d(-2px, 0, 0);
    }
    13% {
        transform: translate3d(2px, 0, 0);
    }
    14% {
        transform: translate3d(-2px, 0, 0);
    }

    100% {
        transform: translate3d(0px, 0, 0);
    }
}

label, input, textarea{
    width: 100%;
    display: block;
}

.input{
    width: 100%;
    display: block;
}

.grecaptcha-badge{
    display: none !important;
}
.articulo_destacado a, a:hover, a:visited{
	color: #00A0AF;
}
.articulo_destacado ol li{
	color: #979797;
}
.wp-block-image img {
	height: auto;
}