/* Start car carrousel section */

#car-carrousel{
    max-width: 1280px;
    height: 260px;
    margin: 55px auto 0 auto;
}
.car-carrousel-info{
    width: 10%;
    display: inline-block;
    vertical-align: top;
    display: none;
}
.car-carrousel-wrapper{
}
.car-carrousel-slide-arrow{
    width: 5%;
    display: inline-block;
    vertical-align: middle;
}
.car-carrousel-slider{
    width: 90%;
    display: inline-block;
    vertical-align: top;
    padding: 20px 0 20px 0;
}
.car-carrousel-slider-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.car-carrousel-slider-list-item{
    display: inline-block;
}


.car-carrousel-link{
    display: block;
    width: 391px;
    height: 220px;
}
.car-carrousel-article{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.car-carrousel-article-img{
    width: 100%;
}

/* End car carrousel section */

/* Start service section */

#top-service-section{
    max-width: 1280px;
    margin: 55px auto 0 auto;
}

.top-service-article {
    width: 22%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top;
    min-height: 200px;
    background-color: #C84D24;
    cursor: pointer;
    transition: background-color 0.4s ease-out;
}
.top-service-article:hover{
    background-color: #1a1a1a;
    transition: background-color 0.4s ease-in;
}
.top-service-article:last-child{
    margin-right: 0;
}

.top-service-article-content{
    padding: 15px;
    color: #FFFFFF;
    text-align: center;
}

.top-service-img{
    height: 54px;
    max-width: 85%;
    margin: 0 auto 0 auto;
    display: block;
}

.top-service-title{
    color: #FFFFFF;
    font-family: quicksand-bold;
}

.top-service-text{
    color: #FFFFFF;
    font-family: quicksand;
    font-weight: lighter;
}

/* End service section */


/* Start about section */

#about-section{
    max-width: 1280px;
    margin: 85px auto 0 auto;
}

.about-img-section{
    width: 48%;
    margin-right: 4%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
}
.about-img{
    position: absolute;
    z-index: -1;
}


.about-info-section{
    width: 48%;
    display: inline-block;
    vertical-align: top;
    min-height: 320px;
}

.about-title{
    font-family: quicksand-bold;
}
.about-text{
    font-family: quicksand;
    font-weight: lighter;
    margin-bottom: 35px;
}
.about-contact-btn{
    text-decoration: none;
    background-color: #C84D24;
    color: #FFFFFF;
    font-family: quicksand-bold;
    padding: 7px 12px 7px 12px;
    transition: background-color 0.5s ease-out;
}
.about-contact-btn:visited{
    text-decoration: none;
    background-color: #C84D24;
    color: #FFFFFF;
}
.about-contact-btn:active{
    text-decoration: none;
    background-color: #C84D24;
    color: #FFFFFF;
}
.about-contact-btn:hover{
    text-decoration: none;
    background-color: #1a1a1a;
    transition: background-color 0.4s ease-in;
}

/* End about section */

/* Start shop info section */

.shop-info-section{
    max-width: 1280px;
    margin: 65px auto 0 auto;
}

.shop-info-detail-section{
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin: 0 2% 0 0;
}

.shop-detail-img-link{
    outline: none;
}
.shop-detail-img{
    width: 100%;
}

.shop-btn{
    display: inline-block;
    background-color: #C84D24;
    color: #FFFFFF;
    font-family: quicksand-bold;
    padding: 7px 25px 7px 25px;
    margin: 12px 0 0 0;
    cursor: pointer;
    transition: background-color 0.5s ease-out;
}
.shop-btn:hover{
    background-color: #1a1a1a;
    transition: background-color 0.4s ease-in;
}

.car-pass-trustee-section{
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin: 0 0 0 2%;
}
.car-pass-img{
    display: block;
    max-width: 100%;
    width: 400px;
    margin: 0 auto 0 auto;
}

/* End shop info section */





/* Start buy car section */

#buy-car-section{
    max-width: 1280px;
    margin: 0 auto 0 auto;
}
#but-car-cta{
    color: #131418;
    height: 380px;
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

#car-slider{
    display: inline-block;
    vertical-align: top;
    width: 70%;
    height: 380px;
}
#car-content{
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.car-article{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.hide-car-article{
    display: none;
}

.car-link{
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    transition: opacity 1.9s ease-out;
}
.show-car-link{
    opacity: 1;
    transition: opacity 1.9s ease-in;
}
.car-img-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.car-img{
    position: absolute;
}

.car-info-banner-wrapper{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 74px;
    width: 100%;
    background-color: #1a1a1a;
    opacity: 0.62;
}
.car-info-content{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 74px;
    width: 100%;
}

.car-details{
    float: left;
    margin: 0 0 0 15px;
}

.car-name{
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 20px;
    margin: 13px 0 0 0;
    padding: 0;

}

.car-km{
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 17px;
    font-weight: lighter;
    margin: 5px 0 0 0;
}

.car-price{
    line-height: 74px;
    width: 140px;
    text-align: center;
    color: #FFFFFF;
    font-family: sans-serif;
    float: right;
    margin: 0;
    opacity: 1;
    background-color: #43a343;
    font-size: 30px;
}

/* End buy car section */