.skelton{
    opacity:.7;
    animation:skelton-loading 1s linear infinite alternate;
}

@keyframes skelton-loading {
    0%{
        background-color:hsl(200,20%,70%);
    }
    100%{
        background-color:hsl(200,20%,95%);
    }
}

    footer{
        padding:0;
        margin:0;
        padding-left:10px;
        padding-right:10px;
    }

    .pac-container {
        z-index: 10000 !important;
    }
    .paying_rate{
        border-radius: 30px; background: #1C87C7; padding:0px 22px;
    }
    .paying_left{
        position: absolute;left:5px; top:6px; width:45px; height:45px; background:#F9D342; border-radius: 50%;
    }
    .paying_right{
        position: absolute;right:5px; top:6px; width:45px; height:45px; background:#F9D342; border-radius: 50%;
    }

    .paying_left i{
        padding-left:15px; padding-top:12px; font-size: 22px;
    }
    .paying_right i{
        padding-left:15px; padding-top:12px; font-size: 22px;
    }

    .paying_001 {
        font-weight: 800;
        font-size: 20px;
        color: #fff;
        padding: 5px 15px !important;
        border-radius: 30px;
        margin-top: 4px;
        background:#F9D342;
    }

    @media(max-width:768px){
        .paying_rate{
        border-radius: 30px; background: #1C87C7; padding:0px 18px;
        }
        .paying_left{
            position: absolute;left:5px; top:6px; width:30px; height:30px; background:#F9D342; border-radius: 50%;
        }
        .paying_right{
            position: absolute;right:5px; top:6px; width:30px; height:30px; background:#F9D342; border-radius: 50%;
        }

        .paying_left i{
            padding-left:7px; padding-top:9px; font-size: 15px;
        }
        .paying_right i{
            padding-left:12px; padding-top:9px; font-size: 15px;
        }

        .paying_001 {
            padding: 3px 10px !important;
            font-size:14px;
        }

        .paying_001 b{
            font-size:14px;
        }

    }

    .search_parameter input[type=radio]:checked + label{
        font-weight: 800;
        font-size: 20px;
        color: #fff;
        padding: 5px 15px !important;
        border-radius: 30px;
        margin-top: 4px;
        background-color: #F9D342!important;
        color: #000!important;
    }


    @media (max-width: 1200px){
        .profile-image {
            position: relative;
            right: 0;
            top: 0;
            margin: 0 auto;
            margin-bottom:7px;
            width:150px; height:150px;
        }
    }

    .kms_90{
        font-size:20px!important;
    }

    @media(max-width:992px){
        .kms_90{
            font-size:18px!important;
        }
    }

    @media(max-width:576px){
        .kms_90{
            font-size:14px!important;
        }
    }


    .bingoo{
        border:2px solid #1C87C7;
        border-bottom:2px solid #fff;
    }

    .hover_me_modal1 {
        background: #1C87C7;
        color: #fff;
        border-radius:12px;
    }

    .right_arrow01{
        position:relative; cursor:pointer; top:30px; right:10px;
    }

    @media(max-width:576px){
        .right_arrow01{
            position:relative; cursor:pointer; top:20px; right:10px;
        }
    }

    #nav-tabContent .upload-file-btn {
        position: relative;
        overflow: hidden;
        background: #ffc000;
        color: #f6f6f6;
        padding: 10px 20px;
        font-size: 14px;
        font-weight: 700;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        text-align: center;
        display: inline-block;
    }

    #nav-tabContent .upload-file-btn input[type=file] {
        position: absolute;
        width: 100%;
        height: 165%;
        top: -25px;
        left: 0;
        opacity: 0;
        cursor: pointer;
    }

    .modal-busy {
        position: fixed;
        z-index: 999;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-color: Black;
        filter: alpha(opacity=60);
        opacity: 0.6;
        -moz-opacity: 0.8;
    }

    @media (max-width: 1200px){
        #mapsConainer_001, #mapsConainer_001 iframe {
            height: auto;
            width: 100%;
            margin-top: 10px;
        }
    }

    @media (max-width: 992px){
        #mapsConainer_001, #mapsConainer_001 iframe {
            height: 500px;
            width: 100%;
            margin-top: 10px;
        }
    }

    .center-busy {
        z-index: 1000;
        margin: 50px auto;
        padding: 0px;
        width: 602px;
        filter: alpha(opacity=100);
        opacity: 1;
        -moz-opacity: 1;
    }

    .center-busy img {
        height: 600px;
        width: 600px;
    }

    .long_coo1 {
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .long_coo10 {
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #nav_sub001 input[type=checkbox]:checked + label{
    background-color: #1c87c7!important;
    color: #fff!important;
    }


    #data_sub_br_me input[type=radio]:checked + label{
        background-color: #1c87c7!important;
        color: #fff!important;
    }



    #nav_sub001 input[type=radio]:checked+label {
        background-color: #1c87c7 !important;
        color: #fff !important;
        border-radius: 20px;
    }

    #nav001 input[type=radio]:checked + label .tabs-icon-contaier{
    background-color: #1c87c7!important;
    color: #fff!important;
    }

    #nav001_new01 input[type=radio]:checked + label .tabs-icon-contaier{
    background-color: #1c87c7!important;
    color: #fff!important;
    }

    .job_loop {
        width: 90px;
        height: 90px;
        border: 1px solid #000;
        border-radius: 50%;
        padding: 15px;
    }

    .job_loop1 {
        position: absolute;
        width: 48px;
        height: 25px;
        top: 10px;
        right: 35px;
        border-radius: 30px;
        font-size: 14px;
        background: #FFC107;
    }

    .change_btn{
        background:#FFC107; border-radius:30px; width:100%; font-size:15px; margin-top:-20px; position:relative; z-index:+20;
    }

    .my_go{
        border:1px solid gray; position:relative; height:170px;
    }

    .my_go2{
        cursor:pointer; height:170px!important; position:relative; top:0px;
    }

    @media(max-width:576px){
        .job_loop {
            width: 50px;
            height: 50px;
            border: 1px solid #000;
            border-radius: 50%;
            padding: 15px;
        }

        .job_loop1 {
            position: absolute;
            width: 28px;
            height: 15px;
            top: 10px;
            right: 15px;
            border-radius: 30px;
            background: #FFC107;
        }

        .my_go{
            border:1px solid gray; position:relative; height:120px;
        }

        .my_go2{
            cursor:pointer; height:120px!important;
        }

        .job_loop1 b {
            font-size: 10px!important;
            position: relative;
            top: -4px;
        }





        .change_btn{
            background:#FFC107; border-radius:30px; width:100%; font-size:10px; margin-top:-20px; position:relative; z-index:+20;
        }
    }

    #mapsConainer,
    #pano {
        float: left;
        height: 100%;
        width: 50%;
    }

    .pull-left001 {
        position: absolute;
        left: 7px;
        top: 8px;
        font-size: 20px;
        border: 0;
        background: transparent;
        z-index: +10;
        cursor: pointer;
    }

    .pull-right001 {
        position: absolute;
        right: 7px;
        top: 8px;
        font-size: 20px;
        border: 0;
        background: transparent;
        z-index: +10;
        cursor: pointer;
    }

    .pull-left001 i {
        padding: 10px 12px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        background: #F9D342;
        color: #000;
    }

    .pull-right001 i {
        padding: 10px 15px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        background: #F9D342;
        color: #000;
    }

    .pay001 {
        font-weight: 800;
        font-size: 20px;
        color: #fff;
        padding: 5px 15px !important;
        border-radius: 30px;
        margin-top: 4px;
    }

    @media(max-width:768px) {
        .pay001 {
            margin-top: -10px;
        }
    }

    .pay001:hover {
        background: #F9D342;
        color: #000;
    }

    #checkpay001 input[type=radio]:checked+label {
        background: #F9D342;
        color: #000;
    }

    #checkpay001_new01 input[type=radio]:checked+label {
        background: #F9D342;
        color: #000;
    }

    #ts_sub_new01 input[type=radio]:checked+label{
        background: #F9D342;
        color: #000;
    }

    .live_001 {
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translate(-50%);
        z-index: +1 !important;
    }

    .bg_color {
        background: #1C87C7 !important;
        color: #fff;
    }

    .bg_color01 {
        background: #464646 !important;
        color: #fff;
    }

.form-switch .form-check-input{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")!important;
  background-color:#1CA74F;
  border-color:#1CA74F;
}

.profile-image{
    z-index:+25;
}