@font-face {
    font-family: "hando-trial-regular";
    src: url("/fontes/HANDOTRIAL-REGULAR.OTF") format("truetype");
}

@font-face {
    font-family: "hando-trial-bold";
    src: url("/fontes/HANDOTRIAL-BOLD.OTF") format("truetype");
}

@font-face {
    font-family: "hando-trial-black";
    src: url("/fontes/HANDOTRIAL-BLACK.OTF") format("truetype");
}

@font-face {
    font-family: "hando-trial-light";
    src: url("/fontes/HANDOTRIAL-LIGHT.OTF") format("truetype");
}

html
{
    scroll-behavior: smooth !important;
}

.select2-selection.select2-selection--single{
    height: 37px !important;
    /* width: 100px!important; */
}

.select2-container--default .select2-selection--single{
    border: 1px solid #ccc !important;
    border-radius: 0px !important;
}

.navbar-nav {
    font-size: 11px;
}

.col-nav-dark {
    background-color: black;
}
.col-nav-dark ul{
    font-size: 12px;
}
.container-banner {
    position: relative;
}

.container-txt-banner {
    position: absolute;
}
.bkg-header{
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 74%, rgba(0,0,0,1) 74%);
}

.txt-banner-branco {
    color: white;
    font-family: "hando-trial-black";
    line-height: 1.2em;
}

.txt-footer-branco {
    color: white;
    font-family: "hando-trial-black";
    line-height: .5em;
    font-size: 3em;
}

.txt-footer2-branco {
    color: white;
    font-family: "hando-trial-black";
    line-height: .5em;
    font-size: 1.5em;
}

.txt-footer-amarelo {
    color: #ffc000;
    font-family: "hando-trial-black";
    line-height: 2rem;
    font-size: 4em;
}

.preco-card-branco {
    color: white;
    font-family: "hando-trial-black";
    font-size: 4em;
    line-height: .7em;
}

.txt-aulas {
    font-family: "hando-trial-black";
    font-size: 3em;
}

.txt-credito {
    font-family: "hando-trial-black" ;
    font-size: 1.65em;
    text-transform: uppercase;
}

.txt-agendamento {
    font-family: "hando-trial-black";
    font-size: 5em !important;
}

.figure-caption {
    color: black;
    font-family: "hando-trial-black";
}

.cifra {
    color: white;
    font-family: "hando-trial-regular";
}

.txt-banner-amarelo {
    color: #ffc000;
    font-family: "hando-trial-black";
    line-height: .1rem;
}

