:root{
    --body-pt: 100px;
    --body-pt-d: 140px;
    
    --header-height: 50px;
    --header-height-d: 60px;
    
    --bg-1-color: #248780;
    --bg-2-color: #303030;
    
    --icons-1-color: #ddb74f;
    
    --txt-1-font: "Open Sans", sans-serif;
    --txt-1-color: #111;
    --txt-1-size: 17px;
    --txt-1-weight: 400;
    --txt-1-line-height: 1.5;
    --txt-1-icons-color: #34c85a;
    
    --txt-2-color: #fff;
    --txt-2-color-hover: #fff;
    
    --txt-3-color: #34c85a;
    
    --swiper-pb: 0px;
}

body{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: var(--txt-1-color);
    line-height: 1.5;
    /*padding-top: var(--body-pt);*/
    overflow-x: hidden;
}
body.tpl-home{
    padding-top: 0px;
}
@media(min-width: 992px){
    body{
        /*padding-top: var(--body-pt-d);*/
    }
    body.tpl-home{
        padding-top: 0px;
    }
}
*::selection{
    background: var(--bg-1-color);
    color: #fff;
}
*::-moz-selection{
    background: var(--bg-1-color);
    color: #fff;
}
b, strong{
    font-weight: 700;
}
a{
    color: blue;
    outline: none;
}
a:hover{
    color: inherit;
    text-decoration: underline;
}
a.link{
    color: blue;
    text-decoration: underline;
}
a.btn{
    text-decoration: none;
}
p{
    margin: 0;
}
p + p{
    margin-top: 1rem;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
    color: inherit;
    font-weight: 700 !important;
}
.hover:hover{
    opacity: 0.8;
}
.hover-border:hover{
    border: solid 1px #aaa;
    box-sizing: border-box;
    opacity: 0.8;
}

img.lazyload:not([src]),
img.lazy:not([src]),
img.lazyload[src=""],
img.lazy[src=""]{
    visibility: hidden;
}
li{
    list-style-position: inside;
}
.fw-black{
    font-weight: 900;
}


/*################*/
/*---- header ----*/
header{
    /*background-image: linear-gradient(to right, #2ca097, #28938b, #23867f, #1f7973, #1b6d67);*/
    background: rgb(44,160,151);
    background: linear-gradient(90deg, rgba(44,160,151,0.65) 50%, rgba(27,109,103,0.65) 100%);
}
@media(min-width: 992px){
    header{
        
    }
}
header .header-menu{
    
}

@media(min-width: 1200px){
    header .header-menu{
        
    }
}
header .header-menu .navbar-brand img{
    width: 100%;
    max-width: 130px !important;
}
@media(min-width: 992px){
    header .header-menu .navbar-brand img{
        width: 100% !important;
        max-width: 190px !important;
    }
}
header .header-menu .navbar-toggler{
    font-size: 2.0rem;
    color: #fff;
    border: none;
    border-color: transparent;
    box-shadow: none;
    outline: none;
}
header .header-menu .navbar-toggler:hover{
    outline: none;
}
header .header-menu #offcanvasMenu{
    background: rgba(0, 0, 0, 0.9);
    width: 94% !important;
}
header .header-menu #offcanvasMenu .btn-close{
    filter: invert(1);
    background-size: 1.2rem;
    height: 1.2rem;
    width: 1.2rem;
    opacity: 1;
}

header .header-menu .navbar-nav{
    padding: 0;
}
header .header-menu .nav-item,
header .header-menu .nav-link{
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 0;
    margin: 0;
}
header .header-menu .nav-item:hover .nav-link,
header .header-menu .nav-link:hover,
header .header-menu .nav-item.active .nav-link,
header .header-menu .nav-link.active{
    color: #fff;
    font-weight: 400;
}

