/*===================================
BANNER CSS
===================================*/
.banner{
    height: 500px;
}

.banner .banner-content img{
    position: absolute;
    top: 0;
    right: 0;
    width: 950px;
    height: auto;
    z-index: -1;
}

.banner .banner-content h3{
    margin: 255px 0 0 225px;
    font-family: 'Roboto',serif;
    font-weight: 600;
    color: #8c8c8c;
}

.banner .banner-content form{
    width: 67%;
    margin: 0 auto;
}

.banner .banner-content form button{
    color: #fff;
    background: linear-gradient(to bottom right, #ff3300 0%, #991f00 100%);
}

.shape::before{
    width: 200px;
    height: 200px;
    content: '';
    display: block;
    transform: rotate(52deg);
    border: 25px solid #991f00;
    border-radius: 20%;
    position: absolute;
    bottom: 125px;
    left: -100px;
}

.shape::after{
    width: 200px;
    height: 200px;
    content: '';
    display: block;
    transform: rotate(63deg);
    border: 25px solid rgba(153, 31, 0,0.6);
    border-radius: 20%;
    position: absolute;
    bottom: 125px;
    left: -100px;
}

/*===================================
GALLERY CSS
===================================*/
.gallery{
    margin-top: 150px;
}

.gallery .gallery-inner{
    width: 85%;
    margin: 0 auto;
}

.gallery .gallery-inner .column{
    height: 167px;
}

.gallery .gallery-inner .column .column-left,
.gallery .gallery-inner .column .column-right{
    float: left;
}

.gallery .gallery-inner .column .column-left{
    width: 250px;
    height: auto;
}

.gallery .gallery-inner .column .column-left img{
    height: 170px;
}

.gallery .gallery-inner .column .column-left .brand-logo{
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 100%;
    top: 5px;
    left: 5px;
    padding: 5px;
}

.gallery .gallery-inner .column .column-left .brand-logo img{
    height: 28px;
}

.gallery .gallery-inner .column .column-right{
    width: 289px;
}

.gallery .gallery-inner .column .column-right .modal-tag{
    color: #000;
    font-family: 'Roboto',serif;
}

.gallery .gallery-inner .column .column-right .mileage-tag{
    color: #8c8c8c;
    font-size: 14px;
    font-family: 'Roboto',serif;
}

.gallery .gallery-inner .column .column-right .price-tag{
    color: #991f00;
}

.gallery .gallery-inner .column .column-right small{
    color: #8c8c8c;
    font-size: 12px;
}

.pagination li a{
    border: none;
    cursor: pointer;
}