.case{
        /*position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);*/
        width: 100%;
        height: 450px;
        background-size: cover;
        background-position: top;
        box-shadow: 0 20px 30px rgba(0,0,0,.5);
        transition: 5s;
        border-radius: 1rem!important;
    }
    .case:hover{ background-position: bottom;}  
    .gimg{width: 100%;height: 300px;object-fit: cover;}
            
    .shadow-lg {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
        padding: 1rem!important;
        border-radius: .25rem!important;
    }

    .f1{background:url(../images/case/f1.html);background-size: cover;}
    .f2{background:url(../images/case/f2.html);background-size: cover;}
    .f3{background:url(../images/case/f3.html);background-size: cover;}

    .Registers-fix:hover {color: #f07b00;background-color: #ffe7c5;border-color: #f07b00;}
    .Registers-fix {color: #ffe7c5;background: #f07a00;position: fixed;z-index: 999999;top: 50%;transform: rotate(270deg);right: -61px;border: 2px solid #ffe7c5;box-shadow: 1px 1px 11px;border-radius: 25px ;}


    .mobile{display: none;}
    .call{display: none;}
    .whats-pops {margin: 5px auto;position: fixed;top: 70%;right: 0;}

    /*==========    share button    ===========*/
    .btn-s { display: inline-flex; font-family: 'Roboto', sans-serif; text-decoration: none; justify-content: center; align-items: center; text-align: center; cursor: pointer; white-space: nowrap; padding: 8px 20px; font-size: 14px;
    background-color: #E91E63; border-radius: 2px; color: white; text-transform: uppercase; border: none; transition: all 0.2s ease-in; background-position: 50%; outline: none !important; } .btn-s.btn-circle { height: 50px; width: 50px;
    border-radius: 50%; padding: 0 !important; font-size: 18px; } .btn-multi { position: fixed; top: 50%; transform: rotate(265deg); right: 13px; z-index: 99999999; } .btn-multi input { display: none; } .btn-multi input:not(:checked) ~ label {
    transform: rotate(0); width: 70px; height: 70px; } .btn-multi input:not(:checked) ~ label .btn-s { border-radius: 0; height: 30px; width: 30px; box-shadow: none; } .btn-multi input:not(:checked) ~ label .btn-s:first-child {
    border-top-left-radius: 100%; transform: translate(25px, 25px); } .btn-multi input:not(:checked) ~ label .btn-s:nth-child(2) { border-top-right-radius: 100%; transform: translate(55px, 25px); } .btn-multi input:not(:checked) ~ label
    .btn-s:nth-child(3) { border-bottom-left-radius: 100%; transform: translate(25px, 55px); } .btn-multi input:not(:checked) ~ label .btn-s:nth-child(4) { border-bottom-right-radius: 100%; transform: translate(55px, 55px); } .btn-multi
    input:not(:checked) ~ label .btn-s .icon { opacity: 0; } .btn-multi input:not(:checked) ~ label > .icon { opacity: 1; cursor: pointer; transform: rotate(90deg); } .btn-multi label { position: relative; height: 110px; width: 110px; display:
    block; transform: rotate(45deg); transition: all 0.2s ease-in; cursor: default; border-radius: 30px; } .btn-multi label .btn-s { position: absolute; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .btn-multi
    label .btn-s:nth-child(2) { transform: translate(60px, 0); } .btn-multi label .btn-s:nth-child(3) { transform: translate(0, 60px); } .btn-multi label .btn-s:nth-child(4) { transform: translate(60px, 60px); } .btn-multi label .btn-s .icon {
    opacity: 1; transition: all 0.15s ease-in-out; /*transform: rotate(-45deg);*/ transform: rotate(52deg); } .btn-multi label > .icon { color: white; position: absolute; border-radius: 50%; display: flex; font-size: 30px; align-items: center;
    justify-content: center; height: 60px; width: 60px; top: 25px; left: 25px; opacity: 0; transition: all 0.25s ease-in-out; } .btn-multi label .icon { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
    /* mobile fix button bottom */
    
.sticky {box-shadow: 0 0 8px #ffffff;border: 2px solid #fdce0b!important;position: fixed;bottom: 0;z-index: 999;margin-bottom: 0;height: 50px;text-align: center;/* line-height: 50px; */display: block;background: #1150ad;color: #fff;text-transform: uppercase;width: 100%;padding: 0;right: 0;font-size: 15px;font-weight: bold;}
.color{background:#08587d!important;}.mobile-header {display: none !important;}.col-50 {width: 60%;float: left;}.col-25 {width: 40%;float: left;}
.btn-stic {color: #fff;margin: 0;height: 50px;line-height: 50px;display: block;/* background: #ed6e32; */color: #fff;background: #50c4f9;text-transform: uppercase;width: 100%;padding: 0;right: 0;font-size: 15px;font-weight: bold;text-align:center ;}

            

    /* mobile fix button bottom */
    @media only screen and (max-width: 600px) {
        .call{display: block;}.desktop{display: none !important;}.mobile{display: block !important;}.mobile-header {display: block !important;}
    }