/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 25 de out. de 2023, 09:03:29
    Author     : Valdemir Brandão
*/

@import url('https://fonts.googleapis.com/css2?family=Patua+One&family=Roboto:wght@300;400;700&display=swap');

body{
    background-color: #e7e6e1;
    /*overflow-x: hidden;*/
}

.container{
    margin-top: 30px;
}


.logoRottax{
    text-align: left;
}

.iconMy{
    font-size:30px !important;
    margin-right: 10px;
    margin-top: -3px;
}

.LinkHidde{
    color: #ffffff;
    text-decoration: none;
}

.LinkHidde:hover{
    color: #57D162;
}

.iconZap{
    color: #2AAD01 !important;
}

.menuBoxBuscaTop ul li{
    display: inline-block;
    margin: 5px;
}

.formBuscaTop{
    display: inline-block;
}

.navbar a{
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    color: black;
    font-size: 20px;
}

.menuBoxBuscaTop ul li a:hover{
    color: darkblue;
}

.listMenuBusca{
    /*width: 100%;*/
    text-align: right;
}

.boxCenter{
    display: flex;
    align-items: center;
    padding: 30px 0px;
    width: 100%;
}

.boxCenter h1{
    width: 460px;
    font-family: 'Patua One', serif;
}

h2{
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    margin-top: 50px !important;
}

.linkBtComprar{
    background-color: #1e2669;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    text-decoration: none;
    padding: 20px 50px;
    border-radius: 8px;
}

.linkBtComprar:hover{
    color: #E7E6E1;
}

.divBtComprar{
    margin-top: 70px;
}

.imgBikeRosto img{
    width: 100%;
    height: auto;
}

.container-base{
    /*width: 80%;*/
    height: auto;
    margin: 0 auto;
}

.faixaFooter{
    background-color: #020834;
    padding: 30px 0px;
    /*position: absolute;*/
    width: 100%;
    bottom: 0;
}

.faixaFooter ul{
    display: inline-block;
    vertical-align:top;
}

.faixaFooter ul li{
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    list-style: none;
}

.faixaFooter ul li i{
    color: #4a4f7f;
    font-size: 18px;
}

.titleMenuBaseBox{
    background-color:#e7e6e1;
    height: 30px;
    width: 30px;
    padding-top: 5px;
    text-align: center;
    margin-right: 10px;
}

.titleMenuBase{
    font-weight: bold;
    margin-bottom: 15px;
}

.mailto{
    color: #ffffff;
    text-decoration: none;
}

.mailto:hover{
    color: #4a4f7f;
    text-decoration: none;
}

.myCenter{
    text-align: center !important;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
}

.mainRosto{
    min-height: 100vh;
    position: relative;
}

.right{
    display: flex;
    justify-content: end;
    padding-right: 0px;
}

.navbar-collapse{
    text-align: right !important;
}

.container-fluid{
    display: flex;
    justify-content: right !important;
    ;
}

.me-2{
    margin-right: 0px !important;
}

.paddingTopBotton30{
    padding: 30px 0px;
}

.paddingTopBotton100{
    padding: 64px 0px;
}

.bg-light{
    background-color: rgba(0,0,0,0)!important;
}

.imgCartoesFooter{
    width: 350px;
}

.dvRedesSociais ul{
    padding: 0px;
}

.dvRedesSociais ul li{
    display: inline-block;
    width: 37px;
}

.d-flex{
    position: relative;
}

.searchTopoRosto{
    margin-left: 25px;
    margin-top: 5px;
    border-radius: 30px;
    border: 2px solid #1e2669;
    text-align: right;
    padding-right: 42px;
}

.iconSearch{
    width: 38px;
    height: 38px;
    border-radius: 100px;
    display: inline-block;
    color: #ffffff;
    background-color: #1e2669 !important;
    position: absolute !important;
    right: 1px;
    bottom: -14px;
    font-size: 20px;
    text-align: center;
    padding-top: 3px;
}

.ulLine{
    padding-left: 25px !important;
}

.iconSearch i{
}



@media (max-width: 767px){
    .ulLine{
        text-align: center !important;
    }

    .faixaFooter ul{
        display: inline;
        text-align: left !important;
    }

    .titleFormasPagamento{
        padding-top: 25px;
    }

    .titleRedesSociais{
        padding-top: 25px;
    }

    .rostoBike{
        margin-top: 50px;
    }

    .paddingTopBotton100{
        padding: 40px 0px;
    }
}

@media (max-width: 1200px){
}