@media(min-width: 992px){
    header .header-menu .nav-item .nav-link{
        position: relative !important;
        /*border-bottom: solid 0px;*/
        /*border-color: var(--bg-1-color);*/
        /*box-sizing: border-box;*/
        padding: 0px 0px !important;
        /*transition: border-width 0.6s linear;*/
    }
    header .header-menu .nav-item:hover .nav-link,
    header .header-menu .nav-item.active .nav-link{
        /*border-bottom: solid 4px;*/
        /*border-color: var(--bg-2-color);*/
    }
    header .header-menu .nav-item,
    header .header-menu .nav-link{
        font-size: 16px;
        text-align: center;
    }
    header .header-menu .nav-item{
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
    header .header-menu .navbar-nav > .nav-item:not(.dropdown) .nav-link::after{
        content: '';
        position: absolute;
        width: 0px;
        height: 1px;
        left: 50%;
        bottom:0;
        background-color: #fff;
        transition: all ease-in-out 0.2s;
    }
    header .header-menu .navbar-nav > .nav-item:not(.dropdown) .nav-link:hover::after{
        width: 100%;
        left: 0;
    }
}
@media(min-width: 1400px){
    header .header-menu .nav-item,
    header .header-menu .nav-link{
        font-size: 16px;
    }
    header .header-menu .nav-item{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
header .header-menu .navbar-nav .nav-link{
    padding-right: 0rem;
    padding-left: 0rem;
}
header .header-menu .btn-whats-header{
    font-weight: 500;
    color: #111;
    background-color: var(--bg-2-color);
    white-space: nowrap!important;
}

header .header-menu .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}
/*---- # header ----*/
/*##################*/



/*###############*/
/*---- corpo ----*/
main{
    padding-top: var(--body-pt);
    min-height: 300px;
}
@media(min-width: 992px){
    main{
        padding-top: var(--body-pt-d);
        min-height: 400px;
    }
}
.container-header-no-margin{
    margin-top: calc(0px - var(--body-pt));
}
@media (min-width: 1200px) {
    .container-header-no-margin{
        margin-top: calc(0px - var(--body-pt-d));
    }
}
.container-header-padding{
    padding-top: 0px;
}
.container-footer-no-margin{
    margin-bottom: -50px;
}
.container-footer-padding{
    padding-bottom: 0px;
}

.grecaptcha-badge{
    display: none;
}

.btn-1{
    background-color: #248780;
    /*background: linear-gradient(90deg, rgba(44,160,151,0.65) 50%, rgba(27,109,103,0.65) 100%);*/
    /*background: linear-gradient(90deg, rgba(44,160,151,0.8) 50%, rgba(27,109,103,0.8) 100%);*/
    background: linear-gradient(90deg, rgba(44,160,151,0.8) 50%, rgba(24,94,89,0.8) 100%);
    border: none;
    /*transition: background-color 0.3s ease-in-out;*/
    transition: background 0.3s ease-out;
}
.btn-1:hover{
    background-color: #1f716b;
}

.title-1,
.title-1-black{
    font-size: 35px;
    font-weight: 700;
    color: var(--txt-2-color);
    text-align: center;
    text-transform: uppercase;
}
@media (min-width: 992px) {
    .title-1,
    .title-1-black{
        font-size: 35px;
    }
}
.title-1-black{
    color: var(--txt-1-color);
}
.title-1.v1{
    font-size: 28px;
    color: var(--txt-1-color);
}
@media (min-width: 992px){
    .title-1.v1{
        font-size: 28px;
    }
}

.title-2{
    font-size: 35px;
    font-style: italic;
    font-weight: 400;
    color: var(--txt-1-color);
    text-transform: uppercase;
}
.title-2 span{
    font-size: 35px;
    font-weight: 800;
}
@media (min-width: 992px) {
    .title-2{
        font-size: 25px;
    }
}
.title-3{
    font-size: 35px;
    font-style: italic;
    font-weight: 500;
    color: var(--txt-2-color);
    text-align: center;
    text-transform: uppercase;
}
.title-3 span{
    font-weight: 800;
}
@media (min-width: 992px) {
    .title-3{
        font-size: 35px;
    }
}
.title-4{
    font-size: 35px;
    font-style: italic;
    font-weight: 500;
    color: var(--txt-1-color);
    text-align: center;
    text-transform: uppercase;
}
.title-4 span{
    font-weight: 800;
}
@media (min-width: 992px) {
    .title-4{
        font-size: 35px;
    }
}

.text-1{
    font-size: 20px;
}
.text-2{
    font-size: 22px;
}

.pg-home .swiper.showcase{
    width: 100%;
    padding-bottom: var(--swiper-pb, 0px) !important;
}
.pg-home .swiper.showcase .swiper-wrapper{
    padding-top: 8px;
}
.pg-home .swiper.showcase .swiper-slide{
    /*width: fit-content !important;*/
    text-align: center;
}
.pg-home .swiper.showcase .swiper-slide img{
    border-radius: 0px;
}
.pg-home .swiper.showcase .swiper-pagination-progressbar{
    background-color: #f6f6f6;
    height: 4px;
}
.pg-home .swiper.showcase .swiper-pagination-progressbar-fill{
    background-color: var(--bg-1-color);
}
.pg-home .swiper.showcase .swiper-pagination{
    position: relative;
    margin-top: 20px;
    top: auto;
    bottom: auto;
}
.pg-home .swiper.showcase .swiper-pagination-bullet-active{
    background-color: var(--bg-1-color);
}
.pg-home .swiper.showcase .swiper-scrollbar-horizontal{
    position: relative;
    background-color: #f7f7f7;
    border: solid 1px;
    border-color: #ddd;
    margin-top: 20px;
    height: 12px;
    top: auto;
    bottom: auto;
    opacity: 0;
    cursor: pointer;
}
.pg-home .swiper.showcase .swiper-scrollbar-drag{
    background-color: var(--bg-1-color);
}
.pg-home .swiper.showcase:hover .swiper-scrollbar-horizontal,
.pg-home .swiper.showcase .swiper-scrollbar-horizontal:hover{
    opacity: 1 !important;
}
.pg-home .swiper.showcase .swiper-button-next,
.pg-home .swiper.showcase .swiper-button-prev{
    color: #111;
    top: calc(50% - 25px);
}


.pg-home .swiper.style-white .swiper-button-next,
.pg-home .swiper.style-white .swiper-button-prev{
    font-weight: bold;
    color: #fff;
    text-shadow: -2px 0 #111, 0 2px #111, 2px 0 #111, 0 -2px #111;
}
.pg-home .swiper.style-white .swiper-pagination-bullet{
    background-color: transparent;
    border: solid 1px #fff;
    height: 14px;
    width: 14px;
    opacity: 1;
}
.pg-home .swiper.style-white .swiper-pagination-bullet-active{
    background-color: #fff;
}


.pg-home .swiper.style-outline .swiper-button-next,
.pg-home .swiper.style-outline .swiper-button-prev{
    font-weight: bold;
    color: #000;
    text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
}
.pg-home .swiper.style-outline .swiper-pagination-bullet{
    background-color: transparent;
    border: solid 1px var(--bg-1-color);
    height: 14px;
    width: 14px;
    opacity: 1;
}
.pg-home .swiper.style-outline .swiper-pagination-bullet-active{
    background-color: var(--bg-1-color);
}


.showcase .container{
    position: relative;
    text-align: center;
    background-color: #fff;
    border: solid 1px #ddd;
    padding: 1rem 1rem 0 1rem;
}
.showcase.style-white .container{
    position: relative;
    background-color: #fff;
    border: none;
    padding: 1rem 1rem 0 1rem;
}
.showcase h3{
    font-size: 22px;
    font-weight: 800;
    color: #303030;
    text-align: center;
    text-transform: uppercase;
    padding-top: 1.5rem;
}
.showcase .preco-container{
    color: #fff;
    background-image: linear-gradient(to right top, #2ca097, #28938b, #23867f, #1f7973, #1b6d67);
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    margin: 1.5rem auto -1px;
    padding: 1rem 2rem;
    max-width: 75%;
}
.showcase .data{
    margin-top: 1rem;
}
.showcase .data i{
    color: #1f7871;
}
.showcase .preco{
    font-size: 25px;
    font-weight: 700;
    margin-top: 0;
}
.showcase .icone{
    position: absolute;
    display: flex;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 3px;
    border-radius: 50px;
    top: 20px;
    right: 20px;
    height: 35px;
    width: 35px;
}
.showcase .icone i{
    color: #fff;
}

.pg-home section#nacionais{
    background: url(/_src/img/bg-1-m.webp) center bottom no-repeat;
    background-attachment: fixed;
}
@media(min-width: 992px){
    .pg-home section#nacionais{
        background: url(/_src/img/bg-1.webp) center top no-repeat;
        background-attachment: scroll;
    }
}

.pg-home section#banner-corpo{
    background-color: #f1f1f1;
}