.btn-buy {
    font-family: "hando-trial-black";
    border-radius: 0;
}
.container-fluid.segundo-bannerh{
    background-image: url("/img/banner-bike-3.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 650px;
}

footer {
    background-color: black;
}

.card {
    border: none;
    border-radius: 0;
}

.hr-class {
    border-color: black;
}

.hr-nav {
    border-color: e9e9e9;
}

footer a{
    color: white;
    text-decoration: none;
}

footer a:hover {
    text-decoration: none;
    color: white;
}

a:visited {
    /* color: white; */
}

.icons {
    color: white;
}

.hr-color {
    border-color: #333333;
}


.bg-card {
    background-color: #ffc000;
}

.card-title {
    font-family: "hando-trial-black";
    font-size: 2rem;
    color: white;
    line-height: .5em;
    margin-top: 1.5rem;
}

.card-subtitle {
    font-family: "hando-trial-black";
    color: black;
}

.btn {
    border-radius: 0;
    font-family: "hando-trial-black";
}

.actived {
    background-color: black !important;
    color: #ffc000 !important;
}

.btn-horario.actived p {
    color: white !important;
}

.btn-black {
    background-color: black;
}

.btn-black-yellow {
    background-color: black;
    color: #ffc000 !important;
    letter-spacing: 0.3em;
    font-size: 1.45rem;
    padding: 17px 52px;
}

.btn-light {
    border-color: black;
    letter-spacing: .2em;
    font-size: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    background-color: white;
}

.btn-dia-semana {
    border-color: black;
    letter-spacing: .1em;
    font-size: .9rem;
}

.btn-semana {
    font-size: .9rem;
    color: black;
    text-transform: uppercase;
    padding: 15px;
    width: 8rem;
    opacity: 1!important;
}

.btn-horario {
    margin-top: -15px;
    letter-spacing: .1em;
    height: 3rem;
    width: 8rem;
    font-size: .7rem;
}

.bike-space {
    background-color: #eeeeee;
    width: 16rem;
    height: 29rem;
}

.bike-txt {
    font-weight: bold;
    font-size: .8rem;
}

.btn-black-white {
    background: black;
    color: white !important;
    font-size: 17px;
    padding: 15px;
    /* width: 200px; */
}

a.pos-bike:hover span {
    background-image: url('../img/bike-selecionada.png');
    width: 57px;
    height: 44px;
    background-repeat: no-repeat;
}

a.pos-bike.active span {
    background-image: url('../img/bike-selecionada.png');
    width: 57px;
    height: 44px;
    background-repeat: no-repeat;
}
a.pos-bike.disabled span {
    background-image: url('../img/bike-indisponivel.png');
    width: 57px;
    height: 44px;
    background-repeat: no-repeat;
    cursor:not-allowed;
}

a.pos-bike.desativada span {
    background-image: url('../img/bike-desativada.png');
    width: 57px;
    height: 44px;
    background-repeat: no-repeat;
    cursor:not-allowed;
}

a.pos-bike span {
    background-image: url('../img/bike-livre.png');
    width: 57px;
    height: 44px;
    background-repeat: no-repeat;
}

a.pos-bike p {
    color: black
}

.bloco-direita {
    left: 220px
}
.txt-footer-branco.segundo-paragrafo{
    font-size: 3.85rem;
    line-height: 3.25rem;
}
.container-txt-banner .segundo-paragrafo {
         padding-top: 130px;
    }

.spaced-title-normal{
    font-family: "hando-trial-regular";
    letter-spacing: 4px;
    color: black;
}
.spaced-title-normal-header li a{
    font-family: "hando-trial-regular";
    letter-spacing: 2px;
    color: black;

}
.spaced-title-normal-header-Y{
    font-family: "hando-trial-regular";
    letter-spacing: 2px;
    color: #ffc000;
    list-style: none;
}
.spaced-title-normal-header-Y .boneco img{
    width: 25px;
}

.spaced-title-normal-footer{
    font-family: "hando-trial-regular";
    letter-spacing: 3px;
    color: #9d9d9d;
    font-size: 10px;
    text-transform: uppercase;

}
.list-group.ul-footer, .list-group.ul-footer2 {
    font-size: 12px;
}
.form-contact input , .form-contact textarea, .form-contact .btn-black.contact{
    font-size: 12px;
}
.form-contact .btn-black.contact{
    height: 42px;
    width: 121px;
}


.spaced-title{
    font-family: "hando-trial-black";
    color: black;
    letter-spacing: 4.2px;
}
.pages-title{
    font-family: "hando-trial-black";
    color: black;
    font-size: 5em;
    line-height: 0.85em;
}
.btn-agendar-home
{
     padding: 12px 25px;
}

.div-tel-contact img{
    width: 49px;
    position: absolute;
    right: 78px;
    top: 27px;
}
.div-tel-contact p{
    font-size: 12px;
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    color: #ffc107;
    background-color: #000000;
    border-color: #000000;
}
.retanguloY{
    height: 350px;
    background: rgb(247,193,5);
    width: 24%;
    position: absolute;

}
.retanguloY-contact{
    height: 280px;
    background: rgb(247,193,5);
    width: 42%;
    position: absolute;
}
.divamarela-contact{
    height: 280px;
    background: rgb(247,193,5);
}
.retanguloY-fixed ul{
    list-style: none;

}
.lit-menu-myaccount a{
    font-family: "hando-trial-black";
    color: black;
    letter-spacing: 4px;
}
.retanguloY-fixed{
    background: rgb(247,193,5);
    height: 350px;
}
.scheduled-classes-maccount .btn.btn-black{
    height: 44px;
    padding: 11px;
}
.my-account-div{
    line-height: 44px;
}
.form-contact input , .form-contact textarea{
    border-radius: unset;
}

.scheduled-classes-maccount .col-texto ,.scheduled-classes-maccount .col-btn{
    /* border-top: solid 2px #c7c5c5; */
    line-height: 1.25em;
}
.navbar-light .navbar-nav .nav-link{
    color: black !important;
}
/*pagina Instructor*/
.binstructor-name.left{
    background-color: black;
    height: 361px;
    top: 131px;
    width: 300px;
    position: absolute;
    right: 327px;
    color: white;
}
.instructor img{
    width: 100%;
    height: auto;
    object-fit: cover;

}
.binstructor-name.right{
    background-color: black;
    height: 361px;
    top: 153px;
    width: 300px;
    position: absolute;
    left: 300px;
    color: white;
}

.binstructor-name h3{
    font-size: 34px;
    font-family: 'hando-trial-black';
}
.binstructor-name h3 span{
    color: #ffc000;
}
.text-about-instrutor{
    font-size: 12px;
    line-height: 22px;
    font-family: 'hando-trial-regular';

}
.binstructor-name a{
    color:white;
}
/*fim pag instrutor */

/*pag sobre*/
.txt-about-1 p
    {
     font-weight: 600;
    }
.banner-about1 {
    background-image: url('../img/bkg-about.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 800px;
}
.banner-about2{
    background-image: url('../img/banner-inferior-sobre.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 800px;
}
.txt-about-1 p{
    text-transform: uppercase;
    font-size: 15px;
    line-height: 2em;
}
.text-spinning p{
    font-family: 'hando-trial-regular';
    font-size: 19px;
    line-height: 1.8em;

}
.bkg-txt-spinning{
    background-image: url('../img/banner-lateral-sobre.png');
    background-repeat: no-repeat;
    background-size: contain;



}
.text-spinning h3{
    font-family: 'hando-trial-black';
    text-transform: uppercase;
    font-size: 25px;

}
.txt-about-2 h2{
    font-family: 'hando-trial-black';
    font-size: 37px;
    text-transform: uppercase;
    line-height: 0.88em;
}
.txt-about-2 p{
    line-height: 1.8em;
    font-family: 'hando-trial-regular';
    font-size: 19px;
}
.banner-lateral-sobre {
background-image: url(../img/banner-lateral-sobre.png);
    background-position-x: right;
    background-position-y: top;
    height: -webkit-fill-available;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
}
/*fim pagina sobre*/

/*pagina pacotes*/
.pacotes-name {
    font-size: 26px;
}


/*fim pag pacotes*/

/*pagina reservar aula*/
    .btn-light:hover {
        color: #ffffff !important;
        background-color: #ffc000;
        border-color: #ffc000;
    }
    .txt-schedule-class p{
    font-family: 'hando-trial-regular';
    font-size: 15px;
    }

    /*.btn-unidades{
        padding: 10px 20px;
    }*/

    .btn-dia-semana.btn-light {
        margin-top: 1rem;
        margin-bottom: 0.25rem;
        padding:8px;
    }


/*end-pag-reservar-aula*/

/*agendamento-realizado*/

.text-confirm-class{
    font-family: 'hando-trial-regular';
    font-size: 18px;
}

/*fim agendamento-realizado*/

/*pag-login*/
.link-forgotpass{
    font-size: 11px;
}

.form-group.pag-login input{
    border-radius: inherit;
    font-size: 11px;
    padding: 10px;
}

#calendar td, #calendar th{
    border: 0;
}

.btn-prevnext{
    border-color: black;
    border: 1px solid;
    background-color: transparent;
    padding: 10px 10px;
}
.btn-prevnext:hover{
    background-color:black;
    color: white;
}

#paymentForm .form-control{
    border-radius: 0;
    border: 1px solid black;
    margin-bottom: 0.75rem;
}
/*fim pag-login*/

/*menu sidedrawer*/
.h-100 {
    background-color: #030303cc !important;
}
#side-drawer {
  height: 100vh;
  width: 85%; /*Ideal width for sidebar accdg to https://forums.envato.com/t/standard-sidebar-width/75633*/
  top: 0;
  left: -336px;
  z-index: 1032; /*z-index of standard bootstrap navbar is 1030 + 1 offset due to side-drawer-void*/
  transition: left 0.25s ease;
  max-width: 320px;
}

