public/css/IM_como_funciona.cssbody{
    font-family: 'Roboto', sans-serif;
    font-weight: 280;
    color: #1B0F4C;
}




.my_spacer{
    display:block;
    margin:auto;
    width:100%;
    height:1px;
    overflow:hidden;
}

.header_space{
    border-top:2rem solid white;
    background-image:url("../img/image_header_factoring-online.png");
    background-size: 150%;
    background-repeat: no-repeat;
    height:350px;
    background-position-x: 70%;
    background-position-y: 81%;
}
@media screen and (min-width: 491px)
{
    .header_space{
        border-top:3rem solid white;
        background-image:url("../img/image_header_factoring-online.png");
        background-size: cover;
        background-repeat: no-repeat;
        height:450px;
        background-position-x: 70%;
        background-position-y: 10%;
    }
}


@media screen and (max-width: 490px)
{
    .header_space{
        border-top:2rem solid white;
        background-image:url("../img/factoring_online_mobile.png");
        background-size: 104%;
        background-repeat: no-repeat;
        height:385px;
        background-position-x: 5%;
        background-position-y: 94%;
    }
}

@media screen and (max-width: 270px)
{
    .header_space{
        border-top:2rem solid white;
        background-image:url("../img/3image_header_2_mobile.png");
        background-size: 250%;
        background-repeat: no-repeat;
        height:403px;
        background-position-x: 50%;
        background-position-y: 20%;
    }
}



.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


h1,h2,h3,h4,h5{
    color: #4d4d4d;
}

h1{
    font-size:3rem;
    color:#898989;
    font-weight:100 !important;
    font-family: 'Roboto Condensed', sans-serif;
}

