Audi Activesphere concept

ΕΠΙΚΑΙΡΟΤΗΤΑ

Πρώτη γεύση από το νέο Audi Activesphere concept

Το Audi Activesphere concept είναι το τέταρτο κατά σειρά πρωτότυπο της οικογένειας «sphere» της γερμανικής εταιρείας. Και είναι ηλεκτρικό αλλά και αυτόνομο.

.mkdf-opinion-article { max-width: 100%; width: 100%; max-height: 100%; position: relative; margin: 0 auto } .mkdf-item-showcase-holder .mkdf-is-item.mkdf-appeared span.mkdf-is-mark img { filter: grayscale(1); transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out } .mkdf-item-showcase-holder .mkdf-is-mark { margin-top: 8px } .mkdf-item-showcase-holder .mkdf-is-item.mkdf-appeared.current-preview span.mkdf-is-mark img, .mkdf-item-showcase-holder .mkdf-is-item.mkdf-appeared:hover span.mkdf-is-mark img { filter: grayscale(0) } .mkdf-item-showcase-holder .mkdf-is-item.mkdf-appeared h4 a { color: #000 } .mkdf-item-showcase-holder .mkdf-is-item.mkdf-appeared.current-preview h4 a, .mkdf-item-showcase-holder .mkdf-is-item.mkdf-appeared:hover h4 a { color: #ed1d24 } .mkdf-item-showcase-holder .mkdf-is-item-holder { width: 25% } .opinion-frame { position: relative; width: 85%; height: auto; padding: 20px } .mkdf-opinion-article-link { display: flex } .mkdf-elements-holder .mkdf-eh-item-content { padding: 10px 0 0 0 } .opinion-frame .RT-corner { position: absolute; right: 0; top: 0; width: 40px; height: 40px; border-top: 3px solid #ed1d24; border-right: 3px solid #ed1d24 } .opinion-frame .RB-corner { position: absolute; right: 0; bottom: 0; width: 40px; height: 40px; border-bottom: 3px solid #ed1d24; border-right: 3px solid #ed1d24 } .opinion-frame .LT-corner { position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-top: 3px solid #ed1d24; border-left: 3px solid #ed1d24 } .opinion-frame .LB-corner { position: absolute; left: 0; bottom: 0; width: 40px; height: 40px; border-bottom: 3px solid #ed1d24; border-left: 3px solid #ed1d24 } .mkdf-item-showcase-holder .mkdf-is-image { left: 50%; top: 50%; transform: translate(-50%, 10%); -webkit-transform: translate(-50%, 10%); -moz-transform: translate(-50%, 10%); -ms-transform: translate(-50%, 10%); -o-transform: translate(-50%, 10%) } .mkdf-item-showcase-holder .mkdf-is-image.mkdf-appeared { margin-top: 0; height: 420px; width: 50%; position: absolute; display: flex; justify-content: center; align-items: center; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%) } @media (min-width: 1201px) { .mkdf-item-showcase-holder { padding: 80px 0 } } @media (max-width: 1200px) { .mkdf-item-showcase-holder .mkdf-is-image.mkdf-appeared { left: unset; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%) } .mkdf-item-showcase-holder .mkdf-is-image img { position: unset; transform: none; left: unset; top: unset } .mkdf-elements-holder .mkdf-eh-item-content { padding: 50px 0 0 0 } } @media (max-width: 768px) { .mkdf-item-showcase-holder .mkdf-is-image.mkdf-appeared { display: none } } .nx-roh-block { display: flex; flex-wrap: wrap } .nx-roh-block .nx-ad-container { flex: 0 0 330px } .nx-roh-block .mkdf-grid-col-4 { flex: 1 1 30% } .nx-roh-block .nx-ad-container.no-poll { min-height: 700px } .no-poll .nx-roh-wrapper { position: relative; max-width: 100%; max-height: 700px } .post-divider:after { content: ""; background: url(/wp-content/themes/grandprix/assets/img/logo-compare-4T.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: -25px; opacity: 1; width: 140px; height: 50px; left: 50%; transform: translateX(-50%); background-color: #fff; z-index: 1 } .post-divider { position: relative; border-top: 2px solid #b7b7b7; margin: 0 30px 100px } .mkdf-sidebar .widget_ocm_ads_widget{ height: calc(50% - 40px); min-height: 600px; padding-top: 20px; } .ocm-banner-wrapper.ocm-has-ad.ocm-ad-cont-ocm-ad-js-dfp-tag-300x250-a, .ocm-banner-wrapper.ocm-has-ad.ocm-ad-cont-ocm-ad-js-dfp-tag-300x250-b{ position: sticky; top: 70px; } div#ocm_4troxoi_sidebar_1, div#ocm_4troxoi_sidebar_2{ height: auto !important; }

Audi Activesphere concept

Πρώτη γεύση από το νέο Audi Activesphere concept

ΤΙΜΕΣ - ΤΕΧΝΙΚΑ