@media(min-width: 992px){
    .pg-home section#funcionamento .slider-func{
        display: table;
        margin: auto;
    }
}
.pg-home section#funcionamento .slider-func .swiper-slide{
    text-align: center;
}
.pg-home section#funcionamento .slider-func h3{
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 1rem;
}
.pg-home section#funcionamento .swiper{
    /*width: 100%;*/
    margin: auto;
    padding-bottom: var(--swiper-pb, 0px) !important;
}
.pg-home section#funcionamento .swiper .swiper-slide{
    width: fit-content !important;
}
.pg-home section#funcionamento .swiper .swiper-button-next,
.pg-home section#funcionamento .swiper .swiper-button-prev{
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) - var(--swiper-pb)) !important;
}

.pg-home section#opinioes{
    background-color: var(--bg-3-color);
}
.pg-home section#opinioes .slider-coment-item{
    text-align: center;
    background-color: #fff;
    border: solid 1px var(--bg-4-color);
    border-radius: 30px;
}

.pg-home section#opinioes .slider-coment-item img{
    display: block;
    border-radius: 300px;
    border: solid 1px var(--bg-4-color);
    margin: -50px auto 0;
    height: 100px;
    width: 100px;
    -o-object-fit: cover!important;
    object-fit: cover!important;
}
.pg-home section#opinioes .slider-coment-item .stars i{
    color: gold;
}
.pg-home section#opinioes .swiper{
    /*width: 100%;*/
    margin: auto;
    padding-bottom: 55px !important;
}
.pg-home section#opinioes .swiper .swiper-slide{
    padding-top: 55px !important;
    /*width: fit-content !important;*/
}
.pg-home section#opinioes .swiper .swiper-button-next,
.pg-home section#opinioes .swiper .swiper-button-prev{
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2) - 0px) !important;
}
.pg-home section#opinioes .swiper-pagination-bullet{
    background-color: #cb0808;
    opacity: 1;
}
.pg-home section#opinioes .swiper-pagination-bullet-active{
    background-color: #fff;
    border: solid 1px #cb0808;
}

