.marco, .marco_simple
    {
        display: flex;
        overflow: hidden;
        width: 100%;
        height: 100%;
        position: absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;

        background-image: url('/_proy/st/_principal/images/mano01.jpg');
        background-position: center 50%;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .marco_simple{
/*        background-image: url('/matrimony.com.v2/_proy/st/_principal/images/mano001.jpg') !important;*/
         background-image: url('/_proy/st/_principal/images/mano001.jpg') !important; 
    }

    .div_area_drag
    {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    touch-action: none;
    z-index: 10;
    }
    .div_area_drag::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: transparent;
    }

    .anillo_base_01
    {
/*				   width: 85px;*/
/*				   height: 85px;*/
/*				   background-color: #66FFFF;*/
    user-select: none;
    touch-action: none;
    /* max-width: 65px; */
    width: 10%;
    position: relative;
    }

    .anillo_base_01 img 
    {
    /*width: 100%;
    width: 100%;*/
    user-select: none;
    touch-action: none;
    }
    #piedra-base{
        position: absolute;
        margin: auto;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        width: 6.4%;
    }

    .area-header, .area-fotter{
    position: absolute;
    width: 100%;
    height: max-content;
    z-index: 11;
    color: #ffffff;
    left: 0;
    right: 0;
    margin: auto;
    }

    .area-header{
    padding: 1.5rem 2rem;
    /* max-width: 410px; */
    }

    #marco-probar.picture-taken .area-header{
    backdrop-filter: blur(20px);
    backdrop-filter: blur(20px) contrast(100%);
    -webkit-backdrop-filter: blur(20px) contrast(100%);
    }

    .area-header .element-header-to-hide, 
    #marco-probar.picture-taken .area-header .element-header-to-show{
        display: block;
    }
    #marco-probar.picture-taken .area-header ~ .element-header-to-show{
        display: flex;
    }

    .area-header .element-header-to-show, 
    .area-header ~ .element-header-to-show,
    #marco-probar.picture-taken .area-header .element-header-to-hide{
        display: none;
    }

    #marco-probar.picture-taken .area-header #piedra-input-slider-range{
    margin-top: 0.5rem;
    }

    #marco-probar.picture-taken .area-header .ui-slider-handle.ui-state-default.ui-corner-all{
    width: 20px !important;
    height: 20px !important;
    }

    #marco-probar.picture-taken .area-header .ui-slider-handle div span{
    color: #fff !important;
    }

    .area-fotter{
        bottom: 0;
        padding: 0 1rem 1.5rem;
        text-align: center;
    }

    #modal-prubatelo{
        background-color: #000;
        top: 70px !important;
    }

    #modal-prubatelo .modal-dialog{
        margin: 0 auto !important;
    }

    body.m-pruebatelo nav.navbar-matrimony{
        z-index: 9999 !important;
    }

    #marco-probar .area-fotter .txt-btn-tomar::before{
        content: "Tomar foto";
    }

    #marco-probar.picture-taken  .area-fotter .txt-btn-tomar::before{
        content: "Retomar foto" !important;
    }

    #marco-probar .area-fotter #btn-convert-donwload-mano{
        display: none;
    }
    #marco-probar.picture-taken .area-fotter #btn-convert-donwload-mano{
        display: inline-block !important;
    }

/* @media (max-width: 767px) */
/* { */
    #div_area_drag_simple{
        transform: translate(-10.5%, -7%) !important;
    }

    #div_area_drag_simple .anillo_base_01 {
        max-width: unset !important; 
        width: 10.2%;
    }
/* } */