#side-drawer-void {
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 1031; /*z-index of standard bootstrap navbar is 1030*/
  background: rgba(0, 0, 0, 0.6);
  left:0;
}
.nav-link a {
    color: #ffffff;
    font-size: 15px;
}
.sep-line{
    border-top: 2px solid #ffff;
}
.bi.bi-x-circle-fill{
    position: absolute;
    right: 16px;
    top: 0px;
    color: white;
}
/* fim menu sidedrawer*/
/*blog*/
.list-cat-blog ul li
{
    display: inline;

}
.cat-blog-item a
{
    font-family: "hando-trial-light";
    font-size: 20px;
    color: black;
}
.cat-blog-item.active{
    color: black;
    font-family: 'hando-trial-regular';
    font-size: 20px;
    font-weight: 700;

}

.cat-blog-item+.cat-blog-item::before
{
    display: inline-block;
    padding-right: .5rem;
    color: black;
    content: ".";
}
.card-img-top
{
    width: 100%;
    height: 200px;
    background-color: gray;
    overflow: hidden;
}
.newsblog a{
   font-family: 'hando-trial-black';
   font-size: 18px;
   text-transform: uppercase;
   text-decoration: none;
   color: black;
}
.newsblog .txt-date
{
    font-family: 'hando-trial-light';
    font-size: 12px;
    color: black;
}
.navegacao-blog .page-link
{
    border:none !important;
}