h1 b{
    font-weight: 700 !important;
    background: linear-gradient(97deg, #D1A548 21.51%, rgba(235, 166, 26, 0.79) 84.14%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.h3_small{
    font-size:1.5rem!important;
}

.h3_small_small{
    font-size:1.3rem!important;
}

/*#lead_modal.css:13*/
.h3_text{
    font-weight: 600 !important;
    color: #1B0F4C !important;
    font-size: 1.25rem !important;
    text-transform: none !important;
}

/*#lead_modal.css:13*/
.h3_white{
    text-transform: none !important;
    color: white !important;
    font-weight: 500 !important;
}

.upper{
    text-transform: uppercase!important;
}

.justify{
    text-align:justify;
}

ul{
    list-style:none;
}

.breadcrumb-item{
    font-weight: 600;
    color: #1B0F4C;
    display: inline;
}

div.breadcrumb_IM span.breadcrumb_item {
    font-weight: 400;
}

div.breadcrumb_IM span.breadcrumb_item a:link {
    color: #d1a549 !important;
    text-decoration: underline;
    /* background-color: #25d366; */
}

div.breadcrumb_IM span.breadcrumb_item a:visited {
    color: #d1a549 ;
    text-decoration: underline;
    /* background-color: #25d366; */
}

div.breadcrumb_IM span.breadcrumb_item a:hover {
    color: #424242 ;
    /* background-color: #25d366; */
}

.my_dotted>*:before {
    content: "\2022";
    color: #d1a548;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1.4em;
}

.my_dotted_black>*:before {
    content: "\2022";
    color: black;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1.3em;
}


.my_mayor>*:before {
    content: ">";
    color: #d1a548;
    font-weight: bold;
    font-size:1.7rem;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.my_mayor{
    padding-left:1.7rem;
}

.my_mayor span{
    position: relative;
    left: -14px;
}



.my_mayor_black>*:before {
    content: ">";
    color: black;
    font-weight: bold;
    font-size:1.7rem;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.my_mayor_black{
    padding-left:1.7rem;
}

.my_mayor_black span{
    position: relative;
    left: -14px;
}


.h_inline{
    padding:0;margin:0;border:0;
    display:inline;
}

.my_bold{
    font-weight:bold;
}

.gold{
    color:#D1A548;
}

.white{
    color:white;
}

.black{
    color:black;
}

.grey{
    color:#4d4d4d;
}

.f-1-2{
    font-size:1.2rem;
}

.f-1-25{
    font-size:1.25rem;
    font-weight: 100 !important;
    color: #898989;
}

.f-1-4{
    font-size:1.4rem;
}

.f-1-6{
    font-size:1.6rem;
}

.f-1-8{
    font-size:1.8rem;
}

.bg_gold{
    background: linear-gradient(147deg, #F1D250 3.71%, #D69C46 106.82%) !important;
    background-image: linear-gradient(147deg, rgb(241, 210, 80) 3.71%, rgb(214, 156, 70) 106.82%) !important;
    background-position-x: initial !important;
    background-position-y: initial !important;
    background-size: initial !important;
    background-repeat-x: initial !important;
    background-repeat-y: initial !important;
    background-attachment: initial !important;
    background-origin: initial !important;
    background-clip: initial !important;
    background-color: initial !important;
    color: #ffffff;
    padding: 32px 0;
}
}

.bg_grey{
    background-color:#EFEEEE;
}

.main_title{
    padding-top: 5rem;
    font-size: 2rem;
    color: #1B0F4C;
    font-weight: 400 !important;
}


.no_h3{
    display:inline;
    margin:0;
    padding:0;
    border:0;
    font-size:1.2rem!important;
    font-weight:bold!important;
}


.break_line{ /*  insert to break line of a text ==> trigger on a defined @media max-width  */
    display:none;
}

@media screen and (max-width: 1200px) {
    .break_line{
        display:inline;
    }
}


@media screen and (max-width: 769px) {
    .vertical-center {
        margin: 0;
        position: relative;
        top: 0;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

/********************************************/
/* instrucciones para la ventana pop-up  ****/

.fnd__header{
    /*background: rgb(223,234,240);*/
    /*background: linear-gradient(110deg, rgba(223,234,240,1) 0%, rgba(151,163,175,1) 100%);*/
    /*background-image: url('../img/imagen_fnd_popup.jpg');*/
    background-position: top right;
    background-repeat: no-repeat;
    background-color: white !important;
}



.txt__header_width{
    width: 70% !important;
}

.modal-header{
    border-bottom: none !important;
}

@media (max-width: 575.98px) {
    .fnd__header{
        /*background-image: url('../img/imagen_fnd_popup__xs.jpg');*/
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: white !important;
    }

    .main_title {
        padding-top: 8rem !important;
    }

}

/***************************************************************/

.h4_small{
    font-size:1.2rem!important;
}

.my_mayor_big>*:before {
    content: ">";
    color: #d1a548;
    font-weight: bold;
    font-size:2.2rem;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.my_mayor_big{
    padding-left:2.1rem;
}

.my_mayor_big span{
    position: relative;
    left: -14px;
}


.my_mayor_big_black>*:before {
    content: ">";
    color: #4c4c4c;
    font-weight: bold;
    font-size:2.2rem;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.my_mayor_big_black{
    padding-left:2.1rem;
}

.my_mayor_big_black span{
    position: relative;
    left: -14px;
}


.my_mayor_small>*:before {
    content: ">";
    /*color: #d1a548;*/
    color:#3D3D3D;
    font-weight: bold;
    font-size:1.2rem;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.my_mayor_small{
    padding-left:1.7rem;
    margin-bottom:0;
}

.my_mayor_small span{
    position: relative;
    left: -11px;
    top:-1px;
}

.my_mayor_small_alt>*:before {
    content: "-";
    /*color: #d1a548;*/
    color:#3D3D3D;
    font-weight: bold;
    /*font-size:1.6rem;*/
    display: inline-block;
    width: 1em;
    margin-left: 0.3em;
}

.my_mayor_small_alt{
    padding-left:1.7rem;
    padding-top:0px;
    margin-top:0px;
    border-top:0px;
}

.my_mayor_small_alt span{
    position: relative;
    left: -5px;
}

.li_n{
    font-size:1.1em;
    /*margin:0px;
    padding:0px;
    border:0px;*/
}

.a_ul{
    color:#D1A548;
}

.a_ul:hover{
    color:black;
    text-decoration:none;
}


.a_ul2{
    color:#ffffff;
}

.a_ul2:hover{
    color:black;
    text-decoration:none;
}


.a_ul3{
    color:#4d4d4d;
}

.a_ul3:hover{
    color:white;
    text-decoration:none;
}

.header_space_img_2{
    background-image:url("../img_2/imagen_header_camp_full_reverse.jpg");
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
}

.header_space_img{
    background-image:url("../img_2/imagen_header_camp_full_reverse_2.jpg");
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
}


.header_form_custom{
    background-image:url('https://chita.cl/img/imagen_header_1600.jpg');
    height:545px;
    background-repeat: no-repeat;
    /*background-size: 100% 100%;*/
    background-position: 85% 0%;

    /*background-position-x: center;
    background-position-y: center;*/
}

@media screen and (max-width: 600px) {
    .break_col{
        min-width:100%!important;
        text-align:center;
    }

    .expand_col{
        min-width:100%!important;
    }

    .mobile_no_show{
        display:none;
    }

    .mobile_img_resize{
        width:350px;
    }

    .mobile_titleH1_resize{
        font-size:2em;
        color:#2c2c2c;
        /*font-weight:bold;*/
    }

    .mobile_expand_height{
        margin-top:350px;
    }

    .header_form_custom{
        height:320px!important;
        background-size: 1200px 380px;
        background-position: 45% 0%!important;
    }
}

.indent{
    padding-left:34px;
}

.gold_underline{
    text-decoration: underline;
    text-decoration-color: #D1A548;
}






.my_mayor_small_b>*:before {
    content: ">";
    /*color: #d1a548;*/
    color:white;
    font-weight: bold;
    font-size:1.2rem;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.my_mayor_small_b{
    padding-left:1.7rem;
    margin-bottom:0;
}

.my_mayor_small_b span{
    position: relative;
    left: -11px;
    top:-1px;
}

.my_mayor_small_alt_b>*:before {
    content: "-";
    /*color: #d1a548;*/
    color:white;
    font-weight: bold;
    /*font-size:1.6rem;*/
    display: inline-block;
    width: 1em;
    margin-left: 0.3em;
}

.my_mayor_small_alt_b{
    padding-left:1.7rem;
    padding-top:0px;
    margin-top:0px;
    border-top:0px;
}

.my_mayor_small_alt_b span{
    position: relative;
    left: -5px;
}

.h3_link{
    color:#4d4d4d;
    text-decoration: underline;
    text-decoration-color:#D1A548;
}

.h3_link:hover{
    color:#D1A548;
}

.grey_bold{
    font-weight:bold;
    color:#4d4d4d;
}

.simple{
    padding-left:10px;
}

.huge{
    font-size:10em;
    font-weight:bold;
    line-height:0.8em;
}

.not_so_huge{
    font-size:4em;
    font-weight:bold;
    line-height:1.2em;
}

.header_space_chile {
    border-top: 2rem solid white;
    background-image: url(../img/image_header_factoring_chile.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 350px;
    background-position-x: 70%;
    background-position-y: 57%;
}


@media screen and (max-width: 490px) {
    .header_space_chile {
        border-top: 2rem solid white;
        background-image: url(../img/img_factoring_chile_mobile.png);
        background-size: 104%;
        background-repeat: no-repeat;
        height: 385px;
        background-position-x: 5%;
        background-position-y: 94%;
    }
}