/*=====================================================
  ASICON - FLOAT BUTTON QUOTE THIS SERVICE
======================================================*/

.asicon-quote-float-btn{

    position: fixed;

    top: 450px;
    right: 120px;

    width: 120px;
    height: 120px;

    display: block;
    text-decoration: none;

    border-radius: 50%;
    overflow: hidden;

    background: #fff;
    border: 4px solid #fff;

    box-shadow:
        0 8px 22px rgba(0,0,0,.45),
        0 2px 8px rgba(0,0,0,.18);

    z-index: 99998;

    outline: none;
    -webkit-tap-highlight-color: transparent;

    transition: transform .25s ease,
                box-shadow .25s ease;
}

.asicon-quote-float-btn:hover,
.asicon-quote-float-btn:focus,
.asicon-quote-float-btn:focus-visible,
.asicon-quote-float-btn:active{

    transform: translateY(-3px) scale(1.06);

    box-shadow:
        0 14px 30px rgba(0,0,0,.50),
        0 4px 12px rgba(0,0,0,.20);

    outline: none;
}

.asicon-quote-float-btn img{

    width: 100%;
    height: 100%;

    display: block;
    object-fit: cover;

    border-radius: 50%;
}

/*=====================================================
  RESPONSIVE - 1200px
======================================================*/
@media (max-width:1200px){

    .asicon-quote-float-btn{

        top: 400px;
        right: 40px;

        width: 100px;
        height: 100px;

    }

}


/*=====================================================
  RESPONSIVE - 900px
======================================================*/
@media (max-width:900px){

    .asicon-quote-float-btn{

        top: 100px !important;
        right: 20px;

        width: 85px;
        height: 85px;

    }

}


/*=====================================================
  RESPONSIVE - 600px
======================================================*/
@media (max-width:600px){

    .asicon-quote-float-btn{

        top: 320px !important;
        right: 12px;

        width: 70px;
        height: 70px;

    }

}