/* CyberAspireBackToTop Plugin v1.0.0 [2021-01-01]
 * Author: Sourav Kar
 * Website: http://cyberaspire.com
 * Copyright: CyberAspire Web Services */

/***** CYBERASPIRE BACK TO TOP *****/
#cabacktotop {
    width: 30px;
    height: 30px;
    display: block;
    position: fixed;
    right: 3px;
    bottom: 3px;
    background: rgba(232, 98, 86, 0.8) url("backtotop.svg") no-repeat center 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    white-space: nowrap;
    cursor: pointer;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    z-index: 99;
}

#cabacktotop:hover {
    background-color: #e86256;
    opacity: 1;
}

#cabacktotop:active {
    background-color: #e95040;
}

#cabacktotop.backtotopvisible {
    visibility: visible;
    opacity: 1;
}

#cabacktotop.backtotopfadeout {
    opacity: .5;
}

.backtotopvisible,
.backtotopfadeout,
.no-touch #cabacktotop:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

/***** RESPONSIVE WEB DESIGN *****/
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {}

@media only screen and (min-width: 1024px) {}