/*
** 1. Todas páginas páginas
** 2. Linhas (Engloba estilos compartilhados por todas linhas
** 3. Linha Sports
** 4. Linha Trail .linha-trail
** 5. Home
** 6. Linha protetor de carga
** 7. Suportes
** 8. Linha bike premium
** 9. Lançamentos
** 10. Galeria
** 11. Busca
** 12. Galeria Detalhada
** 13. Produtos
** 14. Icones
** 15. Linha grip
** 16. Linha cross
** 17. Efeitos
** 18. Linha Steel
*/

/* ** 1. Todas páginas páginas */
    html,
    body {
        width: 100%;
        /* height: 100%; */
        margin: 0px;
        padding: 0px;
        overflow-x: hidden;
        /* overflow: hidden; */
    }
    body {
        font-family: 'Open Sans', sans-serif;
    }

    /* Navbar */
        .navbar-inverse .navbar-toggler {
            border-color: transparent;
        }

        .navbar-inverse .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        }

        .nav-logo {
            width: 50%;
        }

        @media screen and (max-width: 578px){
            .navbar-brand{
                width: 70%;
            }
            .nav-logo {
                width: 100%;
            }
        }

    .hide{
        display: none;
    }
    .desabilitado {
        pointer-events: none;
        cursor: default;
        opacity: 0.5;
    }
    .carousel-control-next,
    .carousel-control-prev {
        opacity: 1;
    }
    .carousel-control-next img,
    .carousel-control-prev img {
        width: 4em;
    }
/* 2. Linhas (Engloba estilos compartilhados por todas linhas */
    .header-sports__image, .header-sports__container-image{
        min-height: 12em;
    }
    .carro_container {
        overflow: hidden;
    }
    .carro_container {
        overflow: visible;
    }
    .position_carro {
        /* margin-top: -4em; */
    }

    .carro_container__foto {
        max-width: 100%;
    }
    .carro-descricao {
        /* margin-top: 3em; */
        font-weight: 100;
    }
    .carro-descricao__titulo {
        margin-top: 2em;

    }
    .image-full-linha {
        width: 100%;
        height: 11em;
        height: auto;
        /* -webkit-animation-name: slow-motion; /* Safari 4.0 - 8.0
      -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
        /* -webkit-animation-iteration-count: infinite; */
        /* Safari 4.0 - 8.0 */
        /* animation-name: slow-motion; */
        /* animation-duration: 4s; */
        /* animation-iteration-count: infinite;  */
    }

    .image-full-linha__container {
        overflow: hidden;
        overflow: visible;
        /* height: 7em; */
    }

/* 4. Linha Trail .linha-trail */
    .header__texto-principal{
        text-align: center;
        margin-top: 2em;
        font-size: 2em;
    }
    .linha-trail section.container.carro{
        margin-top: 11em;
    }
    .linha-trail .position_carro{
        margin-top: 0;
    }

    .linha-trail .header-sports__image, .linha-trail .header-sports__container-image{
        min-height: 12em;
    }
    .box-header__nome-linha--trail {
        color: #f7ae00;
        font-weight: 700;
        font-size: 0.6em;
    }

    .img__trail {
        position: relative;
        z-index: -1;
        display: block;
        max-height: 13em;
        margin-left: auto;
        margin-right: auto;
    }

    @media screen and (max-width: 992px){
        .img__trail {
            max-width: 90%;
        }
    }
    .desc-text__trail {
        text-align: center;
    }

    .desc-text-02__trail {
        text-align: center;
        position: relative;
    }
    .carro-descricao__titulo {
        margin-top: 120px;
    }
    .linha-trail .carro-descricao__titulo {
        margin-top: 0;
    }

    .linha-trail .carro-descricao__subtitulo {
        margin-bottom: 2em;
    }
    .carro_container__foto__trail {
        max-width: 160%;
    }


    /*fim linha trail*/