.pg-home section#instagram{
    min-height: 400px;
}

.pg-home section#atendimento{
    color: #fff;
    background-color: var(--bg-3-color);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    margin-top: -7rem;
}

.pg-home section#duvidas{
    color: #fff;
    text-align: center;
    background-color: var(--bg-3-color);
}
.pg-home section#duvidas .btn{
    color: var(--txt-1-color);
    font-weight: 600;
    text-transform: uppercase;
    background-color: #fff;
}
.pg-home section#duvidas .btn i{
    color: var(--bg-4-color);
}

#accordionSubConteudo .accordion-header.sticky-top{
    top: 100px;
}
@media(min-width: 992px){
    #accordionSubConteudo .accordion-header.sticky-top{
        top: 130px;
    }
}
#accordionSubConteudo .accordion-item{
    border-radius: 0.5rem;
    padding-bottom: 0.5rem;
}
#accordionSubConteudo .accordion-button{
    font-size: 20px;
    font-weight: 600;
    color: var(--txt-2-color);
    background-color: var(--bg-1-color);
    border-radius: 0.5rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    outline: none;
    box-shadow: none;
}
#accordionSubConteudo .accordion-button.collapsed{
    border-radius: 0.5rem;
}
#accordionSubConteudo .accordion-button .badge{
    font-weight: 400;
    color: var(--txt-1-color);
    background-color: #fff;
}
#accordionSubConteudo .accordion-button .badge strong{
    font-weight: 500;
}
#accordionSubConteudo .accordion-button::after{
    background-color: #fff;
    background-position: center center;
    border-radius: 2rem;
    width: 1.75rem;
    height: 1.75rem;
}
#accordionSubConteudo .accordion-button.collapsed .title{
    display: block;
    overflow: auto;
    text-overflow: inherit;
    white-space: normal;
    max-width: 100%;
}
@media(max-width: 576px){
    #accordionSubConteudo .accordion-button:not(.collapsed) .title{
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 78vw;
    }
}
#accordionSubConteudo .accordion-body{
    background-color: #f1f1f1;
    border: solid 1px #ddd;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.btn-whats{
    font-weight: 600;
    color: #00c105;
    text-transform: uppercase;
    background-color: #fff;
    white-space: nowrap!important;
}
.btn-simulador{
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    background-color: var(--bg-3-color);
    white-space: nowrap!important;
}
.btn-simulador.white{
    color: #111;
    background-color: #fff;
}
.btn-label{
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: inherit;
    text-align: center;
    text-transform: none;
    padding-top: 5px;
    width: 100%;
}