.page-item .page-link
{
    font-family: 'hando-trial-black';
    color: black;
    font-size: 25px;
    font-weight: 600;
}

.page-item.active .page-link
{
    z-index: 1;
    color: #f0b500;
    background-color: #ffffff;
}
.pagination-lg .page-link
{
   padding: 1.1rem !important;
}

.titulo-post .pages-title
{
    text-transform: uppercase;
    font-size: 50px;
}
.titulo-post .txt-date
{
    font-family: 'hando-trial-light';
    font-size: 20px;
    color: black;
}
.conteudo-blog .pages-title
{
    font-size: 18px;
}
.conteudo-blog p
{
    font-family: 'hando-trial-light';
    font-size: 16px;
    text-align: left;
}
.conteudo-blog .share
{
    font-family: 'hando-trial-black';
    text-transform: uppercase;
     font-size: 20px;
}
.yline-share
{
    width: 100px;
    height: 10px;
    background-color: #ffc000;
}


/*fim blog*/

@media only screen and (min-device-width: 320px) and (max-device-width: 767px){
     .container-txt-banner-home{
        top: -21px;
        position: absolute;
    }

    .btn-black-white{
        font-size: 13px;
        padding: 13px;
        width: 150px;
    }

    .scheduled-classes-maccount .col-btn{
        border-top: none;
        margin-bottom: 20px;
    }

    .container-txt-banner.home-seg-paraf{
        top: 44px;
        left: 167px;
    }
    .txt-footer-branco, .txt-footer-amarelo {
        font-size: 15px;
        line-height: 1.2em;
    }
    .container-txt-banner .segundo-paragrafo {
        padding-top: 0px;
        font-size: 15px;
        line-height: 1.2em;
    }
    .video-txt-home iframe{
        height: 200px;
    }
    .list-cat-blog ul li
    {
        display: grid;
    }
    .bike-space {
        height: 32rem;
    }
    a.pos-bike span
    {
        background-size: 22px;
        background-position-y: bottom;
        background-position-x: center;
        width: 100%;
        height: 33px;
    }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 768px)
{
     .main-sidebar.margin-off{
        margin-left: 0px!important;
    }
    .content-wrapper .topnav
    {
        right: -52px;
        top: 29px;
    }
    .content-wrapper .topnav a
    {
        color: black;
        font-size: 30px;
    }
    .close-button
    {
        right: 19px;
        top: 10px;
    }
    .close-button  .fas.fa-times
    {

        font-size: 27px;
    }

    .titulo-post .pages-title
    {
        font-size: 25px;
    }
    .titulo-post .txt-date{
        font-size: 16px;
    }
    .btn-light {
        font-size: 0.75rem;
    }
    .btn-black-yellow{
        font-size: 1rem !important;
    }
    .text-confirm-class{
        font-size: 18px;
    }
    .banner-lateral-sobre {
        height: 300px;
        position: relative;
        background-size: contain;

    }
    .text-spinning p, .txt-about-2 p{
        font-size: 15px;
        text-align: justify;
    }
    .txt-about-1 p
    {
        text-align: justify;
        font-size: 12px;
    }
    .txt-about-2 h2{

        font-size: 25px;
    }
    .conteudo-blog{
        margin-top: 1rem;
    }
    .icons {
    text-align: center;
    }
    .pages-title{
        font-size: 2em;
    }

    .list-mobile-menu a{
        font-size: 15px;
        color: #f7c105 !important;
    }

    .navbar-toggler:focus,
    .navbar-toggler:active,
    .navbar-toggler-icon:focus {
        outline: none;
        box-shadow: none;
    }
    .navbar.menu-topo hr {
        background-color: white;
    }
    .navbar.menu-topo .nav-item a{
        color: white !important;

    }
    #navbarNav{
        position: absolute;
        width: 80vw;
        top: 65px;
        background-color: black;
        z-index: 999;
        left: -164px;
        text-align: center;
        padding: 10px;
        font-size: 21px;
    }


    .binstructor-name.left {
        margin: 0 auto;
        position: unset;
        margin-top: 15px;
    }

    .binstructor-name.right {
        top: 20px;
        position: relative !important;
        margin: 0 auto;
        left: unset;
        height: auto;
    }


}