/* 5. Home */

    .carousel-indicators li {
        position: relative;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        max-width: 140px;
        height: 14px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #afb1b4;
        background: linear-gradient(to left, #afb1b4 50%, gray 50%);
        background-size: 200% 100%;
        background-position: right bottom;
        margin-left: 10px;
        /* transition: all 5s ease; */
    }

    .carousel-indicators .active {
        background-color: #fff;
        transition: all 2.5s ease;
        background-position: left bottom;
    }

    .carousel-item img {
        width: 100%;
    }

    .carousel-indicators {
        bottom: -40px;
    }

    .home__box-destaque {
        background-color: #dedede;
        width: 100%;
        display: block;
    }

    .home__box-destaque__texto {
        font-size: 2.5em;
        color: #636466;
    }

    .home__box-destaque-container:nth-child(2) img {
        width: 50%;
        display: block;
        margin: auto;
    }
    .home__box-destaque-container:nth-child(3) img {
        width: 90%;
    }

    .img__home-racks {
        width: 90%;
    }

    .honda_fit {
        font-weight: 700;
    }
    /* Botões Final página */
    .box-buttons__container{
        cursor: pointer;
    }
    .home__box-buttons {
        background-color: #afb1b4;
        height: 9em;
        width: 100%;
    }
    .home__box-buttons:hover, .home__box-buttons:focus {
        text-decoration: none;
    }
    .box-buttons__text {
        color: #636466;
        font-size: 1.1em;
    }

    .box-buttons__image {
        max-height: 4em;
    }
    .transportadora-box__link{
        color: #636466;
        background-color: #afb1b4;
        width: 100%;
        height: 6em;
        font-size: 1.5em;
    }
    .transportadora-box{
        padding-right: 0;
    }
    .transportadora-box__img{
        height: 2em;
        width: auto;
    }
/* 6. Linha protetor de carga */
    .container_amarracao{
        /* float: right; */
        /* position: relative; */
        /* top: 45px; */
        margin-top: 3em;
    }
    .legenda_amarracao{
        /* float: right; */
        /* position: relative; */
        /* top: 55px; */
        text-align: center;
    }
    .img_amarracao{
        max-width: 70%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        z-index: -1;
    }
    .span_legend{
        /* float: right; */
    }

    .protetor_cross-espuma{
        width: 100%;
        position: relative;
    }
    .linha-protetor-carga .header-sports__image, .linha-protetor-carga .header-sports__container-image{
        min-height: 14em;
    }
    .linha-protetor-carga .carro-descricao__titulo {
        margin-top: 0;
    }
    .linha-protetor-carga  .carro_container__foto {
        margin-top: 2em;
    }
    .container__img-protetor-cross{
        z-index: -1;
        margin-top: 5em;
    }
    .img_protetor-cross{
        max-width: 90%;
        /* display: block; */
        margin-left: auto;
        margin-right: auto;
    }
    .img_protetor-cross.protetor-capa{
        max-width: 60%;
    }
    .container__img-protetor-cross .legenda{
        margin-top: 2em;
        text-align: center;
    }
    .container-img-protetor{
        /* display: block; */
        margin-left: auto;
        margin-right: auto;
    }
    .container__img-protetor-sports{
        z-index: -1;
        margin-top: 2em;
    }
    .img_protetor-sports{
        max-width: 90%;

    }
    .img_protetor-sports.protetor-capa{
        max-width: 50%;
    }
    .container__img-protetor-sports .legenda{
        text-align: center;
        margin-top: 2em;
    }
    .small-protetor-02 {
        position: relative;
        top: -20px;
    }

    .descricao__protetor {
        position: relative;
        /* top: -65px; */
        font-size: 0.8rem;
        top: 35px;
    }


/* 7. Suportes  */
    body.suportes{
        background-color: #bbe5f6;
        background-color: #fff;
    }
    .suportes-detalhes__icones{
        width: 20%;
    }
    .suportes-detalhes__video{
        width: 100%;
    }
    .suportes-detalhes__video-iframe{
        width: 100%;
        height: auto;
        margin-bottom: 3em;
    }
    .suportes-detalhes__manuais--objeto-manual{
        max-width: 100%;
        height:30em;
        height: 100vh;
        margin-bottom: 3em;
    }
    .suportes-detalhes__icones-link{
        width: 5rem;
        height: 5rem;
        border-radius:50%;
        display: block;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;

    }
    .suportes-detalhes__colunas{
        width: 100%;
    }
    .suportes-detalhes__icones-link.selecionado{
        background-color: gray;
    }
    .suportes-detalhes__icones{
        width: 100%;
        height: 100%;
    }
    .suportes-detalhes__manuais{
        width: 100%;
    }

    .owl-carousel-galeria__item{
        width: 7em;
        display: block;
    }
    .suportes-detalhes__fotos-imagem-destaque{
        max-height: 80vh;
        max-width: 100%;
    }
    .suportes-owl-carousel-galeria__item--link{
        height: 5em;
        background-color: #808080ad;
        overflow: hidden;
        position: relative;
    }

    .suportes-owl-carousel-galeria__item--img{
        width: auto!important;
        height: 100%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

/* ./7. Suportes  */

/* 8. Linha bike premium */
    .descricao-small-text{
        display: block;
        width: 77%;
        margin-left: auto;
        margin-right: auto;
    }
/* fim 8. Linha bike premium */
/* 9. Lançamentos */
    .box-header__lancamentos-position {
        margin-left: -7%;
    }
    .box-header__lancamentos{
        width: 18em;
        height:  7em;
        background-color: #fefefe99;
    }
    .linha_box__ativa{
        opacity: 1!important;
    }
    .text-lancamento{
        text-align: center;
    }
    .text-lancamento__title{
        text-align: center;
    }
    .box-header-lancamentos__title{
        font-size: 1.5em;
    }
    .lancamentos-filtro__box{
        opacity: 0.5;
        margin-left: 4px;
        margin-top: 4px;
        cursor: pointer;
        text-align: center;
        color: #fff;
        font-size: 0.8em;
    }
    .lancamentos-filtro-boxes__nome-linha{
        font-weight: 700;
        font-size: 1.5em;
    }
    .lancamento-resultado__title{
        font-size: 1.5rem;
    }
    .lancamento-resultado__icone{
        width: 5rem;
        height: 5rem;
    }
    .lancamento-resultado__montadora-imagem{
        width: 4rem;
    }
    .lancamento-resultado__icone-link{
        color: #212529;
    }
    .lancamento-resultado__icone-link:hover{
        color: #212529;
        text-decoration: none;
    }
/* 9. Lançamentos */
/* 10. Galeria */
    .titulo-galeria{
        margin-top: 5%;
    }
    .bolinhas_frente{
        width: 100%;
        margin-left: 2em;
    }
    .bolinhas_atras{
        width: 100%;
    }
    .h2-manuais{
        position: relative;
        margin-top: 30%;
    }
    .h2-imagens{
        position: relative;
        margin-top: 35%;
    }
    .position-row-img{
        margin-top: 5%;
    }
    .gallery__img-wrapper{
        cursor: pointer;
        /* height: 300px; */
        /* width: 600px; */
        /* margin: 0 auto; */
        overflow: hidden;
        transition: height 0.3s ease-in-out;
    }
    .gallery__img {
        width: auto;
        height: 7em;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    .gallery{
        margin: 0em 0;
    }
    .gallery__container{
        width: 100%;
    }

/* fim 10. Galeria */

/* 11. Busca */

    /* form */
        .linha-box {
            width: 53px;
            margin-left: 1px;
            height: 4em;
            color: white;
            width: calc((100% - 4px) / 5);
            margin-left: 1px;
        }

        .linhas-header--box{
            background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 9.65), rgba(0, 0, 0, 0));
            background: -o-linear-gradient(to top, rgba(0, 0, 0, 9.65), rgba(0, 0, 0, 0));
            background: -moz-linear-gradient(to top, rgba(0, 0, 0, 9.65), rgba(0, 0, 0, 0));
            background: linear-gradient(to top, rgba(0, 0, 0, 9.65), rgba(0, 0, 0, 0));
        }

        .linha-box:first-child {
            margin-left: 0px;
        }

        .linha-box span:first-child {
            font-weight: 300;
            font-size: 0.5em;
        }

        .linha-box span:last-child {
            font-weight: 700;
            font-size: 0.8em;
        }
    /* /form */
    .busca__instrucao-uso-filtro{
        color: red;
    }
    .logo-montadora{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .imagem-link-tabela {
        width: 3em;
    }
    .resultado-busca-uma-linha{
        display: none;
    }
    .hidden-all-screens{
        display: none;
    }
    .table-hover tbody tr.detalhe-modelo:hover {
        background-color: #fff!important;
    }
    .torna-clicavel{
        cursor: pointer;
    }
    .detalhes-modelo__foto{
        width: 100%;
    }
    .gray-color{
        background-color: #eceeef;
    }
    .busca-row__especificacao:only-child{
        height: 100%;
    }

    .busca-row__especificacao:not(:first-child){
        border-top-width: 1.5px;
        border-top-style: solid;
        border-top-color: gray;
        border-top-color: #00000033;
    }

    .gray-color .busca-row__especificacao:not(:first-child){
        border-top-color: white;
    }

    .thead-fixed{
        position: fixed;
        top: 0;
        background-color: #fff;
        width: 100%;
        z-index: 999;
    }
    .busca__clique-detalhe{
        color: red;
    }
    .detalhe-modelo__nome-carro{
        font-size: 2em;
    }
    .detalhe-modelo__ano-carro{
        font-size: 1.5em;
    }
    .detalhe-modelo__icone{
        width: 100%;
        height: 100%;
    }
    .detalhe-modelo__link-icone{
        width: 5rem;
        height: 5rem;
    }
    .detalhe-modelo__fixacao{
        max-width: 50%;
        display: block;
        margin: 0 auto;
    }
    .detalhe-modelo__icones-titulo{
        font-size: 1.7em;
    }
    .detalhe-modelo__icones-descricao{
        font-size: 0.8em;
    }
    .busca__link{
        color: #0275d8!important;
        cursor: pointer!important;
    }
    .busca__link:hover{
        text-decoration: underline!important;
    }
    .busca__fixacao{
        width: 150px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
    }
    .busca__colunas-fixacao-link.aberto{
        white-space: unset;
    }
    .opaco{
        opacity: 0.5;
    }
    .select2-selection__clear{
        margin-right: 2em;
    }
    .select2-container--default .select2-selection--single .select2-selection__placeholder{
        color: #fff;
    }
    a.detalhe-modelo__link-icone.disable{
        pointer-events: none;
        opacity: 0.5;
    }
    .resultado-busca tbody tr td{
        padding: 0;
        vertical-align: middle;
        border-top: none;
    }
    .resultado-busca tbody tr td.rack-coluna, .resultado-busca tbody tr td.modelo-coluna{
        padding-left: 1em;
    }
    .table-hover tbody tr:hover {
        background-color: rgba(0,0,0,.250);
    }
    td.rack-coluna, td.coluna-rack-multiplos {
        border-left: 0.5px solid #00000033;
    }
    td.coluna-rack-multiplos{
        padding-left: 1em;
        text-align: center;
        width: 101px;
    }
    .sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }
    .coluna-diversas-linhas div{
        background-color: rgba(0,0,0,.300);
        text-align: center;
        padding: 1px 12px;
    }
    .resultado-busca thead th{
        border: none;
        padding: 0 0.5em;
    }

    .coluna-diversas-linhas{
        border-left: 0.5px solid #00000033!important;
        padding: 10px 8px;
    }
    td.busca__link.busca__fixacao,a.busca__link.busca__fixacao {
        padding-right: 10px;
    }
    .coluna-1linha{
        padding: 10px 8px;
    }
    .coluna-1linha div{
        background-color: rgba(0,0,0,.300);
    }
    .rack-modelo.coluna-1linha{
        border-left: 0.5px solid #00000033!important;
    }
    .borda-bottom-preta{
        border-bottom: 0.5px solid #00000033;
    }

    .fundo-preto .select2-container .select2-selection--single .select2-selection__rendered{
        background-color: #fff;
        color: #333;
    }
        /* Redesenho busca */
        .busca__colunas-fixacao-link {
            width: 70%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            display: inline-block;
        }

        .busca__fixacacao-coluna.aberto {
            white-space: normal;
        }
        .busca__coluna--codigo{
            border-left: 1px solid #929292!important;;
            margin-left: 5px;
        }
        .busca__coluna--suportes{
            width: 15%;
        }
        .busca__row-montadora{
            border-bottom: 1px solid #00000070;
        }
        .busca__common-padding{
            padding-top: 6px;
            padding-bottom: 6px;
        }
        .busca__header-coluna{
            background-color: #929292;
            color: #fff;
        }
        .busca__fixacacao-coluna{
            margin-left: 5px;
        }
        .busca__header-coluna{
            margin-left: 5px;
        }
        .busca__coluna--suportes{
            margin-left: 5px;
        }
        .busca__coluna--nome-modelo{
            margin-left: 5px;
        }
        .busca__header-row.fixed-top .busca__coluna--codigo-wraper{
            margin-right: 22px
        }
        .busca-row__detalhes{
            background-color: #fff;
        }
        .busca__header-row.fixed-top{
            z-index: 999;
        }
        .busca__content-rows{
            margin-right: 15px;
        }
        .js-busca__header-row{
            margin-right: 15px;
        }
        .busca__content-rows {
            font-size: small;
        }
        .busca__coluna--codigo{
            overflow: hidden;
        }
        .busca__header-row .busca__coluna--codigo{
            background-color: #fff;
            padding-left: 5px;
        }
        .busca__header-row .busca__coluna--codigo div{
            background-color: #929292;
        }
        .busca__header-coluna:first-child {
            margin-left: 0;
        }
        .busca__header-row .linha-box{
            text-align: center;
            padding-left: 5px;
            margin-bottom: 12px;
            margin-top: 12px;
            background-color: unset;
        }
        .busca__header-row .linha-box div{
            background-color: #000;
            width: 100%;
            height: 100%;
        }
        .busca__header-row-1-linha .linha-box.ativo{
            order: 5;
        }
    /* /Redesenho busca */
    @media screen and (max-width: 768px){
        .busca__coluna--codigo {
            /* height: 2rem; */
        }
        .busca__row-montadora {
            border-bottom: none;
            padding-left: 12px;
        }
        .row-detalhamento__logo-montadora{
            width: 20%;
            max-width: 100%;
            height: auto;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }
        a.detalhe-modelo__link-icone{
            display: block;
            margin-top: 12px;
        }
        .detalhe-modelo__icone{
            width: 100%;
        }
        .detalhe-modelo__icones-titulo{
            font-size: 1.2em;
        }
        .detalhe-modelo__icones-descricao{
            display: none;
        }
        .mobile-busca__coluna-montadora{
            width: auto;
            height: 3rem;
            display: block;
            margin-left: auto;
            margin-right: auto;
            margin-top: 12px;
            margin-bottom: 12px;
        }
        .table-hover tbody tr.mobile-busca__row-montadora:hover{
            background-color: #fff;
        }
        .linha-box {
            height: 7em;
            width: calc((100% - 4px) / 3);
            margin-top: 12px;
        }
        .linha-box span:first-child {
            font-size: 0.8em;
        }
        .linha-box span:last-child {
            font-size: 1.2em;
        }
        .busca__content-rows {
            margin-right: 0;
        }
        .logo-montadora {
            max-height: 4rem;
        }
    }



/* fim 11. Busca */

/* 12. Galeria Detalhada */
    .galeria-detalhada__carousel-wrapper{
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .galeria-detalhada__imagem-principal{
        max-height: 80vh;
    }
    .galeria-detalhada__imagem-principal-wrapper{
        display: block;
        background-color: gray;
        width: 100%;
    }
    .galeria-detalhada__item-link {
        height: 5em;
        width: 9em;
        overflow: hidden;
        position: relative;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .galeria-detalhada__carousel-img{
        width: auto!important;
        height: 100%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .galeria-detalhada__carousel{
        position: relative;
    }
    .galeria-detalhada__carousel .owl-stage-outer{
        z-index: 10;
    }
    .galeria-detalhada__carousel .owl-nav{
        position: absolute;
        top: -10px;
        width: 100%;
    }
    .galeria-detalhada__carousel .owl-nav .galeria-detalhada__imagem-seta{
        max-width: 60px;
    }

    .galeria-detalhada__carousel .owl-prev{
        float: left;
        z-index: 11;
        position: relative;
    }
    .galeria-detalhada__carousel .owl-next {
        float: right;
        z-index: 11;
        position: relative;
    }

    .galeria-carousel-gallery__img-wrapper .owl-prev,
    .galeria-carousel-gallery__img-wrapper .owl-next {
        background-color: transparent!important;
    }
/* fim 12. Galeria Detalhada */

/* 13. produtos */
    /* .produtos .header-sports__box-header {
        margin-left: 0em;
        width: 5em;
        height: 5em;
        margin-top: -11em;
    } */
    .produtos__menu-item-box-wrapper {
        padding-right: 5px;
        padding-left: 5px;
        margin-top: 1em;
    }

    .produtos__menu-item-box{
        background-color: #9c9a9abf;
        height: 100px;
        overflow: hidden;
    }
    .produtos__menu-name {
        text-transform: uppercase;
        font-weight: 700;
        float: right;
        margin-top: 2em;
        margin-right: 1em;
    }
    .produtos__menu-name--bagageiro{
        margin-right: 0;
    }
    .produtos__menu-name--protetor-carga{
        margin-right: 0;
    }
    .produtos__menu-imagem{
        max-height: 11%;
        max-width: 100%;
    }
    .produtos__menu-imagem--protetor-carga{
        max-width: 74%;
        margin-left: 1px;
        margin-top: -39px;
    }
    .produtos__menu-imagem--bike{
        max-width: 74%;
        margin-left: 2em;
        padding: 9px;
    }
    .produtos__menu-imagem--bike-premium{
        max-width: 74%;
        margin-left: 2em;
        padding: 9px;
    }
    .produtos__menu-imagem--box{
        max-width: 74%;
        margin-left: 2em;
        padding: 9px;
    }
    .produtos__menu-imagem--bagageiro{
        max-width: 74%;
        margin-left: 2em;
        padding: 9px;
    }
    .produtos__menu-imagem--sports{
    max-width: 75%;
    }

    .produtos__menu-imagem--grip{
        max-width: 85%;
    }
    .produtos__menu-imagem--porta-escada{
        margin-top: 1em;
    }
    .produtos__menu-imagem-wrapper{
    float: left;
    /* height: 100%; */
    overflow: hidden;
    max-width: 70%;
    }
    .produtos__menu-imagem-wrapper--porta-escada{
    max-width: 55%;
    }
    .box-produtos{
        background-color: #9c9a9a;
        width: 100%;
        margin-top: 30px;
        height: 8em;
    }
    .container_produtos{
        width: 120%;
        margin-left: -10%;
    }
    .img-menu_produtos__sports{
        margin-top: -1%;
        margin-right: 24%;
        width: 65%;
    }
    .img-menu_produtos__aco{
        width: 78%;
        margin-top: 0%;
        margin-right: 24%;
    }
    .img-menu_produtos__grip{
        width: 65%;
        margin-top: -7%;
        margin-right: 24%;
    }
    .img-menu_produtos__cross{
        width: 65%;
        margin-top: -8%;
        margin-right: 24%;
    }
    .img-menu_produtos__trail{
        width: 65%;
        margin-top: 6%;
        margin-right: 24%;

    }
    .legenda-menu_produtos__sports{
        margin-right: -58%;
        top: -15%;
        position: relative;
        font-weight: 800;
        color: #07FBFF;
        font-size: 1.5rem;
    }
    .legenda-menu_produtos__aco{
        position: relative;
        font-size: 1.5rem;
        margin-right: -72%;
        top: -25%;
        color: #D8E299;
        font-weight: 800;
    }
    .legenda-menu_produtos__grip{
        position: relative;
        font-size: 1.5rem;
        font-weight: 800;
        color: #ED7D00;
        margin-right: -70%;
    }
    .legenda-menu_produtos__cross{
        position: relative;
        font-size: 1.5rem;
        font-weight: 800;
        color: #E33212;
        margin-right: -60%;
        top: 1%;
    }
    .legenda-menu_produtos__trail{
        position: relative;
        font-size: 1.5rem;
        font-weight: 800;
        color: #F7AE00;
        margin-right: -65%;
        top: -25%;
    }
/* fim 13. produtos */
/* 14. Icones */
    .icone-svg__wrapper:hover .icone-svg__content{
        fill: white;
        transition:fill 1s;
    }
    .icone-svg__wrapper:hover .icone-svg__border{
        fill: black;
        transition:fill 1s;
    }
    .icone-svg__wrapper.ativo .icone-svg__border{
        fill: black;
        stroke: black;
        transition:fill 1s;
    }
    .icone-svg__wrapper.ativo .icone-svg__content{
        fill: white;
        transition:fill 1s;
    }

/* /14. Icones */

/* 15. Linha grip */
    .grip-rack-container{
        width: 100%;
    }
    .grip-rack-container__rack-image{
        width: 100%;
    }
    .grip-rack-container__descricao-coluna{
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    .grip-rack-container__rack-coluna{
        margin-left: 12px;
    }
    @media (min-width: 576px){
        .grip-rack-container__descricao-coluna {
            max-width: 540px;
        }
    }
    @media (min-width: 768px){
        .grip-rack-container__descricao-coluna {
            max-width: 720px;
        }
    }
    @media (min-width: 992px){
        .grip-rack-container__descricao-coluna {
            max-width: 960px;
        }
        .grip-rack-container__descricao-texto{
            text-align: left;
            width: 70%;
        }
        .grip-rack-container__rack-wrapper{
            margin-left: auto;
            width: 74%;
        }
        .grip-rack-container__rack-coluna{
            margin-left: 12px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: 100%;
        }
        .grip-rack-container{
            margin-bottom: 7rem;
        }
    }
    @media (min-width: 1200px){
        .grip-rack-container__descricao-coluna {
            max-width: 1140px;
        }
        .grip-rack-container__descricao-texto{
            text-align: left;
            width: 50%;
        }
        .grip-rack-container {
            margin-bottom: -20rem;
        }
        .grip-rack-container__rack-wrapper{
            margin-left: auto;
            width: 50%;
        }
        .grip-rack-container__rack-wrapper--prata{
            -webkit-transform: translateY(-10rem);
                -ms-transform: translateY(-10rem);
                    transform: translateY(-10rem);
        }
        .grip-rack-container__rack-coluna {
            -webkit-transform: translateY(-10rem);
                -ms-transform: translateY(-10rem);
                    transform: translateY(-10rem);
        }
    }
/* / 15. Linha grip */

/* 16. Linha cross */
    .cross-rack-container{
        width: 100%;
    }
    .cross-rack-container__rack-image{
        width: 100%;
    }
    .cross-rack-container__descricao-coluna{
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    .cross-rack-container__rack-coluna{
        margin-right: 12px;
        margin-top: 24px;
        text-align: right;
    }
    @media (min-width: 576px){
        .cross-rack-container__descricao-coluna {
            max-width: 540px;
        }
    }
    @media (min-width: 768px){
        .cross-rack-container__descricao-coluna {
            max-width: 720px;
        }
    }
    @media (min-width: 992px){
        .cross-rack-container__descricao-coluna {
            max-width: 960px;
        }
        .cross-rack-container__descricao-texto{
            margin-right: auto;
            text-align: right;
            width: 70%;
        }
        .cross-rack-container__rack-wrapper{
            margin-right: auto;
            width: 74%;
        }
        .cross-rack-container__rack-coluna{
            margin-right: 12px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: 100%;
        }
        .cross-rack-container{
            margin-bottom: 7rem;
        }
    }
    @media (min-width: 1200px){
        .cross-rack-container__descricao-coluna {
            max-width: 1140px;
        }
        .cross-rack-container__descricao-texto{
            text-align: left;
            width: 50%;
            margin-left: auto;
            margin-right: 0;
            margin-top: 9rem;
        }
        .cross-rack-container {
            margin-bottom: -20rem;
        }
        .cross-rack-container__rack-wrapper{
            margin-right: auto;
            width: 50%;
        }
        .cross-rack-container__rack-wrapper--prata{
            -webkit-transform: translateY(-18rem);
                -ms-transform: translateY(-18rem);
                    transform: translateY(-18rem);
                    width: 40%;
        }
        .cross-rack-container__rack-coluna {
            -webkit-transform: translateY(-12rem);
                -ms-transform: translateY(-12rem);
                    transform: translateY(-12rem);
        }
        .cross-rack-container__rack-image--prata{
            /* max-width: 80%;
            margin-right: auto;
            display: block; */
        }
    }
/* / 16. Linha cross */

 /* 17. Efeitos */
 .efeito-piscar {
    animation: piscar 3s linear infinite;
  }

  @keyframes piscar {
    50% {
      opacity: 0;
    }
  }
 /* / 17. Efeitos */

 /* 18. Linha Steel */
    .linha-steel .box-header__nome-linha-destaque {
        color: #684c89;
        font-weight: 700;
        font-size: 0.6em;
    }

    .produtos__menu-imagem-wrapper--steel{
        max-height: 100%;
    }

    .produtos__menu-imagem--steel{
        max-height: 100%;
    }

    @media screen and (max-width: 768px){
        .linha-steel .garra-img{
            width: 60%;
            margin: 0 auto;
        }
    }
 /* fim 18. Linha Steel */

/* Outros */
/* /carro mob e desk */
.display_desk{
    display: none;
}
.display_mob{
    display: block;
}
/* fim carro mob e desk */

.header-sports {
    width: 100vw;
    /* height: 70vh */
    height: 40vh;
}

.header-sports__container-image {
    position: absolute;
    overflow: hidden;
    height: 60vh;
    width: 100%;
    margin-top: -30px;
    z-index: -99;
}

.header-sports__image {
    width: 100%;
}

.header-sports__box-header-container {
    padding-top: 2em;
    height: 100%;
}

.header-sports__box-header {
    background-color: black;
    margin-left: 3em;
    width: 6em;
    height: 6em;
}

.box-header__nome-linha {
    color: #fff;
    font-weight: 300;
    font-size: 0.4em;
}

.box-header__nome-linha--sports {
    color: #07fbff;
    font-weight: 700;
    font-size: 0.6em;
}

.box-header__nome-linha--bagageiro {
    color: #0da24a;
    font-weight: 700;
    font-size: 0.6em;
}


/* Sports page */
.position_carro-sport{
    margin-bottom: -30%;
}

.carro-descricao__subtitulo {}

.sports-gallery {
    margin: 2em 0;
}

.sports-gallery__img {
    width: 100%;
}

.sports-produtos__img {
    width: 100%;
    height: auto;
}

.sports-produtos__img--garra {
    width: 70%;
    height: auto;
}

.sports-produtos__img--crop {
    width: 600px;
    height: auto;
}

.sports-produtos--crop {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 40px;
}

@media screen and (max-width: 575px){
    .sports-produtos__img--crop {
        width: initial;
        margin: 0;
        margin-left: -70%;
    }
    .sports-produtos__img--crop.cinza{
        margin-left: -25em;
    }
    .sports-produtos__caption--rack-cor-preta {
        margin-right: -58%;
        margin-top: 5%;
    }

    .sports-produtos__caption--rack-cor-natural {
        margin-top: 15%;
        margin-left: -17%;
    }
}

.sports-produtos__img--ferro {
    width: 70%;
}

.text-center-mobile {
    text-align: center!important;
}

.sports-rack__info {
    width: 100%;
    margin: 0;
}

.image-full-linha {
    /* width: 100%; */
    /* height: 11em; */
    /* -webkit-animation-name: slow-motion; /* Safari 4.0 - 8.0
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    /* -webkit-animation-iteration-count: infinite; */
    /* Safari 4.0 - 8.0 */
    /* animation-name: slow-motion; */
    /* animation-duration: 4s; */
    /* animation-iteration-count: infinite;  */
}

/* Formulario contato */

.fields {
    margin-top: 5px;
    margin-top: .5rem;
}

.input {
    width: 100%;
    padding: 1%;
    padding-left: 5px;
    border-radius: 0;
}
body.fundo-preto .input {
    border-color: #fff;
    color: #fff;
    border-width: 1px;
    background-color: black;
}
.textarea {
    width: 100%;
    resize: none;
    height: 6em;
}

.placeholder::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #33333391;
    font-weight: 300;
}

.placeholder::-moz-placeholder {
    /* Firefox 19+ */
    color: #33333391;
    font-weight: 300;
}

.placeholder:-ms-input-placeholder {
    /* IE 10+ */
    color: #33333391;
    font-weight: 300;
}

.placeholder:-moz-placeholder {
    /* Firefox 18- */
    color: #33333391;
    font-weight: 300;
}

.fundo-preto .formulario-linhas__title,
.fundo-preto .linhas-secao-formulario{
    color: #fff;
}
.formulario-linhas__btn-enviar{
    height: 3em;
    width: 3em;
    background-repeat: no-repeat;
}

body.fundo-preto .placeholder::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

body.fundo-preto .placeholder::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

body.fundo-preto .placeholder:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

body.fundo-preto .placeholder:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

.button {
    background-color: transparent;
    border: none;
}

.select {
    /* 	background-color: #000;
	color: #fdfdfd;
 */
    width: 100%
}

.select-arrow {
    margin-left: -2em;
    width: 1.5em;
}

.linhas-secao-formulario__money-image{
    height: 13em;
    width: 13em;
    background-repeat: no-repeat;
    margin: 0 auto;
}
/* Pesquisa */

.linha-box {
    opacity: 0.3;
}
.linha-box {
    cursor: pointer;
}
.linha-box.ativo{
    opacity: 1;
}
.fundo-preto .linha-box{
    border-color: #fff;
    border-width: 1px;
    border-style: solid;
}
/* Hack para iphone 6 */

@media (max-width: 415px) {
    .linhas-container {
        padding: 0;
    }
    .linhas-container .col-12 {
        /* padding: 0; */
    }
    .linha-box:nth-child(2),
    .linha-box:nth-child(4) {
        /* width: calc(((100% - 25px) / 5) + 18px ); */
        /* padding-top: 4px; */
    }
    .linha-box:nth-child(3),
    .linha-box:nth-child(1) {
        /* width: calc(((100% - 25px) / 5) - 10px); */
    }
    .barra__aluminio-preta {
        right: 150px;
    }
    .text-img-rack-02_longarina__cross {
        top: 360px;
    }
}

@media (max-width: 992px) {
    .sports__garra {
        margin-bottom: -59%;
    }
}


/* helpers */

.basic-margin {
    margin: 2em 0;
}

.margin-auto {
    margin: auto;
}

.flip-imagè {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}


/* Não substituir */


/* Colors */

.background-black {
    background-color: #000;
}

.background-gray {
    background-color: #dfdfdf;
}


/* Fonte */

.fonte-light-gray {
    color: #808080;
}

.fonte-12 {
    font-size: 1rem;
}

.fonte-light {
    font-weight: 300;
}


/* Animações */

.apply-fade {
    color: #fff;
}
.fundo-preto .apply-fade {
    color: #000;
}
.fadein {
    color: #333;
    -webkit-animation: fadein 4s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 4s;
    /* Firefox < 16 */
    -ms-animation: fadein 4s;
    /* Internet Explorer */
    -o-animation: fadein 4s;
    /* Opera < 12.1 */
    animation: fadein 4s;
}
.fundo-preto .fadein{
    color: #fff;
}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Firefox < 16 */

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Internet Explorer */

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Opera < 12.1 */

@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.apply-fade-black {
    color: black;
}

.fadein-black {
    color: white;
    -webkit-animation: fadein 4s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 4s;
    /* Firefox < 16 */
    -ms-animation: fadein 4s;
    /* Internet Explorer */
    -o-animation: fadein 4s;
    /* Opera < 12.1 */
    animation: fadein 4s;
}

@keyframes fadein-black {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Firefox < 16 */

@-moz-keyframes fadein-black {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein-black {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Internet Explorer */

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Opera < 12.1 */

@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* begin  */

.z1 {
    z-index: 1;
}

.t50\% {
    top: 50%;
}

.r0 {
    right: 0;
}

.efeito-inicial {
    transform: translateY(0px);
}

.efeito {
    color: #333;
    -webkit-animation: efeito 2s;
    /* Safari, Chrome and Opera > 22.2 */
    -moz-animation: efeito 2s;
    /* Firefox < 26 */
    -ms-animation: efeito 2s;
    /* Internet Explorer */
    -o-animation: efeito 2s;
    /* Opera < 22.2 */
    animation: efeito 2s;
}


/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes efeito {
    from {
        transform: translateY(5px);
    }
    to {
        transform: translateY(-10px);
    }
}


/****************
  Use these to add a floating like effect on items
 */

.float-on-scroll {
    transition: margin 3.5s;
}

.float-on-scroll.fast {
    transition: margin 3s;
}

.scrolling-up .float-on-scroll {
    margin-top: 20px;
    margin-bottom: -20px;
}

.scrolling-up .image-full-linha.float-on-scroll {
    margin-top: -10px;
    margin-bottom: 10px;
}

.scrolling-up .float-on-scroll--rack {
    margin-top: 25px;
    margin-bottom: -25px;
}

.scrolling-up .sports-produtos__img--crop.float-on-scroll--rack {
    margin-top: 25px;
    margin-bottom: -25px;
}

.scrolling-up .float-on-scroll.reverse {
    margin-top: -20px;
    margin-bottom: 20px;
}

.scrolling-up .float-on-scroll.fast {
    margin-top: 30px;
    margin-bottom: -30px;
}

.scrolling-up .float-on-scroll.fast.reverse {
    margin-top: -30px;
    margin-bottom: 30px;
}

.scrolling-down .float-on-scroll {
    margin-top: -20px;
    margin-bottom: 20px;
}

.scrolling-down .sports-produtos__img--crop.float-on-scroll {
    margin-top: -20px;
    margin-bottom: 20px;
}

.scrolling-down .image-full-linha.float-on-scroll {
    margin-top: -20px;
    margin-bottom: 20px;
}

.scrolling-down.float-on-scroll--rack {
    margin-top: -25px;
    margin-bottom: 25px;
}

.scrolling-down .float-on-scroll.reverse {
    margin-top: 20px;
    margin-bottom: -20px;
}

.scrolling-down .float-on-scroll.fast {
    margin-top: -30px;
    margin-bottom: 30px;
}

.scrolling-down .float-on-scroll.fast.reverse {
    margin-top: 30px;
    margin-bottom: -30px;
}


/*linha aço*/
.position_carro-aco{
    margin-bottom: -30%;
}
@media screen and (max-width: 500px){
    body.linha-aco .header-sports__image{
        min-height: 14em;
    }
}

.box-header__nome-linha--aco {
    color: #d8e299;
    font-weight: 700;
    font-size: 0.6em;
}

.garras-descricao {
    padding-bottom: 15%;
    padding-top: 15%;
    text-align: center;
}

.text-left {
    text-align: left;
}

.garra__sem-calha {
    width: 100%;
    position: relative;
    margin-right: -10%;
    z-index: -1;
}

.text-garra__sem-calha {
    position: relative;
    top: -30%;
    margin-right: -30%;
}

.garra__com-calha {
    width: 100%;
    z-index: -1;
    position: relative;
    margin-left: -10%;
}

.text-garra__com-calha {
    position: relative;
    margin-left: -20%;
    top: -30%;
}

.bed-rider {
    width: 100%;
    position: relative;
    margin-right: -10%;
    z-index: -1;
}

.text-bed-rider {
    position: relative;
    top: -35%;
}

.garra__caminhote {
    width: 100%;
    z-index: -1;
    position: relative;
    margin-left: -10%;
}

.text-garra__caminhote {
    position: relative;
    left: 40px;
}

.text-capacidade__garras {
    position: relative;
    text-align: center;
    top: 15px;
}

.img_carro__aco {
    width: 100%;
    height: 100%;
}


/*fim linha aço*/


/*linha grip*/

.box-header__nome-linha--grip {
    color: #ed7d00;
    font-weight: 700;
    font-size: 0.6em;
}

.barras__descricao {
    text-align: center;
}

.barras__img {
    z-index: -1;
    position: relative;
    right: -50px;
    width: 80%;
}

.barra__aluminio-preta {
    position: relative;
    top: -95px;
    right: 135px;
}

.barra__aluminio-natural {
    position: relative;
    top: -70px;
    right: 100px;
}

.barra__img-bolinha-01 {
    position: relative;
    width: 80%;
    z-index: -1;
    margin: auto;
}

.barra__img-bolinha-02 {
    width: 80%;
    z-index: -1;
    margin: auto;

}
.linha-grip .espeficicacao-produto .texto-especificacao{
    text-align: center;
    margin: 2em 0;
}

.img-carro__grip {
    height: 100%;
    width: 100%;
    padding-top: 100px;
}


/*fim linha grip*/




/*linha cross*/
.position_carro-cross{
    margin-top: -10%;
    margin-bottom: -30%;
}

.box-header__nome-linha--cross {
    color: #e33212;
    font-weight: 700;
    font-size: 0.6em;
}

.img-rack_longarina__cross {
    position: relative;
    right: 24px;
    width: 100%;
    z-index: -1;
}

.text-rack_longarina__cross {
    text-align: center;
    margin-top: 2em;
}

.rack_longarina__cross-preto {
    text-align: right;
    top: -3px;
    position: relative;
    left: 5px;
}

.rack_longarina__cross-aluminio {
    text-align: left;
    position: relative;
    top: -25px;
    left: 155px;
}

.img-rack-02_longarina__cross {
    position: relative;
    width: 80%;
    z-index: -1;
    top: -65px;
}

.text-img-rack-02_longarina__cross {
    text-align: center;
    position: relative;
    top: 335px;
}

.img-rack-03_longarina__cross {
    position: relative;
    width: 80%;
    z-index: -1;
    padding-top: 90px;
    padding-bottom: 30px;
}

.text-img-rack-03_longarina__cross {
    position: relative;
    text-align: center;
}

.img-carro__cross {
    width: 100%;
    height: 100%;
}
.image-full-linha__container-cross {
    overflow: hidden;
    height: 30em;
}

/*fim linha cross*/


/* linha bagageiro */

.img-bagageiro {
    height: 110%;
    width: 70%;
}
.position-bagageiro {
    margin-left: 15%;
}

.header-sports__box-header_complemento {
    background-color: black;
    margin-left: 2em;
    width: 7em;
    height: 6em;
}

.box-header__nome-linha--bagageiro {
    color: #0da24a;
    font-weight: 700;
    font-size: 0.5em;
}

.descricao__bagageiro {
    position: relative;
    top: 35px;
    font-size: 0.8rem;
    margin-bottom: 5em;
    width: 48%;
}

.img-carro__bagageiro {
    width: 100%;
    height: 110%;
}

img.rack-bagageiro-imagem{
    max-width: 100%;
    max-height: 10em;
}
/* fim linha bagageiro */




.header-bike {
    height: 90vh;
}

.header-bike__container-image {
    position: absolute;
    overflow: hidden;
    height: 100%;
    width: 100%;
    margin-top: -30px;
}
.bike__full-img {
    width: 100%;
    z-index: -99;
}

.linhas-header__box-column{
    width: 20em;
    margin-left: 5em;
}

@media screen and (max-width: 576px){
    .linhas-header__box-column{
        width: 100%;
        margin-left: 0;
    }
}



.header-bike__box-header {
    background-color: black;
    width: 5em;
    height: 5em;
    position: relative;
    top: -25px;
    margin: 0 auto;
}

.box-header__nome-linha--bike {
    font-weight: 700;
    font-size: 0.6em;
}
.bike-descricao__titulo {
    color: white;
    text-align: center;
    position: relative;
    /* top: -15px; */
}




.parallax {
    background-image: url(../img/Linha_BIKE_01.jpg);
    height: 100%;
    background-attachment: fixed;
    background-position: -380px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 150vh;
    padding-top: 100vh;
}

.parallax-curtain {
    height: 70vh;
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 9.65), rgba(0, 0, 0, 0));
    background:      -o-linear-gradient(to top, rgba(0, 0, 0, 9.65), rgba(0, 0, 0, 0));
    background:    -moz-linear-gradient(to top, rgba(0, 0, 0, 9.65), rgba(0, 0, 0, 0));
    background:         linear-gradient(to top, rgba(0, 0, 0, 9.65), rgba(0, 0, 0, 0));
}

.text__01-bike {
    text-align: center;
    padding-top: 14px;
    font-size: 0.9rem;
    margin-left: 5%;
    margin-right: 5%;
}

.text__02-bike {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 0.9rem;
}

.text__bolinha-bike {}

.img__bolinha-bike {
    width: 70%;
    z-index: -1;
}

.img-braco__bike {
    width: 100%;
    height: 75%;
    z-index: -1;
}

.img-carro__bike {
    width: 100%;
    height: 80%;
}

.img__bolinha-02-bike {
    width: 80%;
    position: relative;
}

.text__bolinha-02-bike {
    text-align: center;
}

.img-2braco__bike {
    width: 75%;
    height: 100%;
    margin-left: 10%;
}

.modelo__b35 {
    position: relative;
    top: -109px;
    left: 256px;
}

.modelo__b34 {
    text-align: right;
    position: relative;
    top: -331px;
    font-size: 0.9rem;
    right: 1em;
}
@media screen and (max-width: 566px){
    .modelo__b34 {

        -ms-transform: translateY(10em);
        -webkit-transform: translateY(10em);
        transform: translateY(10em);
    }
}

.bike-gallery__img {
    width: 100%;
}
img.rack-bike{
    max-height: 21em;
}
/* fim linha bike */


/* linha bike premium */

.header-bike-premium__box-header {
    background-color: black;
    margin-left: 7em;
    width: 8em;
    height: 8em;
    margin-bottom: 4em;
}


.box-header__nome-linha--bike-premium {
    color: #9A019A;
    font-weight: 700;
    font-size: 0.6em;
}

.header-bike__premium {
    margin-top: 20%;
}
.carro_container__foto-bike__premium {
    /* width: 33rem; */
    width: 100%;
    margin-top: -132px;
    margin-left: -3%;
    height: 400px;
    /* margin-left: calc((100% / 5) - 35%); */
    /* margin: auto; */
}

.img-bike__bike-premium {
    width: 100%;
    height: 90%;
}
.text-bolinha-bike__premium {
    position: relative;
    text-align: center;
}
.bolinha-bike__premium {
    width: 70%;
    position: relative;
}
.img-bike-02__bike-premium {
    width: 75%;
    height: 95%;
    z-index: -1;
    margin-left: 11%;
}
.bolinha-02-bike__premium{
    width: 70%;
}
.text-bolinha-02-bike__premium{}
.desc-bike__premium{}
/* fim linha premium */

/* contato */
.position_box_contato{
    margin-left: 5px;
}
.box-contato {
    background-color: #c9c9c9;
    width: 8em;
    margin-top: 30px;
    height: 8em;
}
.h2__contato{
    text-align: center;
}
.text-fale{
    text-align: center;
}
.numeros_fale{
    text-align: center;
}
.text-selecionado{
    color: #0DA34C;
    text-decoration:none!important;
}
.text-diselect{
    color: #636466;
    text-decoration:none!important;
}
.text-contato{
    text-align: justify;
    margin-bottom: 5%;
}
.mapa_brasil_contato{
    width: 100%;
}
body.onde-encontrar{
    overflow-x: visible;
}
.onde-encontrar__wrapper-mapa{
    height: 80vh;
    position: relative;
}
#onde-encontrar__map {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    height: 100%;
    width: 100%;
}
.onde-encontrar__filtro-mapa{
    width: 50%;
    margin-left: 9%;
    margin-top: 5%;
    z-index: 99;
    background-color: rgba(255,255,255, 0.5);
    padding: 0 10px;
    height: 80%;
}
.filtro-mapa__resultados{
    overflow-y: scroll;
    height: 75%;
    border: 1px solid black;
    margin-top: 10px;
}
.filtro-mapa__loja.odd {
    background-color: rgba(255,255,255, 0.8);
}
.filtro-mapa__loja-title{
    text-transform: uppercase;
    font-size: 1em;
}
.filtro-mapa__loja-descricao{
    text-transform: uppercase;
    font-size: 0.7em;
    margin-bottom: 0;
}
.filtro-mapa__loja {
    padding-bottom: 12px;
    padding-left: 12px;
    padding-top: 12px;
    cursor: pointer;
}

.onde-encontrar__infowindow h2{
    font-size: 1.2em;
}
/* Scrollbar */
.filtro-mapa__resultados::-webkit-scrollbar {
    width: 15px;
    background: transparent;
}

.filtro-mapa__resultados::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.filtro-mapa__resultados::-webkit-scrollbar {
    cursor:pointer;
}
/* Handle */
.filtro-mapa__resultados::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(24, 22, 22, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    height: 100px;
    cursor:pointer;
}
.filtro-mapa__resultados::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.4);

}


/* Scrollbar */

.position-text__fale-conosco{}

.position-text__cadastro-lojista{
    position: relative;
    top: -13px;
}
.position-text__representantes {
    position: relative;
    top: -7px;
}
.position-text__onde-encontrar {
    position: relative;
    top: -9px;
}

.text-contato-encontrar{
    margin-bottom: 5%;
}
/* fim contato */

/* linha box */
.position_carro-box{
    margin-bottom: -30%;
}
.box-header__nome-linha--box {
    color: #e39c12;
    font-weight: 700;
    font-size: 0.8em;
}

.img-box {
    width: 100%;
    height: 80%;
    z-index: -1;
}

.input__black {
    border-color: white;
    color: white;
    background-color: black;
}

.select_black {
    color: black!important;
    background-color: white!important;
}

.borda-white {
    border: 2px solid white;
}

.placeholder__white::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: white;
    font-weight: 300;
}

.placeholder__white::-moz-placeholder {
    /* Firefox 19+ */
    color: white;
    font-weight: 300;
}

.placeholder__white:-ms-input-placeholder {
    /* IE 10+ */
    color: white;
    font-weight: 300;
}

.placeholder__white:-moz-placeholder {
    /* Firefox 18- */
    color: white;
    font-weight: 300;
}


/* fim linha box */

/* comunicação */
.header_comunicacao-titulo{
    margin-top: 5%;
    color: red;
    font-weight: 100;
    font-size: 2.8rem;
}
.header_comunicacao-back{
    background-color: #4c4c4c;
    padding-top: 10px;
    padding-bottom: 90px;
}
.comunicacao-banner__img{
    width: 100%;
}
/* Imagem vertical */
.comunicacao-banner-vertical__img{

}

.legenda-comunicacao-G{
    position: relative;
    bottom: 60px;
    text-align: center;
    background-color: grey;
    color: white;
    font-size: 1.5rem;
    font-weight: 100;
}
.legenda-comunicacao{
    position: relative;
    bottom: 35px;
    text-align: center;
    background-color: grey;
    color: white;
    font-size: 1.5rem;
    font-weight: 100;
    display: none;
    width: 100%;
}
.comunicacao__banner-comum:hover .legenda-comunicacao,
.comunicacao__banner-vertical:hover .legenda-comunicacao,
.comunicacao__banner-horizontal:hover .legenda-comunicacao,
.comunicacao__banner-comum-lado-horizontal:hover .legenda-comunicacao{
    display: block;
}
.comunicacao-banners__box{
    position: relative;
    margin-top: 12px;
    overflow: hidden;
}

.body_comunicacao-back{
    background-color: #dad5d5;
    padding-top: 10px;
    padding-bottom: 5%;
}
.legenda-comunicacao{
    position: absolute;
    bottom: 0;
    z-index: 10;
}

.body_comunicacao-titulo{
    margin-top: 10%;
    font-size: 2.8rem;
}
.img-youtube-com{
    width: 90%;
}
.text_youtube-com{
    font-weight: 100;
    margin-top: 15%;
    font-size: 2.8rem;
}
/* .img_comunicacao-01{
    width: 90%;
    height: 95%;
    margin-left: 5%;

}
.img_comunicacao-02{
    width: 100%;
    height: 85%;
}
.img_comunicacao-03{
    width: 100%;
    height: 85%;
}
.img_comunicacao-04{
    width: 100%;
    height: 95%;
}
.img_comunicacao-05{
    width: 100%;
    height: 95%;
}
.img_comunicacao-06{
    width: 100%;
    height: 95%;
} */
.video-youtube_comunicacao{
    width:800px;
    height:415px;
}
.titulo-videos{
    margin-top: 4%;
    font-weight: 100;
}
.footer_comunicacao-back{
    background-color: #bfbfbf;
    padding-top: 10px;
    padding-bottom: 5%;
}
.text_facebook-com{
    color: #37538B;
    font-weight: 100;
    margin-top: 10%;
    font-size: 2.8rem;
}
.position-footer-com{
    margin-top: 5%;
}
.img-face_comunicacao{
    width: 80%;
    margin-left: 10%;
}
.img-face_comunicacao-02 {
    width: 50%;
    padding-top: 15%;
    padding-bottom: 9%;
}
.titulo-face-footer{
    font-weight: 100;
}
.text-face-footer{
    color:#636363;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
.plugin-face-comunicacao{
    width: 300px;
    height: 500px;
}
/* fim comunicação */

/* sports life */

    .margin-sports-life_flecha{
        margin-top: 8%;
        margin-bottom: 3%;
    }
    .img-01_sports-life{
        width: 100%;
        height: 95%;
    }
    .container_sports-life-01{
        height: 35em;
    }
    .titulo-header_sports-life {
        text-align: center;
        bottom: 65%;
        position: relative;
        color: white;
        font-size: 4rem;
        font-weight: 100;
    }
    .titulo-sports-life{
        text-align: center;
        font-size: 4rem;
        font-weight: 100;
        color: white;
    }
    .desc-sports-life{
        text-align: center;
        color: white;
        font-weight: 100;
        margin-top: 5%;
    }
    .container_sports-life-sec3{
        height: 35em;
    }
    .img-01__sports-life-sec3{
        width: 100%;
        height: 96%;
    }
    .img-02__sports-life-sec3{
        width: 100%;
    }
    .img-03__sports-life-sec3{
        width: 100%;
        margin-top: 5%;
    }
    .img-04__sports-life-sec3{
        width: 100%;
        margin-top: 5%;
    }
    .img-05__sports-life-sec3{
        width: 100%;
        margin-top: 5%;
    }
    .sec3__sports-life{
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .image {
        /* opacity: 1; */
        /* display: block; */
        transition: .5s ease;
        backface-visibility: hidden;
    }
    /* .middle {
        transition: .5s ease;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%)
    }

    .image:hover {
        opacity: 0.3;
    }

    .hov-efect:hover .middle  {
        opacity: 1;
    } */

    /* .text-add {
        background-color: rgba(255, 255, 255, 0.397);
        border-radius: 200px;
        color: grey;
        font-size: 16px;
        padding: 5px 10px;
    }
    .text {
        background-color: rgba(255, 255, 255, 0.397);
        border-radius:20px;
        color: black;
        font-size: 16px;
        padding: 7px 10px;
        margin-top: 60%;
    } */

    .overlay {
        /* position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        transition: .5s ease;
        background-color: rgba(255, 255, 255, 0.397); */
        opacity: 0;
    }

    .container-sports-life-noticia:hover .overlay {
        opacity: 1;
    }
    .container-sports-life-noticia:hover .image{
        opacity: 0.7;
    }
    .content {
        color: black;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transition: .5s ease;
        backface-visibility: hidden;
    }
    .icon img{
        width: 100%;
    }
    .content .icon{
        background-color: rgba(255, 255, 255, 0.84);
        border-radius: 50%;
        margin: 0 auto;
        display: block;
        width: 3.5em;
        height: 3.5em;
        color: grey;
        font-size: 16px;
        padding: 5px 10px;
        transition: .5s ease;
        backface-visibility: hidden;
    }
    .content .text{
        margin-top: 5px;
        background-color: rgba(255, 255, 255, 0.84);
        border-radius: 255px;
        color: #000;
        font-size: 1.0em;
        padding: 5px 10px;
        transition: .5s ease;
        backface-visibility: hidden;
        text-align: center;
    }
/* fim sports life */
/* sports life interna */
    .text-sportslife__interna{
        text-align: center;
        color: white;
        font-weight: 100;
    }
/* fim sports life interna */

/* end smooth





/* Efeito */

.testep {
    -webkit-animation-name: example;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s;
    /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 4s;
}


/* Safari 4.0 - 8.0 */

@-webkit-keyframes example {
    0% {
        margin-top: 50px;
    }
    25% {
        margin-top: 150px;
    }
    50% {
        margin-top: 100px;
    }
    100% {
        margin-top: 50px;
    }
}


/* Standard syntax */

@keyframes example {
    0% {
        margin-top: 50px;
    }
    25% {
        margin-top: 150px;
    }
    50% {
        margin-top: 100px;
    }
    100% {
        margin-top: 50px;
    }
}

@media (min-width: 565px) and (max-width: 570px) {
    /* linha bike */
    .bike-gallery__img {
        width: 100%;
        height: 15em;
    }
    .modelo__b35 {
        position: relative;
        top: -60px;
        left: 160px;
    }
    .parallax {
        background-image: url("../img/Linha_BIKE_01.jpg");
        height: 100%;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 150vh;
        padding-top: 100vh;
    }
/* fim linha bike */
/* home */
    .home__box-buttons {
        background-color: #afb1b4;
        height: 13em;
        width: 100%;
    }
/* fim home     */
}

/* fim ajustes */

/* medias */

    @media (max-width: 768px ){
        .container-sem-margin{
            width: 100%;
            margin: 0;
            padding: 0;
        }
    }

    @media (min-width: 360px) and (max-width: 640px) {
        .text-linha_aco {
            margin-left: 7px;
        }
        .text-complemento_bagageiro{
            margin-left: 5px;
        }
        .text-complemento_b-premium {
            margin-left: 7px;
        }
        .text-linha_box {
            margin-left: 7px;
        }
        .text-linha_cross{
            margin-left: 8px;
        }
        .text-linha_grip {
            margin-left: 7px;
        }
        .text-complemento_porta-escada {
            margin-left: 8px;
        }
        .text-complemento_protetor {
            margin-left: 8px;
        }

        .text-linha_sport {
            margin-left: 7px;
        }
        .text-linha_trail {
            margin-left: 6px;
        }
    }
    .overflow-hidden{
        overflow: hidden;
    }
    .height-auto{
        height: auto !important;
    }

/* fim medias */

/* classes em comum */
.fundo-preto{ background-color: #000; }
.carousel-tamanho {
    height: 15em;
}
/* fim classes em comum */

/* linha porta escada */

    @media screen and (max-width: 500px){
        body.linha-porta-escada .header-sports__image,  body.linha-porta-escada .carro_container__foto{
            min-height: 14em;
        }



    }
    body.linha-porta-escada .carro-descricao__titulo {
        margin-top: 1em;
    }
    body.linha-grip .carro-descricao__titulo {
        margin-top: 1em;
    }
    body.linha-grip .header-sports__image,  body.linha-grip .carro_container__foto{
        min-height: 14em;
    }
    body.linha-bagageiro .carro-descricao__titulo {
        margin-top: 1em;
    }
    body.linha-bagageiro .header-sports__image,  body.linha-bagageiro .carro_container__foto{
        min-height: 14em;
    }
    @media screen and (max-width: 400px){

        .linha-grip .barra__img-bolinha-02{
            margin-bottom: 5em;
        }
    }

    .grid-container{
        display: grid;
    }
    .linha-grip .espeficicacao-produto{
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        grid-template-areas:
        "img-especificao-1"
        "especificao-1"
        "img-especificao-2"
        "especificao-2";
    }
    .barra__img-bolinha-01{
        grid-area: img-especificao-1;
    }
    .text-barra__img-bolinha-01{
        grid-area: especificao-1;
    }
    .barra__img-bolinha-02{
        grid-area: img-especificao-2;
    }
    .text-barra__img-bolinha-02{
        grid-area: especificao-2;
    }
    @media screen and (max-width: 320px ){
        .sports-produtos__img--crop {
            width: initial;
            max-width: 30em;
            margin: 0;
            margin-left: -59%;
            transform: translateY(6em);
        }
        .sports-produtos__img--crop.cinza{
            margin-left: -13em;
            transform: translateY(8em);
        }
        .sports-produtos__caption--rack-cor-preta {
            margin-right: -74%;
            margin-top: 22%;
        }

        .sports-produtos__caption--rack-cor-natural {
            margin-top: 8%;
            margin-left: 17%;
        }
    }
    @media screen and (min-width: 321px) and (max-width: 576px ){
        .barras__img {
            right: -85px;
            width: 75%;
        }
        .sports-produtos__img--crop {
            width: initial;
            max-width: 30em;
            margin: 0;
            margin-left: -39%;
            transform: translateY(6em);
        }
        .sports-produtos__img--crop.cinza{
            margin-left: -9em;
            transform: translateY(8em);
        }
        .sports-produtos__caption--rack-cor-preta {
            margin-right: -74%;
            margin-top: 22%;
        }

        .sports-produtos__caption--rack-cor-natural {
            margin-top: 8%;
            margin-left: 17%;
        }
        .gallery__img {
            height: 10em;
        }
    }
    .sports-produtos--crop {
        overflow: visible;
    }



/* css chapternav */


    .chapternav {
    background: #9f9f9f;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    height: 105px;
    line-height: 50px;
    }

    .chapternav-items {
    background: #9f9f9f;
    list-style: none;
    margin: 0 34px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0px;
    white-space: nowrap
    }

    .chapternav-item {
    display: inline-block;
    margin: 0 -.11111em;
    padding: 0 20px
    }

    .chapternav-img__linha{
        height: 3em;
        margin-top: 10px;
    }
    .chapternav-img__complemento{
        height: 3em;
        position: relative;
        top: -35px;
    }
    /* .chapternav-img__box{
        height: 3em;
    } */
    .chapternav-label__complemento {
        position: relative;
        top: -38px;
    }
    .chapternav-link{
        color: black;
        text-decoration: none!important;
    }

    @-webkit-keyframes chapternav-slidein {
    0% {
        opacity: 0
    }
    1% {
        -webkit-transform: translateX(160px);
        transform: translateX(160px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    }

    .chapternav-item {
    -webkit-animation: chapternav-slidein 350ms backwards;
    animation: chapternav-slidein 350ms backwards
    }

/* fim css chapternav */


/* css pro video de fundo da pagina sports life */
    * { box-sizing: border-box; }
    .video-background {
    background: #000;
    position: relative;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -99;
    }
    .video-foreground,
    .video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    }
    @media (min-aspect-ratio: 16/9) {
    .video-foreground { height: 290%; top: -100%; }
    }
    @media (max-aspect-ratio: 16/9) {
    .video-foreground { width: 300%; left: -100%; }
    }
    @media all and (max-width: 600px) {
    .vid-info { width: 50%; padding: .5rem; }
    .vid-info h1 { margin-bottom: .2rem; }
    }
    @media all and (max-width: 500px) {
    .vid-info .acronym { display: none; }
    }

    @media screen and (min-width: 320px) and (max-width: 768px ){
        .img_mob{
            display: block;
        }

        .video_desk{
            display: none;
        }

    }

/* fim css do video de fundo da pagina sports life */

.cursor-point{
    cursor: pointer;
}
/* Cores linhas */
    .cor-aco{ color: #d8e299; }
    .cor-cross{ color: #e33212; }
    .cor-sports{ color: #00ffff; }
    .cor-grip{ color: #ed7d00ff; }
    .cor-trail{ color: #f7ae00ff; }
    .cor-bike{ color: #5483c2;; }
    .cor-bagageiro-universal{ color: #0da24a; }
    .cor-bike-premium{ color: #71267b; }
    .cor-box{ color: #a59d38; }
    .cor-steel{ color: #684c89; }
    .cor-porta-escada{ color: #2b9300; }
    .cor-protetor-carga{ color: #13a538; }
    .background-suportes{ background-color: #bbe5f6 }
/* /Cores linhas */
.bold{ font-weight: bold; }
.background-white{
    background-color: #fff;
}
/* loader */
    .loading-container{
        background-color: #fff;
        position: fixed;
        z-index: 999;
        width: 100%;
        height: 100%;
        top: 0;
    }
    .loading-container-wrapper{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .cssload-thecube {
        width: 73px;
        height: 73px;
        margin: 0 auto;
        margin-top: 49px;
        position: relative;
        transform: rotateZ(45deg);
            -o-transform: rotateZ(45deg);
            -ms-transform: rotateZ(45deg);
            -webkit-transform: rotateZ(45deg);
            -moz-transform: rotateZ(45deg);
    }
    .cssload-thecube .cssload-cube {
        position: relative;
        transform: rotateZ(45deg);
            -o-transform: rotateZ(45deg);
            -ms-transform: rotateZ(45deg);
            -webkit-transform: rotateZ(45deg);
            -moz-transform: rotateZ(45deg);
    }
    .cssload-thecube .cssload-cube {
        float: left;
        width: 50%;
        height: 50%;
        position: relative;
        transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
    }
    .cssload-thecube .cssload-cube:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #97cb3b;
        animation: cssload-fold-thecube 2.76s infinite linear both;
            -o-animation: cssload-fold-thecube 2.76s infinite linear both;
            -ms-animation: cssload-fold-thecube 2.76s infinite linear both;
            -webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
            -moz-animation: cssload-fold-thecube 2.76s infinite linear both;
        transform-origin: 100% 100%;
            -o-transform-origin: 100% 100%;
            -ms-transform-origin: 100% 100%;
            -webkit-transform-origin: 100% 100%;
            -moz-transform-origin: 100% 100%;
    }
    .cssload-thecube .cssload-c2 {
        transform: scale(1.1) rotateZ(90deg);
            -o-transform: scale(1.1) rotateZ(90deg);
            -ms-transform: scale(1.1) rotateZ(90deg);
            -webkit-transform: scale(1.1) rotateZ(90deg);
            -moz-transform: scale(1.1) rotateZ(90deg);
    }
    .cssload-thecube .cssload-c3 {
        transform: scale(1.1) rotateZ(180deg);
            -o-transform: scale(1.1) rotateZ(180deg);
            -ms-transform: scale(1.1) rotateZ(180deg);
            -webkit-transform: scale(1.1) rotateZ(180deg);
            -moz-transform: scale(1.1) rotateZ(180deg);
    }
    .cssload-thecube .cssload-c4 {
        transform: scale(1.1) rotateZ(270deg);
            -o-transform: scale(1.1) rotateZ(270deg);
            -ms-transform: scale(1.1) rotateZ(270deg);
            -webkit-transform: scale(1.1) rotateZ(270deg);
            -moz-transform: scale(1.1) rotateZ(270deg);
    }
    .cssload-thecube .cssload-c2:before {
        animation-delay: 0.35s;
            -o-animation-delay: 0.35s;
            -ms-animation-delay: 0.35s;
            -webkit-animation-delay: 0.35s;
            -moz-animation-delay: 0.35s;
    }
    .cssload-thecube .cssload-c3:before {
        animation-delay: 0.69s;
            -o-animation-delay: 0.69s;
            -ms-animation-delay: 0.69s;
            -webkit-animation-delay: 0.69s;
            -moz-animation-delay: 0.69s;
    }
    .cssload-thecube .cssload-c4:before {
        animation-delay: 1.04s;
            -o-animation-delay: 1.04s;
            -ms-animation-delay: 1.04s;
            -webkit-animation-delay: 1.04s;
            -moz-animation-delay: 1.04s;
    }



    @keyframes cssload-fold-thecube {
        0%, 10% {
            transform: perspective(136px) rotateX(-180deg);
            opacity: 0;
        }
        25%,
                    75% {
            transform: perspective(136px) rotateX(0deg);
            opacity: 1;
        }
        90%,
                    100% {
            transform: perspective(136px) rotateY(180deg);
            opacity: 0;
        }
    }

    @-o-keyframes cssload-fold-thecube {
        0%, 10% {
            -o-transform: perspective(136px) rotateX(-180deg);
            opacity: 0;
        }
        25%,
                    75% {
            -o-transform: perspective(136px) rotateX(0deg);
            opacity: 1;
        }
        90%,
                    100% {
            -o-transform: perspective(136px) rotateY(180deg);
            opacity: 0;
        }
    }

    @-ms-keyframes cssload-fold-thecube {
        0%, 10% {
            -ms-transform: perspective(136px) rotateX(-180deg);
            opacity: 0;
        }
        25%,
                    75% {
            -ms-transform: perspective(136px) rotateX(0deg);
            opacity: 1;
        }
        90%,
                    100% {
            -ms-transform: perspective(136px) rotateY(180deg);
            opacity: 0;
        }
    }

    @-webkit-keyframes cssload-fold-thecube {
        0%, 10% {
            -webkit-transform: perspective(136px) rotateX(-180deg);
            opacity: 0;
        }
        25%,
                    75% {
            -webkit-transform: perspective(136px) rotateX(0deg);
            opacity: 1;
        }
        90%,
                    100% {
            -webkit-transform: perspective(136px) rotateY(180deg);
            opacity: 0;
        }
    }

    @-moz-keyframes cssload-fold-thecube {
        0%, 10% {
            -moz-transform: perspective(136px) rotateX(-180deg);
            opacity: 0;
        }
        25%,
                    75% {
            -moz-transform: perspective(136px) rotateX(0deg);
            opacity: 1;
        }
        90%,
                    100% {
            -moz-transform: perspective(136px) rotateY(180deg);
            opacity: 0;
        }
    }
/* fim loader */