/*---- # corpo ----*/
/*#################*/



/*################*/
/*---- footer ----*/
footer{
    color: #fff;
    background-color: #248780;
    margin-top: 4rem;
}
footer a{
    color: #fff !important;
}
@media(min-width: 992px){
    footer{
        
    }
}
footer h3,
footer h4,
footer h5{
    font-weight: 700 !important;
}
footer a:hover, footer a:focus{
    color: inherit !important;
}
footer .social a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    border: solid 1px #fff;
    border-radius: 100px;
    height: 75px;
    width: 75px;
}
footer .social i{
    font-size: 2.5rem;
    color: inherit;
}

footer .footer-nav ul,
footer .footer-nav ul a{
    color: inherit;
}
footer .footer-nav .nav-item{
    padding: 0.2rem 0;
}
footer .footer-nav .nav-border .nav-item{
    border-bottom: solid 1px #eee;
    padding: 0.6rem 0;
}
footer .footer-nav .nav-border .nav-item:last-child{
    border: none;
}
footer .footer-nav ul .nav-link{
    padding: 0px;
}
footer .footer-nav i{
    color: inherit;
}

footer .logo{
    max-width: 250px;
}
@media(min-width: 992px){
    footer .logo{
        width: 300px;
    }
}

footer .footer-bar{
    color: var(--txt-1-color);
    background-color: #fff;
}

footer .whatsapp-fixed{
    font-size: 2rem;
    text-decoration: none;
    background-color: #25d366;
    border-radius: 50%;
    left: auto; 
    right: 0px;
    height: 50px;
    width: 50px;
    animation: pulse-whats 2.5s infinite;
}
footer .whatsapp-fixed:hover{
    text-decoration: none;
    animation: none;
}
footer .whatsapp-fixed .badge{
    position: absolute;
    font-family: arial;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.8);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    padding: 0px;
    line-height: 20px;
    height: 20px;
    width: 20px;
    top: -5px;
    right: -6px;
}
/*---- # footer ----*/
/*##################*/



/*####################*/
/*---- formulário ----*/
.btn{
    font-weight: 600;
}
.btn-xl{
    padding: 0.5rem 3.0rem;
    font-size: 22px;
    border-radius: var(--bs-border-radius-lg);
}
@media(min-width: 992px){
    .btn-xl{
        padding: 0.5rem 7.0rem;
        font-size: 28px;
        border-radius: var(--bs-border-radius-lg);
    }
}
.form-control,
.form-select{
    font-weight: 600;
}
label{
    font-weight: 400;
}
.form-floating .btn-lg{
    padding-top: 13px;
    padding-bottom: 13px;
}
.form-floating label{
    color: #555 !important;
    font-weight: 600;
}
.form-floating > .form-control:focus~label,
.form-floating > .form-control:not(:placeholder-shown)~label,
.form-floating > .form-select~label{
    opacity: 0.5;
    transform: scale(.81) translateY(-.7rem) translateX(.15rem);
}
.form-floating > .form-control.rounded-pill,
.form-floating > .form-select.rounded-pill{
    padding-left: 1.6rem;
}
.form-floating > .form-control.rounded-pill ~ label,
.form-floating > .form-select.rounded-pill ~ label{
    /*padding-left: 1.8rem;*/
    margin-left: 0.9rem;
    background-color: transparent;
}
/*######################*/
/*---- # formulário ----*/