@media (min-width: 320px) {
    .container-txt-banner {
        top: 81px;
        right: 27px;
    }

    p.h1.txt-banner-branco {
        font-size: 1rem;
        line-height: .5rem !important;
    }
    .txt-banner-amarelo {
        font-size: 1rem;
        line-height: .5rem !important;
    }
    h2.txt-banner-branco {
        font-size: 1rem;
        line-height: .8rem;
        margin-top: -.9rem;
    }
    h2.txt-banner-amarelo {
        font-size: 1rem;
        line-height: .8rem;
    }
    .btn-buy {
        font-size: .4rem;
        margin-top: 90px !important;

    }
}

@media (min-width: 375px) {

    .container-txt-banner.home-seg-paraf {
        top: 44px;
        left: 221px;
    }
    .container-txt-banner {
        top: 81px;
        right: 45px;
    }
    p.h1.txt-banner-branco {
        font-size: 1rem;
        line-height: .5rem !important;
    }
    .txt-banner-amarelo {
        font-size: 1rem;
        line-height: .5rem !important;
    }
    h2.txt-banner-branco {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-top: -.9rem;
    }
    h2.txt-banner-amarelo {
        font-size: 1.5rem;
        line-height: .6rem;
    }
    .btn-buy {
        font-size: .8rem;
        margin-top: 90px !important;
    }
    .txt-footer-amarelo {
        font-size: 1rem;
        line-height: .5rem;
    }
    .txt-footer-branco {
        font-size: 20px;
        line-height: 1.2rem;
    }
    .txt-footer2-branco {
        font-size: 1rem;
        line-height: .5rem;
    }
    .container-txt-banner .segundo-paragrafo {
        padding-top: 30px;
    }
}

