/* ==========================================================================
    #sectionFeaturedCars
========================================================================== */
.sectionFeaturedCars .sectionTitle { color: #2f3137; }
.productBadge { background: #1b1c21; color: #8e93a2; }
.productContent { background: #fff; }
.productContent .productTitle { color: #2d2f35; }
.product a:hover .productContent .productTitle { color: #7a7e88; }
.productContent .productPrice { color: #f46e35; }
.productContent .productPrice .productPriceOld { color: #2d2f35; }
.productContent .productPrice .productPriceOld:after { background: #f46e35; }
.productOverlay { background: #fff; }
.listProductMeta li { color: #8e93a2; }

/* ==========================================================================
    #sectionFeatures
========================================================================== */
.sectionFeatures { background: #f3f3f3; }
.featureHead .featureTitle { color: #2f3137; }
.featureBody p,
.featureBody .featureBodyParagraph { color: #5a5d65; }

/* ==========================================================================
    #sectionFeaturedCars
========================================================================== */
.sectionFeaturedCars .sectionHead { padding: 40px 0 30px; text-align: center; }
.sectionFeaturedCars .sectionTitle { font-size: 34px; line-height: 1.1; font-weight: 600; text-transform: uppercase; }
.sectionFeaturedCars .sectionBody { padding-bottom: 10px; }

.products { font-size: 0; list-style: none outside none; text-align: center; padding: 0; margin: 0;}
.product { display: inline-block; width: 300px; padding: 15px; vertical-align: top; }
.product a { position: relative; display: block; text-decoration: none;}
.product a:hover { text-decoration: none; }
.productBadge { position: absolute; top: 0; left: 0; z-index: 2; overflow: hidden; max-width: 100%; height: 25px; padding: 0 10px; font-size: 12px; line-height: 25px; text-transform: uppercase; }
.productContent { position: relative; z-index: 1; padding: 15px 10px; text-align: center; }
.productContent .productTitle,
.productContent .productPrice { font-size: 20px; line-height: 1.25; text-transform: uppercase; }
.productContent .productTitle { font-weight: 600; }
.productContent .productPrice { font-weight: 700; }
.productContent .productPrice span { text-transform: none; }
.productContent .productPrice small { font-size: 16px; }
.productContent .productPrice .productPriceOld { position: relative; display: inline-block; font-size: 16px; font-weight: 400; }
.productContent .productPrice .productPriceOld:after { position: absolute; top: 50%; right: 0; left: 0; height: 2px; content: ''; }
.product .productImage { position: relative; }
.product .productImage img { max-width: 100%; }
.productOverlay { position: absolute; bottom: -80px; left: 0; z-index: 1; overflow-y: auto; max-height: calc(100% - 25px); padding: 0 10px 10px; width: 100%; opacity: 0; }
.product a:hover .productOverlay { bottom: 0; opacity: 1; }
.listProductMeta { padding: 10px 0; list-style: none outside none; }
.listProductMeta li { display: inline-block; font-size: 15px; line-height: 1.2; }
.listProductMeta .separator { padding-right: 2px; }

.sectionFeaturedCars .sectionFoot { padding-bottom: 40px; }
.sectionFeaturedCars .sectionActions { text-align: center; }

.btnBordered { border-color: #dadadd; background: #fff; color: #2673b0; }
.btnBorderedNoBg { background: transparent; }
.btnBordered:hover { border-color: #95969b; color: #1b1c21; }
.btnBordered { height: 49px; padding: 0 40px; font-size: 20px; border: 2px solid #dadadd; line-height: 45px; font-weight: 600; text-transform: uppercase; text-decoration: none;}



/* ==========================================================================
    #sectionFeatures
========================================================================== */
.sectionFeatures { background: #f3f3f3; }
.featureHead .featureTitle { color: #2f3137; }
.featureBody p,
.featureBody .featureBodyParagraph { color: #5a5d65; }

/* ==========================================================================
    #sectionLatests
========================================================================== */
.sectionLatests .sectionSubsectionTitle { color: #2f3137; }
.latestProductImage:after { background: rgba(255, 255, 255, 0); }
.latestProduct a:hover .latestProductImage:after { background: rgba(255, 255, 255, .5); }
.latestProductBadge { background: #1b1c21; color: #8e93a2; }
.latestProductTitle { color: #2d2f35; }
.latestProduct a:hover .latestProductTitle { color: #7a7e88; }
.latestProductPrice { color: #f46e35; }
.latestProductPrice .latestProductPriceOld { color: #2d2f35; }
.latestProductPrice .latestProductPriceOld:after { background: #f46e35; }
.latestProductMeta li { color: #8e8c8c; }
.latestArticleImage:after { background: rgba(255, 255, 255, 0); }
.latestArticle a:hover .latestArticleImage:after { background: rgba(255, 255, 255, .5); }
.latestArticleContent p { color: #8e8c8c; }
.latestArticleContent .latestArticleTitle { color: #2d2f35; }
.latestArticle a:hover .latestArticleTitle { color: #7a7e88; }
.latestArticleContent .latestArticleMeta { color: #f46e35; }
.listBulletsLinks li:before { background: #2d2f35; }
.listBulletsLinks a { color: #f46e35; }
.listBulletsLinks a:hover { color: #2673b0; }


/* ==========================================================================
    #sectionFeatures
========================================================================== */
.sectionFeatures { padding: 40px 0; }
.features { font-size: 0; text-align: justify; list-style: none outside none; padding: 0; margin: 0;}
.features:after { display: inline-block; width: 100%; content: ''; }
.feature { display: inline-block; width: 400px; padding: 15px; text-align: left; vertical-align: top;}
.feature:nth-child(2) { text-align: center; }
.feature:nth-child(3) { text-align: right; }
.featureHead { height: 90px; }
.featureHead:before { display: inline-block; height: 100%; margin-right: -0.25em; vertical-align: middle; content: ''; }
.featureHead .featureTitle { display: inline-block; width: 100%; font-size: 24px; line-height: 1.2; font-weight: 600; text-transform: uppercase; vertical-align: middle; }
.featureHead .featureTitle .ico { margin-right: 15px; }
.feature:nth-child(3) .featureHead .featureTitle .ico { margin-right: 0; margin-left: 15px; }
.featureBody p,
.featureBody .featureBodyParagraph { font-size: 15px; line-height: 1.87; }

/* ==========================================================================
    #sectionLatests
========================================================================== */
.sectionLatests { padding: 40px 0; }

.sectionLatests .sectionSubsection { padding: 0 15px; }
.sectionLatests .sectionSubsection ~ .sectionSubsection { padding-top: 40px; }
.sectionLatests .sectionSubsectionHead { padding: 10px 0 40px; }
.sectionLatests .sectionSubsectionTitle { font-size: 34px; line-height: 1.1; font-weight: 600; text-transform: uppercase; }

.latestProducts { list-style: none outside none; }
.latestProduct { padding: 0 100px 30px 0; }
.latestProduct a { overflow: hidden; display: block; text-decoration: none;}
.latestProduct a:hover { text-decoration: none; }
.latestProductImage { position: relative; overflow: hidden; float: left; width: 170px; height: 115px; margin-right: 20px; }
.latestProductImage:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; }
.latestProductImage img { width: 100%; height: 100%; transform: scale(1); }
.latestProduct a:hover .latestProductImage img { transform: scale(1.1); }
.latestProductBadge { position: absolute; top: 0; left: 0; overflow: hidden; max-width: 100%; height: 25px; padding: 0 10px; font-size: 12px; line-height: 25px; text-transform: uppercase; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.latestProductContent { padding-top: 5px; }
.latestProductTitle,
.latestProductPrice { font-size: 20px; line-height: 1.1; text-transform: uppercase; }
.latestProductTitle { padding-bottom: 15px; font-weight: 600; }
.latestProductPrice { padding-bottom: 5px; font-weight: 700; }
.latestProductPrice span { text-transform: none; }
.latestProductPrice small { font-size: 16px; }
.latestProductPrice .latestProductPriceOld { position: relative; display: inline-block; font-size: 16px; font-weight: 400; }
.latestProductPrice .latestProductPriceOld:after { position: absolute; top: 50%; right: 0; left: 0; height: 2px; content: ''; }
.latestProductMeta { font-size: 0; list-style: none outside none; }
.latestProductMeta li { display: inline-block; font-size: 15px; line-height: 1.47; text-transform: uppercase; }
.latestProductMeta .separator { padding-right: 5px; }

.latestArticles { list-style: none outside none; }
.latestArticle { padding-bottom: 30px; }
.latestArticle a { overflow: hidden; display: block; }
.latestArticle a:hover { text-decoration: none; }
.latestArticleImage { position: relative; overflow: hidden; float: left; width: 170px; height: 115px; margin-right: 15px; }
.latestArticleImage:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; }
.latestArticleImage img { width: 100%; height: 100%; transform: scale(1); }
.latestArticle a:hover .latestArticleImage img { transform: scale(1.1); }
.latestArticleContent { padding-top: 5px; }
.latestArticleContent p { font-size: 15px; line-height: 1.33; text-transform: uppercase; }
.latestArticleContent .latestArticleTitle,
.latestArticleContent .latestArticleMeta { font-weight: 600; }
.latestArticleContent .latestArticleTitle { padding-bottom: 5px; font-size: 20px; line-height: 1.2; }
.latestArticleContent .latestArticleMeta { font-size: 13px; line-height: 1.1; font-style: italic; }

.sectionLatests .sectionSubsectionFoot { padding-left: 190px; }

.listBulletsLinks { font-size: 0; list-style: none outside none; }
.listBulletsLinks li,
.listBulletsLinks a { display: inline-block; }
.listBulletsLinks li { position: relative; width: auto; min-width: 33.3%; vertical-align: top; padding: 0 10px 10px 15px; }
.listBulletsLinks li:before { position: absolute; top: 13px; left: 0; width: 6px; height: 6px; border-radius: 50%; margin-right: 10px; content: ''; vertical-align: middle; }
.listBulletsLinks a { font-size: 18px; line-height: 1.6; vertical-align: middle; }
.listBulletsLinks a:hover { text-decoration: none; }
.sectionLatests .listBulletsLinks { padding: 0 10px; }

.ico { display: inline-block; background: url(sprite.png) no-repeat 0 0; vertical-align: middle; }
.icoMonitor { width: 80px; height: 70px; background-position: -3px -43px; }
.icoCar { width: 82px; height: 56px; background-position: -107px -43px; }
.icoRocket { width: 74px; height: 74px; background-position: -223px -43px; }


@media only screen and (max-width: 480px) {
    /* ==========================================================================
        #sectionFeaturedCars
    ========================================================================== */
    .product a .productOverlay { background: rgba(255, 255, 255, .7); }
    .listProductMeta li { color: #1b1c21; }

    /* ==========================================================================
        #sectionProducts
    ========================================================================== */
    .sectionProducts .listSortLinks .sortLink span:last-child { background: none; }
}

@media only screen and (max-width: 680px) {
    /* ==========================================================================
        #sectionFeaturedCars
    ========================================================================== */
    .sectionFeaturedCars .sectionHead { padding: 20px 0 0; }

    /* ==========================================================================
        #sectionLatests
    ========================================================================== */
    .sectionLatests { padding: 10px 0; }
    .sectionLatests .sectionSubsectionHead { padding: 10px 0; }
}
@media only screen and (max-width: 414px) {
    .formFiltersShort .formCol1of4 { width: 100%; }

    /* ==========================================================================
        #sectionFeaturedCars
    ========================================================================== */
    .product a .productOverlay { bottom: 80px; opacity: 1; }  
    .latestProducts { padding: 0; width: 100%; clear: both; float: none; margin: 0;}
    .latestProduct { padding: 3px 0; }
    /* ==========================================================================
        #sectionFeatures
    ========================================================================== */
    .sectionFeatures { padding: 0; }
    .feature { width: 100%; }   
}

@media only screen and (max-width: 480px) {
    /* ==========================================================================
        #sectionSearchShort
    ========================================================================== */
    .formFiltersShort .formCol1of4 { width: 100%; }

    /* ==========================================================================
        #sectionFeaturedCars
    ========================================================================== */
    .product a .productOverlay { bottom: 80px; opacity: 1; }

    /* ==========================================================================
        #sectionFeatures
    ========================================================================== */
    .sectionFeatures { padding: 0; }
    .feature { width: 100%; }
}