body.swal2-toast-shown .swal2-container.swal2-bottom{
    width: max-content;
}
body.swal2-toast-shown .swal2-confirm{
    background-color: var(--bg-1-color);
}

.read-more{
    position: relative; /*importante!*/
}
.read-more-hide{
    /*border-bottom: solid 1px #e1e1e1;*/
}
.read-more-show{
    /*border-bottom: solid 1px #e1e1e1;*/
}
.read-more-bg{
    position: absolute;
    display: none;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1) 85%);
    background: -webkit-gradient(left top, left bottom, color-stop(rgba(255,255,255,0)), color-stop(85%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1) 85%);
    background: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1) 85%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1) 85%);
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    
    height: 150px;
    width: 100%;
    left: 0px;
    bottom: 0px;
}
.read-more-toggle{
    position: relative;
    display: table;
    margin: -15px auto 0px auto;
    cursor: pointer;
}
.read-more-toggle .btn{
    /*color: #fff;*/
    /*background-color: #ea6428;*/
}

label.required:before{
    content: "*";
    font-weight: normal;
    color: red;
    padding-right: 2px;
    font-size: 14px;
    line-height: 10px;
    height: 10px;
    margin-top: 4px;
    display: block;
    float: left;
}

.shadow-box{
    position: relative;
    display: table;
}
.shadow-box:after,
.shadow-box:before{
    content: "";
    position: absolute;
    bottom: -26px;
    width: 165px;
    height: 26px;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    opacity: 0.75;
}
.shadow-box:before{
    left: 0px;
    background-position: 0 0;
}
.shadow-box:after{
    right: 0px;
    background-position: 100% 0;
}
@media(min-width: 768px){
    .shadow-box:before{
        left: 0px;
    }
    .shadow-box:after{
        right: 0px;
    }
}


.media-controls{
    position: absolute;
    display: flex;
    padding: 0px 10px 10px 0px;
    bottom: 0px;
    right: 0px;
}
.media-controls .volume-off,
.media-controls .volume-on{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1rem;
    color: #fff;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 100%;
    padding: 7px;
    height: 36px;
    width: 36px;
}
.media-controls .volume-off:hover,
.media-controls .volume-on:hover{
    background-color: rgba(0, 0, 0, 1);
    border: solid 2px #fff;
    box-sizing: border-box;
}


.heartbeat {
    -webkit-animation: heartbeat 1.5s ease-in-out 10s infinite both;
    animation: heartbeat 1.5s ease-in-out 10s infinite both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-2-18 10:17:6
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/**
* ----------------------------------------
* animation heartbeat
* ----------------------------------------
*/
@-webkit-keyframes heartbeat {
 from {
   -webkit-transform: scale(1);
           transform: scale(1);
   -webkit-transform-origin: center center;
           transform-origin: center center;
   -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out;
 }
 10% {
   -webkit-transform: scale(0.91);
           transform: scale(0.91);
   -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in;
 }
 17% {
   -webkit-transform: scale(0.98);
           transform: scale(0.98);
   -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out;
 }
 33% {
   -webkit-transform: scale(0.87);
           transform: scale(0.87);
   -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in;
 }
 45% {
   -webkit-transform: scale(1);
           transform: scale(1);
   -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out;
 }
}
@keyframes heartbeat {
 from {
   -webkit-transform: scale(1);
           transform: scale(1);
   -webkit-transform-origin: center center;
           transform-origin: center center;
   -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out;
 }
 10% {
   -webkit-transform: scale(0.91);
           transform: scale(0.91);
   -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in;
 }
 17% {
   -webkit-transform: scale(0.98);
           transform: scale(0.98);
   -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out;
 }
 33% {
   -webkit-transform: scale(0.87);
           transform: scale(0.87);
   -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in;
 }
 45% {
   -webkit-transform: scale(1);
           transform: scale(1);
   -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out;
 }
}