/* Reset rules */
/* General resets */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, picture { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, picture { display: block; }
body { line-height: 1; margin: 0; padding: 0;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
img, video, picture { max-width: 100%; }
/*
* Main stylesheet
*
* Included everywhere on the website.
* Contains mostly layouting (depending on breakpoint) and generic classes
*
* @author Jarlssen GmbH
*/
/*
* Main definitions SCSS file
*
* Definition of mixins and functions etc.
* Should NOT generate any actual CSS!
* To be included in ALL subsequent SCSS files.
*
* @author Jarlssen GmbH
*/
/*
* Main variables SCSS file
*
* Definition of ONLY variables.
* Should NOT generate any actual CSS!
*
* To be included ONLY in _RC_Definitions.scss.
*
* @author Jarlssen GmbH
* @see _RC_Definitions.scss
*/
@-ms-viewport {
width: device-width !important;
}
/* barlow-semi-condensed-regular - latin */
@font-face {
font-display: swap;
font-family: 'BarlowSemiCondensed';
/*font-style: normal;
font-weight: 400;*/
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-regular.eot');
/* IE9 Compat Modes */
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-regular.woff2') format('woff2'),
/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-regular.woff') format('woff'),
/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-regular.ttf') format('truetype'),
/* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-regular.svg#BarlowSemiCondensed') format('svg');
/* Legacy iOS */
}
/* barlow-semi-condensed-italic - latin */
@font-face {
font-display: swap;
font-family: 'BarlowSemiCondensedItalic';
/*font-style: italic;
font-weight: 400;*/
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-italic.eot');
/* IE9 Compat Modes */
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-italic.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-italic.woff2') format('woff2'),
/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-italic.woff') format('woff'),
/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-italic.ttf') format('truetype'),
/* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-italic.svg#BarlowSemiCondensed') format('svg');
/* Legacy iOS */
}
/* barlow-semi-condensed-800italic - latin */
@font-face {
font-display: swap;
font-family: 'BarlowSemiCondensedBoldItalic';
/*font-style: italic;
font-weight: 800;*/
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-800italic.eot');
/* IE9 Compat Modes */
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-800italic.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-800italic.woff2') format('woff2'),
/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-800italic.woff') format('woff'),
/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-800italic.ttf') format('truetype'),
/* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-800italic.svg#BarlowSemiCondensed') format('svg');
/* Legacy iOS */
}
/* roboto-100 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-100.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-100.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-100.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-100.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-100.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-100italic.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-100italic.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-100italic.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-100italic.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-100italic.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-100italic.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-300.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-300.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-300.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-300.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-300.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-300italic.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-300italic.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-300italic.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-300italic.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-regular.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-regular.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-regular.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-regular.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-italic.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-italic.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-italic.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-italic.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-italic.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-500.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-500.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-500.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-500.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-500.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-500italic.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-500italic.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-500italic.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-500italic.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-700.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-700.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-700.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-700.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-700.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-700italic.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-700italic.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-700italic.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-700italic.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-900.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-900.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-900.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-900.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-900.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 900;
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-900italic.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-900italic.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-900italic.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-900italic.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-900italic.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/roboto-v30-latin-900italic.svg#Roboto') format('svg');
/* Legacy iOS */
}
@font-face {
font-family: 'Lato';
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Bold.eot');
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Bold.eot?#iefix') format('embedded-opentype'),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Bold.woff2') format('woff2'),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Bold.woff') format('woff'),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Bold.ttf') format('truetype'),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Bold.svg#Lato-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Regular.eot');
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Regular.eot?#iefix') format('embedded-opentype'),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Regular.woff2') format('woff2'),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Regular.woff') format('woff'),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Regular.ttf') format('truetype'),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Regular.svg#Lato-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Light.eot');
src: url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Light.eot?#iefix') format('embedded-opentype'),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Light.woff2') format('woff2'),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Light.woff') format('woff'),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Light.ttf') format('truetype'),
url('https://www.racechip.co.uk/skin/frontend/racechip/default/fonts/lato/Lato-Light.svg#Lato-Light') format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;
}
.f-left {
float: left;
}
.f-right {
float: right;
}
.clear-fix:before,
.clear-fix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.clear-fix:after {
clear: both;
}
.f-both {
clear: both;
}
.row:before,
.row:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.row:after {
clear: both;
}
.col_2 {
width: 50%;
float: left;
}
.a-left {
text-align: left;
}
.a-right {
text-align: right;
}
.a-center {
text-align: center;
}
.h-center {
margin: 0 auto;
}
.v-middle {
vertical-align: middle;
}
.no-display {
display: none;
}
.no-display-important {
display: none !important;
}
.nobr {
display: block;
}
.no-scroll {
overflow: hidden !important;
}
.flexbox {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.radial-shadow {
width: 100%;
height: 20px;
position: relative;
background: none;
background-color: #e6e6e6;
}
.radial-shadow:after {
content: "";
position: absolute;
z-index: -1;
-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.9);
left: 5%;
right: 5%;
width: 90%;
height: 25%;
-moz-border-radius: 100%;
border-radius: 100%;
}
html.chrome .radial-shadow:after {
box-shadow: 0 0 45px rgba(0, 0, 0, 0.9);
}
.radial-shadow.shadow-top:after {
bottom: 25px;
}
.radial-shadow.shadow-bottom:after {
top: 25px;
}
.no-wrap {
white-space: nowrap;
}
span.-shortened {
display: none;
}
@media screen and (max-width: 950px) {
span.-shortened {
display: inline;
}
}
@media screen and (max-width: 950px) {
span.-not-shortened {
display: none;
}
}
.-data-sensitive {
visibility: hidden;
}
.-data-sensitive.product-racechip_app,
.-data-sensitive.gallery,
.-data-sensitive[data-detail],
.-data-sensitive.modal-overlay {
visibility: visible;
}
.emph-orange {
color: #d0511e;
}
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
font-size: 16px;
}
html,
body {
min-height: 100%;
}
body {
color: #3c3c3c;
background-color: #fff;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
line-height: 1.2;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a,
a:visited {
color: #c85a1e;
text-decoration: none;
}
a:hover,
a:active,
a:visited:hover,
a:visited:active {
color: #3c3c3c;
}
a.video-link,
a:visited.video-link {
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-video.png) no-repeat left center;
padding-left: 25px;
}
a.video-link:hover,
a:visited.video-link:hover {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-video-hover.png);
}
a.advantages-link,
a:visited.advantages-link {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-advantages.png);
}
a.compare-link,
a.compare-link-icon,
a.picker-link,
a.more-link,
a.info-link,
a.gauge-link,
a.video2-link,
a.video3-link,
a.tech-link,
a.pdf-link,
a.cell-link,
a.advantages-link,
a:visited.compare-link,
a:visited.compare-link-icon,
a:visited.picker-link,
a:visited.more-link,
a:visited.info-link,
a:visited.gauge-link,
a:visited.video2-link,
a:visited.video3-link,
a:visited.tech-link,
a:visited.pdf-link,
a:visited.cell-link,
a:visited.advantages-link {
text-transform: uppercase;
padding-left: 30px;
background-color: transparent;
background-repeat: no-repeat;
background-position: left center;
}
a.compare-link,
a.compare-link-icon,
a:visited.compare-link,
a:visited.compare-link-icon {
display: inline-block;
background: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-compare.png) no-repeat left center;
line-height: 24px;
background-size: 23px auto;
}
a.compare-link:hover,
a.compare-link-icon:hover,
a:visited.compare-link:hover,
a:visited.compare-link-icon:hover {
background: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-compare-hover.png) no-repeat left center;
background-size: 23px auto;
}
a.picker-link,
a:visited.picker-link {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-car.png);
padding-left: 40px;
background-size: 36px auto;
}
a.picker-link:hover,
a:visited.picker-link:hover {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-car-hover.png);
}
a.more-link,
a:visited.more-link {
display: inline-block;
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-info.png);
line-height: 24px;
}
a.info-link,
a:visited.info-link {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-info-grey.png);
}
a.gauge-link,
a:visited.gauge-link {
display: inline-block;
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-gauge.png);
line-height: 26px;
}
a.video2-link,
a:visited.video2-link {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-video2.png);
}
a.video3-link,
a:visited.video3-link {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-video3.png);
}
a.pdf-link,
a:visited.pdf-link {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-pdf.png);
}
a.tech-link,
a:visited.tech-link {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-tech.png);
}
a.edit-link,
a:visited.edit-link {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-edit.png);
}
a.cell-link,
a:visited.cell-link {
display: inline-block;
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-cell.png);
background-size: 10px;
padding-left: 18px;
line-height: 30px;
}
a.cell-link:hover,
a:visited.cell-link:hover {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-cell_hover.png);
background-size: 10px 17px;
}
a.tel,
span.tel {
display: inline-block;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-support-small.png) no-repeat left center;
padding-left: 30px;
line-height: 30px;
}
h1.product-name {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 200;
font-style: italic;
font-size: 2rem;
}
h1.product-name strong {
font-weight: 500;
}
h1.product-name .car-selected {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 2rem;
}
.ie9 .gradient {
filter: none !important;
}
figure {
margin-bottom: -4px;
}
sup {
vertical-align: super;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.5rem;
}
.no-mobile.desktop .only-mobile {
display: none !important;
}
.mobile.no-desktop .only-desktop {
display: none !important;
}
.product-warning-block-container {
width: 100%;
margin-bottom: 40px;
text-align: center;
clear: both;
}
.product-warning-block-container:before,
.product-warning-block-container:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.product-warning-block-container:after {
clear: both;
}
.product-warning-block-container .product-warning-block {
margin: 0 auto;
border: 2px solid #3c3c3c;
padding: 40px 2.01613% 40px 14.1129%;
background: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-warning.svg) no-repeat 4.03226% center;
background-size: 60px 60px;
text-align: left;
text-transform: uppercase;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.07143rem;
}
.product-warning-block-container .product-warning-block span {
display: block;
}
.product-warning-block-container .product-warning-block span.warning {
margin-bottom: 10px;
}
.product-warning-block-container .product-warning-block .under-480 {
display: none;
}
@media screen and (min-width: 992px) {
.product-warning-block-container .product-warning-block {
padding-left: 140px;
}
}
@media screen and (max-width: 992px) {
.product-warning-block-container {
padding-left: 2.01613%;
padding-right: 2.01613%;
}
}
@media screen and (max-width: 768px) {
.product-warning-block-container {
padding-top: 40px;
}
.product-warning-block-container .product-warning-block {
padding-left: 18.22917%;
}
}
@media screen and (max-width: 680px) {
.product-warning-block-container {
padding-top: 0;
}
}
@media screen and (max-width: 480px) {
.product-warning-block-container .product-warning-block {
padding-left: 25%;
}
.product-warning-block-container .product-warning-block .over-480 {
display: none;
}
.product-warning-block-container .product-warning-block .under-480 {
display: block;
}
}
.expand {
display: none;
vertical-align: bottom;
margin-left: 10px;
margin-bottom: 3px;
color: #c85a1e;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.14286rem;
cursor: pointer;
}
.expand .shown {
display: inline-block;
}
.accordion .accordion-item .accordion-trigger {
padding: 11px 40px 11px 20px;
overflow: hidden;
cursor: pointer;
background: #ededed url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/arr_down_orange_full.png) no-repeat right 20px center;
text-transform: none;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 0.92857rem;
}
.accordion .accordion-item .accordion-trigger:hover {
background: #f2f2f2 url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/arr_down_black_full.png) no-repeat right 20px center;
}
.accordion .accordion-item .accordion-content {
display: none;
padding: 2.08333%;
}
.accordion .accordion-item .accordion-content p {
margin-bottom: 10px;
}
.accordion .accordion-item .accordion-content p:last-child,
.accordion .accordion-item .accordion-content p.last {
margin-bottom: 0;
}
.accordion .accordion-item.open .accordion-trigger {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/arr_up_orange_full.png);
}
.accordion .accordion-item.open .accordion-content {
display: block;
}
.mounting-gallery .content-area {
padding: 60px 0 50px 0;
}
.mounting-gallery .explanations-text {
width: 82.29167%;
margin: 0 auto 40px auto;
}
.mounting-gallery .explanations-text .title,
.mounting-gallery .explanations-text .sub-title {
text-align: center;
margin-top: 0;
}
.mounting-gallery .explanations-text .title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 2.14286rem;
margin-bottom: 10px;
}
.mounting-gallery .explanations-text .sub-title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.57143rem;
margin-bottom: 10px;
}
.mounting-gallery .explanations-text p {
margin-top: 30px;
}
.mounting-gallery .gallery-container {
width: 100%;
padding-bottom: 40px;
position: relative;
}
.mounting-gallery .gallery-container .gallery-area {
width: 100%;
min-height: 580px;
z-index: 1;
position: relative;
}
.mounting-gallery .gallery-container .gallery-area .tabs {
position: absolute;
top: 20px;
left: 0;
width: 100%;
text-align: center;
z-index: 2;
}
.mounting-gallery .gallery-container .gallery-area .tabs .tab-handle {
display: inline-block;
padding: 0 3.125%;
line-height: 40px;
margin-right: 1px;
width: 14.58333%;
background-color: #000;
}
.mounting-gallery .gallery-container .gallery-area .tabs .tab-handle a {
color: #fff;
text-transform: uppercase;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.92857rem;
}
.mounting-gallery .gallery-container .gallery-area .tabs .tab-handle a:hover {
color: #c85a1e;
}
.mounting-gallery .gallery-container .gallery-area .tabs .tab-handle.active {
background-color: #a5a5a5;
}
.mounting-gallery .gallery-container .gallery-area .tabs .tab-handle.active a {
color: #3c3c3c;
}
.mounting-gallery .gallery-container .gallery-area .tab {
display: none;
position: relative;
top: 0;
left: 0;
}
.mounting-gallery .gallery-container .gallery-area .tab:before,
.mounting-gallery .gallery-container .gallery-area .tab:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.mounting-gallery .gallery-container .gallery-area .tab:after {
clear: both;
}
.mounting-gallery .gallery-container .gallery-area .tab.active {
display: block;
}
.mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow {
height: 70%;
max-height: 580px;
top: 0;
bottom: 0;
display: none;
}
.mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow.prev {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/slider-navigate-left-tall.png);
background-position: 10% 50%;
background-size: 28px auto;
}
.mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow.next {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/slider-navigate-right-tall.png);
background-position: 90% 50%;
background-size: 28px auto;
}
.mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow:hover.prev {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/slider-navigate-left-tall-hover.png);
}
.mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow:hover.next {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/slider-navigate-right-tall-hover.png);
}
.mounting-gallery .gallery-container .gallery-area .tab:hover .unslider-arrow {
display: block;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider {
position: relative;
overflow: auto;
width: 100% !important;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li {
float: left;
line-height: normal;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li figure {
margin: 0;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info {
padding-top: 30px;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info:before,
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info:after {
clear: both;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .explanations {
display: inline-block;
line-height: 24px;
vertical-align: top;
width: 67.70833%;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .explanations .emph-sub-title {
margin: 0 0 15px 0;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links {
display: inline-block;
vertical-align: top;
width: 31.25%;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links a,
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links span {
display: block;
margin-bottom: 10px;
}
.mounting-gallery .gallery-container .gallery-area .tab .unslider-nav {
bottom: auto;
text-align: center;
top: 487px;
width: 100%;
}
.mounting-gallery .links a {
margin-left: 10px;
}
@media screen and (max-width: 960px) {
.mounting-gallery .gallery-container .gallery-area .tab .unslider-nav {
top: 66.66667%;
}
}
@media screen and (max-width: 820px) {
.mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow {
max-height: 500px;
}
}
@media screen and (max-width: 768px) {
.mounting-gallery .gallery-container .gallery-area .tabs .tab-handle {
width: 18.22917%;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .explanations {
width: 58.59375%;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links {
padding-right: 0;
padding-left: 2.60417%;
width: 39.0625%;
}
.mounting-gallery .gallery-container .gallery-area .tab .unslider-nav {
top: 58.33333%;
}
}
@media screen and (max-width: 640px) {
.mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow {
max-height: 400px;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .explanations {
width: 52.08333%;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links {
width: 44.27083%;
}
.mounting-gallery .gallery-container .gallery-area .tab .unslider-nav {
top: 50%;
}
}
@media screen and (max-width: 560px) {
.mounting-gallery .content-area {
padding: 40px 0;
}
.mounting-gallery .gallery-container {
margin-top: 80px;
padding-bottom: 20px;
}
.mounting-gallery .gallery-container .gallery-area {
min-height: 340px;
}
.mounting-gallery .gallery-container .gallery-area .tabs {
top: -40px;
}
.mounting-gallery .gallery-container .gallery-area .tabs .tab-handle {
width: 33.1%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 100%) repeat scroll 0% 0% transparent;
}
.mounting-gallery .gallery-container .gallery-area .tabs .tab-handle.last,
.mounting-gallery .gallery-container .gallery-area .tabs .tab-handle:last-child {
margin-right: 0;
}
.mounting-gallery .gallery-container .gallery-area .tabs .tab-handle.active {
background: none;
background-color: #dadada;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info {
padding-top: 10px;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .explanations,
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links {
width: 100%;
float: none;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links {
padding: 16px 0;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links:before,
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links:after {
clear: both;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links .pdf-link,
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links .video2-link {
margin: 0;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links .pdf-link {
float: left;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links .pdf-link {
float: right;
}
.mounting-gallery .gallery-container .gallery-area .tab .unslider-nav {
top: 52.94118%;
}
.mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow {
max-height: 340px;
}
}
@media screen and (max-width: 480px) {
.mounting-gallery .content-area {
padding: 40px 0 20px 0;
}
.mounting-gallery .explanations-text {
width: 100%;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info {
padding-left: 0;
padding-right: 0;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links {
display: block;
margin-top: 20px;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links .pdf-link,
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links .video2-link {
float: none;
display: block;
width: 100%;
}
.mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links .pdf-link {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #AFAFAF;
}
.mounting-gallery .gallery-container .gallery-area .tab .unslider-nav {
display: none;
}
.mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow {
max-height: 300px;
}
.mounting-gallery .links {
display: none;
}
}
@media screen and (max-width: 450px) {
.mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow {
max-height: 260px;
}
}
@media screen and (max-width: 400px) {
.mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow {
max-height: 220px;
}
}
@media screen and (max-width: 320px) {
.mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow {
max-height: 190px;
}
}
.tabbed-block .tabs {
width: 100%;
margin-bottom: 20px;
}
.tabbed-block .tabs .tab-handle {
width: 33.2%;
display: inline-block;
text-align: center;
padding: 0 3.125%;
line-height: 40px;
margin-right: 1px;
background-color: #414141;
cursor: pointer;
}
.tabbed-block .tabs .tab-handle a {
color: #fff;
text-transform: uppercase;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.92857rem;
}
.tabbed-block .tabs .tab-handle a:hover {
color: #c85a1e;
}
.tabbed-block .tabs .tab-handle.active {
background-color: #a5a5a5;
}
.tabbed-block .tabs .tab-handle.active a {
color: #3c3c3c;
}
@media screen and (max-width: 820px) {
.tabbed-block .tabs .tab-handle {
width: 33.1%;
}
}
@media screen and (max-width: 560px) {
.tabbed-block .tabs .tab-handle {
padding: 0 1.04167%;
}
.tabbed-block .tabs .tab-handle a {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.78571rem;
}
}
@media screen and (max-width: 480px) {
.tabbed-block .tabs .tab-handle {
display: block;
width: 100%;
text-align: left;
margin-bottom: 1px;
padding-left: 4.16667%;
}
.tabbed-block .tabs .tab-handle a {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.85714rem;
}
}
.tabbed-block .tab {
display: none;
position: relative;
min-height: 300px;
}
.tabbed-block .tab:before,
.tabbed-block .tab:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.tabbed-block .tab:after {
clear: both;
}
.tabbed-block .tab.active {
display: block;
}
.news-container {
padding-bottom: 40px;
}
.news-container .head-line {
margin: 4.03226% 0 2.01613% 0;
position: relative;
}
.news-container .head-line h1 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.57143rem;
}
.news-container .head-line a {
line-height: 2.2;
vertical-align: middle;
text-transform: uppercase;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.85714rem;
position: absolute;
right: 0;
bottom: 0;
}
.news-container .news {
overflow: hidden;
}
.news-container .news .item {
float: left;
width: 23%;
vertical-align: top;
margin-right: 2.66667%;
}
.news-container .news .item:last-child,
.news-container .news .item.last {
margin-right: 0;
}
.news-container .news .item a {
color: #3c3c3c;
cursor: pointer;
}
.news-container .news .item a:hover {
color: #c85a1e;
}
.news-container .news .item img {
max-height: 125px;
}
.news-container .news .item h2 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1rem;
margin: 4.03226% 0;
}
.news-container .news .item p {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
line-height: 1.5;
max-height: 124px;
overflow: hidden;
}
.news-container .news .item:not(.aklamio-news):not(.aklamio-only-tablets) {
position: relative;
}
.news-container .news .item:not(.aklamio-news):not(.aklamio-only-tablets):after {
content: ' ...';
position: absolute;
bottom: 7px;
right: 0;
display: inline-block;
}
.news-container.aklamio .news .item:not(.aklamio-news):not(.aklamio-only-tablets):after {
bottom: 37px;
}
@media screen and (max-width: 960px) {
.news-container {
padding: 1.6129%;
}
}
@media screen and (max-width: 768px) {
.news-container {
padding: 0 3.90625% 5.20833%;
}
.news-container .head-line {
margin: 5.20833% 0 2.60417% 0;
}
.news-container .head-line h2 {
margin-right: 90px;
}
.news-container .news .item {
width: 32%;
margin-right: 2%;
}
.news-container .news .item.third,
.news-container .news .item:nth-child(3) {
margin-right: 0;
}
.news-container .news .item:last-child,
.news-container .news .item.last {
display: none;
}
.news-container .news .item p {
max-height: 97px;
overflow: hidden;
}
}
@media screen and (max-width: 610px) {
.news-container {
padding: 0 4.16667% 4.16667% 8.33333%;
}
.news-container .head-line {
margin: 6.25% 0 4.16667% 0;
}
.news-container .news .item {
display: block;
width: 100%;
margin: 0 0 4.16667%;
}
.news-container .news .item:before,
.news-container .news .item:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.news-container .news .item:after {
clear: both;
}
.news-container .news .item:last-child,
.news-container .news .item.last {
display: block;
margin-bottom: 0;
}
.news-container .news .item .news-image-container {
width: 40%;
float: left;
padding-right: 4.16667%;
}
.news-container .news .item .news-text-container {
width: 60%;
float: right;
}
.news-container .news .item .news-text-container h2 {
margin-top: 0;
margin-bottom: 2.08333%;
}
.news-container .news .item .news-text-container p {
max-height: 50px;
overflow: hidden;
line-height: 1.7;
}
}
@media screen and (max-width: 480px) {
.news-container {
padding: 0 8.33333%;
}
.news-container .news .item {
margin: 0 0 4.16667%;
}
.news-container .news .item .news-image-container {
width: 100%;
padding-right: 0;
}
.news-container .news .item .news-image-container img {
max-height: none;
}
.news-container .news .item .news-text-container {
width: 100%;
}
}
.video-wrapper {
position: relative;
padding-top: 25px;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.messages span {
margin: 20px;
border: 1px solid #c8c8c8;
background: #fff;
padding: 20px;
text-align: center;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.71429rem;
display: block;
}
.messages .success-msg {
color: #388513;
}
.messages .error-msg {
color: #d12929;
}
.messages .notice-msg {
color: #ff9600;
}
.content-area {
max-width: 960px;
margin: 0 auto;
position: relative;
}
#ab-trusted-shop-reviews-sticky-wrapper {
float: right;
position: fixed;
right: 0;
z-index: 5;
width: 65px;
top: auto;
bottom: 115px;
}
.mobile.landscape div#ab-trusted-shop-reviews-sticky-wrapper {
bottom: 0;
}
#ab-trusted-shop-reviews {
display: none;
position: absolute;
width: 65px;
height: 255px;
right: 0;
z-index: 5;
border: 1px solid #ebebeb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background-color: #fafafa;
}
#ab-trusted-shop-reviews .item {
width: 62px;
padding: 10px 2px;
border-bottom: 1px solid #ebebeb;
text-align: center;
text-transform: uppercase;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.71429rem;
}
#ab-trusted-shop-reviews .item:last-of-type {
border-bottom: none;
}
#ab-trusted-shop-reviews .item img {
width: 55px;
height: 55px;
}
#ab-trusted-shop-reviews .item a {
display: block;
width: 100%;
color: #3c3c3c;
}
#ab-trusted-shop-reviews .item a:hover {
color: #c85a1e;
}
#ab-trusted-shop-reviews .item a.with-text img {
margin-bottom: 3px;
}
#ab-trusted-shop-reviews .item.trusted-rating {
padding-bottom: 7px;
}
#ab-trusted-shop-reviews .item.trusted-rating div {
margin: 0 auto;
}
#ab-trusted-shop-reviews .item.trusted-rating-adjustment {
position: relative;
min-height: 87px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABxCAYAAABVw7T3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTVEREFERjkzNzI0MTFFOEFDN0VERDBFNERBQUUwNEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTVEREFERkEzNzI0MTFFOEFDN0VERDBFNERBQUUwNEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNUREQURGNzM3MjQxMUU4QUM3RUREMEU0REFBRTA0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNUREQURGODM3MjQxMUU4QUM3RUREMEU0REFBRTA0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhvDyGoAADD6SURBVHja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) no-repeat;
background-size: 55px;
background-position: center;
padding-top: 15px;
padding-bottom: 15px;
}
#ab-trusted-shop-reviews .item.trusted-rating-adjustment>div {
opacity: 0;
}
#ab-trusted-shop-reviews .item.vdat {
padding-bottom: 7px;
}
#ab-trusted-shop-reviews .item.return-policy img {
height: 51px;
}
#ab-trusted-shop-reviews .item.engine-warranty img {
width: 53px;
height: 71px;
}
#ab-trusted-shop-reviews .item.free-shipping img {
height: 60px;
}
#ab-trusted-shop-reviews .item.sema img {
height: 75px;
}
@media screen and (max-width: 480px) {
#ab-trusted-shop-reviews {
display: none;
}
}
body.store-eu #ab-trusted-shop-reviews,
body.store-com #ab-trusted-shop-reviews,
body.store-uk #ab-trusted-shop-reviews,
body.store-us #ab-trusted-shop-reviews,
body.store-frc #ab-trusted-shop-reviews {
height: 316px;
}
body.store-itl #ab-trusted-shop-reviews {
height: 300px;
}
body.store-es #ab-trusted-shop-reviews {
height: 320px;
}
body.store-nl #ab-trusted-shop-reviews {
height: 310px;
width: 75px;
}
body.store-nl #ab-trusted-shop-reviews .item {
width: 75px;
}
.border-box {
border: 1px solid;
padding: 20px;
}
.border-box ol {
padding-left: 10px;
}
.compatible-mobiles-block.modal-window {
max-width: 400px;
min-width: 400px;
}
.compatible-mobiles-block.modal-window .modal-content {
padding-left: 0;
padding-right: 0;
}
.compatible-mobiles-block.modal-window .modal-content .selector.fixedWidth {
margin: 0 auto;
}
.compatible-mobiles-block.modal-window .modal-content .mobiles {
margin-top: 20px;
}
.compatible-mobiles-block.modal-window .modal-content .mobiles li div {
background-color: #dcdcdc;
text-align: left;
padding-left: 15%;
line-height: 26px;
font-weight: 500;
}
.compatible-mobiles-block.modal-window .modal-content .mobiles li ul li {
line-height: 26px;
margin-bottom: 26px;
padding-left: 15%;
text-align: left;
}
.connect-container .uniform-checker:before,
.connect-container .uniform-checker:after,
.warranty-container .uniform-checker:before,
.warranty-container .uniform-checker:after,
.tga-container .uniform-checker:before,
.tga-container .uniform-checker:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.connect-container .uniform-checker:after,
.warranty-container .uniform-checker:after,
.tga-container .uniform-checker:after {
clear: both;
}
.connect-container .uniform-checker div.checker,
.warranty-container .uniform-checker div.checker,
.tga-container .uniform-checker div.checker {
float: left;
}
.connect-container .uniform-checker label,
.warranty-container .uniform-checker label,
.tga-container .uniform-checker label {
float: right;
line-height: 36px;
margin-left: 5px;
}
.warranty-container .uniform-checker label,
.tga-container .uniform-checker label {
width: 68%;
line-height: normal;
}
.modal-window.info-modal {
max-width: 600px;
min-width: 300px;
}
.modal-window.info-modal p {
text-align: justify;
text-indent: 15px;
}
.modal-window.info-modal p:not(.last) {
margin-bottom: 10px;
}
.store-locator-find-partner {
display: none;
}
.wrapper {
margin: 0 auto;
padding: 0;
height: 100%;
width: 100%;
position: relative;
}
.wrapper:before,
.wrapper:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.wrapper:after {
clear: both;
}
.wrapper .page {
position: relative;
background-color: #e6e6e6;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4YzhjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2Q2ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2Q2ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGM4YzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #c8c8c8 0%, #d6d6d6 10%, #e6e6e6 51%, #d6d6d6 90%, #c8c8c8 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c8c8c8), color-stop(10%, #d6d6d6), color-stop(51%, #e6e6e6), color-stop(90%, #d6d6d6), color-stop(100%, #c8c8c8));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #c8c8c8 0%, #d6d6d6 10%, #e6e6e6 51%, #d6d6d6 90%, #c8c8c8 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #c8c8c8 0%, #d6d6d6 10%, #e6e6e6 51%, #d6d6d6 90%, #c8c8c8 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(left, #c8c8c8 0%, #d6d6d6 10%, #e6e6e6 51%, #d6d6d6 90%, #c8c8c8 100%);
/* IE10+ */
background: linear-gradient(to right, #c8c8c8 0%, #d6d6d6 10%, #e6e6e6 51%, #d6d6d6 90%, #c8c8c8 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c8c8', endColorstr='#c8c8c8', GradientType=1);
/* IE6-8 */
}
.wrapper .page .content-container .main {
top: -100px;
}
@media screen and (max-width: 768px) {
.wrapper .page .content-container .main {
top: 0;
}
}
.wrapper .page .footer-container {
margin-top: -100px;
}
@media screen and (max-width: 768px) {
.wrapper .page .footer-container {
margin-top: 0;
}
}
.wrapper .page .content-area .shadow-left,
.wrapper .page .content-area .shadow-right {
top: 100px;
}
.wrapper .page .stage.small-stage {
height: 223px;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/generic_stage_image.jpg) no-repeat center;
background-size: cover;
-moz-background-size: cover;
/* Firefox 3.6 */
background-position: center;
/* Internet Explorer 7/8 */
}
.wrapper .page .stage.small-stage figure,
.wrapper .page .stage.small-stage img {
display: none;
}
.wrapper .page .stage.small-stage .teaser-text-block {
display: none;
}
.wrapper .page .content-area .shadow-left,
.wrapper .page .content-area .shadow-right {
position: absolute;
left: -10%;
width: 10%;
height: 171px;
}
.wrapper .page .content-area .shadow-left {
background: radial-gradient(ellipse at 100% 0, rgba(65, 65, 65, 0.35) 2%, rgba(59, 59, 59, 0.15) 23%, rgba(79, 79, 79, 0) 70%, rgba(255, 255, 255, 0) 100%) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wrapper .page .content-area .shadow-right {
background: radial-gradient(ellipse at 0 0, rgba(65, 65, 65, 0.35) 2%, rgba(59, 59, 59, 0.15) 23%, rgba(79, 79, 79, 0) 70%, rgba(255, 255, 255, 0) 100%) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
left: auto;
right: -10%;
}
.wrapper .page .content-container {
position: relative;
z-index: 2;
}
.wrapper .page .content-container .main {
position: relative;
}
.wrapper .page .content-container .main.modalParent {
position: relative !important;
z-index: auto !important;
}
.wrapper .page .content-container .main .mobile-stage-teaser-container {
background-color: #e6e6e6;
}
.wrapper .page .footer-container {
width: 100%;
min-height: 500px;
padding: 60px 0 40px;
}
.wrapper .page .footer-container .footer {
max-width: 992px;
margin: 0 auto;
}
.wrapper .page .footer-container .separator {
height: 1px;
margin: 50px 4.03226% 30px;
}
.wrapper .page .footer-container .separator:last-child,
.wrapper .page .footer-container .separator.last {
margin-top: 30px;
}
.wrapper .page .messages {
display: block;
clear: both;
width: 100%;
margin: 0 auto;
}
.wrapper .page .messages span {
color: #fafafa;
background: none;
display: block;
width: 80%;
margin: 0 10%;
border: none;
padding: 20px;
text-align: center;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 200;
font-style: normal;
font-size: 1.07143rem;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.wrapper .page .messages span a {
color: #fafafa;
text-decoration: underline;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.07143rem;
}
.wrapper .page .messages>li {
margin: 0 0 24px 0;
background: #3c3c3c;
width: 100%;
display: block;
}
.wrapper .page .messages .success-msg {
background: #18ac00;
}
.wrapper .page .messages .error-msg {
background: #d12929;
}
.wrapper .page .messages .notice-msg {
background: #ff9600;
}
.wrapper .modal-notification-system {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
background-color: rgba(0, 0, 0, 0.65);
overflow: hidden;
overflow-y: auto;
text-transform: none;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.wrapper .modal-notification-system .globals-content {
position: absolute;
top: 50%;
margin-top: -114px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
width: 992px;
left: 0;
right: 0;
background-color: #fff;
border: 1px solid #e4e5e5;
min-width: 300px;
max-width: 600px;
text-align: center;
padding: 30px 40px 40px 40px;
overflow: hidden;
overflow-y: auto;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9);
-webkit-box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9);
-moz-box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9);
}
@media screen and (max-width: 992px) {
.wrapper .modal-notification-system .globals-content {
width: calc(100% - 40px);
}
}
@media screen and (max-width: 480px) {
.wrapper .modal-notification-system .globals-content {
width: calc(100% - 20px);
}
}
.wrapper .modal-notification-system .globals-content .close-messages.close-sign {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
width: 17px;
height: 17px;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/modal-close-x.png) no-repeat center;
z-index: 1;
border: none;
box-shadow: none;
}
@media screen and (max-width: 480px) {
.wrapper .modal-notification-system .globals-content .close-messages.close-sign {
right: 5px;
top: 5px;
}
}
.wrapper .modal-notification-system .messages {
padding-bottom: 10px;
}
.wrapper .modal-notification-system .messages span {
margin: 0 0 20px 0;
border: 1px solid #c8c8c8;
background: none;
padding: 15px;
text-align: center;
display: block;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.28571rem;
}
img#aklamio-statspxl,
.text-ad.textAd.text_ad.text_ads.text-ads.text-ad-links {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
.cookie-warning {
border-top: 1px solid #000;
min-height: 53px;
color: #fafafa;
padding: 0 2.01613%;
position: relative;
z-index: 9999;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 200;
font-style: italic;
font-size: 1rem;
}
.cookie-warning .content-area {
min-height: 52px;
max-width: 100%;
position: relative;
}
.cookie-warning .cookie-message,
.cookie-warning .cookie-button {
width: 95%;
text-align: center;
display: block;
}
.cookie-warning .cookie-message {
padding: 16px 20px 16px 0;
}
.cookie-warning .cookie-message a {
text-transform: uppercase;
color: #ea5b0c;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1rem;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.cookie-warning .cookie-message a:hover {
color: #fff;
}
.cookie-warning .cookie-message .msg-cookies-disabled {
display: none;
}
.cookie-warning .cookie-button {
margin: 6px 0 12px;
}
.cookie-warning .cookie-button .call-to-action {
height: 26px;
line-height: 24px;
min-width: 80px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.85714rem;
}
.cookie-warning .close {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 16px;
height: 100%;
cursor: pointer;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/close-white.png) no-repeat center;
background-size: contain;
}
@media screen and (max-width: 900px) {
.cookie-warning .cookie-message,
.cookie-warning .cookie-button {
float: none;
display: block;
text-align: center;
}
.cookie-warning .cookie-button {
margin-bottom: 10px;
}
}
.cart .promo-messages .close,
.cart .info-message .close {
right: 15px;
}
.promo-messages,
.info-message {
color: #fafafa;
background: linear-gradient(90deg, rgba(144, 58, 12, 0.9) 0%, rgba(200, 90, 30, 0.9) 33%, rgba(200, 90, 30, 0.9) 66%, rgba(144, 58, 12, 0.9) 100%);
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 200;
font-style: normal;
font-size: 1rem;
display: none;
}
.promo-messages.orange,
.orange.info-message {
background-color: #c85a1e;
}
.promo-messages.warning-messages,
.warning-messages.info-message {
display: block;
background-color: #d0511e;
}
.promo-messages.warning-messages .cookie-message .warning-message-container,
.warning-messages.info-message .cookie-message .warning-message-container {
padding-left: 36px;
margin: 0 auto;
display: inline-block;
min-height: 31px;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon_info_shop_message.svg) no-repeat center left;
background-size: 25px 25px;
}
.promo-messages.warning-messages .cookie-message .warning-message-container>span,
.warning-messages.info-message .cookie-message .warning-message-container>span {
display: inline-block;
padding-top: 6px;
}
.promo-messages strong,
.info-message strong {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1rem;
}
.mobile-product-anchors,
.mobile-product-anchors.-not-shop-page {
display: none;
}
@media screen and (max-width: 1215px) {
.wrapper .page .content-area .shadow-right,
.wrapper .page .content-area .shadow-left {
width: 4.6875%;
}
.wrapper .page .content-area .shadow-right {
right: -4.6875%;
}
.wrapper .page .content-area .shadow-left {
left: -4.6875%;
}
}
@media screen and (max-width: 1100px) {
#trusted-shop-reviews-sticky-wrapper {
display: none;
}
}
@media screen and (max-width: 1080px) {
.wrapper .page .content-area .shadow-right,
.wrapper .page .content-area .shadow-left {
width: 1.17188%;
}
.wrapper .page .content-area .shadow-right {
right: -1.17188%;
}
.wrapper .page .content-area .shadow-left {
left: -1.17188%;
}
}
@media screen and (max-width: 992px) {
.wrapper {
max-width: 992px;
}
.wrapper .page .footer-container .separator {
height: 1px;
margin: 5.04032% 1.6129% 3.02419%;
}
.wrapper .page .messages span {
width: 90%;
margin: 0 5%;
}
}
@media screen and (max-width: 991px) {
.wrapper .page .content-area .shadow-right,
.wrapper .page .shadow-left {
display: none;
}
}
@media screen and (max-width: 960px) {
.wrapper .page .content-container .main {
top: auto;
}
.wrapper .page .footer-container {
margin-top: 0;
}
}
@media screen and (max-width: 768px) {
body {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.07143rem;
}
.compatible-mobiles-block.modal-window .modal-content .mobiles {
max-height: 400px;
}
.wrapper .page .stage.small-stage {
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/generic_stage_image_768.jpg) no-repeat center;
}
.wrapper .page .content-area {
max-width: 768px;
}
.wrapper .page .content-area .shadow-left,
.wrapper .page .content-area .shadow-right {
display: none;
}
.wrapper .page .main {
padding: 0;
}
.wrapper .page .footer-container .separator {
margin: 3.90625% 0;
}
.wrapper .page .footer-container .separator:last-child,
.wrapper .page .footer-container .separator.last {
margin-top: 3.90625%;
}
}
@media screen and (max-width: 480px) {
#ab-trusted-shop-reviews-sticky-wrapper {
display: none;
}
body {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.14286rem;
overflow-x: hidden;
}
button.btn.show-gt-480 {
display: none;
}
button.btn.show-lt-480 {
display: inline;
}
button.btn.show-lt-480 {
display: none;
}
.compatible-mobiles-block.modal-window {
max-width: none;
min-width: 0;
}
.compatible-mobiles-block.modal-window .modal-content .mobiles {
max-height: 300px;
}
.wrapper .page .stage.small-stage {
height: 220px;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/generic_stage_image_480.jpg) no-repeat center;
}
.wrapper .page .content-area {
max-width: 480px;
}
.wrapper .page .footer-container .separator {
margin: 6.25% 0;
}
.wrapper .page .footer-container .separator:last-child,
.wrapper .page .footer-container .separator.last {
margin-top: 6.25%;
}
.messages span {
margin: 10px;
padding: 10px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.28571rem;
}
.mounting-gallery .gallery-container .gallery-area .tabs .tab-handle {
padding: 0 1px;
}
.display-block-mobile {
display: block;
}
}
@media screen and (max-width: 320px) {
.hide-lt320 {
display: none;
}
body {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.92857rem;
overflow-x: hidden;
}
.compatible-mobiles-block.modal-window .modal-content .mobiles {
max-height: 300px;
}
.wrapper .page .content-area {
max-width: 320px;
}
.wrapper .page .footer-container .separator {
margin: 9.375% 0;
}
.wrapper .page .footer-container .separator:last-child,
.wrapper .page .footer-container .separator.last {
margin-top: 9.375%;
}
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row:not(.thead):not(.last) .column:not(.first),
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row:not(.thead):not(.last) .column:not(.first) {
border-left: 1px solid #e0e3e6;
}
@media screen and (max-width: 768px) {
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row:not(.thead):not(.last) .column:not(.first),
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row:not(.thead):not(.last) .column:not(.first) {
border-left: none;
}
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages {
border-bottom: none;
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage {
width: 32.5%;
border-right: 1px solid #e0e3e6;
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text .figure,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text .figure {
font-weight: 400;
color: #ec5b00;
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 2rem;
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text .figure .plus,
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text .figure .-percentage,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text .figure .plus,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text .figure .-percentage {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.14286rem;
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text .figure .plus,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text .figure .plus {
font-weight: 400;
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text .legend,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text .legend {
display: block;
margin-left: 14px;
font-family: "Roboto", Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1rem;
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text .legend sup,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text .legend sup {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.78571rem;
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text.middle .figure,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text.middle .figure {
color: #737373;
font-weight: 400;
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text.middle,
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text.last,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text.middle,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text.last {
padding-left: 3%;
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text.last,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text.last {
border-right: none;
}
@media screen and (max-width: 768px) {
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages {
border-bottom: none;
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage {
width: 13.5%;
margin: 40px 0 22px;
text-align: left;
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.middle,
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.last,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.middle,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.last {
padding-left: 1%;
}
}
@media screen and (max-width: 600px) {
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages {
border-bottom: none;
margin-top: 20px;
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage {
width: 25%;
margin: 0;
padding-left: 3%;
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.middle,
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.last,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.middle,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.last {
padding-left: 3%;
text-align: left;
}
}
@media screen and (max-width: 320px) {
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage {
width: 31%;
padding-left: 5%;
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.middle,
body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.last,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.middle,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.last {
padding-left: 2%;
}
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table.-not-shop-page .row:not(.thead):not(.product-chip_s) .column,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table.-not-shop-page .row:not(.thead):not(.product-chip_s) .column {
border: none;
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table.-not-shop-page .row:not(.thead):not(.product-chip_s) .column:not(.product-chip_s),
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table.-not-shop-page .row:not(.thead):not(.product-chip_s) .column:not(.product-chip_s) {
border-left: 1px solid #e0e3e6;
}
@media screen and (max-width: 768px) {
body.store-de .wrapper .page .content-container .main .chips-comparison.table.-not-shop-page .row:not(.thead):not(.product-chip_s) .column:not(.product-chip_s),
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table.-not-shop-page .row:not(.thead):not(.product-chip_s) .column:not(.product-chip_s) {
border-left: none;
}
}
body.store-de .wrapper .page .content-container .main .chips-comparison.table.-not-shop-page .row.row-performance .advantages .advantage .legend,
body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table.-not-shop-page .row.row-performance .advantages .advantage .legend {
margin-left: 15px;
}
body.store-frc .wrapper .page .advantages .advantage.middle.text,
body.store-itl .wrapper .page .advantages .advantage.middle.text,
body.store-es .wrapper .page .advantages .advantage.middle.text,
body.store-nl .wrapper .page .advantages .advantage.middle.text,
body.store-ch .wrapper .page .advantages .advantage.middle.text,
body.store-at .wrapper .page .advantages .advantage.middle.text,
body.store-com .wrapper .page .advantages .advantage.middle.text,
body.store-eu .wrapper .page .advantages .advantage.middle.text,
body.store-uk .wrapper .page .advantages .advantage.middle.text,
body.store-us .wrapper .page .advantages .advantage.middle.text {
display: none;
}
/*# sourceMappingURL=RC_Common.css.map */
.footer-footnote {
font-size: 10px;
margin: 10px auto;
}
#countdowntimer {
display: none;
}
@media (min-width: 961px) {
.wrapper .page h2.teaser-title,
.wrapper .page .selector-container>.teaser-container>a {
display: table;
}
}
.wrapper .page .teaser-container .news-link.more-link {
display: none !important;
}
.wrapper .page .selector-container .teaser-container {
vertical-align: bottom !important;
}
@media screen and (max-width: 960px) {
body .wrapper .page .stage .selector-container .teaser-container {
text-align: left !important;
bottom: 0 !important;
top: unset !important;
}
body .wrapper .page .stage .selector-container {
padding-left: 0 !important;
}
}
@media screen and (max-width: 680px) {
.wrapper .page .selector-container .teaser-container>a {
margin-bottom: 24px !important;
}
}
body .wrapper .page .stage .teaser-title h1.subpage,
body .wrapper .page .stage .teaser-title h2 {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-style: normal;
font-size: 3.57143rem;
background: #ea5b0c;
padding: 5px 8px 5px 7px;
line-height: 1.5;
display: inline;
margin-top: 5px;
color: #fff;
text-transform: uppercase;
margin-bottom: 0;
box-decoration-break: clone;
}
body .wrapper .page .stage .teaser-title h2.subpage,
body .wrapper .page .stage .teaser-title h3 {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-style: normal;
font-size: 2.14286rem;
background: #000;
padding: 5px 8px 5px 7px;
line-height: 1;
display: table;
margin-top: 0;
color: #fff;
}
@media (max-width: 680px) {
body .wrapper .page .stage .teaser-title h1.subpage,
body .wrapper .page .stage .teaser-title h2 {
display: inline;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
line-height: 1.5;
}
.wrapper .page .stage .teaser-container {
padding: 0 2% !important;
}
}
@media (max-width: 480px) {
body .wrapper .page .stage .teaser-title h3 {
margin-top: 5px;
}
}
/*
* Header - navigation and logo stylesheet
*
* Included everywhere on the website.
* Addresses the navigation and logo areas for the entire website.
* Main layouting is in RC_Common.
* @author RaceChip Chiptuning GmbH
* @see RC_Common.scss
*/
/*
* Main definitions SCSS file
*
* Definition of mixins and functions etc.
* Should NOT generate any actual CSS!
* To be included in ALL subsequent SCSS files.
*
* @author Jarlssen GmbH
*/
/*
* Main variables SCSS file
*
* Definition of ONLY variables.
* Should NOT generate any actual CSS!
*
* To be included ONLY in _RC_Definitions.scss.
*
* @author Jarlssen GmbH
* @see _RC_Definitions.scss
*/
.grid-container {
width: 100%;
margin: 0;
position: relative;
}
.span_xs_1 {
width: 3.125%;
}
.span_xs_2 {
width: 6.25%;
}
.span_xs_3 {
width: 9.375%;
}
.span_xs_4 {
width: 12.5%;
}
.span_xs_5 {
width: 15.625%;
}
.span_xs_6 {
width: 18.75%;
}
.span_xs_7 {
width: 21.875%;
}
.span_xs_8 {
width: 25%;
}
.span_xs_9 {
width: 28.125%;
}
.span_xs_10 {
width: 31.25%;
}
.span_xs_11 {
width: 34.375%;
}
.span_xs_12 {
width: 37.5%;
}
.span_xs_13 {
width: 40.625%;
}
.span_xs_14 {
width: 43.75%;
}
.span_xs_15 {
width: 46.875%;
}
.span_xs_16 {
width: 50%;
}
.span_xs_17 {
width: 53.125%;
}
.span_xs_18 {
width: 56.25%;
}
.span_xs_19 {
width: 59.375%;
}
.span_xs_20 {
width: 62.5%;
}
.span_xs_21 {
width: 65.625%;
}
.span_xs_22 {
width: 68.75%;
}
.span_xs_23 {
width: 71.875%;
}
.span_xs_24 {
width: 75%;
}
.span_xs_25 {
width: 78.125%;
}
.span_xs_26 {
width: 81.25%;
}
.span_xs_27 {
width: 84.375%;
}
.span_xs_28 {
width: 87.5%;
}
.span_xs_29 {
width: 90.625%;
}
.span_xs_30 {
width: 93.75%;
}
.span_xs_31 {
width: 96.875%;
}
.span_xs_32 {
width: 100%;
}
@media screen and (min-width: 481px) {
.span_s_1 {
width: 3.125%;
}
.span_s_2 {
width: 6.25%;
}
.span_s_3 {
width: 9.375%;
}
.span_s_4 {
width: 12.5%;
}
.span_s_5 {
width: 15.625%;
}
.span_s_6 {
width: 18.75%;
}
.span_s_7 {
width: 21.875%;
}
.span_s_8 {
width: 25%;
}
.span_s_9 {
width: 28.125%;
}
.span_s_10 {
width: 31.25%;
}
.span_s_11 {
width: 34.375%;
}
.span_s_12 {
width: 37.5%;
}
.span_s_13 {
width: 40.625%;
}
.span_s_14 {
width: 43.75%;
}
.span_s_15 {
width: 46.875%;
}
.span_s_16 {
width: 50%;
}
.span_s_17 {
width: 53.125%;
}
.span_s_18 {
width: 56.25%;
}
.span_s_19 {
width: 59.375%;
}
.span_s_20 {
width: 62.5%;
}
.span_s_21 {
width: 65.625%;
}
.span_s_22 {
width: 68.75%;
}
.span_s_23 {
width: 71.875%;
}
.span_s_24 {
width: 75%;
}
.span_s_25 {
width: 78.125%;
}
.span_s_26 {
width: 81.25%;
}
.span_s_27 {
width: 84.375%;
}
.span_s_28 {
width: 87.5%;
}
.span_s_29 {
width: 90.625%;
}
.span_s_30 {
width: 93.75%;
}
.span_s_31 {
width: 96.875%;
}
.span_s_32 {
width: 100%;
}
}
@media screen and (min-width: 769px) {
.span_m_1 {
width: 3.125%;
}
.span_m_2 {
width: 6.25%;
}
.span_m_3 {
width: 9.375%;
}
.span_m_4 {
width: 12.5%;
}
.span_m_5 {
width: 15.625%;
}
.span_m_6 {
width: 18.75%;
}
.span_m_7 {
width: 21.875%;
}
.span_m_8 {
width: 25%;
}
.span_m_9 {
width: 28.125%;
}
.span_m_10 {
width: 31.25%;
}
.span_m_11 {
width: 34.375%;
}
.span_m_12 {
width: 37.5%;
}
.span_m_13 {
width: 40.625%;
}
.span_m_14 {
width: 43.75%;
}
.span_m_15 {
width: 46.875%;
}
.span_m_16 {
width: 50%;
}
.span_m_17 {
width: 53.125%;
}
.span_m_18 {
width: 56.25%;
}
.span_m_19 {
width: 59.375%;
}
.span_m_20 {
width: 62.5%;
}
.span_m_21 {
width: 65.625%;
}
.span_m_22 {
width: 68.75%;
}
.span_m_23 {
width: 71.875%;
}
.span_m_24 {
width: 75%;
}
.span_m_25 {
width: 78.125%;
}
.span_m_26 {
width: 81.25%;
}
.span_m_27 {
width: 84.375%;
}
.span_m_28 {
width: 87.5%;
}
.span_m_29 {
width: 90.625%;
}
.span_m_30 {
width: 93.75%;
}
.span_m_31 {
width: 96.875%;
}
.span_m_32 {
width: 100%;
}
}
@media screen and (min-width: 960px) {
html.desktop .grid-container {
width: 90%;
margin: 0 5%;
}
html.desktop .span_l_1 {
width: 3.125%;
}
html.desktop .span_l_2 {
width: 6.25%;
}
html.desktop .span_l_3 {
width: 9.375%;
}
html.desktop .span_l_4 {
width: 12.5%;
}
html.desktop .span_l_5 {
width: 15.625%;
}
html.desktop .span_l_6 {
width: 18.75%;
}
html.desktop .span_l_7 {
width: 21.875%;
}
html.desktop .span_l_8 {
width: 25%;
}
html.desktop .span_l_9 {
width: 28.125%;
}
html.desktop .span_l_10 {
width: 31.25%;
}
html.desktop .span_l_11 {
width: 34.375%;
}
html.desktop .span_l_12 {
width: 37.5%;
}
html.desktop .span_l_13 {
width: 40.625%;
}
html.desktop .span_l_14 {
width: 43.75%;
}
html.desktop .span_l_15 {
width: 46.875%;
}
html.desktop .span_l_16 {
width: 50%;
}
html.desktop .span_l_17 {
width: 53.125%;
}
html.desktop .span_l_18 {
width: 56.25%;
}
html.desktop .span_l_19 {
width: 59.375%;
}
html.desktop .span_l_20 {
width: 62.5%;
}
html.desktop .span_l_21 {
width: 65.625%;
}
html.desktop .span_l_22 {
width: 68.75%;
}
html.desktop .span_l_23 {
width: 71.875%;
}
html.desktop .span_l_24 {
width: 75%;
}
html.desktop .span_l_25 {
width: 78.125%;
}
html.desktop .span_l_26 {
width: 81.25%;
}
html.desktop .span_l_27 {
width: 84.375%;
}
html.desktop .span_l_28 {
width: 87.5%;
}
html.desktop .span_l_29 {
width: 90.625%;
}
html.desktop .span_l_30 {
width: 93.75%;
}
html.desktop .span_l_31 {
width: 96.875%;
}
html.desktop .span_l_32 {
width: 100%;
}
}
@media screen and (min-width: 1280px) {
html.desktop .grid-container {
width: 95%;
margin: 0 10%;
}
html.desktop .span_xl_1 {
width: 3.125%;
}
html.desktop .span_xl_2 {
width: 6.25%;
}
html.desktop .span_xl_3 {
width: 9.375%;
}
html.desktop .span_xl_4 {
width: 12.5%;
}
html.desktop .span_xl_5 {
width: 15.625%;
}
html.desktop .span_xl_6 {
width: 18.75%;
}
html.desktop .span_xl_7 {
width: 21.875%;
}
html.desktop .span_xl_8 {
width: 25%;
}
html.desktop .span_xl_9 {
width: 28.125%;
}
html.desktop .span_xl_10 {
width: 31.25%;
}
html.desktop .span_xl_11 {
width: 34.375%;
}
html.desktop .span_xl_12 {
width: 37.5%;
}
html.desktop .span_xl_13 {
width: 40.625%;
}
html.desktop .span_xl_14 {
width: 43.75%;
}
html.desktop .span_xl_15 {
width: 46.875%;
}
html.desktop .span_xl_16 {
width: 50%;
}
html.desktop .span_xl_17 {
width: 53.125%;
}
html.desktop .span_xl_18 {
width: 56.25%;
}
html.desktop .span_xl_19 {
width: 59.375%;
}
html.desktop .span_xl_20 {
width: 62.5%;
}
html.desktop .span_xl_21 {
width: 65.625%;
}
html.desktop .span_xl_22 {
width: 68.75%;
}
html.desktop .span_xl_23 {
width: 71.875%;
}
html.desktop .span_xl_24 {
width: 75%;
}
html.desktop .span_xl_25 {
width: 78.125%;
}
html.desktop .span_xl_26 {
width: 81.25%;
}
html.desktop .span_xl_27 {
width: 84.375%;
}
html.desktop .span_xl_28 {
width: 87.5%;
}
html.desktop .span_xl_29 {
width: 90.625%;
}
html.desktop .span_xl_30 {
width: 93.75%;
}
html.desktop .span_xl_31 {
width: 96.875%;
}
html.desktop .span_xl_32 {
width: 100%;
}
}
@media screen and (min-width: 1680px) {
html.desktop .grid-container {
width: 80%;
margin: 0 10%;
}
html.desktop .span_xxl_1 {
width: 3.125%;
}
html.desktop .span_xxl_2 {
width: 6.25%;
}
html.desktop .span_xxl_3 {
width: 9.375%;
}
html.desktop .span_xxl_4 {
width: 12.5%;
}
html.desktop .span_xxl_5 {
width: 15.625%;
}
html.desktop .span_xxl_6 {
width: 18.75%;
}
html.desktop .span_xxl_7 {
width: 21.875%;
}
html.desktop .span_xxl_8 {
width: 25%;
}
html.desktop .span_xxl_9 {
width: 28.125%;
}
html.desktop .span_xxl_10 {
width: 31.25%;
}
html.desktop .span_xxl_11 {
width: 34.375%;
}
html.desktop .span_xxl_12 {
width: 37.5%;
}
html.desktop .span_xxl_13 {
width: 40.625%;
}
html.desktop .span_xxl_14 {
width: 43.75%;
}
html.desktop .span_xxl_15 {
width: 46.875%;
}
html.desktop .span_xxl_16 {
width: 50%;
}
html.desktop .span_xxl_17 {
width: 53.125%;
}
html.desktop .span_xxl_18 {
width: 56.25%;
}
html.desktop .span_xxl_19 {
width: 59.375%;
}
html.desktop .span_xxl_20 {
width: 62.5%;
}
html.desktop .span_xxl_21 {
width: 65.625%;
}
html.desktop .span_xxl_22 {
width: 68.75%;
}
html.desktop .span_xxl_23 {
width: 71.875%;
}
html.desktop .span_xxl_24 {
width: 75%;
}
html.desktop .span_xxl_25 {
width: 78.125%;
}
html.desktop .span_xxl_26 {
width: 81.25%;
}
html.desktop .span_xxl_27 {
width: 84.375%;
}
html.desktop .span_xxl_28 {
width: 87.5%;
}
html.desktop .span_xxl_29 {
width: 90.625%;
}
html.desktop .span_xxl_30 {
width: 93.75%;
}
html.desktop .span_xxl_31 {
width: 96.875%;
}
html.desktop .span_xxl_32 {
width: 100%;
}
}
@media screen and (min-width: 1920px) {
html.desktop .grid-container {
width: 1536px;
margin: 0 auto;
}
}
#trusted-shop-reviews-sticky-wrapper {
top: 91px;
}
.header-container {
position: fixed;
width: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.15);
border-bottom: 1px solid #c85a1e;
z-index: 6;
height: auto;
transition: height 0.5s, background-color 0.5s;
}
.header-container.fix {
background-color: #3c3c3c;
border-bottom-width: 0;
}
.header-container .header-panel .nav-container .level0 {
position: relative;
list-style: none;
text-align: center;
border: 0 solid rgba(0, 0, 0, 0);
padding: 0;
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}
.header-container .header-panel .nav-container .level0>a:not(.not-menu-link) {
padding: 17px 0;
float: left;
width: 100%;
position: relative;
line-height: 16px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
text-transform: uppercase;
color: #fff;
text-decoration: none;
}
.header-container .header-panel .nav-container .level0>a:not(.not-menu-link).over {
font-weight: 500;
}
.header-container .header-panel .nav-container .level0>a:not(.not-menu-link).over:not(.submenu-link):before {
content: "";
position: absolute;
left: calc(50% - 55px);
top: 0;
height: 1px;
width: 110px;
border-top: 3px #c85a1e solid;
}
/*body.store-frc .header-container .header-panel .nav-container .level0>a:not(.not-menu-link) {
font-size: 14px;
}
body.store-itl .header-container .header-panel .nav-container .level0>a:not(.not-menu-link) {
font-size: 14px;
}*/
.header-container .header-panel .nav-container .level0.active>a:not(.not-menu-link) {
font-weight: 500;
}
.header-container .header-panel .nav-container .level0.active>a:not(.not-menu-link):not(.submenu-link):before {
content: "";
position: absolute;
left: calc(50% - 55px);
top: 0;
height: 1px;
width: 110px;
border-top: 3px #c85a1e solid;
}
.header-container .header-panel .nav-container .level0.car,
.header-container .header-panel .nav-container .level0.driver,
.header-container .header-panel .nav-container .level0.phone-support {
filter: alpha(opactiy=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.5s ease-in;
-moz-transition: opacity 0.5s ease-in;
-o-transition: opacity 0.5s ease-in;
transition: opacity 0.5s ease-in;
}
.header-container .header-panel .nav-container .level0.car>a:not(.not-menu-link):not([data-picker-idx]),
.header-container .header-panel .nav-container .level0.driver>a:not(.not-menu-link):not([data-picker-idx]),
.header-container .header-panel .nav-container .level0.phone-support>a:not(.not-menu-link):not([data-picker-idx]) {
margin-top: 10px;
}
.header-container .header-panel .nav-container .level0.car a:not(.not-menu-link):not([data-picker-idx]),
.header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]),
.header-container .header-panel .nav-container .level0.phone-support a:not(.not-menu-link):not([data-picker-idx]) {
padding: 3px 0 13px 0;
}
.header-container .header-panel .nav-container .level0.car a:not(.not-menu-link):not([data-picker-idx]) img,
.header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]) img,
.header-container .header-panel .nav-container .level0.phone-support a:not(.not-menu-link):not([data-picker-idx]) img {
height: 20px;
}
.header-container .header-panel .nav-container .level0.car a:not(.not-menu-link):not([data-picker-idx]).over:not(.submenu-link):before,
.header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]).over:not(.submenu-link):before,
.header-container .header-panel .nav-container .level0.phone-support a:not(.not-menu-link):not([data-picker-idx]).over:not(.submenu-link):before {
left: 0;
width: 100%;
}
.header-container .header-panel .nav-container .level0.car a:not(.not-menu-link):not([data-picker-idx]).products-in-cart img,
.header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]).products-in-cart img,
.header-container .header-panel .nav-container .level0.phone-support a:not(.not-menu-link):not([data-picker-idx]).products-in-cart img {
width: 16px;
height: 20px;
}
.header-container .header-panel .nav-container .level0.car a:not(.not-menu-link):not([data-picker-idx]).products-in-cart .cart-qty,
.header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]).products-in-cart .cart-qty,
.header-container .header-panel .nav-container .level0.phone-support a:not(.not-menu-link):not([data-picker-idx]).products-in-cart .cart-qty {
display: block;
position: absolute;
top: 17px;
left: 0;
width: 100%;
text-align: center;
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.64286rem;
}
.header-container .header-panel .nav-container .level0.logo a {
display: inline-block;
position: static;
width: auto;
padding: 10px 0;
}
.header-container .header-panel .nav-container .level0.logo a img {
height: 29px;
position: absolute;
filter: alpha(opactiy=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.header-container .header-panel .nav-container .level0.logo a img.mobile-logo {
filter: alpha(opactiy=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.header-container .header-panel .nav-container .level0.logo a.level0.logo.over {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
}
.header-container .header-panel .nav-container .level0.logo a.level0.logo.over:not(.submenu-link):before {
content: none;
}
.header-container .header-panel .nav-container .level0.car a.full-selection img.img-no-selection {
display: none;
}
.header-container .header-panel .nav-container .level0.car a.full-selection img.img-complete-selection {
display: inline-block;
}
.header-container .header-panel .nav-container .level0.car a.no-selection img.img-no-selection,
.header-container .header-panel .nav-container .level0.car a.partial-selection img.img-no-selection {
display: inline-block;
}
.header-container .header-panel .nav-container .level0.car a.no-selection img.img-complete-selection,
.header-container .header-panel .nav-container .level0.car a.partial-selection img.img-complete-selection {
display: none;
}
.header-container .header-panel .nav-container .level0.driver a {
padding-top: 14px;
padding-bottom: 10px;
}
.header-container .header-panel .nav-container .level0.driver a.trigger-phone {
cursor: default;
}
.header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]).products-in-cart .cart-qty {
top: 4px;
}
html.chrome .header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]).products-in-cart .cart-qty {
top: 4px;
}
.header-container .header-panel .nav-container .level0.mobiles-user-menu {
display: none;
}
.header-container .header-panel .nav-container .level0 .navigation-container {
width: 100%;
}
.header-container .header-panel .nav-container .level0 .navigation-container.level0 {
display: none;
}
.header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0 {
position: absolute;
top: 0;
background-color: #fafafa;
width: 250px;
padding: 15px 10px 5px 10px;
left: calc(50% - 125px);
box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.5);
}
.header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0:before {
content: "";
position: absolute;
top: -7px;
left: calc(50% - 7px);
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #fafafa;
}
.header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0.car-selector,
.header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0.user-menu {
top: 1px;
}
.header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0.user-menu {
left: -188px;
}
.header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0.user-menu:before {
left: calc(85% - 7px);
}
.header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0.car-selector li.level1.cars img {
width: 160px;
}
.header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0.car-selector li.level1.selector-info a.hover,
.header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0.car-selector li.level1.selector-info a:hover {
color: #c85a1e;
}
.header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0 li.level1 a:not(.not-menu-link) {
float: left;
width: 100%;
position: relative;
padding: 15px 0;
color: #3c3c3c;
font-size: 14px;
line-height: 14px;
font-weight: 400;
text-transform: uppercase;
border-bottom: 1px #e0e0e0 solid;
text-decoration: none;
}
.header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0 li.level1 a:not(.not-menu-link):hover {
color: #c85a1e;
}
.header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0 li.level1:last-child a {
border-bottom: none;
}
.header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0 li.level1 .phone {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.85714rem;
}
.header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0 li.level1 .phone .trigger-phone {
float: left;
width: 100%;
position: relative;
padding: 15px 0 0 0;
}
.header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0 li.level1 .phone .phone-no {
display: inline-block;
margin-bottom: 10px;
}
.header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0 li.level1 .phone img {
width: 30px;
}
.header-container .header-panel .nav-container .level0.phone-support,
.header-container .header-panel .nav-container .level0.mobile-menu-trigger {
display: none;
}
.header-container .header-panel .nav-container .level0.user-menu-placeholder {
display: none;
}
.header-container .header-panel .nav-container.-desktop .level0:hover .navigation-container.level0 {
display: block;
}
.header-container .header-panel .mini-cart .cart-link {
padding-top: 10px;
}
.header-container .header-panel .mini-cart .cart-link span#cartHeader {
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-cart-grey.png) no-repeat left center;
margin: 0 auto;
background-size: 27px 34px;
display: inline-block;
position: relative;
width: 27px;
height: 34px;
margin-bottom: 15px;
}
.header-container .header-panel .mini-cart .cart-link span#cartHeader .cart-qty {
position: absolute;
left: 9px;
top: 15px;
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
}
.header-container .header-panel .mini-cart .cart-link:hover span#cartHeader {
color: #c85a1e;
}
.header-container .header-panel .mini-cart .cart-link:hover span#cartHeader .cart-qty {
color: #c85a1e;
}
.header-container.fix {
background-color: #3c3c3c;
border-bottom-width: 0;
}
@media screen and (min-width: 960px) {
.header-container .cookie-warning .content-area {
width: 90%;
margin: 0 5%;
}
}
@media screen and (min-width: 1280px) {
.header-container .cookie-warning .content-area {
width: 80%;
margin: 0 10%;
}
}
@media screen and (min-width: 1920px) {
.header-container .cookie-warning .content-area {
width: 1536px;
margin: 0 auto;
}
}
@media screen and (max-width: 959px) {
.header-container.-has-message {
height: auto;
}
.header-container.opened {
background-color: #3c3c3c;
border-bottom-width: 0;
}
.header-container .header-panel .nav-container ul#nav {
display: block;
width: 100%;
height: 100vh;
top: -100vh;
background-color: #3c3c3c;
position: absolute;
left: 0;
z-index: 1;
transition-delay: 0.3s;
transition: opacity 0.3s ease-in-out, top 0.5s ease-in-out;
overflow-x: hidden;
overflow-y: auto;
}
.header-container .header-panel .nav-container ul#nav:before,
.header-container .header-panel .nav-container ul#nav:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.header-container .header-panel .nav-container ul#nav:after {
clear: both;
}
.header-container .header-panel .nav-container ul#nav li.level0 {
display: list-item;
float: none;
width: 75%;
margin: 0 auto;
filter: alpha(opactiy=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
padding-top: 0;
transition-delay: 3.5s;
transition: opacity 0.75s ease-in, padding-top 0.2s ease-out;
}
.header-container .header-panel .nav-container ul#nav li.level0>a:not(.not-menu-link) {
padding: 0;
line-height: 90px;
border-bottom: 1px solid #3e4040;
float: none;
display: block;
width: 100%;
}
.header-container .header-panel .nav-container ul#nav li.level0>a:not(.not-menu-link),
.header-container .header-panel .nav-container ul#nav li.level0>a:not(.not-menu-link).over {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.07143rem;
}
.header-container .header-panel .nav-container ul#nav li.level0>a:not(.not-menu-link):active {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.07143rem;
}
.header-container .header-panel .nav-container ul#nav li.level0>a:not(.not-menu-link):before {
content: "";
width: 22px;
height: 10px;
margin: 0 auto;
top: -40px;
left: 0;
right: 0;
cursor: pointer;
filter: alpha(opactiy=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/arrow-up-white.png) no-repeat center center;
background-size: 22px 10px;
border-top: none;
}
.header-container .header-panel .nav-container ul#nav li.level0.slide-up {
filter: alpha(opactiy=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.header-container .header-panel .nav-container ul#nav li.level0.opened {
border-bottom: 1px solid #3e4040;
}
.header-container .header-panel .nav-container ul#nav li.level0.opened.padding {
padding-top: 80px;
}
.header-container .header-panel .nav-container ul#nav li.level0.opened>a:not(.not-menu-link) {
border-top: 1px solid #3e4040;
line-height: 60px;
border-bottom: none;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.07143rem;
}
.header-container .header-panel .nav-container ul#nav li.level0.opened>a:not(.not-menu-link).opened:before {
filter: alpha(opactiy=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.header-container .header-panel .nav-container ul#nav li.level0.opened .navigation-container {
float: none;
}
.header-container .header-panel .nav-container ul#nav li.level0.opened .navigation-container ul.level0 {
padding: 0;
float: none;
}
.header-container .header-panel .nav-container ul#nav li.level0.opened .navigation-container ul.level0 li.level1>a:not(.not-menu-link) {
padding: 0;
line-height: 55px;
}
.header-container .header-panel .nav-container ul#nav li.level0:last-child>a:not(.not-menu-link):last-child {
border-bottom: none;
}
.header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0 {
position: static;
width: 100%;
background-color: #3c3c3c;
box-shadow: none;
}
.header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0:before {
content: none;
}
.header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0 li.level1 {
float: none;
width: 100%;
}
.header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0 li.level1 a:not(.not-menu-link) {
display: block;
float: none;
position: static;
border: none;
color: #fff;
text-transform: none;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1rem;
}
.header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0 li.level1.active>a:not(.not-menu-link) {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.07143rem;
}
.header-container .header-panel .nav-container ul#nav.closing li.level0 {
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
filter: alpha(opactiy=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.header-container .header-panel .nav-container .level0>a:not(.not-menu-link),
.header-container .header-panel .nav-container .level0>a:not(.not-menu-link).over,
.header-container .header-panel .nav-container .level0.active>a:not(.not-menu-link),
.header-container .header-panel .nav-container .level0.active>a:not(.not-menu-link).over {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
}
.header-container .header-panel .nav-container .level0>a:not(.not-menu-link):not(.submenu-link):before,
.header-container .header-panel .nav-container .level0>a:not(.not-menu-link).over:not(.submenu-link):before,
.header-container .header-panel .nav-container .level0.active>a:not(.not-menu-link):not(.submenu-link):before,
.header-container .header-panel .nav-container .level0.active>a:not(.not-menu-link).over:not(.submenu-link):before {
content: none;
}
.header-container .header-panel .nav-container .level0.logo,
.header-container .header-panel .nav-container .level0.car,
.header-container .header-panel .nav-container .level0.driver,
.header-container .header-panel .nav-container .level0.mobile-menu-trigger,
.header-container .header-panel .nav-container .level0.phone-support {
z-index: 2;
}
.header-container .header-panel .nav-container .level0.driver,
.header-container .header-panel .nav-container .level0.mobile-menu-trigger,
.header-container .header-panel .nav-container .level0.phone-support {
float: left;
}
.header-container .header-panel .nav-container .level0.car a:not(.not-menu-link):not([data-picker-idx]),
.header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]),
.header-container .header-panel .nav-container .level0.phone-support a:not(.not-menu-link):not([data-picker-idx]) {
padding-bottom: 4px;
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.header-container .header-panel .nav-container .level0.logo {
padding-left: 1.5%;
}
.header-container .header-panel .nav-container .level0.driver {
display: none;
}
.header-container .header-panel .nav-container .level0.mobiles-user-menu {
display: list-item;
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger {
display: block;
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 {
padding: 0;
display: inline-block;
float: none;
margin: 0 auto;
/**
* Toggle Switch Globals
*
* All switches should take on the class `c-hamburger` as well as their
* variant that will give them unique properties. This class is an overview
* class that acts as a reset for all versions of the icon.
*/
/**
* Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
* down to center and transform into an "x".
*/
/* active state, i.e. menu open */
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger {
display: block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 59px;
height: 49px;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
transition: background 0.15s;
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger:focus {
outline: none;
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger span {
display: block;
position: absolute;
top: 23.5px;
left: 20px;
right: 20px;
height: 2px;
background: white;
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger span::before,
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
content: "";
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger span::before {
top: -5px;
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger span::after {
bottom: -5px;
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx {
background-color: rgba(0, 0, 0, 0);
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx span {
transition: background 0s 0.15s;
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx span::before,
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx span::after {
transition-duration: 0.15s, 0.15s;
transition-delay: 0.15s, 0s;
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx span::before {
transition-property: top, transform;
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx span::after {
transition-property: bottom, transform;
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx.is-active {
background-color: rgba(0, 0, 0, 0);
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx.is-active span {
background: none;
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx.is-active span::before {
top: 0;
transform: rotate(45deg);
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx.is-active span::after {
bottom: 0;
transform: rotate(-45deg);
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx.is-active span::before,
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx.is-active span::after {
transition-delay: 0s, 0.15s;
}
.header-container .header-panel .nav-container.opened:before,
.header-container .header-panel .nav-container.opened:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.header-container .header-panel .nav-container.opened:after {
clear: both;
}
.header-container .header-panel .nav-container.opened .level0.car,
.header-container .header-panel .nav-container.opened .level0.driver,
.header-container .header-panel .nav-container.opened .level0.phone-support {
filter: alpha(opactiy=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.header-container .header-panel .nav-container.opened ul#nav {
top: 49px;
padding-bottom: 50px;
}
.header-container .header-panel .nav-container.opened ul#nav li.level0 {
filter: alpha(opactiy=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.header-container .header-panel .nav-container.closed ul#nav {
top: -100vh;
}
.header-container .header-panel .nav-container.products-in-cart .level0.driver {
display: block;
}
}
html.mobile .header-container.-has-message {
height: auto;
}
html.mobile .header-container.opened {
background-color: #3c3c3c;
border-bottom-width: 0;
}
html.mobile .header-container .header-panel .nav-container ul#nav {
display: block;
width: 100%;
height: 100vh;
top: -100vh;
background-color: #3c3c3c;
position: absolute;
left: 0;
z-index: 1;
transition-delay: 0.3s;
transition: opacity 0.3s ease-in-out, top 0.5s ease-in-out;
overflow-x: hidden;
overflow-y: auto;
}
html.mobile .header-container .header-panel .nav-container ul#nav:before,
html.mobile .header-container .header-panel .nav-container ul#nav:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
html.mobile .header-container .header-panel .nav-container ul#nav:after {
clear: both;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0 {
display: list-item;
float: none;
width: 75%;
margin: 0 auto;
filter: alpha(opactiy=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
padding-top: 0;
transition-delay: 3.5s;
transition: opacity 0.75s ease-in, padding-top 0.2s ease-out;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0>a:not(.not-menu-link) {
padding: 0;
line-height: 90px;
border-bottom: 1px solid #3e4040;
float: none;
display: block;
width: 100%;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0>a:not(.not-menu-link),
html.mobile .header-container .header-panel .nav-container ul#nav li.level0>a:not(.not-menu-link).over {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.07143rem;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0>a:not(.not-menu-link):active {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.07143rem;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0>a:not(.not-menu-link):before {
content: "";
width: 22px;
height: 10px;
margin: 0 auto;
top: -40px;
left: 0;
right: 0;
cursor: pointer;
filter: alpha(opactiy=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/arrow-up-white.png) no-repeat center center;
background-size: 22px 10px;
border-top: none;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0.slide-up {
filter: alpha(opactiy=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened {
border-bottom: 1px solid #3e4040;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened.padding {
padding-top: 80px;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened>a:not(.not-menu-link) {
border-top: 1px solid #3e4040;
line-height: 60px;
border-bottom: none;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.07143rem;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened>a:not(.not-menu-link).opened:before {
filter: alpha(opactiy=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened .navigation-container {
float: none;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened .navigation-container ul.level0 {
padding: 0;
float: none;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened .navigation-container ul.level0 li.level1>a:not(.not-menu-link) {
padding: 0;
line-height: 55px;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0:last-child>a:not(.not-menu-link):last-child {
border-bottom: none;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0 {
position: static;
width: 100%;
background-color: #3c3c3c;
box-shadow: none;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0:before {
content: none;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0 li.level1 {
float: none;
width: 100%;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0 li.level1 a:not(.not-menu-link) {
display: block;
float: none;
position: static;
border: none;
color: #fff;
text-transform: none;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1rem;
}
html.mobile .header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0 li.level1.active>a:not(.not-menu-link) {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.07143rem;
}
html.mobile .header-container .header-panel .nav-container ul#nav.closing li.level0 {
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
filter: alpha(opactiy=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
html.mobile .header-container .header-panel .nav-container .level0>a:not(.not-menu-link),
html.mobile .header-container .header-panel .nav-container .level0>a:not(.not-menu-link).over,
html.mobile .header-container .header-panel .nav-container .level0.active>a:not(.not-menu-link),
html.mobile .header-container .header-panel .nav-container .level0.active>a:not(.not-menu-link).over {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
}
html.mobile .header-container .header-panel .nav-container .level0>a:not(.not-menu-link):not(.submenu-link):before,
html.mobile .header-container .header-panel .nav-container .level0>a:not(.not-menu-link).over:not(.submenu-link):before,
html.mobile .header-container .header-panel .nav-container .level0.active>a:not(.not-menu-link):not(.submenu-link):before,
html.mobile .header-container .header-panel .nav-container .level0.active>a:not(.not-menu-link).over:not(.submenu-link):before {
content: none;
}
html.mobile .header-container .header-panel .nav-container .level0.logo,
html.mobile .header-container .header-panel .nav-container .level0.car,
html.mobile .header-container .header-panel .nav-container .level0.driver,
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger,
html.mobile .header-container .header-panel .nav-container .level0.phone-support {
z-index: 2;
}
html.mobile .header-container .header-panel .nav-container .level0.driver,
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger,
html.mobile .header-container .header-panel .nav-container .level0.phone-support {
float: left;
}
html.mobile .header-container .header-panel .nav-container .level0.car a:not(.not-menu-link):not([data-picker-idx]),
html.mobile .header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]),
html.mobile .header-container .header-panel .nav-container .level0.phone-support a:not(.not-menu-link):not([data-picker-idx]) {
padding-bottom: 4px;
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
html.mobile .header-container .header-panel .nav-container .level0.logo {
padding-left: 1.5%;
}
html.mobile .header-container .header-panel .nav-container .level0.driver {
display: none;
}
html.mobile .header-container .header-panel .nav-container .level0.mobiles-user-menu {
display: list-item;
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger {
display: block;
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 {
padding: 0;
display: inline-block;
float: none;
margin: 0 auto;
/**
* Toggle Switch Globals
*
* All switches should take on the class `c-hamburger` as well as their
* variant that will give them unique properties. This class is an overview
* class that acts as a reset for all versions of the icon.
*/
/**
* Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
* down to center and transform into an "x".
*/
/* active state, i.e. menu open */
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger {
display: block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 59px;
height: 49px;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
transition: background 0.15s;
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger:focus {
outline: none;
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger span {
display: block;
position: absolute;
top: 23.5px;
left: 20px;
right: 20px;
height: 2px;
background: white;
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger span::before,
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
content: "";
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger span::before {
top: -5px;
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger span::after {
bottom: -5px;
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx {
background-color: rgba(0, 0, 0, 0);
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx span {
transition: background 0s 0.15s;
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx span::before,
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx span::after {
transition-duration: 0.15s, 0.15s;
transition-delay: 0.15s, 0s;
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx span::before {
transition-property: top, transform;
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx span::after {
transition-property: bottom, transform;
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx.is-active {
background-color: rgba(0, 0, 0, 0);
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx.is-active span {
background: none;
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx.is-active span::before {
top: 0;
transform: rotate(45deg);
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx.is-active span::after {
bottom: 0;
transform: rotate(-45deg);
}
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx.is-active span::before,
html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx.is-active span::after {
transition-delay: 0s, 0.15s;
}
html.mobile .header-container .header-panel .nav-container.opened:before,
html.mobile .header-container .header-panel .nav-container.opened:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
html.mobile .header-container .header-panel .nav-container.opened:after {
clear: both;
}
html.mobile .header-container .header-panel .nav-container.opened .level0.car,
html.mobile .header-container .header-panel .nav-container.opened .level0.driver,
html.mobile .header-container .header-panel .nav-container.opened .level0.phone-support {
filter: alpha(opactiy=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
html.mobile .header-container .header-panel .nav-container.opened ul#nav {
top: 49px;
padding-bottom: 50px;
}
html.mobile .header-container .header-panel .nav-container.opened ul#nav li.level0 {
filter: alpha(opactiy=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
html.mobile .header-container .header-panel .nav-container.closed ul#nav {
top: -100vh;
}
html.mobile .header-container .header-panel .nav-container.products-in-cart .level0.driver {
display: block;
}
@media screen and (max-width: 600px) {
.header-container .header-panel .nav-container ul#nav li.level0,
html.mobile .header-container .header-panel .nav-container ul#nav li.level0 {
width: 90%;
}
.header-container .header-panel .nav-container ul#nav li.level0>a:not(.not-menu-link),
html.mobile .header-container .header-panel .nav-container ul#nav li.level0>a:not(.not-menu-link) {
line-height: 50px;
}
.header-container .header-panel .nav-container ul#nav li.level0.opened.padding,
html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened.padding {
padding-top: 50px;
}
.header-container .header-panel .nav-container ul#nav li.level0.opened .navigation-container ul.level0 li.level1:last-child>a:not(.not-menu-link):last-child,
html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened .navigation-container ul.level0 li.level1:last-child>a:not(.not-menu-link):last-child {
padding-bottom: 10px;
}
.header-container .header-panel .nav-container .level0.phone-support,
html.mobile .header-container .header-panel .nav-container .level0.phone-support {
display: block;
}
.header-container .header-panel .nav-container .level0.logo.has-products,
html.mobile .header-container .header-panel .nav-container .level0.logo.has-products {
width: 50%;
}
.header-container .header-panel .nav-container .level0.logo.no-products-in-cart,
html.mobile .header-container .header-panel .nav-container .level0.logo.no-products-in-cart {
width: 62.5%;
}
.header-container .header-panel .nav-container .level0.logo.fix a img.desktop-logo,
html.mobile .header-container .header-panel .nav-container .level0.logo.fix a img.desktop-logo {
filter: alpha(opactiy=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.header-container .header-panel .nav-container .level0.logo.fix a img.mobile-logo,
html.mobile .header-container .header-panel .nav-container .level0.logo.fix a img.mobile-logo {
filter: alpha(opactiy=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.header-container .cookie-warning .warning-messages {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 200;
font-style: italic;
font-size: 0.85714rem;
}
.header-container .cookie-warning .warning-messages .cookie-message a {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 0.85714rem;
}
}
@media screen and (max-width: 480px) {
.header-container .header-panel .nav-container .level0.logo.has-products,
html.mobile .header-container .header-panel .nav-container .level0.logo.has-products {
width: 43.75%;
}
.header-container .header-panel .nav-container .level0.logo.no-products-in-cart,
html.mobile .header-container .header-panel .nav-container .level0.logo.no-products-in-cart {
width: 43.75%;
}
.header-container .header-panel .nav-container.products-in-cart .level0.car,
html.mobile .header-container .header-panel .nav-container.products-in-cart .level0.car {
display: none;
}
}
/*# sourceMappingURL=RC_Header.css.map */
/* new css new minicart */
#minicart-modal.modal-window {
left: auto;
right: 0;
width: 583px;
margin-left: auto;
margin-right: 0px;
margin-top: 0 !important;
border: 0;
height: 100vh;
}
#minicart-modal .modal-content {
padding: 0 25px;
}
#minicart-modal .crosssell {
border-top: 1px solid #000;
margin-top: 10px;
border-bottom: 1px solid #000;
padding-bottom: 30px;
}
#minicart-modal .crosssell>h2 {
text-align: left;
text-transform: uppercase;
font-style: normal;
font-size: 20px;
margin-bottom: 20px;
margin-top: 30px;
}
#minicart-modal .crosssell .price-cell.second-price-cell,
#minicart-modal .crosssell .price-cell.first-price-cell {
display: none;
}
#minicart-modal .crosssell .price-cell.minicart-price-cell {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 15px;
float: right;
line-height: 1.7;
}
#minicart-modal .crosssell .cart-image-container {
width: 175px;
height: 150px;
}
#minicart-modal .crosssell .name-price {
width: calc(100% - 175px);
}
#minicart-modal .crosssell .data-cell {
display: flex;
flex-wrap: wrap;
}
#minicart-modal .crosssell .product-name {
margin-top: 0;
}
#minicart-modal .crosssell .description {
font-size: 15px;
color: #3c3c3c;
font-weight: 300;
padding-right: 90px;
}
#minicart-modal .crosssell .buttons {
display: flex;
}
#minicart-modal .crosssell button {
margin: 18px 0 5px 0;
font-weight: 300;
border: 1px solid #333;
background: #fff;
color: #333;
padding: 8px 20px;
border-radius: 5px;
font-size: 18px;
text-transform: uppercase;
cursor: pointer;
display: block;
}
#minicart-modal .crosssell button.btn-no-thanks {
margin-left: 10px;
}
#minicart-modal .crosssell .discount-price {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
position: relative;
margin-right: 10px;
}
#minicart-modal .crosssell .discount-price::after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
height: 1px;
background-color: #ff0000;
top: 54%;
}
/*#minicart-modal.modal-window .modal-close {
right: 23px;
top: 58px;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/modal-close-xb.png) no-repeat center;
}*/
.header-container .header-panel .nav-container .level0.header-minicart.cart>a:not(.not-menu-link):not(.submenu-link)::before {
content: " ";
display: none;
border-top: 0;
}
.your-cart-links {
margin-top: 50px;
margin-bottom: 50px;
font-size: 21px;
display: flex;
align-items: center;
justify-content: space-between;
}
.your-cart-links>div {
display: flex;
align-items: center;
}
.your-cart-links>div p {
padding-right: 10px;
}
.your-cart-links>div a {
padding-left: 10px;
}
ul.checkout-types.minicart {
display: flex;
align-items: center;
justify-content: space-between;
}
.minicart-wrapper li {
display: flex;
flex-wrap: wrap;
}
.minicart-container .minicart-wrapper {
width: 100%;
}
.minicart-container .minicart-wrapper .img-cell img {
width: 165px;
height: auto;
}
.minicart-container .minicart-wrapper .product-name {
text-align: left;
font-size: 22px;
font-style: normal;
}
.minicart-container .remove-item {
display: block;
width: 100%;
border-bottom: 1px solid #000;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 40px;
}
.remove-item svg {
width: 20px;
height: 20px;
}
.remove-item {
text-align: right;
}
.cart-image-container {
width: 175px;
height: 150px;
}
.cart-image-container img {
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.product-details .discount-price,
#amscheckout-onepage .product-details .product-price .discount-price,
#shopping-cart-table .discount-price {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
position: relative;
margin-right: 10px;
}
.product-details .discount-price:after,
#amscheckout-onepage .product-details .product-price .discount-price:after,
#shopping-cart-table .discount-price:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
height: 1px;
background-color: #ff0000;
top: 54%;
}
.product-details {
width: calc(100% - 175px);
}
.product-details .row.first-row {
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
.product-details .row.first-row {
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
.product-details .row.first-row,
.product-details .row.second-row,
.product-details .row.third-row,
.product-details .row.fourth-row {
line-height: 1.65;
}
.product-details .row.first-row .product-price {
margin-left: auto;
margin-right: 0;
}
#minicart-modal.modal-window .modal-content p {
text-align: left;
}
#minicart-modal.modal-window p.product-price .price {
font-size: 18px;
}
#minicart-modal.modal-window .second-row p,
#minicart-modal.modal-window .third-row p,
#minicart-modal.modal-window .fourth-row {
font-size: 18px;
font-weight: 300;
text-align: left;
}
#minicart-modal.modal-window .row.third-row {
display: flex;
align-items: center;
}
#minicart-modal.modal-window .row.third-row p {
margin-right: 20px;
}
#minicart-modal.modal-window .modal-content p.subtotal {
display: flex;
justify-content: space-between;
font-weight: 500;
}
#minicart-modal.modal-window .modal-content p.subtotal span {
font-size: 18px;
}
.minicart-container .minicart-wrapper li.item.last.odd .remove-item {
margin-bottom: 10px;
}
.coupon-notification {
display: block;
font-size: 15px;
text-align: left;
margin: 15px 0 30px;
font-weight: 300;
}
.checkout-types.minicart .button.checkout-button {
margin: -7px 0 0 0;
font-weight: 400;
border: 1px solid #18ac00;
background: #18ac00;
color: #fff;
padding: 0px 73px;
border-radius: 5px;
font-size: 18px;
line-height: 44px;
}
#minicart-modal.modal-window .modal-close,
.price-mobile {
display: none;
}
.option-row {
display: flex;
}
.pricecelll {
margin-left: auto;
font-size: 15px;
line-height: 2;
}
#profiler_section {
display: none !important;
}
@media (max-width: 959px) {
#minicart-modal.modal-window .modal-close {
width: 30px;
height: 30px;
display: block;
position: absolute;
top: 50px;
right: 20px;
background-color: transparent;
}
#minicart-modal.modal-window .modal-close:after {
content: "";
height: 30px;
border-left: 2px solid #000;
position: absolute;
transform: rotate(45deg);
left: 14px;
}
#minicart-modal.modal-window .modal-close:before {
content: "";
height: 30px;
border-left: 2px solid #000;
position: absolute;
transform: rotate(-45deg);
left: 14px;
}
.mobile-navigation-megamenu .titlemenu {
color: #fff;
font-weight: 400;
font-size: 18px;
}
.header-container .header-panel .nav-container #nav .level0 .mobile-navigation-megamenu.navigation-container.level0 ul.level0 li.level1 a:not(.not-menu-link)
{
border-bottom: 0 !important;
}
.header-container .header-panel .nav-container ul#nav li.level0.opened .mobile-navigation-megamenu.navigation-container ul.level0 li.level1 > a:not(.not-menu-link) {
line-height: 34px;
}
.mobile-navigation-megamenu .titlemenu .subnavi {
padding-bottom: 15px;
border-bottom: 1px solid #fff;
margin-bottom: 15px;
}
.mobile-navigation-megamenu .titlemenu .subnavi li a {
color: #fff;
text-transform: uppercase;
font-weight: 300;
}
.navigation-container.level0.menu_2.mobile-navigation-megamenu .titlemenu:last-child .subnavi{
border-bottom: 0;
}
}
@media (max-width: 580px) {
.row.third-row {
justify-content: center;
}
.minicart-wrapper li .img-cell {
display: block;
margin: 0 auto;
width: 100%;
}
.cart-image-container {
margin: 0 auto;
}
.first-row .product-price {
display: none;
}
.product-details {
width: 100%;
}
#minicart-modal.modal-window .modal-content p,
#minicart-modal.modal-window .second-row p,
#minicart-modal.modal-window .third-row p,
#minicart-modal.modal-window .fourth-row {
text-align: center;
width: 100%;
}
#minicart-modal.modal-window .modal-content p.product-price {
font-weight: 500;
}
#minicart-modal.modal-window .third-row p {
width: 100%;
display: block;
margin: 0 auto !important;
}
#minicart-modal.modal-window .row.third-row,
.price-mobile {
display: block;
}
#minicart-modal .crosssell .buttons {
display: inline-flex;
}
.price-mobile {
margin-top: 20px;
font-size: 18px;
}
#minicart-modal.modal-window {
width: 100%;
}
select.input-text.qty {
width: auto !important;
background: transparent;
}
#shopping-cart-table td.data-cell .name-price td.option-name {
font-size: 15px !important;
}
.modal-overlay[data-modal="minicart-modal"] {
width: 100vw !important;
}
.fourth-row .option-row {
display: flex;
justify-content: space-between;
}
.pricecelll {
margin-left: 15px;
font-size: 14px;
}
.option-name {
font-size: 15px;
}
ul.checkout-types.minicart {
display: block;
}
.checkout-types.minicart .button.checkout-button {
display: block;
margin: 0 auto 20px;
}
#minicart-modal .crosssell .data-cell {
display: block;
}
#minicart-modal .crosssell .price-cell.minicart-price-cell {
display: none;
}
#minicart-modal .crosssell .name-price {
width: 100%;
}
#minicart-modal .crosssell .product-name {
text-align: center;
margin-top: 15px;
}
#minicart-modal .crosssell .description {
margin-bottom: 20px;
padding-right: 0;
}
#minicart-modal .crosssell button {
margin: auto;
}
#minicart-modal .crosssell .price-cell.second-price-cell {
display: block !important;
width: 100% !important;
text-align: center !important;
margin-top: 20px;
font-size: 18px;
}
#minicart-modal .crosssell td {
display: block;
}
#shopping-cart-table td.price-cell span.cart-price .whole,
#shopping-cart-table td.price-cell span.cart-price .decimal,
#shopping-cart-table td.price-cell span.cart-price .currency {
font-weight: 500 !important;
}
}
span.currency {
padding-left: 4px;
}
body.store-itl .checkout-types.minicart .button.checkout-button {
padding: 0px 50px;
}
.header-container .header-panel .nav-container.-desktop #nav .level0:hover {
background: #000;
}
.header-container .header-panel .nav-container.-desktop #nav .level0:hover .navigation-container.level0 {
display: block;
}
.header-container .header-panel .nav-container #nav .level0>a:not(.not-menu-link).over:not(.submenu-link):before {
content: none;
}
.header-container .header-panel .nav-container #nav .level0 .navigation-container.level0 ul.level0 {
background: #000000;
border-radius: 0;
width: 390px;
left: calc(50% - 195px);
padding: 20px 40px;
}
.header-container .header-panel .nav-container #nav .level0 .navigation-container.level0 ul.level0 li.level1 a:not(.not-menu-link) {
float: left;
width: 100%;
position: relative;
padding: 15px 0;
font-size: 18px;
line-height: 22px;
font-weight: 300;
text-transform: uppercase;
border-bottom: 1px #fff solid;
text-decoration: none;
text-align: center;
letter-spacing: 0px;
color: #ffffff;
padding: 20px 0 20px 0;
}
.header-container .header-panel .nav-container #nav .level0 .navigation-container.level0.menu_2 ul.level0 li.level1 a:not(.not-menu-link) {
padding: 0 0 20px 0;
}
.header-container .header-panel .nav-container #nav .level0 .navigation-container.level0 ul.level0 li.level1:last-child a {
border-bottom: none !important;
}
.header-container .header-panel .nav-container #nav .level0 .navigation-container.level0 ul.level0::before {
content: none;
}
@media (min-width: 960px) {
#item_racechip_rs {
width: 35%;
float: left;
}
#item_racechip_gts,
#item_racechip_s {
width: 32,5%;
float: left;
}
#item_gaspedal,
#item_evs {
width: 50%;
float: left;
border-top: 1px solid #fff;
}
.header-container .header-panel .nav-container #nav .level0 .navigation-container.level0.menu_2 .submenu-mega {
background: #000000;
width: 550px;
left: calc(50% - 275px);
padding: 20px 30px 30px 30px;
position: absolute;
top: 0;
border-radius: 0;
}
.wrapper .page .submenu-mega h3 {
text-align: center;
font-size: 18px;
font-weight: 300;
line-height: 22px;
letter-spacing: 0px;
color: #ffffff;
text-transform: uppercase;
opacity: 1;
margin-top: 30px;
}
.submenu-mega .row-1,
.submenu-mega .row-2 {
display: flex;
justify-content: space-evenly;
}
.row-2 {
border-top: 1px solid #fff;
}
.row-2 .vertical-separator {
width:1px;
height: 280px;
display: block;
background: #fff;
}
.row-2 .product-item img {
width: 180px;
}
/*#item_racechip_gts a,
#item_racechip_rs a,
#item_racechip_s a {
display: block;
position: relative;
font-size: 0 !important;
height: 260px;
padding-bottom: 0 !important;
margin-top: 55px;
border-bottom: 0 !important;
}
#item_racechip_gts a:after,
#item_racechip_rs a:after,
#item_racechip_s a:after {
display: block;
position: absolute;
content: "";
background: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/home/products/gts.jpg) center no-repeat;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 200px;
}
#item_racechip_rs a:after {
background: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/home/products/rs.jpg) center no-repeat;
background-size: 200px;
}
#item_racechip_s a:after {
background: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/home/products/s.jpg) center no-repeat;
background-size: 200px;
}
#item_gaspedal {
border-right: 1px solid #fff;
}
#item_gaspedal a {
border-bottom: 0 !important;
}
#item_racechip_gts,
#item_racechip_rs,
#item_racechip_s {
width: 33%;
float: left;
}
#item_gaspedal a,
#item_evs a {
display: block;
position: relative;
height: 240px;
padding-bottom: 0 !important;
margin-top: 20px;
border-bottom: 0 !important;
}
#item_gaspedal a:after,
#item_evs a:after {
display: block;
position: absolute;
content: "";
background: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/home/products/xlr5.jpg) center no-repeat;
top: 30px;
left: 0;
width: 100%;
height: 100%;
background-size: 200px;
}
#item_evs a:after {
background: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/home/products/rx2.jpg) center no-repeat;
background-size: 200px;
}*/
.header-container .header-panel .nav-container.-desktop #nav>.level0.nav-1.first,
.header-container .header-panel .nav-container.-desktop #nav>.level0.nav-1.first:hover {
background: transparent !important;
}
.header-container .header-panel .nav-container.-desktop #nav>.level0.nav-1.first a {
/*width: 70%;*/
height: 50px;
text-align: center;
float: none;
display: block;
margin: 0 auto;
}
.header-container .header-panel .nav-container.-desktop #nav>.level0.nav-1.first a,
.header-container .header-panel .nav-container.-desktop #nav>.level0.nav-1.first a:hover {
background: #ea5b0c !important;
border-radius: 0;
border-radius: 0;
}
}
.minicart-actions .small-icons {
display: flex;
margin: 15px auto;
justify-content: center;
gap: 10px;
}
.minicart-actions .small-icons img {
height: 30px;
}
@media (max-width: 580px) {
.minicart-actions {
position: fixed;
bottom: 0;
background: #fff;
left: 0;
width: 100%;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}
.minicart-container .minicart-wrapper {
padding-bottom: 170px;
}
ul.checkout-types.minicart {
display: block;
margin-top: 20px;
}
}
/* Countdown timer */
.msg-cookies-enabled {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
white-space: pre;
}
#countdowntimer div {
display: flex;
background: #fff;
color: rgba(144, 58, 12, 0.9);
padding: 4px;
border-radius: 4px;
margin-right: 4px;
align-items: center;
line-height: 1;
}
#countdowntimer div small {
position: relative;
padding-left: 3px;
font-weight: 400;
}
#countdowntimer {
font-weight: bold;
font-size: 1rem;
align-items: center;
margin-right: 4px;
margin-left: 4px;
}
#countdowntimer span {
font-size: 0.725rem;
vertical-align: middle;
}
@media only screen and (max-width: 640px) {
#countdowntimer {
display: block;
padding-top: 0.525rem;
width: 100%;
justify-content: center;
}
}
/*
* Modal windows
*
* Included everywhere on the website.
* Addresses ONLY the modal windows
*
* @author Jarlssen GmbH
* @see RC_Common.scss
*/
/*
* Main definitions SCSS file
*
* Definition of mixins and functions etc.
* Should NOT generate any actual CSS!
* To be included in ALL subsequent SCSS files.
*
* @author Jarlssen GmbH
*/
/*
* Main variables SCSS file
*
* Definition of ONLY variables.
* Should NOT generate any actual CSS!
*
* To be included ONLY in _RC_Definitions.scss.
*
* @author Jarlssen GmbH
* @see _RC_Definitions.scss
*/
body.modalOpened {
overflow: hidden; }
[data-modal-trigger] {
cursor: pointer; }
.modal-overlay, .america-redirect-mod {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.65);
overflow: hidden;
overflow-y: auto;
text-transform: none; }
.modal-window {
width: 992px;
position: relative;
left: 0;
right: 0;
margin: 0 auto;
background-color: #fff;
border: 1px solid #e4e5e5;
box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9);
-webkit-box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9);
-moz-box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9); }
@media screen and (max-width: 992px) {
.modal-window {
width: calc(100% - 40px);
margin: 8.06452% auto 0 auto; } }
@media screen and (max-width: 480px) {
.modal-window {
width: calc(100% - 20px); } }
.modal-window.modal-alert {
min-width: 300px;
max-width: 600px; }
.modal-window .modal-content {
text-align: center;
padding: 30px 40px 40px 40px;
overflow: hidden;
overflow-y: auto; }
@media screen and (max-width: 992px) {
.modal-window .modal-content {
padding: 30px 30px 40px 30px; } }
@media screen and (max-width: 480px) {
.modal-window .modal-content {
padding: 20px 15px; } }
.modal-window .modal-content.modal-content-shop-details {
padding-left: 0;
padding-right: 0; }
.modal-window .modal-content .modal-title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 2.14286rem;
margin-bottom: 40px; }
.modal-window .modal-content h2.modal-title {
margin-top: 0; }
.modal-window .modal-content .modal-content-container {
position: relative; }
.modal-window .modal-content .modal-content-container .titles {
display: none; }
.modal-window .modal-content .modal-content-container .titles .title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 2.14286rem;
margin-bottom: 10px; }
.modal-window .modal-content .modal-content-container .titles .sub-title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.57143rem;
margin-top: 20px;
margin-bottom: 10px; }
.modal-window .modal-content .modal-content-container .video-container img {
width: 100%;
height: auto; }
.modal-window .modal-content .modal-content-container .video-container iframe {
position: absolute;
left: 0;
top: 0; }
.modal-window .modal-content .modal-content-container ul.explanations {
list-style-type: disc; }
.modal-window .modal-content .modal-content-container ul.explanations li {
text-align: left;
margin-bottom: 10px;
margin-left: 10px; }
.modal-window .modal-content .modal-content-container .explanations-modal-close {
padding-left: 10px; }
.modal-window .modal-content .modal-ok-button {
margin-top: 40px; }
.modal-window .modal-content .modal-ok-button button {
min-width: 120px; }
.modal-window .modal-close {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
width: 17px;
height: 17px;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/modal-close-x.png) no-repeat center;
z-index: 1; }
@media screen and (max-width: 480px) {
.modal-window .modal-close {
right: 5px;
top: 5px; } }
.modal-window .modal-close.close-and-scroll, .modal-window .modal-close.close-and-hide {
position: static;
display: inline-block;
width: auto;
height: auto;
background: none;
text-align: left;
margin: 0; }
.modal-window .modal-edit {
display: inline-block;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-edit.png) no-repeat center;
width: 18px;
height: 18px; }
.modal-window.tech-data-container h2 {
margin-top: 0; }
.america-redirect-mod {
z-index: -1;
display: block;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-o-transition: opacity 0.5s linear;
transition: opacity 0.5s linear; }
.america-redirect-mod .america-redirect-mod-window {
left: 0;
width: 100%;
position: absolute;
min-height: 316px;
top: 50%;
margin-top: -158px; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content {
max-width: 1000px;
width: 80%;
display: block;
margin: 0 auto;
background-color: #fff;
padding: 0 14px;
position: relative;
box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9);
-webkit-box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9);
-moz-box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content.america-modal {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/america_flag.png);
background-position: left top;
background-size: auto 100%;
background-repeat: no-repeat; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content h2 {
padding-top: 54px;
text-align: center;
margin: 0;
color: #353535;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 1.85714rem; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content h3 {
padding-top: 4px;
padding-bottom: 54px;
text-align: center;
font-style: italic;
margin: 0;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.28571rem; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content a, .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .modal-btn-continue {
display: block;
width: 90%;
max-width: 288px;
padding: 15px 10px;
margin: 0 auto;
color: #fff;
text-transform: uppercase;
text-align: center;
background: #ea5b0c;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content a:hover, .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .modal-btn-continue:hover {
background: #ff9600; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .redirect-close-txt, .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .bf-coupon {
display: block;
clear: both;
text-align: center;
margin-top: 54px;
margin-bottom: 20px;
cursor: pointer;
text-transform: uppercase;
color: #adadad;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.78571rem;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .redirect-close-txt:hover, .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .bf-coupon:hover {
color: #5c5e60; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .bf-coupon {
color: #000; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .redirect-close {
position: absolute;
right: 5px;
top: 5px;
cursor: pointer;
width: 17px;
height: 17px;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/modal-close-x.png) no-repeat center;
z-index: 1; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content:after {
content: '';
display: table;
clear: both; }
.america-redirect-mod.is-visible {
z-index: 99;
display: block;
opacity: 1;
visibility: visible; }
.america-redirect-mod.is-visible .america-redirect-mod-window .america-redirect-mod-content {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
@media screen and (max-width: 600px) {
.america-redirect-mod .america-redirect-mod-window {
min-height: 220px;
margin-top: -110px; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content {
background: #fff;
border: 1px solid #e4e5e5; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content h2 {
padding-top: 24px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 1.28571rem; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content h3 {
padding-top: 4px;
padding-bottom: 18px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 0.92857rem; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content a {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.85714rem; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .redirect-close-txt, .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .bf-coupon {
margin-top: 18px;
margin-bottom: 16px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.71429rem; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .redirect-close {
width: 14px;
height: 14px;
background-size: contain; }
.america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .no-mobiles {
display: none; } }
/*# sourceMappingURL=RC_ModalWindow.css.map */
/*
* Car selector / picker
*
* Included everywhere on the website.
* Addresses ONLY the car selector / pickers
*
* @author Jarlssen GmbH
* @see RC_Common.scss
*/
/*
* Main definitions SCSS file
*
* Definition of mixins and functions etc.
* Should NOT generate any actual CSS!
* To be included in ALL subsequent SCSS files.
*
* @author Jarlssen GmbH
*/
/*
* Main variables SCSS file
*
* Definition of ONLY variables.
* Should NOT generate any actual CSS!
*
* To be included ONLY in _RC_Definitions.scss.
*
* @author Jarlssen GmbH
* @see _RC_Definitions.scss
*/
.picker-container {
cursor: pointer;
vertical-align: top;
position: relative;
z-index: 1;
display: inline-block;
overflow-y: hidden;
width: 29.16667%;
}
html.desktop .picker-container {
min-width: 200px;
max-width: 280px;
}
.picker-container .picker-selected {
height: 80px;
padding: 0 40px 0 20px;
line-height: 80px;
border: none;
position: relative;
font-size: 1.2rem;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
}
.picker-container .picker-selected .gradient {
width: 100%;
height: 100%;
position: absolute;
right: 0;
top: 0;
}
.picker-container .picker-selected.open .-label {
display: none;
}
html.mobile .picker-container .picker-selected {
display: none;
}
.picker-container .picker-selected[data-value-selected] {
color: #3c3c3c;
background-color: rgba(250, 250, 250, 0.75);
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
}
.picker-container .picker-selected[data-value-selected] .-label {
filter: alpha(opactiy=75);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
.picker-container .picker-selected[data-value-selected]:hover {
background-color: #fafafa;
}
.picker-container .picker-selected[data-value-selected]:hover .-label {
filter: alpha(opactiy=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.picker-container .picker-selected[data-value-selected] .gradient {
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-check-green.svg) no-repeat 95% center;
background-size: 21px;
}
.picker-container .picker-selected[data-value-selected=""] {
color: #3c3c3c;
background-color: #fafafa;
}
.picker-container .picker-selected[data-value-selected=""] .-label {
filter: alpha(opactiy=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.picker-container .picker-selected[data-value-selected=""] .gradient {
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/arrow_down_orange.svg) no-repeat 95% center;
background-size: 17px;
}
.picker-container .picker-filter {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
max-width: none;
height: 80px;
border: none;
line-height: 1.2;
padding: 0 20px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.35714rem;
color: #3c3c3c;
}
.picker-container.disabled .picker-selected {
background-image: none;
cursor: default;
color: #8b8b8b;
}
.picker-container.disabled .picker-selected span.-label {
color: #8b8b8b;
}
.picker-container ul.picker {
display: none;
width: 100%;
max-height: 220px;
overflow-y: auto;
position: absolute;
z-index: 560000;
background: #fff;
box-shadow: 0 2px 5px 1px rgba(160, 160, 160, 0.73);
-webkit-box-shadow: 0 2px 5px 1px rgba(160, 160, 160, 0.73);
-moz-box-shadow: 0 2px 5px 1px rgba(160, 160, 160, 0.73);
left: 0;
}
.picker-container.open {
overflow: visible;
}
.picker-container ul.picker li.option {
text-align: left;
line-height: 1.8;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
background-color: #fff;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 0.92857rem;
}
.picker-container ul.picker li.option a {
display: block;
padding-left: 20px;
padding-right: 5px;
color: #3c3c3c;
}
.picker-container ul.picker li.option a:hover,
.picker-container ul.picker li.option a.-hovered {
background-color: #c85a1e;
color: #fff;
}
.picker-container ul.picker li.option.first {
background: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/picker-list-background.png) no-repeat top center;
padding-top: 10px;
}
.picker-container ul.picker li.option.first a {
color: #8b8b8b;
}
.picker-container ul.picker li.option.first a:hover,
.picker-container ul.picker li.option.first a.-hovered {
background-color: transparent;
color: #8b8b8b;
cursor: default;
}
.picker-container ul.picker li.option.last {
border-bottom: 1px solid #fff;
}
.picker-container ul.picker li.option.selected a,
.picker-container ul.picker li.option.disabled a {
color: #8b8b8b;
cursor: default;
}
.picker-container ul.picker li.option.selected a:hover,
.picker-container ul.picker li.option.selected a.-hovered,
.picker-container ul.picker li.option.disabled a:hover,
.picker-container ul.picker li.option.disabled a.-hovered {
background-color: transparent;
color: #8b8b8b;
}
.picker-container.open {
box-shadow: 0 2px 5px 1px rgba(160, 160, 160, 0.73);
-webkit-box-shadow: 0 2px 5px 1px rgba(160, 160, 160, 0.73);
-moz-box-shadow: 0 2px 5px 1px rgba(160, 160, 160, 0.73);
}
.by-car .selectors .picker-container {
position: absolute;
-webkit-transition: width 0.5s ease-in-out;
-moz-transition: width 0.5s ease-in-out;
-o-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out;
min-width: 0;
max-width: 100%;
width: 33.1%;
z-index: 1;
left: 0;
right: 0;
margin: 0 auto;
line-height: 1;
border: none;
border-radius: 2px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
font-weight: 600;
color: #333;
font-size: 1.35714rem;
appearance: none;
background-repeat: no-repeat;
background-position: right 24px top 50%;
background-size: 0.65rem auto;
}
.by-car .selectors .picker-container.full-width {
width: 100%;
z-index: 5;
-webkit-transition: z-index 0.5s step-start;
-moz-transition: z-index 0.5s step-start;
-o-transition: z-index 0.5s step-start;
transition: z-index 0.5s step-start;
-webkit-transition: width 0.5s ease-in-out;
-moz-transition: width 0.5s ease-in-out;
-o-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out;
}
.by-car .selectors .picker-container:first-child {
left: 0;
right: auto;
}
.by-car .selectors .picker-container:last-child {
right: 0;
left: auto;
}
.by-car .selectors .picker-container .picker-filter:focus {
outline: none;
box-shadow: unset;
border: none;
}
.by-car .selectors .picker-container .picker-selected {
text-align: left;
}
.by-car .selectors .picker-container .picker-selected .-label {
white-space: nowrap;
display: inline-block;
width: 100%;
overflow-x: hidden;
float: left;
}
form.car-selector-form .form-container {
position: relative;
height: 240px;
}
form.car-selector-form.hsn {
height: auto;
}
form.car-selector-form.hsn .form-container {
height: auto;
}
form.car-selector-form .by-car {
width: 85%;
}
.car-selector-modal form.car-selector-form .by-car {
margin: 0 auto;
min-height: 110px;
}
.modal-content-container form.car-selector-form .form-buttons .btn.call-to-action {
display: block;
margin: 10px auto;
}
.car-selector-modal form.car-selector-form .by-car .picker-container .picker-selected[data-value-selected] {
background-color: rgba(228, 228, 228, 0.75);
}
.car-selector-modal form.car-selector-form .by-car .picker-container .picker-selected[data-value-selected=""] {
background-color: #e4e4e4;
}
html.mobile form.car-selector-form .by-car.embedded {
position: relative;
}
html.mobile form.car-selector-form .by-car.embedded .modal-trigger {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
height: 100%;
z-index: 2;
}
form.car-selector-form .selectors {
width: 100%;
position: relative;
}
html.mobile form.car-selector-form .selectors {
text-align: left;
position: static;
}
html.mobile form.car-selector-form .selectors .picker-container {
width: 80%;
margin: 0 auto;
display: block;
margin-bottom: 12px;
text-align: center;
line-height: normal;
position: relative;
}
html.mobile form.car-selector-form .selectors select {
font-size: 1.2rem !important;
width: 100%;
padding: 12px 24px;
height: 80px;
border: none;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1rem;
color: #333;
appearance: none;
background-image: url("https://www.racechip.co.uk/skin/frontend/racechip/default/css/data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjMzMzMxIDFMNi4zMzMzMSA2TDExLjMzMzMgMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
background-position: right 24px top 50%;
background-size: 0.65rem auto;
}
form.car-selector-form .form-buttons {
position: relative;
}
form.car-selector-form .form-buttons button.submit {
margin-right: 10px;
}
@media screen and (max-width: 840px) {
form.car-selector-form .form-buttons button.submit {
margin-bottom: 10px;
}
form.car-selector-form .form-buttons button .no-mobiles {
display: none;
}
}
@media (max-width: 768px) {
.modal-content-container form.car-selector-form .by-car .selectors .picker-container {
position: relative;
max-width: 100%;
width: 100%;
margin-bottom: 5px;
}
.modal-content-container form.car-selector-form .by-car .selectors .picker-container.open {
z-index: 50;
}
.modal-content-container form.car-selector-form .form-container {
position: relative;
height: auto;
}
}
@media screen and (max-width: 480px) {
form.car-selector-form .form-buttons button {
width: 70.83333%;
}
form.car-selector-form .form-buttons button.submit {
margin-right: 0;
}
}
@media screen and (max-width: 320px) {
form.car-selector-form .form-buttons button {
width: 87.5%;
}
}
form.car-selector-form .form-buttons .select-by,
form.car-selector-form .form-buttons .cr-pd-toggle {
display: inline-block;
margin-top: 20px;
text-transform: uppercase;
width: auto;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.85714rem;
}
form.car-selector-form .form-buttons .cr-pd-toggle {
margin-left: 10px;
}
form.car-selector-form .form-buttons.hsn {
position: relative;
margin-top: 40px;
}
form.car-selector-form .form-buttons.hsn .select-by,
form.car-selector-form .form-buttons.hsn .cr-pd-toggle {
width: auto;
}
html.mobile form.car-selector-form .form-buttons {
position: static;
}
form.car-selector-form .by-hsn-tsn {
display: none;
width: 80%;
margin: 0 auto;
}
form.car-selector-form .by-hsn-tsn .selectors {
position: relative;
}
form.car-selector-form .by-hsn-tsn .selectors .picker-container input[type="text"] {
border: 1px solid #c8c8c8;
box-shadow: inset -1px 2px 2px 1px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset -1px 2px 2px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset -1px 2px 2px 1px rgba(0, 0, 0, 0.15);
height: 60px;
padding: 0 20px;
width: 100%;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.42857rem;
color: #8b8b8b;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
form.car-selector-form .by-hsn-tsn .selectors .picker-container input[type="text"].validation-failed {
border: 1px solid #d12929;
box-shadow: inset -1px 2px 2px 1px rgba(224, 173, 173, 0.3);
-webkit-box-shadow: inset -1px 2px 2px 1px rgba(224, 173, 173, 0.3);
-moz-box-shadow: inset -1px 2px 2px 1px rgba(224, 173, 173, 0.3);
}
form.car-selector-form .by-hsn-tsn .selectors .picker-container.hsn {
width: 40%;
margin-right: 5%;
}
form.car-selector-form .by-hsn-tsn .selectors .picker-container.tsn {
width: 50%;
}
form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button {
display: none;
}
form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button .info-link {
display: none;
}
html.mobile form.car-selector-form .by-hsn-tsn .selectors .picker-container {
display: block;
width: 100%;
margin-right: 0;
}
html.mobile form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button {
display: none;
}
@media screen and (max-width: 480px) {
form.car-selector-form .by-hsn-tsn .selectors .picker-container input[type="text"] {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 600;
font-style: italic;
font-size: 1.14286rem;
}
}
@media screen and (max-width: 320px) {
form.car-selector-form .by-hsn-tsn .selectors .picker-container input[type="text"] {
height: 40px;
padding: 0 10px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1rem;
}
}
@media screen and (max-width: 768px) {
form.car-selector-form .by-hsn-tsn .selectors .picker-container.hsn,
form.car-selector-form .by-hsn-tsn .selectors .picker-container.tsn {
display: block;
margin: 0 auto 20px auto;
width: 100%;
}
}
form.car-selector-form .by-hsn-tsn.explanations {
margin: 40px auto 0 auto;
width: 80%;
}
form.car-selector-form .by-hsn-tsn.explanations img {
float: left;
}
form.car-selector-form .by-hsn-tsn.explanations p {
float: right;
max-width: 62%;
text-align: left;
margin-left: 3%;
margin-bottom: 20px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.92857rem;
line-height: 1.8;
}
@media screen and (max-width: 1115px) {
form.car-selector-form .by-hsn-tsn.explanations p {
max-width: 55%;
}
}
@media screen and (max-width: 768px) {
form.car-selector-form .by-hsn-tsn.explanations {
width: 100%;
}
}
@media screen and (max-width: 640px) {
form.car-selector-form .by-hsn-tsn.explanations p,
form.car-selector-form .by-hsn-tsn.explanations img {
float: none;
}
form.car-selector-form .by-hsn-tsn.explanations p {
text-align: center;
max-width: 100%;
margin-top: 20px;
}
}
@media screen and (max-width: 480px) {
form.car-selector-form .by-hsn-tsn.explanations p {
text-align: left;
}
}
form.car-selector-form .cr-pd-explanations {
display: none;
color: #3c3c3c;
}
form.car-selector-form .car-selector-error {
margin: 0;
padding-left: 10px;
position: absolute;
top: 80px;
width: 100%;
}
form.car-selector-form .car-selector-error.hsn {
position: static;
margin-bottom: 0;
}
form.car-selector-form .car-selector-error span.content {
margin: 0;
padding: 0;
border: none;
background-color: transparent;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.28571rem;
text-align: center;
}
.modal-window.car-selector-modal .modal-content .cr-pd-container {
margin-top: 40px;
}
.modal-window.car-selector-modal .modal-content .cr-pd-container .explanations {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.92857rem;
}
.modal-window.car-selector-modal .modal-content .cr-pd-container .explanations p {
line-height: 1.5;
margin-bottom: 10px;
}
.cr-pd-container .modal-title,
.modal-window .modal-content .cr-pd-container .modal-title {
margin-bottom: 20px;
text-align: left;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 2rem;
}
.cr-pd-container .modal-sub-title,
.modal-window .modal-content .cr-pd-container .modal-sub-title {
margin-bottom: 30px;
text-align: left;
}
.cr-pd-container .explanations,
.modal-window .modal-content .cr-pd-container .explanations {
margin-bottom: 40px;
}
.cr-pd-container .explanations p,
.modal-window .modal-content .cr-pd-container .explanations p {
padding: 0;
}
.cr-pd-container .explanations h4,
.cr-pd-container .explanations h5,
.modal-window .modal-content .cr-pd-container .explanations h4,
.modal-window .modal-content .cr-pd-container .explanations h5 {
text-align: left;
padding: 0;
}
.cr-pd-container .explanations h4,
.modal-window .modal-content .cr-pd-container .explanations h4 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.07143rem;
margin-bottom: 10px;
}
.cr-pd-container .explanations h5,
.modal-window .modal-content .cr-pd-container .explanations h5 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.92857rem;
}
.cr-pd-container .explanations .link,
.modal-window .modal-content .cr-pd-container .explanations .link {
text-transform: uppercase;
}
.cr-pd-container .explanations .explanation,
.modal-window .modal-content .cr-pd-container .explanations .explanation {
padding: 0;
}
.cr-pd-container .explanations .explanation.cr,
.cr-pd-container .explanations .explanation.pd,
.modal-window .modal-content .cr-pd-container .explanations .explanation.cr,
.modal-window .modal-content .cr-pd-container .explanations .explanation.pd {
float: left;
width: 50%;
}
.cr-pd-container .explanations.cr-pd-titles:before,
.cr-pd-container .explanations.cr-pd-titles:after,
.cr-pd-container .explanations.cr-pd-images:before,
.cr-pd-container .explanations.cr-pd-images:after,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-titles:before,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-titles:after,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images:before,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.cr-pd-container .explanations.cr-pd-titles:after,
.cr-pd-container .explanations.cr-pd-images:after,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-titles:after,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images:after {
clear: both;
}
.cr-pd-container .explanations.cr-pd-titles,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-titles {
margin-bottom: 10px;
}
.cr-pd-container .explanations.cr-pd-titles h4,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-titles h4 {
margin-bottom: 20px;
}
.cr-pd-container .explanations.cr-pd-titles .cr,
.cr-pd-container .explanations.cr-pd-titles .pd,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-titles .cr,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-titles .pd {
padding-left: 10px;
}
.cr-pd-container .explanations.cr-pd-images,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images {
border: 1px solid #c8c8c8;
background-color: #f9f9f9;
}
.cr-pd-container .explanations.cr-pd-images .cell,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .cell {
padding: 20px 8.06452% 0;
}
.cr-pd-container .explanations.cr-pd-images .cr,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .cr {
border-right: 1px solid #c8c8c8;
}
.cr-pd-container .explanations.cr-pd-images .cr .legend,
.cr-pd-container .explanations.cr-pd-images .pd .legend,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .cr .legend,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .pd .legend {
text-align: left;
margin-bottom: 20px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.85714rem;
}
.cr-pd-container .explanations.cr-pd-images .cr .image,
.cr-pd-container .explanations.cr-pd-images .pd .image,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .cr .image,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .pd .image {
margin-bottom: 20px;
width: 100%;
}
.cr-pd-container .explanations.cr-pd-images .cr .image img,
.cr-pd-container .explanations.cr-pd-images .pd .image img,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .cr .image img,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .pd .image img {
width: 100%;
}
.cr-pd-container table.cr-pd-table,
.modal-window .modal-content .cr-pd-container table.cr-pd-table {
width: 100%;
margin: 0 0 20px;
}
.cr-pd-container table.cr-pd-table td,
.cr-pd-container table.cr-pd-table th,
.modal-window .modal-content .cr-pd-container table.cr-pd-table td,
.modal-window .modal-content .cr-pd-container table.cr-pd-table th {
padding: 5px 10px;
border: 1px solid #c8c8c8;
}
.cr-pd-container table.cr-pd-table thead th,
.modal-window .modal-content .cr-pd-container table.cr-pd-table thead th {
text-align: left;
font-weight: 400;
border: none;
}
.cr-pd-container table.cr-pd-table tbody td,
.modal-window .modal-content .cr-pd-container table.cr-pd-table tbody td {
text-align: left;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.92857rem;
background-color: #f9f9f9;
}
.wrapper .page .block-item.embedded-car-selector .content-area,
.wrapper .page .block-item.embedded-functional-car-selector .content-area {
padding: 90px 0 0;
}
.wrapper .page .block-item.embedded-car-selector .title,
.wrapper .page .block-item.embedded-car-selector .sub-title,
.wrapper .page .block-item.embedded-functional-car-selector .title,
.wrapper .page .block-item.embedded-functional-car-selector .sub-title {
text-align: center;
margin: 0 auto;
}
.wrapper .page .block-item.embedded-car-selector .sub-title,
.wrapper .page .block-item.embedded-functional-car-selector .sub-title {
margin-top: 0;
}
.wrapper .page .block-item.embedded-car-selector form.car-selector-form,
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form {
width: 93.75%;
margin: 50px auto 0 auto;
text-align: center;
height: auto;
}
.wrapper .page .block-item.embedded-car-selector form.car-selector-form .form-container,
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .form-container {
height: auto;
display: flex;
align-items: center;
gap: 3px;
}
.wrapper .page .block-item.embedded-car-selector form.car-selector-form .selectors,
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .selectors {
position: static;
}
.wrapper .page .block-item.embedded-car-selector form.car-selector-form .by-hsn-tsn.explanations,
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn.explanations {
margin-bottom: 40px;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form {
width: auto;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form:before,
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form:after {
clear: both;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .car-selector-error {
position: static;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .car-selector-error span.content {
text-align: left;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car {
width: 90%;
height: 80px;
position: relative;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car .selectors {
position: absolute;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.hsn {
display: inline-block;
width: 27.08333%;
margin-right: 2.08333%;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.hsn input[type="text"] {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.28571rem;
color: #3c3c3c;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.tsn {
display: inline-block;
width: 34.375%;
margin-right: 2.08333%;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.tsn input[type="text"] {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.28571rem;
color: #3c3c3c;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button {
display: inline-block;
line-height: 60px;
width: 20.83333%;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button:before,
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button:after {
clear: both;
}
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button {
display: inline-block;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button .info-link {
display: inline-block;
float: left;
line-height: 24px;
margin-top: 16px;
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-info.png);
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button .btn {
line-height: 60px;
width: 100%;
}
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form {
height: auto;
}
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .car-selector-error {
width: 80%;
padding: 0;
margin-left: auto;
margin-right: auto;
}
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .car-selector-error span.content {
text-align: center;
}
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car,
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn {
width: 75%;
margin: 0 auto;
height: auto;
}
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car .selectors,
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors {
position: static;
}
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car .selectors .picker-container,
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container {
width: 80%;
margin-left: auto;
margin-right: auto;
}
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car .selectors .picker-container.submit-button,
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button {
display: block;
}
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn.explanations {
margin: 0 auto;
}
#car_manufacturer_shop_picker-container {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector .content-area {
max-width: 100%;
position: static;
padding: 0;
margin: 0;
max-width: 100%;
position: static;
margin: 0;
grid-column-gap: 8px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 8px;
text-decoration: none;
display: flex;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form {
margin: 0;
padding: 0;
text-align: left;
border: 1px solid #ea5b0c;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 115px;
padding: 10px;
text-decoration: none;
display: flex;
position: relative;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn {
background: linear-gradient(180deg, #00AC59 0%, #01875F 100%);
position: relative;
z-index: 2;
padding: 0 24px;
font-family: "BarlowSemiCondensedItalic", sans-serif;
font-weight: 600;
font-size: 1rem;
letter-spacing: 1px;
cursor: pointer;
color: #fff;
line-height: 80px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
text-decoration: none;
text-shadow: #FC0 1px 0 10px;
}
.wrapper .page .selector-container .teaser-container>a {
margin-bottom: 150px !important;
display: block !important;
}
html.mobile .wrapper .page .stage .selector-container .embedded-functional-car-selector .car-selector-form .by-car .selectors {
width: 100%;
height: 80px;
}
@media screen and (max-width: 1279px) {
.wrapper .page .stage .selector-container .teaser-container {
width: 100%;
}
.wrapper .page .stage .selector-container .teaser-container .teaser-title {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.85714rem;
margin-bottom: 0;
}
.wrapper .page .stage .selector-container .teaser-container .teaser-title b {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.85714rem;
}
body.store-frc .wrapper .page .stage .selector-container .teaser-container .teaser-title,
body.store-frc .wrapper .page .stage .selector-container .teaser-container .teaser-title b {
font-size: 1.8rem;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector {
max-width: 780px;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector .content-area {
flex-wrap: wrap;
}
.wrapper .page .selector-container .teaser-container>a,
.wrapper .page .selector-container .stage-teaser-container>a {
margin-bottom: 265px !important;
display: block !important;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector {
max-width: 780px;
}
.wrapper .page .selector-container .teaser-container > a,
.wrapper .page .selector-container .stage-teaser-container > a {
margin-bottom: 265px !important;
display: block !important;
}
}
@media screen and (max-width: 768px) {
.cr-pd-container h2,
.cr-pd-container h3,
.cr-pd-container h4,
.cr-pd-container h5,
.cr-pd-container h6,
.cr-pd-container p,
.cr-pd-container .explanation,
.modal-window .modal-content .cr-pd-container h2,
.modal-window .modal-content .cr-pd-container h3,
.modal-window .modal-content .cr-pd-container h4,
.modal-window .modal-content .cr-pd-container h5,
.modal-window .modal-content .cr-pd-container h6,
.modal-window .modal-content .cr-pd-container p,
.modal-window .modal-content .cr-pd-container .explanation {
padding: 0 2.5%;
}
.cr-pd-container table,
.cr-pd-container .explanations,
.modal-window .modal-content .cr-pd-container table,
.modal-window .modal-content .cr-pd-container .explanations {
margin: 0 2.5%;
}
.cr-pd-container .modal-sub-title,
.modal-window .modal-content .cr-pd-container .modal-sub-title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.35714rem;
}
.cr-pd-container .explanations,
.modal-window .modal-content .cr-pd-container .explanations {
margin-bottom: 40px;
}
.cr-pd-container .explanations.cr-pd-images .cell,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .cell {
padding: 20px 5.20833% 0;
}
html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector,
html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector {
min-height: 230px;
}
html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-car .picker-container,
html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-car .picker-container {
position: absolute;
left: 0;
right: 0;
}
html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-car .picker-container.car_manufacturer_picker-container,
html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-car .picker-container.car_manufacturer_picker-container {
top: 0;
z-index: 4;
}
html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-car .picker-container.car_model_picker-container,
html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-car .picker-container.car_model_picker-container {
top: 70px;
z-index: 3;
}
html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-car .picker-container.car_engine_picker-container,
html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-car .picker-container.car_engine_picker-container {
top: 140px;
z-index: 2;
}
html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors,
html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors {
width: 75%;
margin: 0 auto;
}
html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container,
html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.hsn,
html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.tsn,
html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container,
html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.hsn,
html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.tsn {
width: 100%;
}
html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button,
html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button {
text-align: center;
}
.wrapper .page .block-item.embedded-car-selector .title,
.wrapper .page .block-item.embedded-car-selector .sub-title,
.wrapper .page .block-item.embedded-functional-car-selector .title,
.wrapper .page .block-item.embedded-functional-car-selector .sub-title {
padding: 0 11.71875%;
text-align: left;
}
.wrapper .page .block-item.embedded-car-selector .title,
.wrapper .page .block-item.embedded-functional-car-selector .title {
margin-bottom: 10px;
}
.wrapper .page .block-item.embedded-car-selector .picker-container,
.wrapper .page .block-item.embedded-functional-car-selector .picker-container {
display: block;
width: 57.29167%;
margin: 0 auto 10px auto;
}
.wrapper .page .block-item.embedded-car-selector .picker-container .picker-selected,
.wrapper .page .block-item.embedded-functional-car-selector .picker-container .picker-selected {
text-align: left;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.hsn,
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.tsn,
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button {
display: block;
margin: 0 auto 10px auto;
width: 52.08333%;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button .info-link {
display: inline-block;
line-height: 24px;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button .btn {
float: none;
}
body .wrapper .page .stage .selector-container .embedded-functional-car-selector .by-car {
min-width: 94vw;
}
}
.wrapper .page .c2a-smartphones {
display: none !important;
}
@media screen and (max-width: 680px) {
html.mobile form.car-selector-form .selectors select#car_manufacturer_shop,
#car_manufacturer_shop_picker-container {
border-top-right-radius: 6px !important;
border-bottom-right-radius: 2px !important;
border-top-left-radius: 6px !important;
border-bottom-left-radius: 2px !important;
}
html.mobile form.car-selector-form .selectors select {
max-width: unset !important;
}
html.mobile .wrapper .page .stage .selector-container .embedded-functional-car-selector .car-selector-form .by-car .selectors .picker-container {
width: 100% !important;
position: relative !important;
}
html.mobile .wrapper .page .stage .selector-container .embedded-functional-car-selector .car-selector-form .by-car .selectors .picker-container {
width: 100% !important;
position: relative !important;
}
html.mobile .wrapper .page .stage .selector-container .embedded-functional-car-selector .car-selector-form .by-car .selectors {
width: 100%;
height: auto !important;
}
html.mobile .wrapper .page .stage .selector-container .embedded-functional-car-selector .car-selector-form .by-car {
width: 100% !important;
float: none !important;
max-width: unset !important;
}
}
@media screen and (max-width: 580px) {
.wrapper .page .block-item.embedded-car-selector .content-area,
.wrapper .page .block-item.embedded-functional-car-selector .content-area {
padding-top: 60px;
}
.wrapper .page .block-item.embedded-car-selector .title,
.wrapper .page .block-item.embedded-car-selector .sub-title,
.wrapper .page .block-item.embedded-functional-car-selector .title,
.wrapper .page .block-item.embedded-functional-car-selector .sub-title {
padding: 0 18.75%;
text-align: center;
}
.wrapper .page .block-item.embedded-car-selector .picker-container,
.wrapper .page .block-item.embedded-functional-car-selector .picker-container {
width: 91.66667%;
}
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.hsn,
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.tsn,
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button {
width: 83.33333%;
}
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form {
line-height: normal;
}
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car,
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn {
width: 95%;
}
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car .selectors .picker-container,
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container {
width: 98%;
}
}
@media screen and (max-width: 480px) {
.modal-window.car-selector-modal .modal-content .selectors {
position: static;
}
.modal-window.car-selector-modal .modal-content .selectors .picker-container {
display: block;
width: 100%;
margin: 0 auto 10px;
max-width: 400px;
}
.modal-window.car-selector-modal .modal-content .form-buttons {
position: static;
line-height: 20px;
}
.modal-window.car-selector-modal .modal-content .form-buttons a.select-by,
.modal-window.car-selector-modal .modal-content .form-buttons a.cr-pd-toggle {
line-height: 20px;
}
.modal-window.car-selector-modal .modal-content .form-container {
height: auto;
}
.cr-pd-container .explanations .explanation,
.modal-window .modal-content .cr-pd-container .explanations .explanation {
padding: 0;
}
.cr-pd-container .explanations .explanation.cr,
.cr-pd-container .explanations .explanation.pd,
.modal-window .modal-content .cr-pd-container .explanations .explanation.cr,
.modal-window .modal-content .cr-pd-container .explanations .explanation.pd {
float: none;
width: 100%;
border: none;
}
.cr-pd-container .explanations.cr-pd-images,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images {
border: none;
background-color: transparent;
}
.cr-pd-container .explanations.cr-pd-images .cell,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .cell {
border: 1px solid #c8c8c8;
background-color: #f9f9f9;
padding-left: 8.33333%;
padding-right: 8.33333%;
}
.cr-pd-container .explanations.cr-pd-images .cr h5,
.cr-pd-container .explanations.cr-pd-images .pd h5,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .cr h5,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .pd h5 {
padding-left: 2.08333%;
margin-bottom: 10px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.14286rem;
}
.cr-pd-container .explanations.cr-pd-images .pd,
.modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .pd {
margin-top: 30px;
}
.cr-pd-container table.cr-pd-table td.no-480,
.cr-pd-container table.cr-pd-table th.no-480,
.modal-window .modal-content .cr-pd-container table.cr-pd-table td.no-480,
.modal-window .modal-content .cr-pd-container table.cr-pd-table th.no-480 {
display: none;
}
html.mobile .modal-window .modal-content .modal-title {
margin-bottom: 20px;
line-height: normal;
}
html.mobile form.car-selector-form .by-hsn-tsn.explanations {
margin: 20px auto 0;
}
html.mobile form.car-selector-form .by-hsn-tsn .selectors .picker-container input[type="text"] {
height: auto;
}
html.mobile form.car-selector-form .form-buttons.hsn {
margin-top: 0;
}
body .wrapper .page .stage .selector-container .embedded-functional-car-selector .by-car {
min-width: 87vw;
}
}
@media screen and (max-width: 400px) {
.wrapper .page .block-item.embedded-car-selector .content-area,
.wrapper .page .block-item.embedded-functional-car-selector .content-area {
padding-top: 40px;
}
.wrapper .page .block-item.embedded-car-selector .title,
.wrapper .page .block-item.embedded-car-selector .sub-title,
.wrapper .page .block-item.embedded-functional-car-selector .title,
.wrapper .page .block-item.embedded-functional-car-selector .sub-title {
padding: 0 6.25%;
}
}
@media screen and (max-width: 380px) {
html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car .selectors .picker-container {
width: 90%;
}
}
/*# sourceMappingURL=RC_CarSelector.css.map */
.stage__benefits {
grid-column-gap: 32px;
border: 1px solid #ffffff4d;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 119.053px;
padding: 24px;
text-decoration: none;
display: flex;
position: relative;
}
@media only screen and (min-width: 1400px) {
div:last-of-type .stage__benefits {
height: 115px;
}
}
.benefits__item {
grid-row-gap: 8px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
@media (min-width: 1200px) {
.benefits__item {
justify-content: center;
align-items: center;
text-align: center;
}
}
@media (min-width: 1200px) {
.benefits__item {
justify-content: center;
align-items: center;
text-align: center;
}
}
.bis-zu-30-mehr-performance,
.bis-zu-15-spritersparnis,
.inklusive-motorgarantie,
.einfacher-plug-play-einbau {
color: #fff;
letter-spacing: .04em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif !important;
font-size: 16px;
font-weight: 400;
line-height: 120% !important;
text-decoration: none;
}
@media (max-width: 1915px) {
.bis-zu-30-mehr-performance,
.bis-zu-15-spritersparnis,
.inklusive-motorgarantie,
.einfacher-plug-play-einbau {
font-size: 14px;
}
}
@media (max-width: 1800px) {
.bis-zu-30-mehr-performance,
.bis-zu-15-spritersparnis,
.inklusive-motorgarantie,
.einfacher-plug-play-einbau {
font-size: 12px;
}
}
@media (max-width: 560px) {
.bis-zu-30-mehr-performance,
.bis-zu-15-spritersparnis,
.inklusive-motorgarantie,
.einfacher-plug-play-einbau {
font-size: 12px;
}
.stage__benefits {
flex-flow: wrap;
height: auto;
margin-top: 15px;
grid-row-gap: 10px;
}
.benefits__item {
max-width: 44%;
width: 100%;
flex-flow: row;
gap: 10px;
align-items: center;
}
html.mobile form.car-selector-form .selectors select {
height: 48px;
line-height: 24px;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn {
line-height: 64px;
}
.wrapper .page .block-item.embedded-car-selector .picker-container,
.wrapper .page .block-item.embedded-functional-car-selector .picker-container {
margin: 0 auto 5px auto;
}
body.store-de .wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn,
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons {
margin-top: -3px;
line-height: 64px;
}
}
@media (max-width: 768px) {
#car_manufacturer_shop_picker-container {
border-top-right-radius: 6px;
border-bottom-right-radius: 2px;
border-top-left-radius: 6px;
border-bottom-left-radius: 2px;
}
.wrapper .page .block-item.embedded-car-selector .picker-container,
.wrapper .page .block-item.embedded-functional-car-selector .picker-container {
display: block;
width: 100%;
margin: 0 auto 3px auto;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .by-car {
float: none !important;
width: 100% !important;
max-width: unset !important;
height: auto !important;
padding-bottom: 4px;
}
html.no-mobile .wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .by-car {
height: 165px !important;
}
.wrapper .page .block-item.embedded-car-selector form.car-selector-form .form-container,
.wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .form-container {
height: auto;
display: flex;
align-items: center;
gap: 3px;
height: auto !important;
display: block !important;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons {
float: none !important;
max-width: 100% !important;
margin-left: 0 !important;
width: 100% !important;
z-index: 1;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn {
width: 100% !important;
border-top-right-radius: 2px !important;
border-bottom-right-radius: 6px !important;
border-top-left-radius: 2px !important;
border-bottom-left-radius: 6px !important;
margin-top: -4px !important;
line-height: 52px !important;
}
#car_manufacturer_shop_picker-container {
border-top-right-radius: 6px !important;
border-bottom-right-radius: 2px !important;
border-top-left-radius: 6px !important;
border-bottom-left-radius: 2px !important;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form {
height: auto !important;
}
.wrapper .page .stage {
overflow: hidden !important;
display: flex !important;
flex-wrap: wrap !important;
}
.wrapper .page .stage .main-selector-container {
position: relative !important;
order: 2 !important;
margin-top: -33vw !important;
}
.wrapper .page .stage figure.teaser-background {
margin-bottom: 0 !important;
order: 1 !important;
flex-basis: 100% !important;
}
body .wrapper .page .stage .selector-container {
display: block !important;
width: auto !important;
height: auto !important;
max-width: unset !important;
position: relative !important;
left: auto !important;
bottom: auto !important;
}
.wrapper .page .stage .main-selector-container {
width: 100% !important;
}
.wrapper .page .stage .selector-container .teaser-container {
position: relative !important;
display: block !important;
height: auto !important;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector {
width: 100% !important;
position: relative !important;
border-radius: 0 !important;
}
body .wrapper .page .selector-container .teaser-container>a,
.wrapper .page .selector-container .stage-teaser-container>a {
margin-bottom: 10px !important;
}
}
@media (max-width: 480px) {
.wrapper .page .stage .main-selector-container {
margin-top: -46vw !important;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons:after {
display: none !important;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-container:before,
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-container:after {
content: none !important;
}
}
@media (max-width: 391px) {
.stage__benefits {
padding: 18px;
}
}
.cms-page-view:not(.manufacturer-landing-page) .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car {
height: 65px;
}
.cms-page-view:not(.manufacturer-landing-page) .wrapper .page .picker-container .picker-selected {
height: 65px;
line-height: 65px;
}
@media (max-width: 960px) and (orientation: landscape) {
.teaser-background {
height: calc(100vh - -130px);
}
}
.cms-index-index.store-itl .einfacher-plug-play-einbau {
hyphens: auto;
}
.cms-index-index.store-frc .bis-zu-30-mehr-performance,
.cms-index-index.store-frc .bis-zu-15-spritersparnis,
.cms-index-index.store-frc .inklusive-motorgarantie,
.cms-index-index.store-frc .einfacher-plug-play-einbau {
font-size: 14px;
}
.cms-page-view:not(.manufacturer-landing-page) form.car-selector-form .form-buttons,
.catalog-category-view form.car-selector-form .form-buttons {
display: none;
}
.cms-page-view .modal-window .modal-content .modal-content-container form.car-selector-form .form-buttons,
.catalog-category-view .modal-window .modal-content .modal-content-container form.car-selector-form .form-buttons {
display: block;
}
.cms-page-view:not(.manufacturer-landing-page) form.car-selector-form .by-car .selectors .picker-container,
.catalog-category-view form.car-selector-form .by-car .selectors .picker-container,
html.mobile .cms-page-view:not(.manufacturer-landing-page) form.car-selector-form .selectors select,
html.mobile .catalog-category-view form.car-selector-form .selectors select,
html.mobile .cms-page-view:not(.manufacturer-landing-page) form.car-selector-form .selectors select#car_manufacturer_shop,
html.mobile .catalog-category-view form.car-selector-form .selectors select#car_manufacturer_shop {
border-radius: 0 !important;
}
/*
@media (max-width: 680px) {
.cms-page-view:not(.manufacturer-landing-page) form.car-selector-form .by-car .selectors .picker-container,
.catalog-category-view form.car-selector-form .by-car .selectors .picker-container,
html.mobile .cms-page-view:not(.manufacturer-landing-page) form.car-selector-form .selectors select,
html.mobile .catalog-category-view form.car-selector-form .selectors select {
height: 50px;
line-height: 20px;
}
}
*/
.cms-page-view:not(.manufacturer-landing-page) .picker-container .picker-selected,
.catalog-category-view .picker-container .picker-selected {
height: 60px;
line-height: 60px;
}
@charset "UTF-8";
/*
* Footer stylesheet
*
* Included everywhere on the website.
* Addresses the footer area, for all breakpoints.
* Main layouting is in RC_Common.
*
* @author Jarlssen GmbH
* @see RC_Common.scss
*/
/*
* Main definitions SCSS file
*
* Definition of mixins and functions etc.
* Should NOT generate any actual CSS!
* To be included in ALL subsequent SCSS files.
*
* @author Jarlssen GmbH
*/
/*
* Main variables SCSS file
*
* Definition of ONLY variables.
* Should NOT generate any actual CSS!
*
* To be included ONLY in _RC_Definitions.scss.
*
* @author Jarlssen GmbH
* @see _RC_Definitions.scss
*/
.wrapper .page .footer-container {
position: relative;
z-index: 3;
background-color: #3c3c3c; }
.wrapper .page .footer-container .headline {
color: #f2f2f2; }
.wrapper .page .footer-container .main-title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 2.14286rem;
text-align: center; }
.wrapper .page .footer-container .separator {
border-top: 1px solid #313131; }
.wrapper .page .footer-container .separator.aklamio-separator {
margin-top: 0; }
.wrapper .page .footer-container .separator.third.-after-payment {
margin-top: 40px; }
.wrapper .page .footer-container .separator.fourth {
display: none; }
.wrapper .page .footer-container .footer.footer-blocks {
padding: 0 1.5625%;
width: 100%;
text-align: center; }
.wrapper .page .footer-container .footer.footer-blocks:before, .wrapper .page .footer-container .footer.footer-blocks:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden; }
.wrapper .page .footer-container .footer.footer-blocks:after {
clear: both; }
.wrapper .page .footer-container .footer.footer-blocks .footer-car-selector {
float: left;
width: 50.40323%; }
.wrapper .page .footer-container .footer.footer-blocks .footer-car-selector .headline {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 2.14286rem;
text-align: center;
margin-bottom: 45px; }
.wrapper .page .footer-container .footer.footer-blocks .footer-car-selector img {
margin-bottom: 16px; }
.wrapper .page .footer-container .footer.footer-blocks .footer-car-selector button.select-car {
margin-bottom: 16px;
font-weight: 400; }
.wrapper .page .footer-container .footer.footer-reasons {
width: 100%;
text-align: center;
margin-top: 40px; }
.wrapper .page .footer-container .footer.footer-reasons .headline {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 2.14286rem;
text-align: center;
margin-bottom: 4.03226%; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container {
width: 100%; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons {
overflow: hidden;
font-size: 0; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons:before, .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons:after {
clear: both; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item {
display: inline-block;
margin-right: 0.50403%;
width: 16.12903%;
vertical-align: top; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item .icon {
height: 72px;
margin-bottom: 10px; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item .icon picture {
display: inline;
max-height: 100%;
max-width: 100%; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item .icon img {
margin: 0 auto;
max-height: 100%; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item p {
max-height: 53px;
overflow: hidden;
color: #f2f2f2;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.78571rem;
line-height: 1.2; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item p.long {
display: block; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item p.short {
display: none; }
.wrapper .page .footer-container .footer.footer-payment-methods .content-area {
text-align: center; }
.wrapper .page .footer-container .footer.footer-payment-methods .content-area .headline {
margin-bottom: 10px; }
.wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons {
width: 67.5%;
margin: 0 auto; }
.wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list:before, .wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden; }
.wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list:after {
clear: both; }
.wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list .item {
display: inline-block;
height: 40px;
line-height: 40px;
font-size: 0;
width: 16.15%;
color: white; }
.wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list .item img {
height: 40px; }
.wrapper .page .footer-container .footer.footer-fineprint {
width: 100%;
text-align: left;
margin-top: 40px;
padding: 0 20px;
display: none; }
.wrapper .page .footer-container .footer.footer-fineprint div {
color: #b0b0b0;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.78571rem;
margin-bottom: 10px; }
.wrapper .page .footer-container .footer.footer-fineprint div ul {
padding-left: 10px; }
.wrapper .page .footer-container .footer.footer-fineprint div ul li {
position: relative; }
.wrapper .page .footer-container .footer.footer-fineprint div ul li:before {
content: "·";
font-size: 24px;
position: absolute;
left: -10px;
top: -11px; }
.wrapper .page .footer-container .footer.footer-fineprint div strong {
color: #ececec;
font-weight: 500; }
.wrapper .page .footer-container .footer.footer-fineprint div a:hover {
color: #fff; }
.wrapper .page .footer-container .footer.footer-links-container {
width: 100%; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links {
padding-left: 17.1371%;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/footer-logo-R.png) no-repeat 1.6129% 45px; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links:before, .wrapper .page .footer-container .footer.footer-links-container .footer-links:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links:after {
clear: both; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links h2 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.42857rem;
margin-bottom: 1.5121%;
color: #f2f2f2; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links h2 a {
color: #f2f2f2; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links h2 a.no-link {
cursor: default; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item {
width: 30.12097%;
float: left;
margin-right: 4.03226%; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item:last-child {
margin-right: 0; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item ul li {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.85714rem;
line-height: 1.6; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item ul li,
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item ul li a {
text-transform: uppercase;
color: #c0c0c0; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item ul li a:hover {
color: #c85a1e; }
.wrapper .page .footer-container .footer.seo-links-container {
padding: 16px 1.6129% 40px; }
.wrapper .page .footer-container .footer.seo-links-container .headline {
text-align: center;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.85714rem;
margin-bottom: 24px; }
.wrapper .page .footer-container .footer.seo-links-container .item {
display: inline-block;
vertical-align: top;
width: 16.12903%; }
.wrapper .page .footer-container .footer.seo-links-container .item a {
text-transform: uppercase;
color: #c0c0c0;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.85714rem; }
.wrapper .page .footer-container .footer.seo-links-container .item a:hover, .wrapper .page .footer-container .footer.seo-links-container .item a:active {
color: #c85a1e; }
.wrapper .page .footer-container .copyright {
text-align: center;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.78571rem;
color: #f2f2f2; }
.wrapper .page .footer-container .copyright address {
display: inline-block; }
.wrapper .page .footer-container .copyright .copyright-links {
text-transform: uppercase;
display: none; }
.wrapper .page .footer-container .copyright .copyright-links ul li {
display: inline-block; }
.wrapper .page .footer-container .copyright .copyright-links ul li:before {
content: "| ";
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.78571rem; }
.wrapper .page .footer-container .copyright .copyright-links ul li a {
color: #f2f2f2; }
.wrapper .page .footer-container .copyright .copyright-links ul li a:hover {
text-decoration: underline; }
.wrapper .page .footer-container .aklamio-footer-block-container {
margin: 30px 0;
display: block;
width: 100%;
min-height: 310px;
background-repeat: no-repeat;
background-position: center center;
padding-top: 72px; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block {
position: relative;
max-width: 960px;
width: 62.5%;
margin: 0 auto;
padding-bottom: 73px; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block:before, .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block:after {
clear: both; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .headline {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.28571rem;
text-transform: uppercase;
margin: 0 0 2px 0; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .headline b {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.28571rem; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .image {
display: block;
width: 100px;
height: auto;
position: absolute;
bottom: 20px;
right: 125px; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .explanation {
max-width: 430px;
width: 100%; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .explanation p {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1rem;
color: #fff; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .explanation p b {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .c2a {
margin-top: 19px; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .c2a .btn.call-to-action {
font-weight: 400; }
.wrapper .page .footer-container.no-shop .footer-contact-widgets {
clear: both; }
.wrapper .page .contact-data {
display: block;
line-height: 1.6;
color: #fff; }
.wrapper .page .contact-data.cost {
color: #b0b0b0;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.71429rem;
margin-top: 5px; }
.wrapper .page .contact-data.phone-no {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.14286rem;
display: none; }
.wrapper .page .contact-data.no-display {
display: none; }
.wrapper .page .footer-contact-widgets {
float: right;
width: 40.32258%; }
.wrapper .page .footer-contact-widgets .headline {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 2.14286rem;
text-align: center;
margin-bottom: 16px; }
.wrapper .page .footer-contact-widgets .bubbles {
margin-top: 16px; }
.wrapper .page .footer-contact-widgets .bubbles:before, .wrapper .page .footer-contact-widgets .bubbles:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden; }
.wrapper .page .footer-contact-widgets .bubbles:after {
clear: both; }
.wrapper .page .footer-contact-widgets .bubbles .bubble {
display: block;
padding: 16px 0;
text-align: center;
color: #3c3c3c;
text-decoration: none;
text-transform: uppercase;
margin-bottom: 16px;
width: 45%;
height: auto;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.85714rem;
position: relative; }
.wrapper .page .footer-contact-widgets .bubbles .bubble .-transparency {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: #fff;
filter: alpha(opactiy=75);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box; }
.wrapper .page .footer-contact-widgets .bubbles .bubble .-transparency .-tail {
position: absolute;
bottom: -10px;
right: 10%;
width: 0;
height: 0;
border: none;
border-bottom-width: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff; }
.wrapper .page .footer-contact-widgets .bubbles .bubble .-transparency .-tail.flipped {
right: auto;
left: 10%; }
.wrapper .page .footer-contact-widgets .bubbles .bubble .-content {
z-index: 2;
position: relative; }
.wrapper .page .footer-contact-widgets .bubbles .bubble .-content:hover {
color: #c85a1e; }
.wrapper .page .footer-contact-widgets .bubbles .bubble .icon {
position: relative;
z-index: 1;
display: block;
margin: 0 auto 6px;
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
/* Firefox 3.6 */
background-position: center;
/* Internet Explorer 7/8 */ }
.wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-email {
float: right; }
.wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-email .icon {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-email.png);
margin-bottom: 7px;
width: 32px;
height: 32px; }
.wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-email:hover .icon, .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-email:active .icon {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-email.png); }
.wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-chat, .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone {
float: left; }
.wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-chat .icon, .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone .icon {
margin-bottom: 7px; }
.wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-chat .icon {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-chat.png);
width: 32px;
height: 32px; }
.wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-chat:hover .icon, .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-chat:active .icon {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-chat.png); }
.wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone {
display: none; }
.wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone .-with-phone-number {
display: inline; }
.wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone .-with-text {
display: none; }
.wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone .-with-text .-mobile {
display: none; }
.wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone .icon {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-phone.png);
width: 31px;
height: 31px;
margin-bottom: 7px; }
.wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone:hover .icon, .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone:active .icon {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-phone.png); }
.wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone.bubble-customer-service .icon {
width: 28px;
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-support-orange.png); }
.wrapper .page .footer-contact-widgets .bubbles.-no-chat .bubble.bubble-chat {
display: none; }
.wrapper .page .footer-contact-widgets .bubbles.-no-chat .bubble.bubble-phone {
display: block; }
.wrapper .page .footer-contact-widgets .bubbles.us-shop .bubble.no-display {
display: none; }
.wrapper .page .footer-contact-widgets .bubbles.no-phone {
text-align: center; }
.wrapper .page .footer-contact-widgets .bubbles.no-phone .bubble .-transparency .-tail.flipped {
left: 45%; }
.wrapper .page .footer-contact-widgets .bubbles.no-phone .bubble.bubble-email {
display: inline-block;
float: none; }
.wrapper .page .footer-contact-widgets.-is-mobile .bubbles .bubble-chat {
display: none; }
.wrapper .page .footer-contact-widgets.-is-mobile .bubbles .bubble-phone {
display: block; }
.wrapper .page .footer-contact-widgets.-is-mobile .contact-data {
display: none; }
.wrapper.no-car-selected .page .footer-container .footer-contact-widgets {
clear: none; }
.cms-xlr-html .wrapper .page .footer-container .footer.footer-fineprint.xlr-footnote,
.cms-xlr-html .wrapper .page .footer-container .separator.fourth.xlr-footnote {
display: block; }
.shop-page .wrapper .page .footer-container .footer.footer-fineprint.xlr-footnote,
.shop-page .wrapper .page .footer-container .separator.fourth.xlr-footnote {
display: none; }
@media screen and (max-width: 900px) {
.wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list .item {
width: 15.15%; } }
@media screen and (max-width: 850px) {
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item:first-child, .wrapper .page .footer-container .footer.footer-links-container .footer-links .item.first {
padding-left: 1.6129%; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item p.long {
display: none; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item p.short {
display: block; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block {
width: 75.52083%; } }
@media screen and (min-width: 769px) {
.wrapper.car-selected .page .footer-container .footer.footer-blocks .footer-car-selector {
display: none; }
.wrapper.car-selected .page .footer-contact-widgets {
float: none;
margin: 0 auto;
position: relative; }
.wrapper.car-selected .page .footer-contact-widgets img {
margin-top: 4.03226%; } }
@media screen and (max-width: 768px) {
.wrapper.car-selected .page .footer-container .footer.footer-blocks .footer-car-selector {
display: none; }
.wrapper .page .footer-container {
padding-top: 40px; }
.wrapper .page .footer-container .headline, .wrapper .page .footer-container .footer.footer-blocks .footer-car-selector .headline, .wrapper .page .footer-container .footer.footer-reasons .headline {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.85714rem; }
.wrapper .page .footer-container .footer.footer-blocks {
margin-bottom: -1px; }
.wrapper .page .footer-container .footer.footer-blocks .footer-car-selector, .wrapper .page .footer-container .footer.footer-blocks .footer-contact-widgets {
float: none;
width: 100%; }
.wrapper .page .footer-container .footer.footer-blocks .footer-car-selector {
margin-bottom: 6.51042%; }
.wrapper .page .footer-container .footer.footer-blocks .footer-car-selector .headline {
margin-bottom: 30px; }
.wrapper .page .footer-container .footer.footer-blocks .footer-car-selector .image {
display: none; }
.wrapper .page .footer-container .footer.footer-blocks .footer-car-selector button.select-car {
display: block;
margin: 0 auto 2.60417%; }
.wrapper .page .footer-container .footer.footer-blocks .footer-contact-widgets {
width: 48.17708%;
margin: 0 auto; }
.wrapper .page .footer-container .footer.footer-reasons {
padding-bottom: 20px; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container {
padding: 0 4.6875%;
height: 20.83333%; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
height: 20.83333%;
white-space: nowrap;
padding-bottom: 16px;
margin-bottom: -16px; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item {
float: none;
display: inline-block;
white-space: normal;
width: 10.41667%;
margin-right: 6.51042%; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item:last-child {
margin-right: 0; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item .icon {
height: 15.625%; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links {
padding: 0 3.90625%;
background-image: none; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links h2 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.28571rem;
margin-bottom: 10px;
margin-top: 10px; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item {
width: 33.3333%;
padding-right: 2.60417%;
margin-right: 0; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item:first-child, .wrapper .page .footer-container .footer.footer-links-container .footer-links .item.first {
float: left;
padding-left: 0;
background: none;
width: 39%; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item.second {
padding-right: 2.60417%;
width: 31%; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item:last-child, .wrapper .page .footer-container .footer.footer-links-container .footer-links .item.last {
margin-right: 0;
padding-right: 0;
width: 28%; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item ul li {
line-height: 1.7; }
.wrapper .page .footer-container .footer.seo-links-container {
padding: 0 3.90625% 5.20833%; }
.wrapper .page .footer-container .footer.seo-links-container .item {
width: 33.3333%; }
.wrapper .page .footer-container .footer.seo-links-container .item li {
line-height: 1.6; }
.wrapper .page .footer-container .footer.seo-links-container .-mobile-seo-links {
width: 90%;
margin: 0 auto;
padding-left: 11.71875%; }
.wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons {
width: 100%; }
.wrapper .page .footer-container .aklamio-footer-block-container {
background-size: cover;
position: relative;
min-height: 402px;
padding-top: 98px; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block {
position: static;
width: 100%;
padding: 0 20px 38px 20px; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .headline {
margin: 0 0 9px 0;
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.5rem; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .headline b {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.5rem; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .explanation p {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.14286rem; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .explanation p b {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.14286rem; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .c2a {
margin-top: 47px; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .image {
top: 20px;
bottom: auto;
right: 20px; }
.wrapper .page .footer-container.no-shop .separator.first {
margin-top: 0;
margin-bottom: 5px; }
.wrapper .page .footer-contact-widgets h1 {
margin-bottom: 3.90625%; }
.wrapper .page .footer-contact-widgets .bubbles .bubble {
width: 43.5%;
padding: 15px 0; }
.wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-email .icon {
width: 30px;
height: 23px;
margin-bottom: 13px; }
.wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-chat .icon {
width: 27px;
height: 30px; }
.wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone .icon {
width: 34px;
height: 33px; }
.wrapper .page .costs-placeholder {
text-align: center; } }
@media screen and (max-width: 540px) {
.wrapper .page .footer-container .separator.aklamio-separator {
margin-top: 20px; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block {
width: 100%;
padding: 0 4.16667%; }
.wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .headline {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.85714rem; } }
@media screen and (max-width: 480px) {
.wrapper .page .footer-container .over-480 {
display: none; }
.wrapper .page .footer-container .headline, .wrapper .page .footer-container .footer.footer-blocks .footer-car-selector .headline, .wrapper .page .footer-container .footer.footer-reasons .headline {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.57143rem; }
.wrapper .page .footer-container .separator.aklamio-separator {
display: none; }
.wrapper .page .footer-container .separator.first, .wrapper .page .footer-container .separator.fourth, .wrapper .page .footer-container .costs-placeholder {
display: none; }
.wrapper .page .footer-container .footer.footer-blocks {
width: 87.5%; }
.wrapper .page .footer-container .footer.footer-blocks .footer-contact-widgets {
width: 100%; }
.wrapper .page .footer-container .footer.footer-reasons {
display: none; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links {
padding: 0 4.16667%; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item {
margin: 0;
clear: both; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item h2 {
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/arr_down_big.png) no-repeat center left;
background-size: 17px auto;
padding-left: 24px;
margin-bottom: 14px; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item ul {
display: none; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item:first-child, .wrapper .page .footer-container .footer.footer-links-container .footer-links .item.first {
width: 100%;
float: none;
background: none;
padding-left: 0;
margin-top: 40px; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item.second {
width: 100%;
float: none;
padding-right: 0; }
.wrapper .page .footer-container .footer.footer-links-container .footer-links .item:last-child, .wrapper .page .footer-container .footer.footer-links-container .footer-links .item.last {
width: 100%;
float: none; }
.wrapper .page .footer-container .footer.seo-links-container {
padding: 20px 4.16667% 12.5%; }
.wrapper .page .footer-container .footer.seo-links-container h1 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.42857rem; }
.wrapper .page .footer-container .footer.seo-links-container .item {
width: 50%; }
.wrapper .page .footer-container .footer.footer-fineprint {
padding: 0 10px; }
.wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list .item {
width: 32.15%; }
.wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list .item:nth-child(-n+3) {
margin-bottom: 30px; }
.wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list.only-4 .item {
width: 34.5%; }
.wrapper .page .footer-container .aklamio-footer-block-container {
display: none; } }
@media screen and (max-width: 320px) {
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container {
height: 50%; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons {
height: 50%; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item {
width: 25%;
margin-right: 14.0625%; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item .icon {
height: 31.25%; }
.wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item p {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.85714rem; } }
/*# sourceMappingURL=RC_Footer.css.map */
/* * General forms stylesheet * * Included everywhere on the website. * Addresses all forms with all elements, for all breakpoints. * * @author Jarlssen GmbH */
/* * Main definitions SCSS file * * Definition of mixins and functions etc. * Should NOT generate any actual CSS! * To be included in ALL subsequent SCSS files. * * @author Jarlssen GmbH */
/* * Main variables SCSS file * * Definition of ONLY variables. * Should NOT generate any actual CSS! * * To be included ONLY in _RC_Definitions.scss. * * @author Jarlssen GmbH * @see _RC_Definitions.scss */
button.btn, a.btn, input[type="button"] {
display: inline-block;
text-align: center;
cursor: pointer;
text-transform: uppercase;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1rem;
line-height: 48px;
padding: 0 30px;
border: none;
color: #18ac00;
background-color: transparent;
outline: 1px solid #18ac00;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
button.btn:hover, button.btn:active, a.btn:hover, a.btn:active, input[type="button"]:hover, input[type="button"]:active {
outline-width: 2px;
background-color: rgba(24, 172, 0, 0.1);
font-weight: 400;
}
button.btn.call-to-action, button.btn.select-car, button.btn.green, a.btn.call-to-action, a.btn.select-car, a.btn.green, input[type="button"].call-to-action, input[type="button"].select-car, input[type="button"].green {
line-height: 50px;
outline: none;
color: #fafafa;
background-color: #18ac00;
}
button.btn.call-to-action:hover, button.btn.call-to-action:active, button.btn.select-car:hover, button.btn.select-car:active, button.btn.green:hover, button.btn.green:active, a.btn.call-to-action:hover, a.btn.call-to-action:active, a.btn.select-car:hover, a.btn.select-car:active, a.btn.green:hover, a.btn.green:active, input[type="button"].call-to-action:hover, input[type="button"].call-to-action:active, input[type="button"].select-car:hover, input[type="button"].select-car:active, input[type="button"].green:hover, input[type="button"].green:active {
font-weight: 300;
color: #fafafa;
background-color: #148e00;
}
button.btn.simple, button.btn.gray, a.btn.simple, a.btn.gray, input[type="button"].simple, input[type="button"].gray {
color: #fafafa;
background-color: #777;
line-height: 50px;
outline: none;
filter: none;
}
button.btn.simple:hover, button.btn.simple:active, button.btn.gray:hover, button.btn.gray:active, a.btn.simple:hover, a.btn.simple:active, a.btn.gray:hover, a.btn.gray:active, input[type="button"].simple:hover, input[type="button"].simple:active, input[type="button"].gray:hover, input[type="button"].gray:active {
font-weight: 300;
background-color: #5c5e60;
}
button.btn.btn-link, a.btn.btn-link, input[type="button"].btn-link {
background: none;
color: #c85a1e;
text-transform: none;
width: auto;
padding: 0;
}
button.btn.select-car, a.btn.select-car, input[type="button"].select-car {
padding: 0 30px;
}
button.btn:disabled, button.btn.disabled, a.btn:disabled, a.btn.disabled, input[type="button"]:disabled, input[type="button"].disabled {
filter: alpha(opactiy=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
button.btn:disabled:hover, button.btn.disabled:hover, a.btn:disabled:hover, a.btn.disabled:hover, input[type="button"]:disabled:hover, input[type="button"].disabled:hover {
cursor: default;
}
input[type="text"], input[type="password"], select {
width: 100%;
max-width: 418px;
height: 40px;
line-height: 40px;
border-radius: 2px;
padding: 0 5px;
font-size: 16px;
}
textarea {
border-radius: 2px;
}
input[type="text"], input[type="password"], textarea {
border: 1px solid #c8c8c8;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
border: 1px solid #d0511e;
box-shadow: 0px 0px 0px 3px #dcb893;
-webkit-box-shadow: 0px 0px 0px 3px #dcb893;
-moz-box-shadow: 0px 0px 0px 3px #dcb893;
}
input[type="text"]:disabled, input[type="password"]:disabled, textarea:disabled {
background-color: #e2e2e2;
color: #8b8b8b;
}
input[type="text"].validation-failed, input[type="password"].validation-failed, textarea.validation-failed {
border: 1px solid #d12929;
box-shadow: 0px 0px 0px 3px #e0adad;
-webkit-box-shadow: 0px 0px 0px 3px #e0adad;
-moz-box-shadow: 0px 0px 0px 3px #e0adad;
}
input[type="text"].validation-passed, input[type="password"].validation-passed, textarea.validation-passed {
border: 1px solid #3a8814;
box-shadow: 0px 0px 0px 3px #afc6a3;
-webkit-box-shadow: 0px 0px 0px 3px #afc6a3;
-moz-box-shadow: 0px 0px 0px 3px #afc6a3;
}
input[type="text"].validation-house-number-failed {
border: 1px solid #ec5b00;
box-shadow: 0px 0px 0px 3px #ec5b00;
-webkit-box-shadow: 0px 0px 0px 3px #ec5b00;
-moz-box-shadow: 0px 0px 0px 3px #ec5b00;
}
::-webkit-input-placeholder {
color: #8a8a8a;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.92857rem;
}
::-moz-placeholder {
color: #8a8a8a;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.92857rem;
}
::placeholder {
color: #8a8a8a;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.92857rem;
}
:-ms-input-placeholder {
color: #8a8a8a !important;
font-size: 0.92857rem !important;
}
::-ms-input-placeholder {
color: #8a8a8a !important;
font-size: 0.92857rem !important;
}
input[type="text"]:focus::-moz-placeholder {
color: #fff;
}
input[type="text"]:focus:-ms-input-placeholder {
color: #fff;
}
input[type="text"]:focus::-ms-input-placeholder {
color: #fff;
}
input[type="text"]:focus::-webkit-input-placeholder {
color: #fff;
}
input[type="text"]:focus::placeholder {
color: #fff;
}
.fields {
padding: 0 3px;
}
.customer-dob .dob-day, .customer-dob .dob-month {
width: 80px;
display: inline-block;
margin-right: 5px;
}
.customer-dob .dob-year {
width: 100px;
display: inline-block;
}
.customer-dob.validation-error div.selector.fixedWidth {
height: 40px;
}
/* Select */
.validation-error div.selector.fixedWidth {
height: 60px;
}
.validation-error div.selector.fixedWidth span {
border: 1px solid #d12929;
box-shadow: 0px 0px 0px 3px #e0adad;
-webkit-box-shadow: 0px 0px 0px 3px #e0adad;
-moz-box-shadow: 0px 0px 0px 3px #e0adad;
}
.validation-passed div.selector.fixedWidth span {
border: 1px solid #3a8814;
box-shadow: 0px 0px 0px 3px #afc6a3;
-webkit-box-shadow: 0px 0px 0px 3px #afc6a3;
-moz-box-shadow: 0px 0px 0px 3px #afc6a3;
}
div.selector {
overflow: visible;
position: relative;
}
div.selector select {
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
position: absolute;
top: 2px;
left: 0;
}
div.selector.fixedWidth {
padding: 0;
max-width: 418px;
width: 100%;
height: 40px;
background: none;
text-align: left;
}
div.selector.fixedWidth.focus span {
border: 1px solid #d0511e;
box-shadow: 0px 0px 0px 3px #dcb893;
-webkit-box-shadow: 0px 0px 0px 3px #dcb893;
-moz-box-shadow: 0px 0px 0px 3px #dcb893;
}
div.selector.fixedWidth span {
position: absolute;
width: 100%;
height: 40px;
padding: 0 45px 0 5px;
line-height: 40px;
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/uniform/select-arrow.png") no-repeat center right #fff;
border: 1px solid #c8c8c8;
border-radius: 2px;
overflow: hidden;
}
div.selector.fixedWidth select {
height: 40px;
}
.input-box {
position: relative;
}
div.uniform-selector, div.uniform-checker, div.uniform-button, div.uniform-radio, div.uniform-uploader {
display: inline-block;
vertical-align: middle;
}
div.uniform-selector {
width: 100%;
}
div.uniform-selector .selector {
display: block;
}
div.uniform-selector .selector span.default-option {
font-style: italic;
}
div.radio {
width: 35px;
height: 35px;
position: relative;
display: inline-block;
vertical-align: middle;
}
div.radio span {
height: 100%;
width: 100%;
display: inline-block;
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/uniform/radio-unchecked.png") no-repeat center;
}
div.radio span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/uniform/radio-checked.png") no-repeat center;
}
div.radio span input {
height: 100%;
width: 100%;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
}
div.radio.hover, div.radio.focus {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/uniform/radio-hover.png") no-repeat center;
}
div.radio.hover span.checked, div.radio.focus span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/uniform/radio-checked-hover.png") no-repeat center;
}
div.checker {
width: 36px;
height: 36px;
background: none;
display: inline-block;
vertical-align: middle;
}
div.checker span {
height: 100%;
width: 100%;
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/uniform/checkbox-unchecked.png") no-repeat center;
display: inline-block;
}
div.checker span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/uniform/checkbox-checked.png") no-repeat center;
}
div.checker span input {
height: 100%;
width: 100%;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
display: inline-block;
}
div.checker.hover, div.checker.focus {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/uniform/checkbox-hover.png") no-repeat center;
}
div.checker.hover span.checked, div.checker.focus span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/uniform/checkbox-checked-hover.png") no-repeat center;
}
div[id*="uniform-agreement-"].checker {
width: 30px;
height: 30px;
background: none;
display: inline-block;
vertical-align: middle;
}
div[id*="uniform-agreement-"].checker span {
background: transparent !important;
width: 30px;
height: 30px;
border: 1px solid #6d6d6d;
border-radius: 5px;
-webkit-border-radius: 5px;
display: inline-block;
position: relative;
}
div[id*="uniform-agreement-"].checker span.checked:after {
content: "X";
width: 30px;
height: 30px;
display: block;
position: absolute;
left: 8px;
top: 2px;
font-size: 20px;
color: #000;
pointer-events: none;
}
.checkout-agreements li {
margin-bottom: 10px;
}
.wrapper-call-to-action-checkbox {
max-width: 138px;
background-color: #51ba1b;
background: -webkit-gradient(linear, left top, left bottom, from(#51ba1b), to(#388513));
background: -moz-linear-gradient(top, #51ba1b, #388513);
background: -ms-linear-gradient(top, #51ba1b, #388513);
background: linear-gradient(top, #51ba1b, #388513);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51ba1b', endColorstr='#388513');
}
.wrapper-call-to-action-checkbox.wrapper-disabled.hover, .wrapper-call-to-action-checkbox.wrapper-disabled:hover {
background-color: #51ba1b;
background: -webkit-gradient(linear, left top, left bottom, from(#51ba1b), to(#388513));
background: -moz-linear-gradient(top, #51ba1b, #388513);
background: -ms-linear-gradient(top, #51ba1b, #388513);
background: linear-gradient(top, #51ba1b, #388513);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51ba1b', endColorstr='#388513');
}
.wrapper-call-to-action-checkbox.wrapper-disabled.hover div.checker, .wrapper-call-to-action-checkbox.wrapper-disabled:hover div.checker {
height: 30px;
width: 30px;
border-top: 1px solid #529033;
border-bottom: 1px solid #46742f;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
-webkit-background-size: 1px 100%;
-moz-background-size: 1px 100%;
background-size: 1px 100%;
background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%);
margin: 5px;
position: relative;
}
.wrapper-call-to-action-checkbox.wrapper-disabled.hover div.checker.disabled, .wrapper-call-to-action-checkbox.wrapper-disabled:hover div.checker.disabled {
border-top: 1px solid #529033;
border-bottom: 1px solid #46742f;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
-webkit-background-size: 1px 100%;
-moz-background-size: 1px 100%;
background-size: 1px 100%;
background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%);
}
.wrapper-call-to-action-checkbox.wrapper-disabled.hover div.checker.disabled span, .wrapper-call-to-action-checkbox.wrapper-disabled:hover div.checker.disabled span {
border-top: 1px solid #74c838;
border-bottom: 1px solid #60a72e;
border-left: none;
box-sizing: border-box;
height: 30px;
width: 28px;
margin-left: 1px;
}
.wrapper-call-to-action-checkbox.wrapper-disabled.hover div.checker.disabled span.checked, .wrapper-call-to-action-checkbox.wrapper-disabled:hover div.checker.disabled span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-check-white-disabled.png") no-repeat top left transparent;
}
.wrapper-call-to-action-checkbox label {
padding: 0 43px 0 10px;
margin-right: -40px;
line-height: 40px;
display: inline-block;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 0.875rem;
text-transform: uppercase;
color: #fff;
vertical-align: middle;
}
.wrapper-call-to-action-checkbox div.checker {
height: 30px;
width: 30px;
border-top: 1px solid #529033;
border-bottom: 1px solid #46742f;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
-webkit-background-size: 1px 100%;
-moz-background-size: 1px 100%;
background-size: 1px 100%;
background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%);
margin: 5px;
position: relative;
}
.wrapper-call-to-action-checkbox div.checker.disabled {
border-top: 1px solid #529033;
border-bottom: 1px solid #46742f;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
-webkit-background-size: 1px 100%;
-moz-background-size: 1px 100%;
background-size: 1px 100%;
background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%);
}
.wrapper-call-to-action-checkbox div.checker.disabled span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-check-white-disabled.png") no-repeat top left transparent;
}
.wrapper-call-to-action-checkbox div.checker span {
border-top: 1px solid #74c838;
border-bottom: 1px solid #60a72e;
box-sizing: border-box;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
background-size: 1px 100%;
background-image: linear-gradient(to bottom, #74c838 0%, #60a72e 100%);
height: 30px;
width: 28px;
margin-left: 1px;
}
.wrapper-call-to-action-checkbox div.checker span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-check-white.png") no-repeat top left transparent;
background-size: 100% 100%;
}
.wrapper-call-to-action-checkbox div.checker span input {
width: 40px;
height: 40px;
top: -5px;
left: -5px;
position: absolute;
}
.wrapper-call-to-action-checkbox.hover, .wrapper-call-to-action-checkbox:hover {
background: #398513;
}
.wrapper-call-to-action-checkbox.hover div.checker, .wrapper-call-to-action-checkbox:hover div.checker {
border-top: 1px solid #45732e;
border-bottom: 1px solid #45732e;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
-webkit-background-size: 1px 100%;
-moz-background-size: 1px 100%;
background-size: 1px 100%;
background-image: -webkit-linear-gradient(top, #45732e 0%, #45732e 100%), -webkit-linear-gradient(top, #45732e 0%, #45732e 100%);
background-image: -moz-linear-gradient(top, #45732e 0%, #45732e 100%), -moz-linear-gradient(top, #45732e 0%, #45732e 100%);
background-image: -o-linear-gradient(top, #45732e 0%, #45732e 100%), -o-linear-gradient(top, #45732e 0%, #45732e 100%);
background-image: linear-gradient(to bottom, #45732e 0%, #45732e 100%), linear-gradient(to bottom, #45732e 0%, #45732e 100%);
}
.wrapper-call-to-action-checkbox.hover div.checker span, .wrapper-call-to-action-checkbox:hover div.checker span {
border-top: 1px solid #5fa32c;
border-left: 1px solid #5fa32c;
margin-left: 1px;
background: none;
}
.wrapper-call-to-action-checkbox.hover div.checker span.checked, .wrapper-call-to-action-checkbox:hover div.checker span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-check-white.png") no-repeat -1px top transparent;
}
.wrapper-call-to-action-radio {
max-width: 138px;
background-color: #51ba1b;
background: -webkit-gradient(linear, left top, left bottom, from(#51ba1b), to(#388513));
background: -moz-linear-gradient(top, #51ba1b, #388513);
background: -ms-linear-gradient(top, #51ba1b, #388513);
background: linear-gradient(top, #51ba1b, #388513);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51ba1b', endColorstr='#388513');
}
.wrapper-call-to-action-radio label {
padding: 0 43px 0 10px;
margin-right: -40px;
line-height: 40px;
display: inline-block;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 0.875rem;
text-transform: uppercase;
color: #fff;
vertical-align: middle;
}
.wrapper-call-to-action-radio .radio {
height: 30px;
width: 30px;
border-top: 1px solid #529033;
border-bottom: 1px solid #46742f;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
-webkit-background-size: 1px 100%;
-moz-background-size: 1px 100%;
background-size: 1px 100%;
background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%);
margin: 5px;
}
.wrapper-call-to-action-radio .radio.disabled {
border-top: 1px solid #529033;
border-bottom: 1px solid #46742f;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
-webkit-background-size: 1px 100%;
-moz-background-size: 1px 100%;
background-size: 1px 100%;
background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%);
}
.wrapper-call-to-action-radio .radio.disabled span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-check-white-disabled.png") no-repeat top left transparent;
background-size: 100% 100%;
}
.wrapper-call-to-action-radio .radio span {
border-top: 1px solid #74c838;
border-bottom: 1px solid #60a72e;
box-sizing: border-box;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
background-size: 1px 100%;
background-image: linear-gradient(to bottom, #74c838 0%, #60a72e 100%);
height: 30px;
width: 28px;
margin-left: 1px;
}
.wrapper-call-to-action-radio .radio span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-check-white.png") no-repeat top left transparent;
background-size: 100% 100%;
}
.wrapper-call-to-action-radio .radio span input {
width: 40px;
height: 40px;
top: -5px;
left: -5px;
position: absolute;
}
.wrapper-call-to-action-radio.focus, .wrapper-call-to-action-radio.active {
background-color: #51ba1b;
background: -webkit-gradient(linear, left top, left bottom, from(#51ba1b), to(#388513));
background: -moz-linear-gradient(top, #51ba1b, #388513);
background: -ms-linear-gradient(top, #51ba1b, #388513);
background: linear-gradient(top, #51ba1b, #388513);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51ba1b', endColorstr='#388513');
}
.wrapper-call-to-action-radio.focus .radio, .wrapper-call-to-action-radio.active .radio {
border-top: 1px solid #529033;
border-bottom: 1px solid #46742f;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
-webkit-background-size: 1px 100%;
-moz-background-size: 1px 100%;
background-size: 1px 100%;
background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%);
}
.wrapper-call-to-action-radio.hover, .wrapper-call-to-action-radio:hover, .wrapper-call-to-action-radio.focus {
background: #398513;
}
.wrapper-call-to-action-radio.hover .radio, .wrapper-call-to-action-radio:hover .radio, .wrapper-call-to-action-radio.focus .radio {
border-top: 1px solid #45732e;
border-bottom: 1px solid #45732e;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
-webkit-background-size: 1px 100%;
-moz-background-size: 1px 100%;
background-size: 1px 100%;
background-image: -webkit-linear-gradient(top, #45732e 0%, #45732e 100%), -webkit-linear-gradient(top, #45732e 0%, #45732e 100%);
background-image: -moz-linear-gradient(top, #45732e 0%, #45732e 100%), -moz-linear-gradient(top, #45732e 0%, #45732e 100%);
background-image: -o-linear-gradient(top, #45732e 0%, #45732e 100%), -o-linear-gradient(top, #45732e 0%, #45732e 100%);
background-image: linear-gradient(to bottom, #45732e 0%, #45732e 100%), linear-gradient(to bottom, #45732e 0%, #45732e 100%);
}
.wrapper-call-to-action-radio.hover .radio span, .wrapper-call-to-action-radio:hover .radio span, .wrapper-call-to-action-radio.focus .radio span {
border-top: 1px solid #5fa32c;
border-left: 1px solid #5fa32c;
background: none;
}
.wrapper-call-to-action-radio.hover .radio span.checked, .wrapper-call-to-action-radio:hover .radio span.checked, .wrapper-call-to-action-radio.focus .radio span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-check-white.png") no-repeat -1px top transparent;
background-size: 100% 100%;
}
.wrapper-call-to-action-checkbox, .wrapper-call-to-action-radio {
overflow: hidden;
position: relative;
}
.wrapper-call-to-action-checkbox .button-shimmer, .wrapper-call-to-action-radio .button-shimmer {
width: 100px;
height: 40px;
position: absolute;
background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
animation: shimmer 4s infinite;
-webkit-animation: shimmer 4s infinite;
}
@keyframes shimmer {
0% {
background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
left: -100%;
top: 0px;
}
15% {
background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
left: 100%;
top: 0px;
}
100% {
background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
left: 100%;
top: 0px;
}
}
@-webkit-keyframes shimmer {
0% {
background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
left: -100%;
top: 0px;
}
15% {
background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
left: 100%;
top: 0px;
}
100% {
background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
/* W3C */
left: 100%;
top: 0px;
}
}
.wrapper-call-to-action-checkbox:hover .button-shimmer, .wrapper-call-to-action-checkbox.noShimmer .button-shimmer, .wrapper-call-to-action-checkbox.wrapper-noShimmer .button-shimmer, .wrapper-call-to-action-radio:hover .button-shimmer, .wrapper-call-to-action-radio.noShimmer .button-shimmer, .wrapper-call-to-action-radio.wrapper-noShimmer .button-shimmer {
animation: none;
background: transparent;
}
.phone-with-prefix {
display: inline-block;
padding-left: 12px;
width: 75%;
vertical-align: middle;
}
.phone-with-prefix div.uniform-selector {
max-width: 80px;
}
.phone-with-prefix .input-box {
max-width: 333px;
}
@media screen and (max-width: 768px) {
.phone-with-prefix {
display: block;
padding-left: 0;
width: auto;
vertical-align: baseline;
}
.phone-with-prefix div.uniform-selector {
max-width: none;
}
.phone-with-prefix .input-box {
max-width: none;
}
}
@media screen and (max-width: 480px) {
input[type="text"], input[type="password"] {
height: 36px;
font-size: 14px;
}
div.selector.fixedWidth {
height: 36px;
}
div.selector.fixedWidth span {
height: 36px;
line-height: 36px;
font-size: 14px;
}
div.selector.fixedWidth select {
height: 36px;
}
div.radio {
width: 30px;
height: 35px;
}
div.radio span {
height: 100%;
width: 100%;
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/uniform/radio-unchecked-small.png") no-repeat center;
}
div.radio span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/uniform/radio-checked-small.png") no-repeat center;
}
div.radio span input {
height: 100%;
width: 100%;
}
div.radio.hover, div.radio.focus, div.radio.active {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/uniform/radio-hover-small.png") no-repeat center;
}
div.radio.hover span.checked, div.radio.focus span.checked, div.radio.active span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/uniform/radio-checked-hover-small.png") no-repeat center;
}
div.checker {
width: 30px;
height: 30px;
background: none;
}
div.checker span {
height: 100%;
width: 100%;
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/uniform/checkbox-unchecked-small.png") no-repeat center;
}
div.checker span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/uniform/checkbox-checked-small.png") no-repeat center;
}
div.checker span input {
height: 100%;
width: 100%;
}
div.checker.hover, div.checker.focus {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/uniform/checkbox-hover-small.png") no-repeat center;
}
div.checker.hover span.checked, div.checker.focus span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/uniform/checkbox-checked-hover-small.png") no-repeat center;
}
.wrapper-call-to-action-checkbox div.checker {
height: 30px;
width: 30px;
border-top: 1px solid #529033;
border-bottom: 1px solid #46742f;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
-webkit-background-size: 1px 100%;
-moz-background-size: 1px 100%;
background-size: 1px 100%;
background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%);
margin: 5px;
overflow: hidden;
}
.wrapper-call-to-action-checkbox div.checker.disabled {
border-top: 1px solid #529033;
border-bottom: 1px solid #46742f;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
-webkit-background-size: 1px 100%;
-moz-background-size: 1px 100%;
background-size: 1px 100%;
background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%);
background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%);
}
.wrapper-call-to-action-checkbox div.checker.disabled span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-check-white-disabled.png") no-repeat top left transparent;
}
.wrapper-call-to-action-checkbox div.checker span {
border-top: 1px solid #74c838;
border-bottom: 1px solid #60a72e;
box-sizing: border-box;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
background-size: 1px 100%;
background-image: linear-gradient(to bottom, #74c838 0%, #60a72e 100%);
height: 30px;
width: 28px;
margin-left: 1px;
}
.wrapper-call-to-action-checkbox div.checker span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-check-white.png") no-repeat top left transparent;
}
.wrapper-call-to-action-checkbox.hover {
background: #398513;
}
.wrapper-call-to-action-checkbox.hover div.checker {
border-top: 1px solid #45732e;
border-bottom: 1px solid #45732e;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
-webkit-background-size: 1px 100%;
-moz-background-size: 1px 100%;
background-size: 1px 100%;
background-image: -webkit-linear-gradient(top, #45732e 0%, #45732e 100%), -webkit-linear-gradient(top, #45732e 0%, #45732e 100%);
background-image: -moz-linear-gradient(top, #45732e 0%, #45732e 100%), -moz-linear-gradient(top, #45732e 0%, #45732e 100%);
background-image: -o-linear-gradient(top, #45732e 0%, #45732e 100%), -o-linear-gradient(top, #45732e 0%, #45732e 100%);
background-image: linear-gradient(to bottom, #45732e 0%, #45732e 100%), linear-gradient(to bottom, #45732e 0%, #45732e 100%);
}
.wrapper-call-to-action-checkbox.hover div.checker span {
border-top: 1px solid #5fa32c;
border-left: 1px solid #5fa32c;
margin-left: 1px;
background: none;
}
.wrapper-call-to-action-checkbox.hover div.checker span.checked {
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-check-white.png") no-repeat -1px top transparent;
}
}
/*# sourceMappingURL=RC_Forms.css.map */
/*
* Addresses the product comparison table
*
* Included on the pages that display either a modal window with all product
* data side by side or on the Shop page(s).
*
* @author Jarlssen GmbH
*/
/*
* Main definitions SCSS file
*
* Definition of mixins and functions etc.
* Should NOT generate any actual CSS!
* To be included in ALL subsequent SCSS files.
*
* @author Jarlssen GmbH
*/
/*
* Main variables SCSS file
*
* Definition of ONLY variables.
* Should NOT generate any actual CSS!
*
* To be included ONLY in _RC_Definitions.scss.
*
* @author Jarlssen GmbH
* @see _RC_Definitions.scss
*/
.-message {
color: #c85a1e;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.07143rem;
line-height: 1.2;
padding-right: 6px; }
.legal-link {
display: none; }
.shop-page .shop-totals .totals-container .totals .calculation-container .include-vat-shipping sup, .shop-page .shop-totals .totals-container .totals .calculation-container .shop-pedaltuning-selector .description sup,
.shop-page .modal-overlay.product-modal-gen2 .include-vat-shipping sup,
.shop-page .modal-overlay.product-modal-gen2 .shop-pedaltuning-selector .description sup,
.chips-comparison.table .include-vat-shipping sup,
.chips-comparison.table .shop-pedaltuning-selector .description sup,
.accessory-selector .include-vat-shipping sup,
.accessory-selector .shop-pedaltuning-selector .description sup,
.cms-racechip-gts-html .include-vat-shipping sup,
.cms-racechip-gts-html .shop-pedaltuning-selector .description sup,
.cms-racechip-rs-html .include-vat-shipping sup,
.cms-racechip-rs-html .shop-pedaltuning-selector .description sup,
.cms-racechip-s-html .include-vat-shipping sup,
.cms-racechip-s-html .shop-pedaltuning-selector .description sup,
.overview-data-new .include-vat-shipping sup,
.overview-data-new .shop-pedaltuning-selector .description sup {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.78571rem; }
.shop-page .shop-totals .totals-container .totals .calculation-container .include-vat-shipping sup:hover, .shop-page .shop-totals .totals-container .totals .calculation-container .shop-pedaltuning-selector .description sup:hover,
.shop-page .modal-overlay.product-modal-gen2 .include-vat-shipping sup:hover,
.shop-page .modal-overlay.product-modal-gen2 .shop-pedaltuning-selector .description sup:hover,
.chips-comparison.table .include-vat-shipping sup:hover,
.chips-comparison.table .shop-pedaltuning-selector .description sup:hover,
.accessory-selector .include-vat-shipping sup:hover,
.accessory-selector .shop-pedaltuning-selector .description sup:hover,
.cms-racechip-gts-html .include-vat-shipping sup:hover,
.cms-racechip-gts-html .shop-pedaltuning-selector .description sup:hover,
.cms-racechip-rs-html .include-vat-shipping sup:hover,
.cms-racechip-rs-html .shop-pedaltuning-selector .description sup:hover,
.cms-racechip-s-html .include-vat-shipping sup:hover,
.cms-racechip-s-html .shop-pedaltuning-selector .description sup:hover,
.overview-data-new .include-vat-shipping sup:hover,
.overview-data-new .shop-pedaltuning-selector .description sup:hover {
color: #e35700;
cursor: pointer; }
.shop-page .shop-totals .totals-container .totals .calculation-container .include-vat-shipping sup,
.shop-page .modal-overlay.product-modal-gen2 .include-vat-shipping sup,
.chips-comparison.table .include-vat-shipping sup,
.accessory-selector .include-vat-shipping sup,
.cms-racechip-gts-html .include-vat-shipping sup,
.cms-racechip-rs-html .include-vat-shipping sup,
.cms-racechip-s-html .include-vat-shipping sup,
.overview-data-new .include-vat-shipping sup {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.71429rem; }
.shop-page .shop-totals .totals-container .totals .calculation-container .advantages:before, .shop-page .shop-totals .totals-container .totals .calculation-container .advantages:after,
.shop-page .modal-overlay.product-modal-gen2 .advantages:before,
.shop-page .modal-overlay.product-modal-gen2 .advantages:after,
.chips-comparison.table .advantages:before,
.chips-comparison.table .advantages:after,
.accessory-selector .advantages:before,
.accessory-selector .advantages:after,
.cms-racechip-gts-html .advantages:before,
.cms-racechip-gts-html .advantages:after,
.cms-racechip-rs-html .advantages:before,
.cms-racechip-rs-html .advantages:after,
.cms-racechip-s-html .advantages:before,
.cms-racechip-s-html .advantages:after,
.overview-data-new .advantages:before,
.overview-data-new .advantages:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden; }
.shop-page .shop-totals .totals-container .totals .calculation-container .advantages:after,
.shop-page .modal-overlay.product-modal-gen2 .advantages:after,
.chips-comparison.table .advantages:after,
.accessory-selector .advantages:after,
.cms-racechip-gts-html .advantages:after,
.cms-racechip-rs-html .advantages:after,
.cms-racechip-s-html .advantages:after,
.overview-data-new .advantages:after {
clear: both; }
.shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage,
.shop-page .modal-overlay.product-modal-gen2 .advantages .advantage,
.chips-comparison.table .advantages .advantage,
.accessory-selector .advantages .advantage,
.cms-racechip-gts-html .advantages .advantage,
.cms-racechip-rs-html .advantages .advantage,
.cms-racechip-s-html .advantages .advantage,
.overview-data-new .advantages .advantage {
color: #3c3c3c;
display: block;
width: 100%;
margin-bottom: 10px; }
.shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage .image,
.shop-page .modal-overlay.product-modal-gen2 .advantages .advantage .image,
.chips-comparison.table .advantages .advantage .image,
.accessory-selector .advantages .advantage .image,
.cms-racechip-gts-html .advantages .advantage .image,
.cms-racechip-rs-html .advantages .advantage .image,
.cms-racechip-s-html .advantages .advantage .image,
.overview-data-new .advantages .advantage .image {
float: left; }
.shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage .legend,
.shop-page .modal-overlay.product-modal-gen2 .advantages .advantage .legend,
.chips-comparison.table .advantages .advantage .legend,
.accessory-selector .advantages .advantage .legend,
.cms-racechip-gts-html .advantages .advantage .legend,
.cms-racechip-rs-html .advantages .advantage .legend,
.cms-racechip-s-html .advantages .advantage .legend,
.overview-data-new .advantages .advantage .legend {
line-height: 32px;
width: auto; }
.shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage .legend.has-multiple-lines,
.shop-page .modal-overlay.product-modal-gen2 .advantages .advantage .legend.has-multiple-lines,
.chips-comparison.table .advantages .advantage .legend.has-multiple-lines,
.accessory-selector .advantages .advantage .legend.has-multiple-lines,
.cms-racechip-gts-html .advantages .advantage .legend.has-multiple-lines,
.cms-racechip-rs-html .advantages .advantage .legend.has-multiple-lines,
.cms-racechip-s-html .advantages .advantage .legend.has-multiple-lines,
.overview-data-new .advantages .advantage .legend.has-multiple-lines {
line-height: 1.2; }
.shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage .legend a,
.shop-page .modal-overlay.product-modal-gen2 .advantages .advantage .legend a,
.chips-comparison.table .advantages .advantage .legend a,
.accessory-selector .advantages .advantage .legend a,
.cms-racechip-gts-html .advantages .advantage .legend a,
.cms-racechip-rs-html .advantages .advantage .legend a,
.cms-racechip-s-html .advantages .advantage .legend a,
.overview-data-new .advantages .advantage .legend a {
font-weight: normal; }
.shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.optional-feature .legend,
.shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.optional-feature .legend,
.chips-comparison.table .advantages .advantage.optional-feature .legend,
.accessory-selector .advantages .advantage.optional-feature .legend,
.cms-racechip-gts-html .advantages .advantage.optional-feature .legend,
.cms-racechip-rs-html .advantages .advantage.optional-feature .legend,
.cms-racechip-s-html .advantages .advantage.optional-feature .legend,
.overview-data-new .advantages .advantage.optional-feature .legend {
line-height: 1.2; }
.shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.picture,
.shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.picture,
.chips-comparison.table .advantages .advantage.picture,
.accessory-selector .advantages .advantage.picture,
.cms-racechip-gts-html .advantages .advantage.picture,
.cms-racechip-rs-html .advantages .advantage.picture,
.cms-racechip-s-html .advantages .advantage.picture,
.overview-data-new .advantages .advantage.picture {
margin-bottom: 15px;
font-size: 0; }
.shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.picture .image,
.shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.picture .image,
.chips-comparison.table .advantages .advantage.picture .image,
.accessory-selector .advantages .advantage.picture .image,
.cms-racechip-gts-html .advantages .advantage.picture .image,
.cms-racechip-rs-html .advantages .advantage.picture .image,
.cms-racechip-s-html .advantages .advantage.picture .image,
.overview-data-new .advantages .advantage.picture .image {
width: 43px;
height: 43px;
float: none;
display: inline-block;
vertical-align: middle;
position: relative; }
.shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.picture .image img,
.shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.picture .image img,
.chips-comparison.table .advantages .advantage.picture .image img,
.accessory-selector .advantages .advantage.picture .image img,
.cms-racechip-gts-html .advantages .advantage.picture .image img,
.cms-racechip-rs-html .advantages .advantage.picture .image img,
.cms-racechip-s-html .advantages .advantage.picture .image img,
.overview-data-new .advantages .advantage.picture .image img {
display: block;
width: 43px;
height: 43px; }
.shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.picture .image:after,
.shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.picture .image:after,
.chips-comparison.table .advantages .advantage.picture .image:after,
.accessory-selector .advantages .advantage.picture .image:after,
.cms-racechip-gts-html .advantages .advantage.picture .image:after,
.cms-racechip-rs-html .advantages .advantage.picture .image:after,
.cms-racechip-s-html .advantages .advantage.picture .image:after,
.overview-data-new .advantages .advantage.picture .image:after {
content: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-info.svg);
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 1; }
.shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.picture .legend,
.shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.picture .legend,
.chips-comparison.table .advantages .advantage.picture .legend,
.accessory-selector .advantages .advantage.picture .legend,
.cms-racechip-gts-html .advantages .advantage.picture .legend,
.cms-racechip-rs-html .advantages .advantage.picture .legend,
.cms-racechip-s-html .advantages .advantage.picture .legend,
.overview-data-new .advantages .advantage.picture .legend {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1rem;
line-height: 1.2;
padding-left: 13px;
padding-top: 0;
float: none;
display: inline-block;
vertical-align: middle;
max-width: 222px; }
.shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.picture .legend strong,
.shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.picture .legend strong,
.chips-comparison.table .advantages .advantage.picture .legend strong,
.accessory-selector .advantages .advantage.picture .legend strong,
.cms-racechip-gts-html .advantages .advantage.picture .legend strong,
.cms-racechip-rs-html .advantages .advantage.picture .legend strong,
.cms-racechip-s-html .advantages .advantage.picture .legend strong,
.overview-data-new .advantages .advantage.picture .legend strong {
font-weight: 600; }
.shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.picture[data-modal-trigger]:hover .image img,
.shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.picture[data-modal-trigger]:hover .image img,
.chips-comparison.table .advantages .advantage.picture[data-modal-trigger]:hover .image img,
.accessory-selector .advantages .advantage.picture[data-modal-trigger]:hover .image img,
.cms-racechip-gts-html .advantages .advantage.picture[data-modal-trigger]:hover .image img,
.cms-racechip-rs-html .advantages .advantage.picture[data-modal-trigger]:hover .image img,
.cms-racechip-s-html .advantages .advantage.picture[data-modal-trigger]:hover .image img,
.overview-data-new .advantages .advantage.picture[data-modal-trigger]:hover .image img {
display: none; }
.shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.picture[data-modal-trigger]:hover .image:after,
.shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.picture[data-modal-trigger]:hover .image:after,
.chips-comparison.table .advantages .advantage.picture[data-modal-trigger]:hover .image:after,
.accessory-selector .advantages .advantage.picture[data-modal-trigger]:hover .image:after,
.cms-racechip-gts-html .advantages .advantage.picture[data-modal-trigger]:hover .image:after,
.cms-racechip-rs-html .advantages .advantage.picture[data-modal-trigger]:hover .image:after,
.cms-racechip-s-html .advantages .advantage.picture[data-modal-trigger]:hover .image:after,
.overview-data-new .advantages .advantage.picture[data-modal-trigger]:hover .image:after {
display: block; }
[data-modal^="modal-shop-features"] div.explanations {
text-align: left; }
[data-modal^="modal-shop-features"] div.explanations ul {
padding: 10px 0 15px 45px;
list-style-type: circle; }
[data-modal^="modal-shop-features"] div.explanations ul.numbers {
list-style-type: decimal; }
[data-modal^="modal-shop-features"] div.explanations p.footprint {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.78571rem;
margin-top: 20px; }
.chips-comparison.table {
display: table;
border-collapse: separate;
border-spacing: 0;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem; }
.chips-comparison.table.-chip_black-not-available .column.product-chip_s {
display: block; }
.chips-comparison.table.-chip_black-not-available .column.product-chip_gts_black {
display: none; }
.chips-comparison.table.-chip_black-available .column.product-chip_gts {
display: none; }
.chips-comparison.table.-chip_black-available .column.product-chip_gts_black {
display: block; }
.chips-comparison.table.-not-shop-page .column.product-chip_s {
display: block !important; }
.chips-comparison.table.-not-shop-page .column.product-chip_rs {
display: block !important; }
.chips-comparison.table.-not-shop-page .column.product-chip_gts {
display: block !important; }
.chips-comparison.table.-not-shop-page .column.product-chip_gts_black {
display: none !important; }
.chips-comparison.table .row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
max-width: 960px; }
.chips-comparison.table .row .column {
width: 33.33%; }
.chips-comparison.table .row .column.colspan_3 {
width: 100%; }
.chips-comparison.table .price-box {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 200;
font-style: normal;
font-size: 1.14286rem; }
.chips-comparison.table .price-box .price-value {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.14286rem; }
.chips-comparison.table .not-available-message {
display: none; }
.chips-comparison.table .thead .column {
height: 285px;
position: relative;
margin-bottom: 0; }
.chips-comparison.table .thead .column.-not-available {
filter: alpha(opactiy=60);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6; }
.chips-comparison.table .thead .column .-message {
position: absolute;
z-index: 100;
top: 45px;
margin: 0 auto;
padding: 0;
left: 0;
right: 0;
width: 75%;
text-align: center;
color: #ea0c0c;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1rem; }
.chips-comparison.table .thead .column[class^="product-chip_"] {
position: relative;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-moz-background-size: cover;
/* Firefox 3.6 */
background-position: center;
/* Internet Explorer 7/8 */ }
.chips-comparison.table .thead .column[class^="product-chip_"] .product-title {
margin: 0 0 25px 0;
width: 100%;
height: 60px;
text-align: center;
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.14286rem;
color: #3c3c3c; }
.chips-comparison.table .thead .column[class^="product-chip_"] .product-title strong {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.14286rem; }
.chips-comparison.table .thead .column[class^="product-chip_"] .product-title .product-badge {
background: transparent no-repeat top center;
display: block;
height: 60px; }
.chips-comparison.table .thead .column[class^="product-chip_"] .product-image {
width: 100%;
margin: 0 auto;
text-align: center;
position: relative;
display: block; }
.chips-comparison.table .thead .column[class^="product-chip_"] .product-image img {
margin: 0 auto;
display: block;
-webkit-transition: filter 0.5s ease-in;
-moz-transition: filter 0.5s ease-in;
-o-transition: filter 0.5s ease-in;
transition: filter 0.5s ease-in; }
.chips-comparison.table .thead .column[class^="product-chip_"] .product-image .badge-tuev {
position: absolute;
top: 118px;
left: 15px;
width: 24%; }
.chips-comparison.table .thead .column[class^="product-chip_"] .product-image .badge-new {
position: absolute;
top: -30px;
left: 15px;
text-transform: uppercase;
color: #fff;
border: 1px solid #fff;
padding: 2px 15px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.14286rem; }
.chips-comparison.table .thead .column[class^="product-chip_"] .product-image .badge-new:after {
content: '';
display: block;
position: absolute;
bottom: -6px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border: none;
border-bottom-width: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #fff; }
@media screen and (max-width: 768px) {
body.store-frc .chips-comparison.table .thead .column[class^="product-chip_"] .product-image .badge-new {
left: 0;
padding: 2px 8px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem; }
body.store-itl .chips-comparison.table .thead .column[class^="product-chip_"] .product-image .badge-new {
left: 0;
padding: 2px 8px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem; } }
.chips-comparison.table .thead .column[class^="product-chip_"] .product-image[data-modal-trigger]:hover img {
-webkit-filter: blur(2px);
filter: blur(2px); }
.chips-comparison.table .thead .column[class^="product-chip_"] .product-image[data-modal-trigger]:hover:after {
content: '';
display: block;
position: absolute;
top: 25%;
left: 0;
right: 0;
margin: 0 auto;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/chip-mouseover.svg) no-repeat center center;
background-size: 100%;
height: 60px;
width: 60px; }
.chips-comparison.table .thead .column.product-chip_s .product-title .product-badge {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/product_badge_s-black.svg);
background-size: 80px; }
@media screen and (max-width: 768px) {
.chips-comparison.table .thead .column.product-chip_s {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/bg-one_768.jpg); } }
@media screen and (max-width: 600px) {
.chips-comparison.table .thead .column.product-chip_s {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/bg-one_320.jpg);
@supports (background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/bg-one_320.webp)) {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/bg-one_320.webp);
}
}
.chips-comparison.table .thead .column.product-chip_s.product-not-selected {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/bg-one-disabled_320.jpg); } }
.chips-comparison.table .thead .column.product-chip_rs .product-title .product-badge {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/product_badge_rs-black.svg);
background-size: 95px; }
@media screen and (max-width: 768px) {
.chips-comparison.table .thead .column.product-chip_rs {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/bg-pro2_768.jpg); } }
@media screen and (max-width: 600px) {
.chips-comparison.table .thead .column.product-chip_rs {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/bg-pro2_320.jpg);
@supports (background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/bg-pro2_320.webp)) {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/bg-pro2_320.webp);
}
}
.chips-comparison.table .thead .column.product-chip_rs.product-not-selected {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/bg-pro2-disabled_320.jpg); } }
.chips-comparison.table .thead .column.product-chip_gts .product-title .product-badge {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/product_badge_gts-black.svg);
background-size: 180px; }
@media screen and (max-width: 768px) {
.chips-comparison.table .thead .column.product-chip_gts {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/bg-ultimate_768.jpg); } }
@media screen and (max-width: 600px) {
.chips-comparison.table .thead .column.product-chip_gts {
background-image: none; /*url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/bg-ultimate_320.jpg);*/ }
.chips-comparison.table .thead .column.product-chip_gts.product-not-selected {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/bg-ultimate-disabled_320.jpg); } }
@media screen and (max-width: 768px) {
.chips-comparison.table .thead .column.product-chip_s, .chips-comparison.table .thead .column.product-chip_rs, .chips-comparison.table .thead .column.product-chip_gts {
height: 340px;
padding-top: 125px; } }
@media screen and (max-width: 600px) {
.chips-comparison.table .thead .column.product-chip_s, .chips-comparison.table .thead .column.product-chip_rs, .chips-comparison.table .thead .column.product-chip_gts {
height: 290px; } }
@media screen and (max-width: 768px) {
.chips-comparison.table .thead .column.product-chip_gts {
padding-top: 135px; } }
.chips-comparison.table .thead .column.product-chip_gts_black .product-title .product-badge {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/product_badge_gts_black-black.svg);
background-size: 183px; }
.chips-comparison.table .row .column {
vertical-align: top;
position: relative;
z-index: 1; }
.chips-comparison.table .row .column.-not-available {
filter: alpha(opactiy=60);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6; }
.chips-comparison.table .row .column.-not-available .product-image .badge-new {
display: none; }
.chips-comparison.table .row.last .column {
border-bottom: none; }
.chips-comparison.table .row.row-performance .column {
margin-top: 0;
margin-bottom: 0;
border-top: none;
border-bottom: none; }
.chips-comparison.table .row.row-performance .column.-not-available .advantages .advantage .legend {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.14286rem; }
.chips-comparison.table .row.row-performance .advantages {
width: 90%;
margin: 0 auto 15px;
border-bottom: 1px solid #e0e3e6; }
.chips-comparison.table .row.row-performance .advantages .advantage {
margin: 15px 0 22px;
width: 50%;
float: left; }
.chips-comparison.table .row.row-performance .advantages .advantage .figure {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.14286rem;
color: #ec5b00;
float: none;
display: inline-block;
vertical-align: bottom; }
.chips-comparison.table .row.row-performance .advantages .advantage .figure .plus {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.28571rem;
margin-right: 2px;
display: inline-block;
padding-bottom: 5px; }
.chips-comparison.table .row.row-performance .advantages .advantage .figure.-is-ab-test .plus {
display: none; }
.chips-comparison.table .row.row-performance .advantages .advantage .legend {
padding: 0;
margin-left: 6px;
float: none;
display: inline-block;
vertical-align: bottom;
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.64286rem;
line-height: 1.2; }
.chips-comparison.table .row.row-performance .advantages .advantage .legend sup {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.85714rem;
color: #3c3c3c;
margin-left: 1px; }
.chips-comparison.table .row.row-performance .advantages .advantage .legend sup:hover {
color: #ec5b00;
cursor: pointer; }
.chips-comparison.table .row.row-performance .advantages .-ab-test-message,
.chips-comparison.table .row.row-performance .advantages .-no-ab-test-message {
display: none; }
.chips-comparison.table .row.row-performance .advantages .-ab-test-message.total-values-message,
.chips-comparison.table .row.row-performance .advantages .-no-ab-test-message.total-values-message {
text-align: center; }
.chips-comparison.table .row.row-performance .advantages .-ab-test-message.total-values-message a,
.chips-comparison.table .row.row-performance .advantages .-no-ab-test-message.total-values-message a {
display: inline-block;
padding-left: 10px;
vertical-align: middle; }
.chips-comparison.table .row.row-performance .advantages .-ab-test-message.total-values-message a img,
.chips-comparison.table .row.row-performance .advantages .-no-ab-test-message.total-values-message a img {
height: 24px;
width: 24px; }
.chips-comparison.table .row.row-performance .advantages.-is-ab-test .-ab-test-message {
display: block;
margin-top: 15px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1rem; }
.chips-comparison.table .row.row-performance .advantages.-is-ab-test .advantage {
margin-top: 5px; }
.chips-comparison.table .row.row-performance .advantages.-is-not-ab-test .-no-ab-test-message {
display: block;
margin-top: 15px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1rem; }
.chips-comparison.table .row.row-features .column {
padding: 10px 1.45833%;
margin-top: 0;
margin-bottom: 0;
border-top: none;
border-bottom: none; }
.chips-comparison.table .row.row-features .column .advantages .advantage.-feature-value_processor_speed .legend {
width: 70%; }
.chips-comparison.table .row.row-features .column .expand-btn-container {
display: none; }
.chips-comparison.table .row.row-description .column {
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
border-top: none;
border-bottom: none; }
.chips-comparison.table .row.row-description .column .content {
width: 90%;
min-height: 190px;
height: 100%;
margin: 0 auto;
padding: 20px 2.08333% 0 2.08333%;
border-bottom: 1px solid #dfe2e5; }
.chips-comparison.table .row.row-description .column .content h4 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.14286rem;
margin-bottom: 20px; }
.chips-comparison.table .row.row-description .column .content p, .chips-comparison.table .row.row-description .column .content ul {
margin-bottom: 20px;
line-height: 1.4; }
.chips-comparison.table .row.row-description.row-service .column .content {
border-top: 1px solid #dfe2e5; }
.chips-comparison.table .row.row-description.row-dimensions .column .content {
min-height: 130px;
border-bottom: none; }
.chips-comparison.table .row.row-description.row-selecting-info {
display: none; }
.chips-comparison.table .row.row-more-details .column {
padding: 10px 2.08333% 15px;
margin-top: 0;
margin-bottom: 0;
border: none; }
.chips-comparison.table .row.row-more-details .column a {
text-transform: uppercase;
text-decoration: underline;
color: #3c3c3c; }
.chips-comparison.table .row.row-more-details .column a:hover {
color: #ec5b00; }
.chips-comparison.table .row.row-selection-indicator {
display: none;
height: 30px; }
.chips-comparison.table .row.row-selection-indicator .column {
background-color: transparent;
border: none;
margin: 0;
padding: 0; }
.chips-comparison.table .row.row-options .column {
padding: 20px 20px 0 20px;
border-bottom: none;
margin-bottom: 0; }
.chips-comparison.table .row.row-options .column:before, .chips-comparison.table .row.row-options .column:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden; }
.chips-comparison.table .row.row-options .column:after {
clear: both; }
.chips-comparison.table .row.row-options .column .price-box {
float: left;
width: 100%;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 200;
font-style: normal;
font-size: 1.35714rem; }
.chips-comparison.table .row.row-options .column .price-box span {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.35714rem; }
.chips-comparison.table .row.row-options .column .feature-box {
font-size: 1px;
margin-bottom: 15px; }
.chips-comparison.table .row.row-options .column .feature-box .checkmark-grey {
display: inline-block;
width: 30px;
height: 30px;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/checkmark-solid-grey.png) no-repeat center center;
background-size: 30px; }
.chips-comparison.table .row.row-options .column .feature-box .legend {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.78571rem;
display: inline-block;
vertical-align: top;
line-height: 30px;
margin-left: 15px; }
.chips-comparison.table .row.row-options .column .feature-box .uniform-checker {
display: block; }
.chips-comparison.table .row.row-options .column .feature-box .uniform-checker div.checker {
margin-left: -3px; }
.chips-comparison.table .row.row-options .column .feature-box .uniform-checker label.option {
display: inline-block;
float: none;
margin-top: 0;
margin-left: 12px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.78571rem; }
.chips-comparison.table .row.row-options .column .feature-box .uniform-checker label.option span {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.78571rem; }
.chips-comparison.table .row.row-options .column .feature-box.warranty-container .uniform-checker label {
line-height: 36px; }
.chips-comparison.table .row.row-price .column {
margin-top: 0; }
.chips-comparison.table .row.row-price .column .product-info {
width: 90%;
margin: 0 auto;
padding: 30px 0 20px;
border-top: 1px solid #dfe2e5;
font-size: 0; }
.chips-comparison.table .row.row-price .column .product-info:before, .chips-comparison.table .row.row-price .column .product-info:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden; }
.chips-comparison.table .row.row-price .column .product-info:after {
clear: both; }
.chips-comparison.table .row.row-price .column .product-info.discount-container {
width: 84.375%; }
.chips-comparison.table .row.row-price .column .product-info .price-box {
width: 49%;
display: inline-block;
line-height: 47px;
height: 50px;
vertical-align: middle;
text-align: center;
margin: 0 auto;
border: 1px solid #9b9b9b;
position: relative; }
.chips-comparison.table .row.row-price .column .product-info .price-box .-not-available-message {
display: none;
color: #ea0c0c;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 0.71429rem;
line-height: 1.4;
vertical-align: middle; }
.chips-comparison.table .row.row-price .column .product-info .price-box .discount-title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: bold;
font-size: 0.64286rem;
line-height: 10px;
background-color: #9b9b9b;
color: #000;
padding: 3px;
display: block;
position: absolute;
right: -1px;
left: -1px;
top: -16px;
height: 15px; }
.chips-comparison.table .row.row-price .column .product-info .price-box .discount-price, #pedaltuning-custom-options .custom-option-box .price-box .discount-price, .shop-chips .custom-option-box .price-box .discount-price {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1rem;
position: relative;
margin-right: 13px; }
.chips-comparison.table .row.row-price .column .product-info .price-box .discount-price:after, #pedaltuning-custom-options .custom-option-box .price-box .discount-price:after, .shop-chips .custom-option-box .price-box .discount-price:after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
height: 1px;
background-color: #ff0000;
top: 54%; }
#pedaltuning-custom-options .custom-option-box.product-selected .price-box .discount-price,
#pedaltuning-custom-options .custom-option-box.product-selected .price-box .discount-price:after,
.shop-chips .custom-option-box.product-selected .price-box .discount-price,
.shop-chips .custom-option-box.product-selected .price-box .discount-price:after{
display: none;
}
.chips-comparison.table .row.row-price .column .product-info .price-box .price-value {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.5rem;
color: #3c3c3c; }
.chips-comparison.table .row.row-price .column .product-info .price-box .currency {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1rem;
color: #3c3c3c; }
.chips-comparison.table .row.row-price .column .product-info .include-vat-shipping {
padding-top: 3px;
color: #828282;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.71429rem; }
.chips-comparison.table .row.row-price .column .product-info .include-vat-shipping sup {
margin-left: 2px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.71429rem; }
.chips-comparison.table .row.row-price .column .product-info.new-product-info-horizontal .call-to-action {
width: 49%;
margin-right: 2%;
vertical-align: middle; }
.chips-comparison.table .row.row-price .column.-not-available .product-info .price-box .-not-available-message {
display: inline-block; }
.chips-comparison.table .row.row-price .column.-not-available .product-info .price-box .price-value, .chips-comparison.table .row.row-price .column.-not-available .product-info .price-box .currency {
display: none; }
.chips-comparison.table .row.-all-easy-installation .row.row-more-details .column.product-selected {
border-bottom: 1px solid #51ba1b; }
.chips-comparison.table .last.row.row-price.-not-shop .product-chip_gts_black {
display: none; }
.mclaren-section .chips-comparison.table.-chip_black-available .column.product-chip_s {
display: none; }
.mclaren-section .chips-comparison.table.-chip_black-available .column.product-chip_gts {
display: block; }
.mclaren-section .chips-comparison.table.-chip_black-available .column.product-chip_gts_black {
display: block; }
.comparison-modal .chips-comparison.table {
width: 960px; }
.comparison-modal .chips-comparison.table .row.thead .column[class^="product-chip_"] .product-title button {
display: none; }
.comparison-modal .chips-comparison.table .row .column {
width: 33.11%; }
.comparison-modal .chips-comparison.table .row.row-performance .advantages.test-badges {
display: none; }
.comparison-modal .chips-comparison.table .row.row-features .advantages.test-badges .legend {
display: block;
margin-bottom: 10px;
margin-top: 15px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 0.78571rem; }
.comparison-modal .chips-comparison.table .row.row-features .advantages.test-badges .advantage {
display: inline-block;
width: 45%; }
.comparison-modal .chips-comparison.table .row.row-features .advantages.test-badges .advantage:first-of-type {
margin-right: 6.25%; }
/*# sourceMappingURL=RC_ProductData.css.map */
/* Commong Rules New Design 2023 */
.header-container {
background: transparent;
border-bottom: 0;
/*height: 59px;*/
}
@media screen and (min-width: 1920px) {
html.desktop .header-panel.grid-container {
width: 1355px;
}
}
.header-container .header-panel .nav-container .level0.logo a img {
height: 37px;
}
.header-container .header-panel .nav-container .level0.car a:not(.not-menu-link):not([data-picker-idx]) img,
.header-container .header-panel .nav-container .level0.phone-support a:not(.not-menu-link):not([data-picker-idx]) img {
height: 29px;
}
.header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]) img {
height: 19px;
}
.header-container .header-panel .nav-container .level0>a:not(.not-menu-link) {
/*font-family: "Lato", Arial, Verdana, sans-serif;*/
font-weight: bold;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
color: #fff;
text-decoration: none;
}
body.store-de .header-container .header-panel .nav-container .level0>a:not(.not-menu-link) {
font-size: 17px;
}
/*html.desktop ul#nav .level0.nav-1.first {
width: 13%;
}*/
.header-container .header-panel .nav-container .level0.driver>a.level0.shopping-cart {
margin-top: 15px;
}
.header-container .header-panel .nav-container .level0>a:not(.not-menu-link).over {
font-weight: bold;
}
/*.header-container.fix {
background-color: #000;
}*/
@media (min-width:820px) {
.wrapper .home-stage-carousel .unslider .unslider-arrow {
display: block;
/*height: calc(100% - 110px);*/
height: 150px;
width: 27px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
}
.wrapper .home-stage-carousel .unslider .unslider-arrow.prev {
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/arrow-left.svg) no-repeat left center;
left: 30px;
}
.wrapper .home-stage-carousel .unslider .unslider-arrow.next {
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/arrow-right.svg) no-repeat left center;
right: 30px;
}
@media screen and (min-width: 1680px) {
html.desktop .span_xxl_10.logo {
width: 23.5%;
}
html.desktop ul#nav>.level0 {
width: 13.5%;
}
/*html.desktop .header-container .header-panel .nav-container .span_xxl_4.level0 {
width: auto;
padding-right: 100px;
}
html.desktop .header-container .header-panel .nav-container .span_xxl_4.level0.nav-5 {
padding-right: 50px;
}*/
.header-container .header-panel .nav-container .level0.driver.nav-6.last {
float: right;
}
}
.shop-page.shop-page-v2.shop-page-v3.shop-page-v4 .header-container::after,
.manufacturer-landing-page .header-container::after,
body.cms-index-index.cms-home .header-container::after {
content: "";
position: absolute;
display: block;
pointer-events: none;
width: 100%;
height: 240px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.64) 1%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.64) 1%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.64) 1%, rgba(0, 0, 0, 0) 100%);
z-index: 1;
top: 0;
opacity: 1;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.header-container.opened::after,
.header-container.fix::after {
opacity: 0 !important;
content: none !important;
}
@media (min-width: 959px) {
.header-panel.grid-container>.nav-container {
display: flex;
}
.header-panel.grid-container>.nav-container #nav {
display: flex;
width: 70%;
justify-content: space-between;
padding: 0 50px;
}
.header-panel.grid-container>.nav-container #nav>li {
width: auto;
text-align: center;
}
/*.header-panel.grid-container > .nav-container #nav > li a {
white-space: nowrap;
}*/
html.desktop .header-container .grid-container {
z-index: 2;
}
.header-container .header-panel .nav-container .level0>a:not(.not-menu-link) {
padding: 17px;
}
.header-container .header-panel .nav-container .level0>a:not(.not-menu-link).logo {
padding: 12px;
}
}
@media (min-width: 961px) {
.mobile-navigation-megamenu {
display: none !important;
}
}
@media (max-width: 960px) {
html.desktop ul#nav .level0.nav-1.first {
width: 75%;
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx.is-active span::after {
width: 24px;
}
.header-container .header-panel .nav-container ul#nav li.level0>a:not(.not-menu-link),
.header-container .header-panel .nav-container ul#nav li.level0.opened {
border-bottom: 1px solid #fff;
}
.header-container .header-panel .nav-container #nav .level0 .navigation-container.level0 ul.level0 {
width: 100%;
}
.header-container .header-panel .nav-container ul#nav li.level0.opened>a:not(.not-menu-link) {
border-top: 1px solid #fff;
}
.header-container .header-panel .nav-container ul#nav li.level0>a:not(.not-menu-link),
.header-container .header-panel .nav-container ul#nav li.level0>a:not(.not-menu-link).over {
font-size: 20px;
}
.desktop-mega-menu {
display: none !important;
}
}
@media (max-width: 960px) {
.header-container .header-panel .nav-container .level0.logo a img {
height: 31px;
}
.header-container .header-panel .nav-container .level0.car>a:not(.not-menu-link):not([data-picker-idx]),
.header-container .header-panel .nav-container .level0.driver>a:not(.not-menu-link):not([data-picker-idx]),
.header-container .header-panel .nav-container .level0.phone-support>a:not(.not-menu-link):not([data-picker-idx]) {
margin-top: 7px;
margin-bottom: 3px;
}
}
.teaser-container a h1.teaser-title,
.teaser-container a:hover h1.teaser-title,
.teaser-container a:focus h1.teaser-title {
color: #fff !important;
}
#modal-shop-gts-window .unslider-wrap li .image figure picture {
background-color: #000;
}
/*
* Styles that are different on Com Store.
*
* Loaded via local.xml
*
* @author Session Digital GmbH
*/
/*
* Main definitions SCSS file
*
* Definition of mixins and functions etc.
* Should NOT generate any actual CSS!
* To be included in ALL subsequent SCSS files.
*
* @author Jarlssen GmbH
*/
/*
* Main variables SCSS file
*
* Definition of ONLY variables.
* Should NOT generate any actual CSS!
*
* To be included ONLY in _RC_Definitions.scss.
*
* @author Jarlssen GmbH
* @see _RC_Definitions.scss
*/
.store-com .header-container .navigation-area .header .navigation .navigation-container.level0.menu_1 ul.level0, .store-eu .header-container .navigation-area .header .navigation .navigation-container.level0.menu_1 ul.level0, .store-uk .header-container .navigation-area .header .navigation .navigation-container.level0.menu_1 ul.level0, .store-us .header-container .navigation-area .header .navigation .navigation-container.level0.menu_1 ul.level0 {
width: 35%; }
.store-com .header-container .navigation-area .header .navigation .navigation-container.level0.menu_1 .cms-container, .store-eu .header-container .navigation-area .header .navigation .navigation-container.level0.menu_1 .cms-container, .store-uk .header-container .navigation-area .header .navigation .navigation-container.level0.menu_1 .cms-container, .store-us .header-container .navigation-area .header .navigation .navigation-container.level0.menu_1 .cms-container {
width: 65%; }
.store-com .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-block-container .column-left, .store-eu .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-block-container .column-left, .store-uk .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-block-container .column-left, .store-us .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-block-container .column-left {
padding-top: 30px; }
.store-com .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-block-container .menu-footer, .store-eu .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-block-container .menu-footer, .store-uk .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-block-container .menu-footer, .store-us .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-block-container .menu-footer {
left: 335px; }
.store-com .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-container .middle, .store-eu .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-container .middle, .store-uk .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-container .middle, .store-us .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-container .middle {
margin-top: 35px; }
/*# sourceMappingURL=RC_ComStoreUpdates.css.map */
/*
* Main stylesheet for CMS pages
*
* Included on all CMS pages.
* Contains mostly layouting (depending on breakpoint) and generic classes
*
* Should include ONLY rules that apply to more than one CMS page!
*
* @author Jarlssen GmbH
*/
/*
* Main definitions SCSS file
*
* Definition of mixins and functions etc.
* Should NOT generate any actual CSS!
* To be included in ALL subsequent SCSS files.
*
* @author Jarlssen GmbH
*/
/*
* Main variables SCSS file
*
* Definition of ONLY variables.
* Should NOT generate any actual CSS!
*
* To be included ONLY in _RC_Definitions.scss.
*
* @author Jarlssen GmbH
* @see _RC_Definitions.scss
*/
.wrapper .advantage,
.modal-window .advantage {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.78571rem;
display: inline-block;
width: 49%;
margin-bottom: 30px;
color: #5c5e60;
}
.wrapper .advantage:before,
.wrapper .advantage:after,
.modal-window .advantage:before,
.modal-window .advantage:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.wrapper .advantage:after,
.modal-window .advantage:after {
clear: both;
}
.wrapper .advantage .figure,
.modal-window .advantage .figure {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 2.42857rem;
float: left;
}
.wrapper .advantage .figure .plus,
.modal-window .advantage .figure .plus {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 800;
font-style: normal;
font-size: 1.14286rem;
vertical-align: middle;
}
.wrapper .advantage .figure.-is-ab-test .plus,
.modal-window .advantage .figure.-is-ab-test .plus {
display: none;
}
.wrapper .advantage .legend,
.modal-window .advantage .legend {
float: left;
width: 50%;
line-height: 1.4;
font-weight: 600;
padding: 6px 0 0 6px;
}
.wrapper .advantage.picture .image,
.modal-window .advantage.picture .image {
width: 46px;
height: 49px;
}
.wrapper .page {
background: none;
background-color: #e6e6e6;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.92857rem;
}
.wrapper .page .content-container .main {
top: -20px;
}
.rc.video-box {
max-width: 1290px;
height: 0;
padding-bottom: calc(9 / 16 * 100%);
background: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/rx/yt-thumbnail.jpg) center no-repeat;
background-size: cover;
position: relative;
margin: 40px auto 15px;
}
.reduction-with-power .rc.video-box {
background: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/sprit_yt-thumbnail.jpg) center no-repeat;
background-size: cover;
}
.modal-overlay[data-modal="in-action-gts"] .rc.video-box {
background: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/c43_yt-thumbnail.jpg) center no-repeat;
background-size: cover;
}
.modal-overlay[data-modal="in-action-gts-black"] .rc.video-box {
background: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/porsche-panamera_yt-thumbnail.jpg) center no-repeat;
background-size: cover;
}
.reduction-with-power .rc.video-box:before,
.modal-overlay[data-modal="in-action-gts"] .rc.video-box:before,
.modal-overlay[data-modal="in-action-gts-black"] .rc.video-box:before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
background-color: rgba(0, 0, 0, 0.75);
pointer-events: none;
}
.rc.video-box iframe {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
display: none;
}
.rc.video-box .video-overlay {
width: 100%;
max-width: 830px;
height: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
p.rc.player-notice {
padding-top: 20px;
font-size: 14px;
display: none;
text-align: center;
padding: 0 0 20px;
}
.rc.video-box .yt-play {
width: 213px;
margin: 0 auto;
display: block;
}
.rc.video-box .user-notice {
padding: 20px 0;
color: #fff;
font-size: 22px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
margin-top: 30px;
padding-left: 40px;
position: relative;
cursor: pointer;
text-align: left;
}
.rc.video-box .user-notice:before {
content: " ";
width: 20px;
height: 20px;
border: 2px solid #fff;
border-radius: 4px;
/*background: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/white-checkmark.svg) center no-repeat;*/
display: block;
position: absolute;
left: 0;
top: 20px;
cursor: pointer;
}
.rc.video-box .user-notice.checked:before {
background: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/white-checkmark.svg) center no-repeat;
}
.block-item.reduction-with-power .content-area {
max-width: 1290px;
}
@media screen and (max-width: 959px) {
.rc.video-box .user-notice {
font-size: 16px;
}
.rc.video-box .video-overlay {
width: 80%;
}
.rc.video-box .user-notice::before {
top: 18px;
}
}
@media screen and (max-width: 480px) {
.rc.video-box .user-notice {
font-size: 12px;
padding: 10px 0 10px 40px;
}
.rc.video-box .user-notice::before {
top: 12px;
}
.rc.video-box .yt-play {
width: 153px;
}
}
@media screen and (max-width: 768px) {
.wrapper .page .content-container .main {
top: 0;
}
}
.wrapper .page .footer-container {
margin-top: -20px;
}
@media screen and (max-width: 768px) {
.wrapper .page .footer-container {
margin-top: 0;
}
}
.wrapper .page .content-area .shadow-left,
.wrapper .page .content-area .shadow-right {
top: 20px;
}
.wrapper .page .stage {
height: 223px;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/generic_stage_image.jpg) no-repeat center;
background-size: cover;
-moz-background-size: cover;
/* Firefox 3.6 */
background-position: center;
/* Internet Explorer 7/8 */
}
.wrapper .page .stage figure,
.wrapper .page .stage img {
display: none;
}
.wrapper .page .stage .teaser-text-block {
display: none;
}
.wrapper .page .std.content-area {
background-color: #e6e6e6;
padding: 20px 2.08333%;
}
.wrapper .page h1 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 2.14286rem;
margin-bottom: 10px;
}
.wrapper .page h1.title sup {
font-size: 50%;
font-style: italic;
}
.wrapper .page h2 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-size: 1.57143rem;
margin-top: 20px;
margin-bottom: 10px;
}
.wrapper .page h3 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.21429rem;
margin-top: 10px;
}
.wrapper .page p,
.wrapper .page li {
line-height: 1.6;
}
.wrapper .page ol,
.wrapper .page ol li {
list-style-type: decimal;
list-style-position: inside;
}
@media screen and (max-width: 768px) {
.wrapper .page .content-container .main {
top: auto;
}
}
@media screen and (max-width: 480px) {
.wrapper .page .content-container .main h1 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.71429rem;
}
.wrapper .page .content-container .main h2 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.42857rem;
}
}
@media screen and (max-width: 350px) {
.wrapper .page .content-container .main h1 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.71429rem;
}
.wrapper .page .content-container .main h2 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.42857rem;
}
}
.wrapper .unslider-wrap {
position: relative;
}
.wrapper .unslider-nav {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
}
.wrapper .unslider-nav li {
display: inline-block;
margin-right: 16px;
width: 17px;
height: 17px;
text-indent: -9999px;
border: 1px solid #fff;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
cursor: pointer;
}
.wrapper .unslider-nav li:last-child {
margin-right: 0;
}
.wrapper .unslider-nav li.unslider-active {
background-color: #fff;
}
.wrapper .product-advantages .unslider-nav {
bottom: 50px;
}
.wrapper .unslider-arrow {
display: none;
position: absolute;
width: 20%;
height: 50%;
top: 0;
z-index: 99;
text-indent: -9999px;
}
.wrapper .unslider-arrow.prev {
left: 0;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/slider-navigate-left.png) no-repeat right center;
background-size: 14px auto;
}
.wrapper .unslider-arrow.next {
right: 0;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/slider-navigate-right.png) no-repeat left center;
background-size: 14px auto;
}
.contacts-index-index .wrapper .page {
background-color: #d0d0d0;
}
.pd-cr-page .pd-cr-block-content .cr-pd-container h2.modal-title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 2.14286rem;
text-align: center;
}
.pd-cr-page .pd-cr-block-content .cr-pd-container h2.modal-title br {
display: none;
}
.noroute-page-wrapper,
.customer-account-logoutsuccess-wrapper,
.payone-success-wrapper {
padding: 30px 3.125%;
text-align: center;
}
.noroute-page-wrapper h3,
.customer-account-logoutsuccess-wrapper h3,
.payone-success-wrapper h3 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 2.125rem;
margin-bottom: 20px;
}
.noroute-page-wrapper .page-content,
.noroute-page-wrapper .page-link,
.customer-account-logoutsuccess-wrapper .page-content,
.customer-account-logoutsuccess-wrapper .page-link,
.payone-success-wrapper .page-content,
.payone-success-wrapper .page-link {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.875rem;
margin-bottom: 20px;
line-height: 24px;
}
.noroute-page-wrapper .image404,
.customer-account-logoutsuccess-wrapper .image404,
.payone-success-wrapper .image404 {
margin-bottom: 50px;
padding: 30px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-radial-gradient(center top, ellipse cover, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
/* FF3.6+ */
background: -webkit-gradient(radial, center top, 0px, center top, 100%, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
/* Chrome,Safari4+ */
background: -webkit-radial-gradient(center top, ellipse cover, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center top, ellipse cover, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
/* Opera 12+ */
background: -ms-radial-gradient(center top, ellipse cover, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: radial-gradient(ellipse at center top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1);
/* IE6-8 fallback on horizontal gradient */
}
.customer-account-logoutsuccess-wrapper p,
.payone-success-wrapper p {
margin-bottom: 40px;
}
.customer-account-logoutsuccess-wrapper a,
.payone-success-wrapper a {
text-transform: uppercase;
}
body.cms-rechtliche-hinweise .wrapper .page,
body.cms-rechtliche-hinweise-html .wrapper .page,
body.cms-legal-information .wrapper .page,
body.cms-legal-information-html .wrapper .page,
body.cms-segnalazioni-giuridiche-html .wrapper .page,
body.cms-precisions-juridiques .wrapper .page,
body.cms-precisions-juridiques-html .wrapper .page,
body.cms-aviso-legal .wrapper .page,
body.cms-aviso-legal-html .wrapper .page,
body.cms-juridische-aanwijzingen .wrapper .page,
body.cms-juridische-aanwijzingen-html .wrapper .page {
background-color: #e6e6e6;
}
body.cms-rechtliche-hinweise .wrapper .page .std.content-area,
body.cms-rechtliche-hinweise-html .wrapper .page .std.content-area,
body.cms-legal-information .wrapper .page .std.content-area,
body.cms-legal-information-html .wrapper .page .std.content-area,
body.cms-segnalazioni-giuridiche-html .wrapper .page .std.content-area,
body.cms-precisions-juridiques .wrapper .page .std.content-area,
body.cms-precisions-juridiques-html .wrapper .page .std.content-area,
body.cms-aviso-legal .wrapper .page .std.content-area,
body.cms-aviso-legal-html .wrapper .page .std.content-area,
body.cms-juridische-aanwijzingen .wrapper .page .std.content-area,
body.cms-juridische-aanwijzingen-html .wrapper .page .std.content-area {
position: static;
max-width: 100%;
margin: auto;
background-color: transparent;
padding: 0;
}
.wrapper .page .legal-notice-page-wrapper .engine-explanations {
text-align: left;
padding: 0;
}
.wrapper .page .legal-notice-page-wrapper .engine-explanations:before,
.wrapper .page .legal-notice-page-wrapper .engine-explanations:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.wrapper .page .legal-notice-page-wrapper .engine-explanations:after {
clear: both;
}
.wrapper .page .legal-notice-page-wrapper .engine-explanations p {
width: 47%;
}
.wrapper .page .legal-notice-page-wrapper .engine-explanations p:first-child,
.wrapper .page .legal-notice-page-wrapper .engine-explanations p.first {
float: left;
}
.wrapper .page .legal-notice-page-wrapper .engine-explanations p:last-child,
.wrapper .page .legal-notice-page-wrapper .engine-explanations p.last {
float: right;
}
.wrapper .page .legal-notice-page-wrapper .advantages-list-image:before,
.wrapper .page .legal-notice-page-wrapper .advantages-list-image:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.wrapper .page .legal-notice-page-wrapper .advantages-list-image:after {
clear: both;
}
.wrapper .page .legal-notice-page-wrapper .advantages-list-image .image {
float: left;
width: 45%;
}
.wrapper .page .legal-notice-page-wrapper .advantages-list-image .advantages {
float: right;
width: 55%;
padding-top: 40px;
}
.wrapper .page .legal-notice-page-wrapper .advantages-list-image .advantages ul li {
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-positive.png) no-repeat left top;
padding-left: 30px;
min-height: 40px;
line-height: 1.2;
}
.wrapper .page .legal-notice-page-wrapper .sub-title {
margin-top: 0;
}
.wrapper .page .legal-notice-page-wrapper .legal-start-block {
background-color: #e6e6e6;
}
.wrapper .page .legal-notice-page-wrapper .legal-start-block .content-area {
padding: 55px 4.16667% 50px 4.16667%;
}
.wrapper .page .legal-notice-page-wrapper .legal-start-block .title,
.wrapper .page .legal-notice-page-wrapper .legal-start-block .sub-title {
text-align: center;
}
.wrapper .page .legal-notice-page-wrapper .legal-start-block .sub-title {
margin-top: 0;
}
.wrapper .page .legal-notice-page-wrapper .legal-start-block figure {
width: 57.8125%;
margin: 25px auto 0;
}
.wrapper .page .legal-notice-page-wrapper .legal-start-block .engine-explanations {
margin-top: 40px;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block {
background: radial-gradient(ellipse at top center, white -15%, rgba(255, 255, 255, 0) 50%);
border-bottom: 1px solid #cfcfcf;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block .content-area {
padding: 55px 4.16667% 50px 4.16667%;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block .title,
.wrapper .page .legal-notice-page-wrapper .legal-package-block .sub-title {
text-align: center;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text {
margin: 0 auto;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text:before,
.wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text:after {
clear: both;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text>* {
width: 45%;
padding-top: 40px;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text>* ul li {
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-positive.png) no-repeat left top;
padding-left: 30px;
min-height: 40px;
line-height: 1.2;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text>*:first-child,
.wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text>*.first {
margin-left: 40px;
float: left;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text>*:last-child,
.wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text>*.last {
float: right;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block .explanations {
margin-top: 30px;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block .explanations p {
margin-bottom: 15px;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block .explanations p.last,
.wrapper .page .legal-notice-page-wrapper .legal-package-block .explanations p:last-child {
margin-bottom: 0;
}
.wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block {
border-bottom: 1px solid #cfcfcf;
border-top: 1px solid #eee;
}
.wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .content-area {
padding: 50px 4.16667% 50px 4.16667%;
}
.wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .engine-explanations {
margin-top: 20px;
margin-bottom: 25px;
}
.wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .engine-explanations p {
width: 49%;
}
.wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .advantages-list-image .image {
width: 48%;
}
.wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .advantages-list-image .advantages {
width: 48%;
}
.wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .link {
text-align: center;
}
body.store-us .wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block {
display: none;
}
.wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block {
border-top: 1px solid #eee;
}
.wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .content-area {
padding: 50px 4.16667% 50px 4.16667%;
}
.wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .engine-explanations {
margin-top: 20px;
margin-bottom: 25px;
}
.wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .engine-explanations p {
width: 49%;
}
.wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .advantages-list-image .image {
float: right;
width: 48%;
}
.wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .advantages-list-image .advantages {
float: left;
width: 48%;
}
.wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .link {
text-align: center;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block {
position: relative;
margin-top: -50px;
text-align: center;
min-height: 719px;
overflow: hidden;
color: #fff;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/product-advantages-bg.png) no-repeat right center;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .content-area {
padding: 60px 0 50px 0;
max-height: 719px;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .sub-title {
margin-top: 0;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .emph-sub-title {
text-align: center;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 600;
font-style: italic;
font-size: 1.14286rem;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container {
width: 100%;
margin-top: 40px;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow {
height: 100%;
bottom: 0;
display: none;
width: 30%;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow.prev {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/slider-navigate-left-big.png);
background-position: 100% 45%;
background-size: 24px auto;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow.next {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/slider-navigate-right-big.png);
background-position: 0% 45%;
background-size: 24px auto;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow:hover.prev {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/slider-navigate-left-big-hover.png);
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow:hover.next {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/slider-navigate-right-big-hover.png);
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container:hover .unslider-arrow {
display: block;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider {
position: relative;
overflow: auto;
margin: 0 auto;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li {
float: left;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image:before,
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image:after {
clear: both;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image figure {
width: 20.83333%;
margin: 0 auto;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .engine-explanations {
padding: 20px 2.08333%;
}
.wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .content-area {
padding: 30px 4.16667% 50px 4.16667%;
}
.wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .title,
.wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .sub-title {
text-align: left;
}
.wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .sub-title {
margin-bottom: 30px;
}
.wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .engine-explanations {
margin-bottom: 35px;
}
.wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .engine-explanations p {
width: 48%;
}
.wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .explanations p:first-child,
.wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .explanations p.first {
margin-bottom: 20px;
}
.wrapper .page .legal-notice-page-wrapper h2.title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 2.14286rem;
margin-bottom: 10px;
margin-top: 0;
}
.productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .title,
.productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .sub-title,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .title,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .sub-title,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .title,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .sub-title,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .title,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .sub-title {
text-align: center;
}
.productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .title,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .title,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .title,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 1.92857rem;
}
.productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .sub-title,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .sub-title,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .sub-title,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .sub-title {
margin-top: 0;
margin-bottom: 3.125%;
}
.productwarranty-page-wrapper .cms-productwarranty-full-block .section-item,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item {
margin-top: 5.20833%;
}
.productwarranty-page-wrapper .cms-productwarranty-full-block .section-item .sub-title,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item .sub-title,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item .sub-title,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item .sub-title {
margin-bottom: 3.125%;
}
.productwarranty-page-wrapper .cms-productwarranty-full-block .section-item p,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item p,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item p,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item p {
margin-top: 10px;
}
.productwarranty-page-wrapper .cms-productwarranty-full-block .section-item p.emph,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item p.emph,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item p.emph,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item p.emph {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 0.92857rem;
margin-top: 10px;
}
.productwarranty-page-wrapper .cms-productwarranty-full-block .section-item p.italic,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item p.italic,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item p.italic,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item p.italic {
font-style: italic;
}
.productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ol,
.productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ul,
.productwarranty-page-wrapper .cms-productwarranty-full-block .section-item ol,
.productwarranty-page-wrapper .cms-productwarranty-full-block .section-item ul,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ol,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ul,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item ol,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item ul,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ol,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ul,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item ol,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item ul,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ol,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ul,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item ol,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item ul {
padding-left: 25px;
}
.productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ol li,
.productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ul li,
.productwarranty-page-wrapper .cms-productwarranty-full-block .section-item ol li,
.productwarranty-page-wrapper .cms-productwarranty-full-block .section-item ul li,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ol li,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ul li,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item ol li,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item ul li,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ol li,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ul li,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item ol li,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item ul li,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ol li,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ul li,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item ol li,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item ul li {
margin-top: 12px;
}
.productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ul,
.productwarranty-page-wrapper .cms-productwarranty-full-block .section-item ul,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ul,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item ul,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ul,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item ul,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ul,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item ul {
list-style-type: disc;
}
.productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .latin li,
.productwarranty-page-wrapper .cms-productwarranty-full-block .section-item .latin li,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .latin li,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item .latin li,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .latin li,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item .latin li,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .latin li,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item .latin li {
list-style-type: lower-latin;
}
.productwarranty-page-wrapper .cms-productwarranty-full-block .links,
.productwarranty-page-wrapper .cms-enginewarranty-full-block .links,
.enginewarranty-page-wrapper .cms-productwarranty-full-block .links,
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .links {
margin-top: 35px;
text-align: center;
text-transform: uppercase;
clear: both;
}
.productwarranty-page-wrapper .cms-productwarranty-full-block .content-area {
padding: 5.72917% 2.08333%;
}
.productwarranty-page-wrapper .cms-productwarranty-full-block .image {
width: 50%;
margin: 0 auto;
}
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .content-area {
padding: 5.72917% 2.08333%;
}
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .image {
width: 46.875%;
margin: 0 auto;
}
.impressum-page-wrapper .content-area,
.agb-page-wrapper .content-area,
.datenschutz-page-wrapper .content-area {
margin-bottom: 20px;
}
.impressum-page-wrapper h4,
.agb-page-wrapper h4,
.datenschutz-page-wrapper h4 {
margin-top: 10px;
}
.impressum-page-wrapper ul,
.agb-page-wrapper ul,
.datenschutz-page-wrapper ul {
list-style: inside disc;
}
.impressum-page-wrapper ol,
.agb-page-wrapper ol,
.datenschutz-page-wrapper ol {
list-style: inside;
}
.impressum-page-wrapper ol li,
.agb-page-wrapper ol li,
.datenschutz-page-wrapper ol li {
margin-top: 5px;
}
.impressum-page-wrapper p,
.agb-page-wrapper p,
.datenschutz-page-wrapper p {
margin-top: 10px;
}
.sitemap-page-wrapper .content-area {
margin-bottom: 20px;
}
.sitemap-page-wrapper ul ul {
margin-left: 20px;
}
.wrapper .page .nachfrage-container {
padding: 20px 2.08333%;
}
.wrapper .page .nachfrage-container .title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 2.125rem;
text-align: center;
padding: 0 0 20px 0;
}
.wrapper .page .nachfrage-container p {
line-height: 24px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.875rem;
}
.wrapper .page .nachfrage-container p.two-columns-text {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
margin-bottom: 30px;
}
.wrapper .page .nachfrage-container p.foot-note {
margin-top: 30px;
}
.wrapper .page .nachfrage-container .section-title {
padding: 20px 0;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 0.875rem;
}
.wrapper .page .nachfrage-container .pictures {
background-color: #f9f9f9;
border: 1px solid #c8c8c8;
overflow: hidden;
}
.wrapper .page .nachfrage-container .pictures .picture-left,
.wrapper .page .nachfrage-container .pictures .picture-right {
width: 50%;
float: left;
padding: 30px 40px;
}
.wrapper .page .nachfrage-container .pictures .picture-left {
border-right: 1px solid #c8c8c8;
}
.wrapper .page .nachfrage-container .pictures .picture-right {
border-left: 1px solid #c8c8c8;
margin-left: -1px;
}
.wrapper .page .nachfrage-container .pictures .image-title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 0.875rem;
padding-top: 15px;
}
@media screen and (max-width: 768px) {
.noroute-page-wrapper .page-content,
.noroute-page-wrapper .page-link {
max-width: 600px;
margin: 0 auto;
text-align: left;
}
.noroute-page-wrapper .page-link {
padding-left: 20px;
margin-bottom: 40px;
}
.wrapper .page .legal-notice-page-wrapper .title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.85714rem;
}
.wrapper .page .legal-notice-page-wrapper .sub-title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.5rem;
}
.wrapper .page .legal-notice-page-wrapper .emph-sub-title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.14286rem;
}
.wrapper .page .legal-notice-page-wrapper .engine-explanations p {
margin-bottom: 10px;
}
.wrapper .page .legal-notice-page-wrapper .engine-explanations p:first-child,
.wrapper .page .legal-notice-page-wrapper .engine-explanations p.first,
.wrapper .page .legal-notice-page-wrapper .engine-explanations p:last-child,
.wrapper .page .legal-notice-page-wrapper .engine-explanations p.last {
float: none;
width: 100%;
}
.wrapper .page .legal-notice-page-wrapper .legal-start-block figure {
width: 72.26563%;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow.prev {
background-position: 90% 45%;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow.next {
background-position: 10% 45%;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image figure {
width: 23.4375%;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .engine-explanations {
padding: 20px 1.95313%;
}
.productwarranty-page-wrapper .cms-productwarranty-full-block .image {
width: 62.5%;
}
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .image {
width: 71.61458%;
}
}
@media screen and (max-width: 640px) {
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .title,
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .sub-title {
padding: 0 3.90625%;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow.prev {
background-position: 90% 50%;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow.next {
background-position: 10% 50%;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image figure {
width: 32.55208%;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .engine-explanations p.last,
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .engine-explanations p:last-child {
display: none;
}
}
@media screen and (max-width: 560px) {
.wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text {
margin: 0;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text>* {
width: 100%;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text>*:first-child,
.wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text>*.first {
float: none;
margin: 0;
padding-top: 20px;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text>*:last-child,
.wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text>*.last {
float: none;
padding: 0;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block .explanations {
margin-top: 10px;
}
.wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .advantages-list-image .image,
.wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .advantages-list-image .advantages,
.wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .advantages-list-image .image,
.wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .advantages-list-image .advantages {
float: none;
width: 100%;
padding-top: 0;
}
.wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .advantages-list-image .image,
.wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .advantages-list-image .image {
text-align: center;
}
.wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .advantages-list-image {
margin-top: 30px;
}
}
@media screen and (max-width: 480px) {
.noroute-page-wrapper .page-content,
.noroute-page-wrapper .page-link {
max-width: 600px;
margin: 0 auto 10px;
text-align: left;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
}
.noroute-page-wrapper .page-link {
padding-left: 0;
margin-bottom: 30px;
}
.wrapper .page .legal-notice-page-wrapper .legal-start-block .content-area {
padding: 40px 4.16667% 30px;
}
.wrapper .page .legal-notice-page-wrapper .legal-start-block figure {
width: 100%;
}
.wrapper .page .legal-notice-page-wrapper .legal-package-block .content-area {
padding: 30px 4.16667%;
}
.wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .content-area {
padding: 30px 4.16667%;
}
.wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .content-area {
padding: 30px 4.16667%;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block {
min-height: 832px;
margin-top: -20px;
background: transparent url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/product-advantages-bg-tall-480.png) no-repeat right center;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .content-area {
padding: 60px 0 0;
max-height: 832px;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .title,
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .sub-title {
padding: 0;
width: 80%;
margin: 0 auto;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .title {
margin-bottom: 20px;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container {
margin-top: 0;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow {
display: block;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow.prev {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/slider-navigate-left.png);
background-position: 25% 55%;
background-size: 14px auto;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow.next {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/slider-navigate-right.png);
background-position: 75% 55%;
background-size: 14px auto;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow:hover.prev {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/slider-navigate-left.png);
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow:hover.next {
background-image: url(https://www.racechip.co.uk/skin/frontend/racechip/default/images/slider-navigate-right.png);
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .emph-sub-title,
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image,
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .engine-explanations {
padding: 20px 4.16667%;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image figure {
float: none;
width: 50%;
margin: 0 auto;
}
.wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .content-area {
padding: 30px 4.16667%;
}
.wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .sub-title {
margin-bottom: 15px;
}
.wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .engine-explanations {
margin-bottom: 20px;
}
.productwarranty-page-wrapper .cms-productwarranty-full-block .image {
width: 100%;
}
.enginewarranty-page-wrapper .cms-enginewarranty-full-block .image {
width: 100%;
}
.wrapper .page .nachfrage-container p.two-columns-text {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
.wrapper .page .nachfrage-container .pictures .picture-left,
.wrapper .page .nachfrage-container .pictures .picture-right {
width: 100%;
float: none;
border: none;
margin: 0;
}
.wrapper .page .nachfrage-container .pictures .picture-left {
border-bottom: 1px solid #c8c8c8;
}
}
@media screen and (max-width: 400px) {
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .title,
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .sub-title {
width: 100%;
padding: 0 6.25%;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 1.57143rem;
margin-bottom: 15px;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .sub-title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 1.28571rem;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .emph-sub-title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.07143rem;
padding-top: 10px;
padding-bottom: 10px;
}
.wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image p {
padding-top: 20px;
}
}
@media screen and (max-width: 320px) {
.wrapper .page .nachfrage-container .pictures .picture-left,
.wrapper .page .nachfrage-container .pictures .picture-right {
padding: 20px;
}
}
.engine-warranty-availability-modal .image,
.engine-warranty-availability-modal .country-list-container {
display: inline-block;
width: 49%;
}
@media screen and (max-width: 480px) {
.engine-warranty-availability-modal .image,
.engine-warranty-availability-modal .country-list-container {
display: block;
width: 100%;
}
}
.engine-warranty-availability-modal .country-list-container {
text-align: left;
vertical-align: top;
}
@media screen and (max-width: 480px) {
.engine-warranty-availability-modal .country-list-container {
text-align: center;
}
}
.engine-warranty-availability-modal .country-list {
display: inline-block;
padding-top: 40px;
text-align: left;
vertical-align: top;
width: 32%;
}
@media screen and (max-width: 320px) {
.engine-warranty-availability-modal .country-list {
display: block;
padding-top: 0;
text-align: center;
width: 100%;
}
}
@media (min-width: 961px) {
.wrapper .page h1.teaser-title,
.wrapper .page .selector-container > .teaser-container > a {
display: table;
}
}
.wrapper .page .teaser-container .news-link.more-link,
.wrapper .page .stage-teaser-container .news-link.more-link {
display: none !important;
}
.wrapper .page .selector-container .teaser-container,
.wrapper .page .stage-selector-container .teaser-container {
vertical-align: bottom !important;
}
@media screen and (max-width: 960px) {
body .wrapper .page .stage .selector-container .teaser-container,
body .wrapper .page .stage .selector-container .stage-teaser-container {
text-align: left !important;
bottom: 0 !important;
top: unset !important;
}
body .wrapper .page .stage .selector-container {
padding-left: 0 !important;
}
}
@media screen and (max-width: 680px) {
.wrapper .page .selector-container .teaser-container > a,
.wrapper .page .selector-container .stage-teaser-container > a {
margin-bottom: 24px !important;
}
}
body .wrapper .page .stage .teaser-container .teaser-title h1.subpage,
body .wrapper .page .stage .stage-teaser-container .teaser-title h1.subpage,
body .wrapper .page .stage .teaser-container .teaser-title h2,
body .wrapper .page .stage .stage-teaser-container .teaser-title h2 {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-style: normal;
font-size: 3.57143rem;
background: #ea5b0c;
padding: 5px 8px 5px 7px;
line-height: 1.5;
display: inline;
margin-top: 5px;
color: #fff;
text-transform: uppercase;
margin-bottom: 0;
box-decoration-break: clone;
}
body .wrapper .page .stage .teaser-container .teaser-title h2.subpage,
body .wrapper .page .stage .stage-teaser-container .teaser-title h2.subpage,
body .wrapper .page .stage .teaser-container .teaser-title h3,
body .wrapper .page .stage .stage-teaser-container .teaser-title h3 {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-style: normal;
font-size: 2.14286rem;
background: #000;
padding: 5px 8px 5px 7px;
line-height: 1;
display: table;
margin-top: 0;
color: #fff;
}
@media (max-width: 480px) {
body .wrapper .page .stage .teaser-container .teaser-title h2.subpage,
body .wrapper .page .stage .stage-teaser-container .teaser-title h2.subpage,
body .wrapper .page .stage .teaser-container .teaser-title h3,
body .wrapper .page .stage .stage-teaser-container .teaser-title h3 {
margin-top: 5px;
}
}
/*
* Styles and definitions for faq cms page
*
* File loaded via template layout (admin page editor)
*
* @author SessionDigital GmbH
*/
/*
* Main definitions SCSS file
*
* Definition of mixins and functions etc.
* Should NOT generate any actual CSS!
* To be included in ALL subsequent SCSS files.
*
* @author Jarlssen GmbH
*/
/*
* Main variables SCSS file
*
* Definition of ONLY variables.
* Should NOT generate any actual CSS!
*
* To be included ONLY in _RC_Definitions.scss.
*
* @author Jarlssen GmbH
* @see _RC_Definitions.scss
*/
.wrapper .page .content-area .faq-content {
min-height: 850px; }
.wrapper .page .content-area .faq-content h1 {
margin: 30px 0 50px;
text-align: center; }
.wrapper .page .content-area .faq-content h3 {
text-align: center; }
.wrapper .page .content-area .faq-content p {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.875rem;
margin-bottom: 10px; }
.wrapper .page .content-area .faq-content p.centered {
text-align: center;
line-height: 24px;
margin: 30px 0; }
.wrapper .page .content-area .faq-content p .gauge {
padding-left: 30px;
background: url("https://www.racechip.co.uk/skin/frontend/racechip/default/images/icons/icon-gauge.png") no-repeat left center;
line-height: 24px;
display: inline-block; }
.wrapper .page .content-area .faq-content .faq-categories {
max-width: 810px;
margin: 30px auto; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category {
border-right: 1px solid #c8c8c8;
float: left;
padding: 20px 0;
position: relative;
text-align: center;
/* Individual categories definitions */
/* To calculate the position of the categories flyouts we define the following variables */ }
.wrapper .page .content-area .faq-content .faq-categories .faq-category:hover .category-flyout {
display: block; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category .category-content .img-container {
height: 115px; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category .category-content a {
display: block;
padding: 5px; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category .category-flyout {
background-color: #fff;
display: none;
padding: 20px;
position: absolute;
top: -10px;
z-index: 2;
min-width: 250px;
-webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2); }
.wrapper .page .content-area .faq-content .faq-categories .faq-category .category-flyout .category-flyout-links {
text-align: left; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category .category-flyout .category-flyout-links li {
padding: 10px 20px;
border-bottom: 1px solid #c8c8c8;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 0.875rem; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category .category-flyout .category-flyout-links li:last-child {
border-bottom: none; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.chip-tuning {
width: 33.3%; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.chip-tuning .img-container {
max-width: 235px;
margin: 0 auto; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.chip-tuning .category-flyout {
left: 0;
width: 322px; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.response-control {
width: 33.3%; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.response-control .img-container {
max-width: 109px;
margin: 0 auto; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.response-control .category-flyout {
left: -30px;
width: 360px; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.shipping {
border-right: none;
width: 33.3%; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.shipping .img-container {
max-width: 122px;
margin: 0 auto; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.shipping .category-flyout {
right: 0;
width: 270px; }
.wrapper .page .content-area .faq-content .faq-questions-header {
clear: both;
padding: 50px 0;
max-width: 720px;
margin: 0 auto;
text-align: center;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 2.125rem;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(top center, ellipse cover, #f2f2f2 0%, rgba(231, 231, 231, 0) 68%, rgba(226, 226, 226, 0) 100%);
/* FF3.6+ */
background: -webkit-gradient(radial, top center, 0px, center center, 100%, color-stop(0%, #f2f2f2), color-stop(68%, rgba(231, 231, 231, 0)), color-stop(100%, rgba(226, 226, 226, 0)));
/* Chrome,Safari4+ */
background: -webkit-radial-gradient(top center, ellipse cover, #f2f2f2 0%, rgba(231, 231, 231, 0) 68%, rgba(226, 226, 226, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(top center, ellipse cover, #f2f2f2 0%, rgba(231, 231, 231, 0) 68%, rgba(226, 226, 226, 0) 100%);
/* Opera 12+ */
background: -ms-radial-gradient(top center, ellipse cover, #f2f2f2 0%, rgba(231, 231, 231, 0) 68%, rgba(226, 226, 226, 0) 100%);
/* IE10+ */
background: radial-gradient(ellipse at top center, #f2f2f2 0%, rgba(231, 231, 231, 0) 68%, rgba(226, 226, 226, 0) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#00e2e2e2',GradientType=1 );
/* IE6-8 fallback on horizontal gradient */ }
.wrapper .page .content-area .faq-content .accordion {
max-width: 720px;
margin: 0px auto 50px; }
.wrapper .page .content-area .faq-content .accordion .accordion-item {
border-bottom: 1px solid #E6E6E6; }
.wrapper .page .content-area .faq-content .accordion .accordion-item .accordion-trigger {
text-transform: none;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 0.875rem; }
@media screen and (max-width: 850px) {
.wrapper .page .content-area .faq-content .faq-categories {
width: 730px; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category {
/* Recalculate the position of the categories flyouts as the widths change */ }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.response-control {
width: 160px; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.response-control .category-flyout {
left: -30px; } }
@media screen and (max-width: 750px) {
.wrapper .page .content-area .faq-content .faq-categories {
width: 100%; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.chip-tuning {
width: 50%; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.response-control {
width: 50%;
border-right: none; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.response-control .category-flyout {
left: auto;
right: 0; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.shipping {
width: 100%;
border-top: 1px solid #c8c8c8; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.shipping .category-flyout {
left: auto;
right: 0; } }
@media screen and (max-width: 480px) {
.wrapper .page .content-area .faq-content .faq-categories .faq-category.chip-tuning .category-flyout {
width: auto;
max-width: 322px; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.response-control .category-flyout {
width: auto;
max-width: 360px; }
.wrapper .page .content-area .faq-content .faq-categories .faq-category.shipping .category-flyout {
width: auto;
min-width: 270px; } }
/*# sourceMappingURL=RC_FAQ.css.map */