@media (min-width: 576px) {
    .container-txt-banner .segundo-paragrafo {
        padding-top: 130px;
    }

    p.h1.txt-banner-branco {
        font-size: 2rem;
        line-height: 1.5rem !important;
    }
    .txt-banner-amarelo {
        font-size: 2rem;
        line-height: 1.5rem !important;
    }
    h2.txt-banner-branco {
        font-size: 1.4rem;
        line-height: 1rem;
        margin-top: -.9rem;
    }
    h2.txt-banner-amarelo {
        font-size: 1.4rem;
        line-height: 1rem;
    }
    .btn-buy {
        font-size: .7rem;
        margin-top: 80px !important;
    }
    .txt-footer-amarelo {
        font-size: 2rem;
        line-height: 2rem;
    }
    .container-txt-banner-home{
        top: 40px;
        position: absolute;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 992px){


    .txt-footer-branco.segundo-paragrafo-home{
        padding-top: 68px;
    }
    .text-spinning p, .txt-about-2 p {
        font-size: 13px;
        text-align: center;
    }
    .banner-lateral-sobre {
        height: 650px;
    }
    .txt-footer-amarelo {
        font-size: 3rem;
        line-height: 3rem;
    }
    .container-txt-banner .segundo-paragrafo {
        padding-top: 68px;
    }
    .txt-footer-branco.segundo-paragrafo {
        font-size: 2.5rem;
        line-height: 2.15rem;
    }
    .txt-footer-branco {
        font-size: 2.5rem;
        line-height: 2.15rem;
    }
    .container-txt-banner {
        top: 136px;
        right: 69px;
    }
    .container-txt-banner.home-seg-paraf{
        top: 111px;
        left: 386px;

     }
     .link-forgotpass
     {
        margin-right: 23px;
    }
}
@media only screen and (min-width: 992px) and (max-device-width: 1199px){
    .menu-layout{
        padding: 0 0;
    }
}
@media only screen and (min-width: 993px) and (max-device-width: 1199px){
    .txt-footer-branco {
        font-size: 2.5rem;
        line-height: 2.2rem;
    }
    .txt-footer-branco.segundo-paragrafo{
        font-size: 2.5rem;
        line-height: 2.2rem;
    }
    .container-txt-banner {
        top: 163px;
        right: 159px;
    }
    p.h1.txt-banner-branco {
        font-size: 4rem;
        line-height: 2.5rem !important;
    }
    p.h1.txt-banner-amarelo {
        font-size: 4rem;
        line-height: 2.5rem !important;
    }
    h2.txt-banner-branco {
        font-size: 2rem;
        line-height: 1.5rem !important;
    }
    h2.txt-banner-amarelo {
        font-size: 2rem;
        line-height: 1.5rem !important;
    }
    .btn-buy {
        font-size: 1rem;
        margin-top: 20px !important;
    }
    .txt-footer-amarelo {
        font-size: 4.2rem;
        line-height: 3rem;
    }
    .bike {
        margin-bottom: -25px;
    }
    .text-about-instrutor
    {
        font-size: 10px;
    }
    .binstructor-name.right
    {
        height: 344px;
        top: 42px;
        width: 276px;
        position: absolute;
        left: 220px;

    }
    .binstructor-name.left
    {
        height: 344px;
        top: 43px;
        width: 276px;
        position: absolute;
        right: 171px;
    }
    .link-forgotpass
     {
        margin-right: 49px;
    }
}



@media only screen and (min-device-width: 1200px) and (max-device-width: 1439px){
    .spaced-title-normal-header-Y  .lk-comprar,
    .spaced-title-normal-header-Y  .lk-agendaula
    {
            padding: 0.25rem !important;
            margin-left: 0.5rem !important;
            margin-bottom: 1.5rem!important;
    }
    .spaced-title-normal-header-Y  .boneco{
        padding-top: 2rem !important;
        padding-bottom: 1.4rem !important;
    }

}

@media only screen and (min-width: 1200px) and (max-device-width: 1599px){

    .txt-about-1 p
    {
        font-size: 12px;
    }
    .txt-footer-branco.home-w{
        font-size: 67px;
        line-height: 52px;
    }
    .container-txt-banner.home-seg-paraf {
        top: 96px;
        left: 762px;
    }
    .container-txt-banner-home {
        top: 63px;
        left: 193px;
        position: absolute;
    }
    .container-txt-banner {
        top: 200px;
        left: 152px;
    }
    p.h1.txt-banner-branco {
        font-size: 5rem !important;
        line-height: 3.9rem !important;
    }
    p.h1.txt-banner-amarelo {
        font-size: 5rem;
        line-height: 3.9rem !important;
    }
    h2.txt-banner-branco {
        font-size: 2rem !important;
        line-height: 1.7rem;
    }
    p.h2.txt-banner-amarelo {
        font-size: 2rem !important;
        line-height: 1.7rem;
    }
    .btn-buy {
        font-size: 1.2rem;
        padding: 12px 25px;
    }
    .txt-footer-amarelo {
        font-size: 95px;
        line-height: 4rem;
    }
    .txt-footer-branco {
        font-size: 100px;
        line-height: 83px;
    }

    .txt-footer2-branco {
        font-size: 3rem;
        line-height:1.4rem;
    }



}
@media only screen and (min-device-width: 1366px) and (max-device-width: 1429px){

    p.h1.txt-banner-branco
    {
        font-size: 4rem !important;
        line-height: 2.8rem !important;
    }
    h2.txt-banner-amarelo
    {
        font-size: 3rem;
    }
    h2.txt-banner-branco
    {
        font-size: 3rem !important;
        line-height: 2.2rem;
    }
    p.h1.txt-banner-amarelo
    {
        font-size: 4rem;
        line-height: 3rem !important;
    }

    .home-seg-paraf .home-w .txt-footer-amarelo {
    font-size: 69px !important;
    }
    .home-seg-paraf  .txt-footer-branco.segundo-paragrafo-home{
        font-size: 56px;
        line-height: 44px;
        padding-top: 113px;
    }
    .txt-footer-branco.segundo-paragrafo {
          font-size: 64px;
        line-height: 52px;
    }
    .txt-footer-branco {
        font-size: 93px;
        line-height: 75px;
    }
    .txt-footer-amarelo {
        font-size: 100px !important;
    }
    .link-forgotpass
    {
        margin-right: 29px;
    }
}
@media (min-width: 1650px){

    .retanguloY{
            height: 350px;
            background: rgb(247,193,5);
            width:30%;
            position: absolute;
        }
}
@media (min-width: 1440px){

    .binstructor-name.left
    {
        height: 400px;
        top: 143px;
        width: 300px;
        position: absolute;
        right: 347px;
    }
    .binstructor-name.right {
        height: 400px;
        top: 140px;
        width: 300px;
        position: absolute;
        left: 377px;
    }

    .container{
        max-width:1300px;
    }
   .card-body.bg-card{
        padding: 1em 20px 2em 20px;
   }

   .card-title, .card-subtitle{
        font-size: 2.2rem;
    }
    .card-body.bg-card hr{
        padding: 4px;
        width: 75%;
    }
    .preco-card-branco {
        font-size: 5.2em;
    }
    .txt-card .card-subtitle.menor{
        font-size: 22px;
    }
    .cifra{
        font-size: 35px;
    }
    .card-body.bg-card .btn.btn-black{
        font-size: 16px;
        padding: 8px 20px;
    }
    .bike-buy img
    {
        margin-bottom: -70px;
    }

}


@media (min-width: 1600px) {

    .binstructor-name h3
    {
        font-size: 46px;
    }
    .text-about-instrutor
    {
        font-size: 15px;
        padding-top: 15px;
    }
    .binstructor-name.left
    {
        height: 470px;
        top: 246px;
        width: 350px;
        position: absolute;
        right: 522px;

    }
    .binstructor-name.right
    {
        height: 470px;
        top: 253px;
        width: 350px;
        position: absolute;
        left: 532px;
    }
    .container-txt-banner-home
    {
        margin-left: 11.666667%
    }

    .home-seg-paraf .segundo-paragrafo-home{
        font-size: 68px;
        line-height: 53px;
        padding-top: 113px;

    }
    .home-seg-paraf .txt-footer-branco.home-w .txt-footer-amarelo {
        font-size: 5rem;
        line-height: 2rem;
    }
    .home-seg-paraf .home-w {
        font-size: 75px;
        line-height: 59px;
    }
    .txt-footer-branco {
        font-size: 100px;
        line-height: 78px;
    }
    .txt-footer-amarelo {
        font-size: 6rem;
        line-height: 2rem;
    }

    .container-txt-banner-home {
        top: 186px;
        left: 128px;
        position: absolute;
    }
    .container-txt-banner.home-seg-paraf{
        top: 76px;
        left: 1000px;
    }
    .container-txt-banner {
           top: 301px;
           left: 120px;
    }
    h1.txt-banner-branco {
        font-size: 4rem;
    }
    h1.txt-banner-amarelo {
        font-size: 4rem;
    }
    h2.txt-banner-branco {
       font-size: 3rem;
       line-height: 0.75;
    }
    h2.txt-banner-amarelo {
        font-size: 2.80rem;
        line-height: 2.2rem !important;
    }
    span.txt-banner-amarelo {
        font-size: 2rem !important;
    }

    p.h1.txt-banner-branco {
        font-size: 6rem;
        line-height: 3.80rem !important;
    }
    .txt-banner-amarelo {
        font-size: 6rem;
        line-height: 4rem !important;
    }
     .btn-buy {
        padding: 15px 31px;
        font-size: 1.2rem;
        margin-top: 35px !important;
    }
    .container-txt-banner .segundo-paragrafo {
        padding-top: 200px;
    }


}
@media only screen and (min-device-width: 1440px) and (max-device-width: 1919px){
    .spaced-title-normal-header-Y  .lk-comprar,
    .spaced-title-normal-header-Y  .lk-agendaula
    {
            padding: 0.25rem !important;
            margin-left: 2rem !important;
            margin-bottom: 1.5rem!important;
    }
    .spaced-title-normal-header-Y  .boneco{
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

}

@media (min-width: 1920px){
    .container{

        max-width:1440px;
    }


}

@media (min-width: 2560px) {
    .container-txt-banner {
        top: 240px;
    }
    h1.txt-banner-branco {
        font-size: 5rem;
    }
    h1.txt-banner-amarelo {
        font-size: 5rem;
    }
    h2.txt-banner-branco {
        font-size: 3rem;
    }
    h2.txt-banner-amarelo {
        font-size: 3rem;
    }
    .btn-buy {
        font-size: 2rem;
        margin-top: 5rem!important;
    }


}
.cart_icon{
    font-size: 24px;
}
.cart_mob {
    margin-top: 33px;
}
#overlay{
    position: fixed;
    top: 0;
    z-index: 2000;
    width: 100%;
    height:100%;
    cursor: not-allowed;
    display: none;
    background: rgba(0,0,0,0.6);
}
.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}
.is-hide{
    display:none;
}


.btn:focus, .btn:active, button:focus, button:active {
    outline: none !important;
    box-shadow: none !important;
}

#image-gallery .modal-footer{
    display: block;
}

.thumb{
    margin-top: 15px;
    margin-bottom: 15px;
}