body{ 
            background: url(bg-pattern.png);
            background-color: #151414;
            color: white;
            
        }
        
        footer{
            font-size:12px;
            color:gray;
            text-align:center;
        }
        
        .footer-link{
            color:#b97a47;
            text-align:center;
        }
        
        
        .nav a{
            font-size: 12px;
            font-weight: 500;
            color: #bdbdbd;
            text-decoration: none;
            padding: .1rem .3rem !important;
        }
        
        .nav a:hover{

            color: #ffffff;

        }
        
        .site-nav li{
                border-bottom:1px solid #bdbdbd;
                
        }

        .inner{
            display: flex;
            justify-content: center;
            align-items: center;
        }


        .arrow{
            width:40px;
            font-weight:800;

        }
        .arrowr{
            border-left: 1px solid white;
        }
        .arrowl{
            border-right: 1px solid white;
        }

        .options{
            margin: 5px 5px;
            width:250px;
            height: 38px;
            display: flex;
            justify-content: space-between;
            text-align: center;
            border: 1px solid white;
            background-color: rgba(105, 105, 105, 0.7);

        }


        .fx{
            min-width: 165px !important;
            width: 165px;
            height: 220px !important;
            border: 1px solid black;
            background-size: contain;
            background-repeat: no-repeat;
            display: flex;
            justify-content: center;
            background-position: center -10px;
            background-color: rgba(105, 105, 105, 0.7);
        }


        .fxs{
            background-position: center -60px;
            min-width: 280px !important;
            height: 355px !important;
            border: 1px solid white;
            background-size: contain;
            background-repeat: no-repeat;
            display: flex;
            justify-content: center;
            background-color: rgba(105, 105, 105, 0.7);
        }

        .main {
            display: flex;
        }
        .content{
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

        .innercontent{
            display: flex;
            flex-wrap: wrap;
        }
        .cat_name{
            width: 100%;
            text-align: center;
            margin-bottom: 30px;
            margin-top: auto;
            color: white;
            font-weight: 500;


        }
        
                .name_price_logo{
            width: 100%;
            text-align: center;
            margin-bottom: 5px;
            margin-top: auto;
            color: white;
            font-weight: 500;


        }
        .labels{
            display: flex;
            justify-content: space-between;
        }

        .labels label{
            margin-bottom: -3px;
        }

        .label-right{
            font-weight: 700;
        }

        #total{
            font-weight: 700;
        }

        .info-c{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            margin: 5px 0px;
            border: 1px solid rgba(105, 105, 105, 0.5);
            background-color: rgba(105, 105, 105, 0.5);
        }

        .info{
            display: flex;
            align-items: center;
        }

        .info img {
            margin: 0px 10px;
        }

        .info span {
            font-size: 20px;
            font-weight: 500;
        }

        .gray{
            background-color: rgba(105, 105, 105, 0.5);
        }

        .name {
            line-height: 0.9;
            font-size: 15px;
        }
        .brand_icon{

            height: 70px;
            background-image: url(../../iconsfs/brand_fiat.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            border-bottom: 1px solid white;
        }
        span#name{
            font-size: 20px;
            font-weight: 400;
        }

        span#price{
            font-size: 24px;
            font-weight: 500;
        }

        .nav-icons{
            height: 120px;
            width: 90px;
            background-size: 50px 50px;
            background-repeat: no-repeat;
            background-position: center;
            background-color: rgba(105, 105, 105, 0.7);
        }
        
        .anav{
            border-bottom:5px solid orange;
        }

        .n1{
            background-color: rgba(0, 0, 0, 0.4);
            color: dimgray;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            
            
        }
        
                .middle {
            flex-wrap: wrap;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        
        .card{
             border: 1px solid rgb(125, 115, 115) !important;
             border-radius: 0px !important; 
             height: 148px;
             width: 315px;
        }
        
        .card-img-top{
            border-radius:0px !important;
        }
        
        
        
        
        
        
        
        
        
      /*  
        
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath fill='%23fff' fill-opacity='.1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'/%3E%3C/svg%3E);

url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath fill='%23fff' fill-opacity='.1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'/%3E%3C/svg%3E")
                    

*/