.btn-up { position: fixed; border-radius: 5px; box-shadow: #0a0a0a 0 0 8px; text-align: center; opacity: 0; visibility: hidden; transition-duration: 1s; z-index: 1000; }
@media only screen and (min-width: 1024px) { .btn-up { right: 5px; bottom: 15px; width: 35px; height: 35px; } }
@media (min-width: 1200px) { .btn-up { right: 20px; bottom: 24px; width: 76px; height: 76px; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .btn-up { right: 5px; bottom: 15px; width: 35px; height: 35px; } }
@media only screen and (max-width: 767px) { .btn-up { right: 11px; bottom: 21px; width: 30px; height: 30px; } }
.btn-up.active { opacity: 1; visibility: visible; }
.btn-up i { display: inline-block; background: url("../images/svg/arrow.svg") no-repeat center/cover; }
@media only screen and (min-width: 1024px) { .btn-up i { margin: 8px 0 0 0; width: 14px; height: 19px; } }
@media (min-width: 1200px) { .btn-up i { margin: 14px 0 5px 0; width: 21px; height: 27px; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .btn-up i { margin: 8px 0 0 0; width: 14px; height: 19px; } }
@media only screen and (max-width: 767px) { .btn-up i { margin: 5px 0 0; width: 15px; height: 20px; } }
.btn-up span { font-size: 11px; line-height: 14px; letter-spacing: .6px; color: #020202; font-weight: bold; text-align: center; text-transform: uppercase; }
@media only screen and (min-width: 1024px) { .btn-up span { display: none; } }
@media (min-width: 1200px) { .btn-up span { display: block; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .btn-up span { display: none; } }
@media only screen and (max-width: 767px) { .btn-up span { display: none; } }
.btn-up:hover { text-decoration: none; }