/*Fonts*/ /*fonts Montserrat*/ /*@font-face{font-family:Montserrat;font-style:italic;font-weight:300;src:local('Montserrat Light Italic'),local('Montserrat-LightItalic'),url(../fonts/Montserrat/JTUPjIg1_i6t8kCHKm459WxZYgzz8fZwjimrq1Q_.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:italic;font-weight:300;src:local('Montserrat Light Italic'),local('Montserrat-LightItalic'),url(../fonts/Montserrat/JTUPjIg1_i6t8kCHKm459WxZYgzz-PZwjimrq1Q_.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:italic;font-weight:300;src:local('Montserrat Light Italic'),local('Montserrat-LightItalic'),url(../fonts/Montserrat/JTUPjIg1_i6t8kCHKm459WxZYgzz8_Zwjimrq1Q_.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:italic;font-weight:300;src:local('Montserrat Light Italic'),local('Montserrat-LightItalic'),url(../fonts/Montserrat/JTUPjIg1_i6t8kCHKm459WxZYgzz8vZwjimrq1Q_.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:italic;font-weight:300;src:local('Montserrat Light Italic'),local('Montserrat-LightItalic'),url(../fonts/Montserrat/JTUPjIg1_i6t8kCHKm459WxZYgzz_PZwjimrqw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:italic;font-weight:400;src:local('Montserrat Italic'),local('Montserrat-Italic'),url(../fonts/Montserrat/JTUQjIg1_i6t8kCHKm459WxRxC7m0dR9pBOi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:italic;font-weight:400;src:local('Montserrat Italic'),local('Montserrat-Italic'),url(../fonts/Montserrat/JTUQjIg1_i6t8kCHKm459WxRzS7m0dR9pBOi.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:italic;font-weight:400;src:local('Montserrat Italic'),local('Montserrat-Italic'),url(../fonts/Montserrat/JTUQjIg1_i6t8kCHKm459WxRxi7m0dR9pBOi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:italic;font-weight:400;src:local('Montserrat Italic'),local('Montserrat-Italic'),url(../fonts/Montserrat/JTUQjIg1_i6t8kCHKm459WxRxy7m0dR9pBOi.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:italic;font-weight:400;src:local('Montserrat Italic'),local('Montserrat-Italic'),url(../fonts/Montserrat/JTUQjIg1_i6t8kCHKm459WxRyS7m0dR9pA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:italic;font-weight:600;src:local('Montserrat SemiBold Italic'),local('Montserrat-SemiBoldItalic'),url(../fonts/Montserrat/JTUPjIg1_i6t8kCHKm459WxZFgrz8fZwjimrq1Q_.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:italic;font-weight:600;src:local('Montserrat SemiBold Italic'),local('Montserrat-SemiBoldItalic'),url(../fonts/Montserrat/JTUPjIg1_i6t8kCHKm459WxZFgrz-PZwjimrq1Q_.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:italic;font-weight:600;src:local('Montserrat SemiBold Italic'),local('Montserrat-SemiBoldItalic'),url(../fonts/Montserrat/JTUPjIg1_i6t8kCHKm459WxZFgrz8_Zwjimrq1Q_.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:italic;font-weight:600;src:local('Montserrat SemiBold Italic'),local('Montserrat-SemiBoldItalic'),url(../fonts/Montserrat/JTUPjIg1_i6t8kCHKm459WxZFgrz8vZwjimrq1Q_.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:italic;font-weight:600;src:local('Montserrat SemiBold Italic'),local('Montserrat-SemiBoldItalic'),url(../fonts/Montserrat/JTUPjIg1_i6t8kCHKm459WxZFgrz_PZwjimrqw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;src:local('Montserrat Light'),local('Montserrat-Light'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_cJD3gTD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;src:local('Montserrat Light'),local('Montserrat-Light'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_cJD3g3D_vx3rCubqg.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;src:local('Montserrat Light'),local('Montserrat-Light'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_cJD3gbD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;src:local('Montserrat Light'),local('Montserrat-Light'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_cJD3gfD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;src:local('Montserrat Light'),local('Montserrat-Light'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_cJD3gnD_vx3rCs.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(../fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(../fonts/Montserrat/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(../fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(../fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(../fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_bZF3gTD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_bZF3g3D_vx3rCubqg.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_bZF3gbD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_bZF3gfD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_bZF3gnD_vx3rCs.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_dJE3gTD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_dJE3g3D_vx3rCubqg.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_dJE3gbD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_dJE3gfD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:900;src:local('Montserrat Black'),local('Montserrat-Black'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_epG3gTD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:900;src:local('Montserrat Black'),local('Montserrat-Black'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_epG3g3D_vx3rCubqg.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:900;src:local('Montserrat Black'),local('Montserrat-Black'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_epG3gbD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:900;src:local('Montserrat Black'),local('Montserrat-Black'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_epG3gfD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:900;src:local('Montserrat Black'),local('Montserrat-Black'),url(../fonts/Montserrat/JTURjIg1_i6t8kCHKm45_epG3gnD_vx3rCs.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*/ /*fonts Rubik*/ /* @font-face{font-family:Rubik;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0590-05FF,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0590-05FF,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0590-05FF,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} */ @import url('https://fonts.googleapis.com/css2?family=Share+Tech&family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Manrope:wght@200..800&display=swap'); :root { --primary: #1CA3C2; --primary-hover: #358aa2; --primary-dark: #246574; --yellow: #f9C132; --bg-grey: #f1f1f1; --text: #212121; --bg-blur: blur(10px); --bg-blur-color: rgb(33 33 33 / 0.64); --box-shadow: 0px 3px 5px #0000004D; --box-radius: 20px; --input-radius: 50px; --red:#F23720; --red-dark:#8D1D0F; --green:#16D28D; --green-dark:#0C9F69; --red-light:#F5350BCC; --green-light:#14CF8ACC; --scroll-width: 5px; --gray: #AAAAAA; /* --primary-gradient: linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 100%); */ --primary-gradient: linear-gradient(180deg, var(--primary) 0%, #047A96 100%); --dark-gradient: linear-gradient(180deg, #757575 0%, var(--text) 100%); --green-gradient: linear-gradient(180deg, var(--green) 0%, var(--green-dark) 91.15%); --red-gradient: linear-gradient(180deg, var(--red) 0%, var(--red-dark) 100%); --speaker-primary: #FFCC48; --speaker-primary-dark: #f2c737; --performance-primary: #FF2F00; } html { scroll-behavior: smooth; } html,body{ width:100%; min-height: 100%; font-family: "Rubik"; font-size: 16px; font-weight: 300; color: var(--text); height: auto!important; } body.body.block { width: 100%; border: unset; } /*scrollbar*/ ::-webkit-scrollbar { width: var(--scroll-width); height: var(--scroll-width); } ::-webkit-scrollbar-track { border-radius: var(--scroll-width) } ::-webkit-scrollbar-thumb { background: #d5d5d5; border-radius: var(--scroll-width); } ::-webkit-scrollbar-thumb:hover { background: var(--primary); } img:-moz-loading, #sylius-product-image img:-moz-loading, .images-scroller-wrapper img:-moz-loading { visibility: hidden; } #app { position: relative; } #wrapper-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 0.3); opacity: 0.5; } .dev-info { display: none; } .verticle-middle{ display: flex; align-items: center; justify-content: center; height: 100%; } .verticle-middle.text-right{ justify-content: flex-end; } .verticle-middle.text-left{ justify-content: flex-start; } .new-dollar-symbol::before { content: "\0024"; font-family: "DINPro"; position: relative; top: 0; left: 0; font-weight: inherit; } .btn-round{ border-radius: 50%; } .btn.btn-primary, .btn.btn-primary-outline{ background-color: var(--primary); border-color: var(--primary); color: #FFFFFF; text-decoration: none; padding: 6px 15px; font-size: 0.9rem; height: 40px; } .btn.btn-primary-outline{ background-color: transparent; border: 2px solid var(--primary); color: var(--primary); } .product-images-scroller-holder .btn.btn-primary-outline { background-color: #FFF; } .btn.btn-primary-outline:hover,.btn.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .product-images-scroller-holder .btn.btn-primary-outline:hover{ background-color: var(--primary-hover); color: #FFFFFF; } .btn{ border-radius: var(--input-radius); font-weight: 300; } .form-control{ border-radius: var(--box-radius); font-weight: 300; padding: 13px 16px; } .box-radius{ border-radius: var(--box-radius); } .btn.btn-link{ text-decoration: none; color: var(--primary); } .form-control{ min-width: 260px; font-size: 0.9rem; } .form-group label{ font-weight: 100; font-size: 0.9rem; } .no-margin-form .form-group{ margin-bottom: 0px; } .relative.form-group label,.address-page label{ margin-bottom: 2px; font-weight: 400; font-size: 12px; } .address-page button.form-control{ height: 40px; padding: 8px 16px; outline: none; position: relative; box-shadow: none; min-width: 100%; } .address-page .dropdown-menu .form-control { min-width: 100%; } .address-page .dropdown.show button.form-control{ border-radius: 20px 20px 0px 0px; margin: 0px; border-bottom: 0px; } .address-page .dropdown-menu.show{ margin: 0px; padding-top: 0px; border-top: 0px; border-radius: 0px 0px 20px 20px; transform: translate3d(0px, 40px, 0px) !important; top: 0px !important; left: 0px !important; } .address-page button.form-control.dropdown-toggle::after{ position: absolute; top: 18px; right: 20px; } .address-page #salesRep .dropdown-menu, .relative-dd .dropdown-menu { position: relative !important; transform: translate3d(0px, 0px, 0px) !important; max-height: 190px; overflow: auto; } .xs-show{ display: none; } .xs-hide{ display: inherit; } .bold,.font-bold{ font-weight: 500; } .bolder,.font-bolder{ font-weight: 700; } .opacity-0{ opacity: 0; } .opacity-1{ opacity: 1; } .font-light{ font-weight: 300; } .text-green{ color: var(--green); } .text-red{ color: var(--red); } .text-yellow,.header-msg span.text-yellow{ color: #FFD90A; } a,a:hover{ text-decoration: none; } a,.text-color,.blue,.section-custom a{ color: var(--primary); } .text-black{ color: var(--text); } .text-grey{ color: var(--bg-grey); } .font-12{ font-size: 12px; } .font-14{ font-size: 14px; } .font-16{ font-size: 16px; } .line-h,line-h-24{ line-height: 24px; } .shadow{ box-shadow: var(--box-shadow) !important; } .bg-grey{ background-color: var(--bg-grey); } .img-height-100 { height: 100%; width:auto; } .img-width-100 { width: 100%; height:auto; } .img-width-100,img-height-100 { object-fit: cover; -o-object-fit: cover; } .by-1{ border-top:1px solid var(--bg-grey); border-bottom:1px solid var(--bg-grey); } /* loader */ div#preloader { display: none; position: fixed; z-index: 99; left: 0; right: 0; top: 0; bottom: 0; align-items: center; justify-content: center; text-align: center; color: #000000; background-color: rgba(0, 0, 0, .2); } #page ul { margin-left: 20px; } .dashed-list ul, .dashed-list, #page ul, .product-desc ul, .features-wrapper .bullet-list ul { list-style: none !important; list-style-type:none !important; } .dashed-list li, #page ul li, .features-wrapper .dashed-list li, .features-wrapper .bullet-list li { position: relative; } .dashed-list li:before, #page ul li:before, .product-desc ul li:before, .features-wrapper .bullet-list li:before, #blog ul li:before { content: " - "; position: absolute; width: 10px; left: -20px; font-size: 20px; top: -5px; } .features-wrapper .dashed-list li:before, .product-desc ul li:before, .features-wrapper .bullet-list li:before, #blog ul li:before { content: "\f111" !important; color: var(--yellow); font: normal normal normal 14px/1 FontAwesome; font-size: 10px; top: 4px; } .features-wrapper .bullet-list li:before { top: 0px; line-height: 19px; } .features-wrapper .bullet-list li { font-weight: 300; font-size: 16px; line-height: 19px; margin-bottom: 5px; } .custom-control-input:checked~.custom-control-label::before,.custom-control-input:not(:disabled):active~.custom-control-label::before{ border-color: var(--primary); background-color: #FFFFFF; } .big-checkbox .custom-control{ padding-left: 34px; } .big-checkbox .custom-control-label::after,.big-checkbox .custom-control-label::before{ width: 30px; height: 30px; left: -36px; } .medium-checkbox .custom-control { padding-left: 34px; } .medium-checkbox .custom-control-label::after,.medium-checkbox .custom-control-label::before{ width: 25px; height: 25px; left: -36px; } .custom-radio { line-height: 26px; } .custom-radio .custom-control-input:checked~.custom-control-label::after { background-color: var(--primary); background-image: none; border-radius: 50%; width: calc(1rem - 4px); height: calc(1rem - 4px); top: calc(0.25rem + 2px); left: calc(-1.5rem + 2px); } .custom-radio .custom-control-input:checked~.custom-control-label::before { border-color: #adb5bd; } .custom-control-label{ cursor: pointer; } .big-checkbox .custom-control-label, .medium-checkbox .custom-control-label{ width: 100%; font-size: 16px; line-height: 34px; } .custom-checkbox .custom-control-input:checked~.custom-control-label::after{ content: "x"; color: var(--primary); margin-top: -4px; margin-left: 0px; font-size: 16px; text-align: center; } .custom-checkbox.checkbox-right .custom-control-input:checked~.custom-control-label::after { content: "\f00c"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 3px; } .big-checkbox .custom-checkbox .custom-control-input:checked~.custom-control-label::after{ font-size: 40px; margin-top: -4.7px; } .big-checkbox .custom-checkbox.checkbox-right .custom-control-input:checked~.custom-control-label::after{ font-size: 22px; margin-top: 3px; } .medium-checkbox .custom-checkbox .custom-control-input:checked~.custom-control-label::after{ font-size: 25px; line-height: 25px; margin-top: -2px; } .custom-checkbox .custom-control-label::before { border-color: var(--primary); } .big-checkbox .custom-checkbox.checkbox-right .custom-control-label { font-size: 12px !important; line-height: 38px; margin: 0px; } .big-checkbox .custom-control-label i, .medium-checkbox .custom-control-label i{ color: var(--gray); } .orignal-price-strike { color: var(--red); font-size: 13px; line-height: 15.41px; font-weight: 500; text-decoration: line-through; } .dotted-line-element{ background-image: linear-gradient(to right, var(--text) 1px, rgba(255, 255, 255, 0) 0%); background-position: center; background-size: 5px 1px; background-repeat: repeat-x; } .dotted-line-element span{ background-color: #FFFFFF; } .btn-outline-round { border: 1px solid var(--primary); border-radius: 50%; padding: 2.49px 11px; color: var(--primary); font-size: 20px; line-height: 28px; width: 35px; height: 35px; text-align: center; display: inline-block; transition-duration: 0.3s; } .btn-outline-round[aria-expanded="true"]{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .d-none-after::after{ display: none; } [v-cloak] { display:none; } .customCheckbox label, .customCheckbox.bt.checkbox.item label, .cart-page .totals-and-checkout .customCheckbox.bt.checkbox.item-sub label, .customCheckbox.ui.checkbox label{ padding-right: 0px; } .position-sticky .sticky-top.right-wrapper,.position-sticky .side-panel.sticky-top { top: 80px; } .side-panel .vin-section #side-panel-ads .vin-wrapper.ad-wrapper1{ display: none; } #product-page-container .side-panel .vin-section #side-panel-ads .vin-wrapper.ad-wrapper1, #product-page #side-panel-ads .vin-wrapper.ad-wrapper1.staticBanner { display: none !important; } #loader-background { /* display: none !important;*/ } #new-loader{ width: 100%; position: fixed; display: flex; align-items: center; justify-content: center; height: 100%; z-index: 9999; display: none; background: var(--bg-blur-color); backdrop-filter: var(--bg-blur); -webkit-backdrop-filter: var(--bg-blur); } .lds-hourglass { display: inline-block; position: absolute; } .lds-hourglass:after { content: " "; display: block; border-radius: 50%; width: 0; height: 0; margin: 8px; box-sizing: border-box; border: 32px solid #fff; border-color: var(--primary) #FFFFFF var(--primary) #FFFFFF; animation: lds-hourglass 3.2s infinite; box-shadow: 0px 0px 10px 3px #191919; } @keyframes lds-hourglass { 0% { transform: rotate(0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 50% { transform: rotate(900deg); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { transform: rotate(1800deg); } } /*header*/ #header{ padding-bottom:0px; background-color: #FFFFFF; box-shadow: 0px 1px 4px #00000029; } .top-menu{ padding-bottom: 10px; position: relative; z-index: 5; } .top-menu #cart_icon,.top-menu #hamburger,#appHeader.homepage .second .burger #hamburger,#appHeader.homepage .second #cartCount #cart_icon{ fill: var(--primary); width: 31px; } .nav-menu-icon { width: 31px; height: 23px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .nav-menu-icon span { display: block; position: absolute; height: 4px; width: 100%; background: var(--primary); border-radius: 6px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } .nav-menu-icon span:nth-child(1) { top: 3px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .nav-menu-icon span:nth-child(2) { top: 12px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .nav-menu-icon span:nth-child(3) { top: 21px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .nav-menu-icon.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 1px; left: 5px; } .nav-menu-icon.open span:nth-child(2) { width: 0%; opacity: 0; } .nav-menu-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 23px; left: 5px; } header.homepage .menu .bt-icon:not(.bt-search), header.homepage .menu .address-page .block-email .input-wrapper:not(.bt-search)::before, .address-page .block-email header.homepage .menu .input-wrapper:not(.bt-search)::before, header.homepage .menu .address-page .block-email .input-wrapper:not(.bt-search)::after, .address-page .block-email header.homepage .menu .input-wrapper:not(.bt-search)::after { -webkit-filter: invert(0); filter: invert(0); } header.homepage .menu{ color: var(--text) !important; } .header-msg{ background-color: var(--text) !important; color:#FFFFFF; text-align: center; font-size:14px; line-height: 30px; padding-bottom: 0px !important; position: relative; z-index: 1; display: block; font-family: "Rubik"; } .header-msg span { color: #FFFFFF; font-weight: 500; } .header-msg.performance-wrapper { background: linear-gradient(90deg, #FF2F00 -13.29%, #000000 40.41%, #000000 62.52%, #FF2F00 110.53%, #FF2F00 110.53%); font-family: 'Space Grotesk'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 23px; letter-spacing: 0.0025em; color: #FFFFFF; --primary: var(--performance-primary); --primary-hover: var(--performance-primary); } .header-msg.performance-wrapper .btn.btn-primary { padding: 5px 14px; height: auto; margin: 5px 10px; font-weight: 300; font-size: 8.83618px; line-height: 10px; } .header-search .search-form, .header-vin-search .search-form, .header-search .new-search-form{ width:100%; max-width: 335px; margin: auto; } #header .small-label { color: #565656; text-align: center; font-size: 9px; font-style: normal; font-weight: 400; margin: 0px; } #header .btn-menu .small-label { position: relative; top: 27px; } .header-vin-search .custom-form .custom-form-btn{ right: 0px; min-width: 82px; } .find-vin-wrapper .btn-black.btn-primary { background: #212121; border-color: #212121; } .find-vin-wrapper #vin-input[disabled='disabled'] { background-color: #e9ecef; } .header-vin-search .custom-form .custom-form-btn.btn-black{ background: #212121; } .header-vin-search .input-label { margin-bottom: 5px; font-size: 12px; line-height: 14px; webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-vin-search .input-label.vin-label{ font-size: 14px; font-weight: 600; text-align: center; } .header-vin-search .note { margin-bottom: 5px; font-size: 10px; line-height: 20px; } .header-vin-search .custom-form .custom-form-text { font-weight: 500; } .header-vin-search .custom-form .custom-form-text.vin-color{ color: var(--green); pointer-events: none; cursor: not-allowed; background-color: #e9ecef; } .logo .cls-1 { fill: #808184; } .logo.cls-2 { fill: var(--primary); } .logo .cls-3 { fill-rule: evenodd; fill: url(#Gradient_bez_nazwy_9); } .bt-loading, .loading, .loading-bg { position: relative; cursor: default; pointer-events: none; } .bt-loading:before, .loading:before, .loading-bg:before { position: absolute; content: ""; top: 0; left: 0; background: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; z-index: 100; } .bt-loading:after,.loading:after { position: absolute; content: ""; top: 50%; left: 50%; margin: -1.5em 0 0 -1.5em; width: 3em; height: 3em; -webkit-animation: form-spin 0.6s linear; animation: form-spin 0.6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #757575 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0.2em; -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; visibility: visible; z-index: 101; } .loading-bg:before { background: rgba(255, 255, 255, 0.3); } @-webkit-keyframes form-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes form-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .add-before, .add-after,.add-before > *, .add-after > * { position: relative; } .add-before::before, .add-after::after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; } .bt-icon, .address-page .block-email .input-wrapper::before, .address-page .block-email .input-wrapper::after { width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .header-search .search-form > form, .header-search .new-search-form > form { padding: 0 10px; height: 40px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2; border-width: 1px; border-color: #757575; border-style: solid; border-radius: 20px; background-color: #ffffff; } .header-search .search-form input[type="text"], .header-search .new-search-form input[type="text"] { outline: none; background-color: #FFF; font-size: 14px; } header > div, header.homepage > div{ padding-bottom: 0px; } .btn-menu,.btn-menu:hover{ color:var(--primary); font-size: 25px; padding: 0px 12px; box-shadow: unset; } .navbar .logo,.btn-menu{ height: 40px; } .v-popover { display: inline-block; } .v-popover .popup.bt-popup.tooltip-target { border-bottom: 3px double #1ca3c2; cursor: help; } i .v-popover .popup.bt-popup.tooltip-target{ border-bottom: none; } #CategoryMenu .banner-wrapper{ min-height: 400px; background-position: center top; } .banner-wrapper{ min-height: 220px; background-size: cover !important; background-repeat: no-repeat; background-position: center; } #orlando-page .banner-wrapper, #contact_us .banner-wrapper, #installer .banner-wrapper, #dealeshipPlatform .banner-wrapper{ min-height: 250px; } .banner-wrapper.parallax-window{ margin-top: -130px; padding-top: 130px; } .banner-wrapper .input-group-text .icon-search { min-width: 16px; min-height: 16px; } .carousel-caption{ bottom: auto; top: 10px; color:#000000; } .banner-text-wrapper{ position: relative; display: inline-block; padding: 14px; /* background-color: #FFFFFF; */ border-radius: var(--box-radius); max-width: 590px; width: 100%; color: #ffffff; } .banner-title-first { margin-bottom: 0px; text-align: center; padding: 20px; } .banner-title-second { text-align: center; margin-bottom: 25px; font-size: 2.1rem; font-weight: 300; } .banner-wrapper .input-group{ max-width: 335px; margin: auto; } .input-group-text{ background: #FFFFFF; border-radius: 50px 0px 0px 50px; border-right: 1px solid #FFFFFF; } .input-group input[type="text"]{ border-left: 1px solid #FFFFFF; font-weight: 100; box-shadow: unset; background-color: #FFFFFF; } #checkoutForm .ui.selection.dropdown, #checkoutForm input, .input-style{ border-radius: var(--box-radius); border: 1px solid #bdbdbd; font-size: 14px; line-height: 14px; height: 40px; } .checkout-user-form-btn { min-width: 200px; } .input-style, .textarea-style { background: #FFFFFF; line-height: 40px; padding: 0px 10px; font-weight: 400; } .input-style.bg-grey { background: var(--bg-grey); } .textarea-style { padding: 10px; min-height: 100px; } .textarea-style p { overflow-x: auto; max-height: 100%; } .textarea-style p span.bold.pointer.text-color { line-height: 18px; } .address-page .dropdown-toggle span, #checkoutForm input { font-weight: 400; } #checkoutForm .input-group.cust-group { flex-wrap: initial; } #checkoutForm .input-group.cust-group .b-left { border-radius: var(--box-radius) 0px 0px var(--box-radius); } #checkoutForm .input-group.cust-group .b-center { border-radius: 0px; } #checkoutForm .input-group.cust-group .b-right { border-radius: 0px var(--box-radius) var(--box-radius) 0px; } .scroll-content { max-height: 250px; overflow-y: auto; } .no-container-padding .container { padding: 0px; } .header-search-visible .search-screen-wrapper{ margin:0px !important; } .header-search-visible .search-screen-wrapper .input-group-prepend{ display: none; } .header-search-visible .search-screen-wrapper #screen-search{ font-size: 0px; padding: 0px; line-height: 1px; height: 1px; border: transparent; background: transparent; } .search-screen .title,.search-screen .subtitle{ -webkit-transition: font-size 1s; -moz-transition: font-size 1s; -o-transition: font-size 1s; transition: font-size 1s; transition: 0.7s all ease; } .header-search-visible.search-screen .title,.header-search-visible.search-screen .subtitle{ font-size: 0px; padding-bottom: 0px; line-height: 0px; } .header-search-visible.search-screen .title{ padding-top: 70px; } .header-search-visible .vin-num-wrapper{ display: none; } .header-search-visible.show-vin .vin-num-wrapper{ display: block; } .vin-num-wrapper .custom-form-btn{ min-width: 70%; overflow: hidden; } .main-menu-wrapper,.main-menu-wrapper>div{ display: flex; width: 100%; } .vin-num-wrapper .bt-loading:after{ top: 70%; width: 2em; height: 2em; } .main-menu-wrapper .left{ justify-content: flex-start; } .main-menu-wrapper .center{ justify-content: center; } .main-menu-wrapper .right{ justify-content: flex-end; } .bt-cart-total{ color: var(--text); } .main-menu-wrapper .btn-menu svg,.main-menu-wrapper .right #cart_icon{ width: 31px; height: 31px; fill: var(--primary); } .main-menu-wrapper .right #cartCount .bt-badge{ background-color: var(--primary) !important; min-width: 10px; position: absolute; top: -3px; text-align: center; left: 15px; font-weight: 500; width: 18px; height: 18px; font-size: 12px; border-radius: 50%; color: #FFFFFF; } .main-menu-wrapper .right #cartCount #sylius-cart-total{ color: var(--text); } #sylius-cart-popup { bottom: inherit !important; right: 0px !important; left: unset !important; z-index: 10000; border-radius: var(--box-radius); margin: 12px 12px 0px; cursor: auto; } #sylius-cart-popup .header-cart{ max-height: 400px; overflow-y: scroll; overflow-x: hidden; } #sylius-cart-popup .header-cart.empty { overflow: hidden; } #sylius-cart-popup .forgot-cart-msg { font-weight: 500; font-size: 14px; padding-bottom: 10px; margin: 0px; } .ui.bottom.center.popup:before{ left: auto; right: 25%; } .vin-dropdown .btn-vin i { border-radius: 50%; background: #FFFFFF; width: 20px; height: 20px; font-size: 18px; color: #62d290; position: absolute; right: -9px; top: 0px; padding: 1px; } .vin-dropdown .dropdown-menu { min-width: 400px; padding: 16px; background: #FFFFFF; box-shadow: 0px 4px 24px rgb(0 0 0 / 15%); border-radius: 20px; border: none; text-align: center; overflow: hidden; } .vin-dropdown .dropdown-menu .search-form-inner { padding: 0px 14px 16px; } .vin-dropdown .dropdown-menu .search-form-inner p { color: rgba(33, 33, 33, 0.5); font-weight: 300; font-size: 14px; line-height: 17px; margin-bottom: 9px; } .vin-dropdown .dropdown-menu .search-form-inner .note { margin: 5px 0px 12px; } .vin-dropdown .dropdown-menu .note-msg, .vin-dropdown .dropdown-menu .vin-modal-link, .vin-dropdown .dropdown-menu .vin-present p, .vin-dropdown .dropdown-menu .login-link, .vin-dropdown .dropdown-menu .reg-done-msg-small { font-size: 14px; line-height: 17px; } .vin-dropdown .dropdown-menu .vin-modal-link, .vin-dropdown .dropdown-menu .login-link { text-decoration: underline; margin: 0px; cursor: pointer; } .vin-dropdown .dropdown-menu .custom-form .form-control, .vin-dropdown .dropdown-menu .custom-form .custom-form-btn { height: 40px; } .vin-dropdown .dropdown-menu .custom-form .custom-vin-clear, .vin-dropdown .dropdown-menu .custom-form .custom-form-btn { right: 0px; top: 0px; } .vin-dropdown .dropdown-menu .custom-form .custom-form-btn { min-width: 115px; } .vin-dropdown .dropdown-menu .vin-color { color: var(--green); pointer-events: none; cursor: not-allowed; } .vin-dropdown .dropdown-menu .vin-present .vin-present-wrapper { padding: 26px 16px; } .vin-dropdown .dropdown-menu .vin-present .create-acc-wrapper { background: var(--primary); padding: 16px 46px 21px; } .vin-dropdown .dropdown-menu .vin-present form .input-label { font-weight: 500; font-size: 13.6567px; line-height: 16px; color: #FFFFFF; } .vin-dropdown .dropdown-menu .vin-present form .custom-form { border: 1px solid #FFFFFF; border-radius: var(--box-radius); } .vin-dropdown .dropdown-menu .vin-present form .custom-form .custom-form-text{ border: none; padding-right: 130px; } .vin-dropdown .dropdown-menu .vin-present form .custom-form .custom-form-btn { font-size: 12.7463px; min-width: 125px; } .vin-dropdown .dropdown-menu .vin-present .vin-present-wrapper p { margin: 0px 0px 5px; } .vin-dropdown .dropdown-menu .clear-btn { background: #D02E1A; border-radius: 20px; color: #FFFFFF; font-weight: 400; font-size: 12px; line-height: 14px; padding: 3px 14px; cursor: pointer; } .vin-dropdown .dropdown-menu .vin-present form .custom-control-label { font-weight: 300; font-size: 10.8141px; line-height: 13px; color: rgba(255, 255, 255, 0.7); text-align: left; } .vin-dropdown .dropdown-menu .vin-present .login-msg { font-weight: 600; font-size: 21px; line-height: 25px; } .vin-dropdown .dropdown-menu .vin-present .reg-done-msg { font-weight: 600; font-size: 26px; line-height: 31px; margin: 6px 0px;; } .create-acc-wrapper{ color: #FFFFFF; } .vin-dropdown .dropdown-menu .create-acc-wrapper .search-form-inner { padding: 0px; } .btn.btn-vin,.no-shadow{ box-shadow: unset; } .btn.btn-vin span{ border-radius: 5px; color: #FFFFFF; font-size: 16px; background-color: #e0e0e0; border:1px solid #e0e0e0; padding: 2px 10px; margin-top: 7px; display: inline-block; } .btn.btn-vin[aria-expanded="true"] span{ background-color: #ffffff; border:1px solid var(--primary); color: var(--primary); } .btn.btn-vin:hover span{ background-color: var(--primary); color:#FFFFFF; } .pointer{ cursor: pointer; } .vin-number .number{ color:var(--green); font-weight: 500; } .vin-number .action{ font-weight: 500; color: var(--primary); padding:0px 10px; cursor: pointer; } .main-menu-wrapper .dropdown{ text-align: right; } .vin-menu{ padding-top:20px; } #vinWrapper .vin-message { text-align: center; margin: auto; font-size: 14px; margin: 5px 0px; } #vinWrapper .vin-message p{ margin: 0px; font-size: 12px; } #vinWrapper { text-align: center; } #vinWrapper .double-border-bottom { border-bottom: 4px double #212121; cursor: pointer; } .dropdown.show .vin-menu.dropdown-menu.show{ display: contents; position: relative; top: 0; } .dropdown.show .vin-menu.dropdown-menu.show span{ display: inline-block; padding: 6px 10px; } .breadcrumb { font-size: 12px; line-height: 24px; letter-spacing: 0.12px; } .breadcrumb,.sorting { background-color: transparent; margin: 0px; padding-left: 0px; margin-top: 8px; } .sorting{ padding: 0px; justify-content: flex-end; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 8px; } #product-page-container .product-page { margin-bottom: 0px; } .custom-dd button { font-size: 14px; line-height: 34px; height: 40px; position: relative; display: block; min-width: 140px; border: 1px solid var(--text); box-shadow: none !important; } .sorting .dropdown-menu.show { display: block; max-width: 221px; min-width: 221px; transform: translate3d(0px, 40px, 0px) !important; border: 1px solid var(--text); border-top: none; border-radius: 0px 0px 20px 20px; margin-top: 0px; padding: 0px; } .sorting .dropdown-item{ font-size: 14px; line-height: 32px; text-align: right; margin: 0px; } .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active { background-color: transparent; font-weight: 500; } .dropdown-item:focus span, .dropdown-item:hover span, .dropdown-item.active span { text-decoration: underline; } .sorting .dropdown-menu .dropdown-item:last-of-type:hover{ border-radius: 0px 0px 20px 20px; } .custom-dd.show button { border-radius: 20px 20px 0px 0px; border-bottom: none; min-width: 221px; padding: 0px 1.25rem; text-align: right; } .breadcrumb-item,.breadcrumb-item a{ color:#757575 !important; font-size: 12px; } .reviews a{ font-size: 12px; line-height: 14px; } #blog #productsSection .banner-wrapper { min-height: 150px; border-radius: 20px; margin: 0px; } #blog #productsSection .banner-text-wrapper { background: rgb(0 0 0 / 50%) 0% 0% no-repeat padding-box; border: 1px solid #FFFFFF80; border-radius: 5px; opacity: 1; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); color: #FFFFFF; font-size: 25px; line-height: 30px; font-weight: 700; max-width: 375px; padding: 9px; } #blog #productsSection { border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; padding: 50px 0px; } #blog #productsSection .blog-products { margin-top: -40px; } #blog #productsSection .blog-products .all-prod-btn { font-size: 14px; line-height: 24px; border-radius: 20px 0px 20px 0px; } #blog #productsSection .banner-title-first { padding: 17px 0px 13px; } #blog #productsSection .banner-text-wrapper .banner-title-second { font-size: 25px; line-height: 30px; font-weight: 300; } .blog-prod-wrapper, .blog-prod-wrapper:hover { background: #FFFFFF; box-shadow: 0px 3px 6px #21212166; border-radius: 20px; overflow: hidden; display: block; color: #212121; } .blog-prod-wrapper .blog-product-img img{ width: 100%; max-height: 100px; -o-object-fit: cover; object-fit: cover; min-height: 70px; background-color: #e8e8e8; position: relative; } #blog .blog-prod-wrapper .blog-product-img img:before{ top: calc(50% - 8px); font-size: 16px; } .blog-product-desc { padding: 15px; text-align: center; } #blog .blog-product-name { font-size: 12px; line-height: 14px; font-weight: 400; margin-bottom: 10px; min-height: 42px; } #blog .slick-arrow-pt{ padding-top: 70px; } #blog .blog-prod-wrapper .product-price { font-size: 12px; line-height: 22px; font-weight: 600; margin: 0px; } .product-desc table td, .product-desc table th{ border: 1px solid #eeeeee !important; } #blog tbody tr, #blog tbody tr:nth-child(odd), .product-desc tbody tr, .product-desc tbody tr:nth-child(odd) { background: #FFFFFF !important; } #blog tbody tr:first-child, .product-desc tbody tr:first-child, .product-desc .tbl-with-head tr:first-child { background: var(--primary) !important; color: #FFFFFF !important; } #blog tbody tr:first-child td,.product-desc tbody tr:first-child td,.product-desc .tbl-with-head tr:first-child th { border-color: var(--primary) !important; } .review-img .reviewImageImg { -o-object-fit: cover; object-fit: cover; max-height: 70px; max-width: 80px; padding: 10px 0px; } .product-desc .tbl-with-head tbody tr:first-child{ background: #FFFFFF !important; color: #212121 !important; } .product-desc .tbl-with-head tbody tr:first-child td { border-color: #eeeeee !important; } .search-screen, .transparent-modal, .sidenav,#nav-menu .background-menu, .pswp__bg { /* background: var(--bg-blur-color); */ backdrop-filter: var(--bg-blur); -webkit-backdrop-filter: var(--bg-blur); } .search-screen{ position: relative; width: 100%; /* height: 100vh; */ /* top: 0px; left: 0px; */ z-index: 100; text-align: center; color: #FFFFFF; z-index: 4; } .search-screen .input-label, #remoteSession .input-label{ font-size: 10px; line-height: 12px; text-align: left; margin-bottom: 0px; padding: 4px 6px; } .search-screen .card, #remoteSession .card{ border-radius: var(--box-radius); color: var(--text); text-align: left; /* padding: 10px; */ } .search-screen .card .list-group, #remoteSession .card .list-group{ max-height: 200px; overflow-y: scroll; } .search-screen .card .list-group-item, #remoteSession .card .list-group-item{ background-color: transparent; padding: 11px 1px; font-size: 10pt; line-height: 12px; } .search-screen .card .list-group-item i, #remoteSession .card .list-group-item i{ font-size: 16px; color: var(--text); padding-right: 6px; position: relative; top: 2px; } .search-screen .list-group, #remoteSession .list-group{ margin: 0px; } .search-screen .list-group-item .url, #remoteSession .list-group-item .url{ line-height: 21px; color: var(--text); line-height: 18px; } /*Pre home modal*/ #preHomeModal{ text-align: center; color:#FFFFFF; } #preHomeModal .modal-logo{ max-width: 30px; } #preHomeModal .title, .search-screen .title { padding: 140px 10px 5px; line-height: 48px; font-size: 48px; margin: 0px; letter-spacing: -0.44px; } #preHomeModal .title{ padding: 90px 10px 5px; } .search-screen .title { padding: 85px 10px 5px; } .search-results.visible { /* max-height: calc(100vh - 345px); overflow-y: scroll; */ margin-bottom:20px; } #preHomeModal .subtitle,.search-screen .subtitle { padding: 5px 10px 20px; font-size: 36px; letter-spacing: -0.36px; margin: 0px; font-weight: 500; line-height: 48px; } #preHomeModal .later-msg{ font-size: 11px; line-height: 20px; margin: 0px; padding-bottom: 30pt; } /*Home page*/ .cat-link-wrapper .cat-link { background-color: var(--text); color: #FFFFFF; font-size: 14px; line-height: 20px; letter-spacing: -0.24px; min-width: 140pt; display: block; padding: 10px; text-align: center; text-decoration: none; border-radius: var(--box-radius); margin: 6px 0px; } .cat-link-wrapper .cat-img{ max-width: 50px; height: auto; margin: auto; margin-bottom: 20px; } .cat-link-wrapper .cat-img img { height: 50px; font-size: 5px; } .cat-link-wrapper p { font-size: 14px; line-height: 20px; color: var(--text); margin: 0px; } .cat-link-wrapper .card { box-shadow: var(--box-shadow); border-radius: var(--box-radius); margin-bottom: 20px; } .cat-link-wrapper .card-body { text-align: center; } .section-title { font-size: 28px; line-height: 32px; } .section-title .icon { height: 30px; width: auto; margin-right: 10px; } .section-title, .section-title-margin, #product-area #productsNavs { margin-top: 40px; margin-bottom: 20px; } .search-title-wrapper { margin-bottom: 20px; } .search-main-title { font-size: 16px; line-height: 24px; font-weight: 300; } .search-sub-title { font-size: 16px; line-height: 16px; font-weight: 300; } .product-desc h1, .product-desc h2, .product-desc h3 { position: relative; padding-left: 50px; padding-bottom: 10px; } .product-desc h1:after, .product-desc h2:after, .product-desc h3:after { content: " "; width: 50%; border-bottom: 3px solid #FFC107; border-radius: var(--box-radius); position: absolute; bottom: 0px; left: 0px; } .product-desc h3 { font-size: 24px; } .product-desc h4 { font-size: 20px; } .product-desc .section-title:after{ content: none; } .product-desc .section-title { background-color: var(--bg-grey); padding: 10px; border-radius: 0px var(--box-radius) var(--box-radius) 0px; font-size: 28px; font-weight: 300; } .product-desc ul, .product-desc ol, #blog ul, #blog ol { margin-left: 50px; } .product-desc ul li, .product-desc ol li, #blog ul li, #blog ol li{ position: relative; } .product-desc li::marker, #blog li::marker { color: var(--yellow); font-weight: 500; } .product-desc table { margin-bottom: 10px; } .min-header { margin-bottom: 10px; } .load-more { color: var(--text); } .scroll-link a { display: block; color: var(--gray); text-transform: uppercase; font-size: 12px; line-height: 24px; } .scroll-link a:hover { color: var(--text); } .scroll-link a:hover span { text-decoration: underline; } .scroll-link a i, .scroll-link a .side-icon { font-size: 16px; width: 15px; margin-right: 10px; } .owl-nav button,.slick-arrow { box-shadow: none; outline: unset; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Free"; font-weight: 900; border: none; background-color: transparent; padding: 2px 8px; color: var(--text); } .owl-nav button.disabled,.slick-arrow[aria-disabled="true"] { color: var(--bg-grey); } .owl-prev:before { content: "\f060"; } .owl-next:before { content: "\f061"; } .owl-nav span { display:none; } .owl-item .product-wrapper.item { margin-top: 6px; margin-bottom: 6px; } .slick-track .carousel-wrapper { padding: 2px 8px; outline: none; height: inherit !important; } .products-slider-component.no-products { max-height: 0px; overflow: hidden; } .grid-container.boundary { max-width: 100%; padding: 0px; } .transparent-modal .modal-content { background-color: transparent; border: none; } .transparent-modal .btn-close { color: #FFFFFF; opacity: 1; position: absolute; right: -20px; top: -20px; font-size: 2rem; background-color: transparent; border: none; outline: unset; box-shadow: none; } .client-rating { font-family: 'Montserrat'; font-size: 14px; line-height: 22px; /* letter-spacing: -0.24px; */ } .client-review { font: italic normal 300 14px/22px Rubik; letter-spacing: -0.14px; } .client-review-name { font: normal normal normal 14px/20px Rubik; letter-spacing: 0px; } .client-review-place s{ font: normal normal medium 16px/24px Rubik; letter-spacing: 0px; } .youtube-logo { font-size: 9px; min-height: 35px; } .video-image-holder img { height: 122px; -o-object-fit: cover; object-fit: cover; width: 100%; } #videoModal, #youtubeIframe, iframe { max-width: 100%; } .section-custom iframe, .section-custom img { width: 100%; } .video-carousel a { display: block; padding: 0px; margin: 0px; } #videoModal .modal-body { padding: 0px; } .custom-card,.tips-wrapper .card,.blog-wrapper .card,.versions-wrapper .card { border: none; background-color: var(--bg-grey); border-radius: var(--box-radius); } .theme-card,.theme-dark-card,.theme-green-card,.theme-red-card { padding: 15px 20px; border: transparent; background: var(--primary-gradient); color: #FFF; border-radius: var(--box-radius); } .theme-dark-card { background: var(--dark-gradient); } .theme-green-card { background: var(--green-gradient); } .theme-red-card { background: var(--red-gradient); } #searchPage .tips-wrapper{ margin-bottom: 16px; } .tips-wrapper .card,.blog-wrapper .card,.versions-wrapper .card { height: 100%; } #searchPage .vin-column { display: none; } #searchPage .shop-column { -ms-flex-order: 0; order: 0; } .tips-wrapper .content { height:100%; position: relative; font-size: 14px; line-height: 18px; } .tips-wrapper .content .card-text, .versions-wrapper .content .card-text { display: flex; align-items: center; justify-content: center; height: 100%; padding: 10px; color: var(--text); margin: 0px; } .tips-wrapper img { height: 121px; object-fit: cover; border-radius: var(--box-radius); overflow: hidden; font-size: 10px; } .tips-wrapper .date { margin: 0px; font-size: 12px; line-height: 13px; text-align: right; position: absolute; bottom: 10px; right: 10px; } .tips-wrapper .content .card-text { justify-content: initial; } /*new product page design start*/ .product-page-wrapper .breadcrumb { padding-bottom: 0px; } .product-page-wrapper .top-prod-price { font-weight: 500; font-size: 24px; line-height: 28px; color: var(--primary); padding-left: 10px; /* display: none;*/ } .product-page-wrapper .top-prod-price .from { color: var(--text); } .versions-row { padding-bottom: 10px; } .versions-row .version-col p, .versions-row .ver-details { margin: 0px; } .versions-row .ver-details { font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; display: table-cell; vertical-align: middle; } .versions-row .ver-details .content-wrapper { max-height: 40px; overflow: hidden; } .versions-row .version-mod .ver-details { min-height: 40px; line-height: 43px; } .versions-row .version-col * { text-align: center !important; } .versions-row .version-col * { text-align: center !important; font-weight: 500 !important; } .versions-row .version-col, .versions-row .version-mod { border: 1px solid #C9C9C9; border-radius: 10px; padding: 10px; cursor: pointer; color: #C9C9C9; min-height: 62px; display: table; width: 100%; } .versions-row .version-mod { border-style: dashed; } .versions-row .version-col.selected { background-color: #C9C9C9; color: #FFFFFF; } .ver-count-title { font-weight: 500; font-size: 16px; line-height: 19px; color: var(--gray); margin-bottom: 10px; } .product-page-wrapper .add-options-wrapper.sample-checkbox { position: relative; } .custom-control-input:disabled~.custom-control-label, .custom-control-input[disabled]~.custom-control-label, .product-page-wrapper .add-options-wrapper.sample-checkbox, .sample-checkbox .icon-attention:before { color: var(--gray); } .product-page-wrapper .add-options-wrapper.sample-checkbox::before, .product-page-wrapper .add-options-wrapper.sample-checkbox::after { /* content: ' ';*/ width: 110%; height: 34px; position: absolute; bottom: -2px; z-index: 1; left: -5%; background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0.01) 100%); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); } .product-page-wrapper .add-options-wrapper.sample-checkbox::before { bottom: 33px; z-index: 2; backdrop-filter: blur(1.5px); -webkit-backdrop-filter: blur(1.5px); } .new-style.add-options-wrapper, .new-style.warrenty-option { border: 1px solid #ECECEC; padding: 10px 14px 14px 16px; border-radius: 13px; position: relative; margin: 5px 0px; } .new-style.big-checkbox .custom-control { padding-left: 38px; } .warrenty-option { margin: 7px 0px; } .product-page-wrapper .row.py-4 { padding-bottom: 10px !important; } .addonCollapse { background: #FFFFFF; } .addonCollapse.collapse:not(.show), .addonCollapse.collapsing { display: block; height: 136px; overflow: hidden; margin-bottom: 20px; } .addon-collapse-wrapper { text-align: center; } .addon-collapse-wrapper[aria-expanded="false"] { position: absolute; bottom: 0px; padding: 32px 0px 10px; z-index: 1; background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0.01) 100%); backdrop-filter: blur(1.5px); -webkit-backdrop-filter: blur(1.5px); left: 0; right: 0; } .addonCollapseBtn { cursor: pointer; display: inline-block; background: var(--primary); border-radius: 50%; width: 25px; height: 25px; line-height: 25px; color: #FFFFFF; font-weight: 600; text-align: center; -webkit-transition: transform 500ms ease; transition: transform 500ms ease; } .addonCollapseBtn[aria-expanded="true"] { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate( -180deg ); } .card-radio-size-2, .card-radio-size-3,.card-pill { display: table; width: 100%; min-height: 50px; } .card-radio-size-2 .card-style-radio, .card-radio-size-3 .card-style-radio,.card-pill { display: table-cell; vertical-align: middle; font-weight: 300; font-size: 16px; line-height: 19px; text-align: center; border: 1px solid #DDDDDD; border-radius: 10px; padding: 0px; cursor: pointer; } .card-pill { display: block; line-height: 48px; text-align: center; } .card-style-radio .custom-control-label { width: 100%; height: 100%; padding: 5px; } .card-radio-size-2 .card-style-radio.selected, .card-radio-size-3 .card-style-radio.selected, .card-pill.selected { border-color: var(--primary); } .card-style-radio { margin: 0px 5px; } .card-style-radio:first-child { margin-left: 0px; } .card-style-radio:last-child { margin-right: 0px; } .card-radio-size-2 .card-style-radio { width: 50%; } .card-radio-size-3 .card-style-radio { width: 33.333%; } .card-style-radio .custom-control-label::after, .card-style-radio .custom-control-label::before { content: none; } .sample-checkbox .custom-checkbox .custom-control-label::before { border-color: var(--gray); } .sample-checkbox .custom-control-input:disabled~.custom-control-label::before, .sample-checkbox .custom-control-input[disabled]~.custom-control-label::before { background-color: #FFFFFF; } .ver-btn-wrapper { margin: 11px 0px; } .ver-btn-wrapper .msg { font-weight: 300; font-size: 9.88238px; line-height: 12px; text-align: center; margin-bottom: 6px; } .card-style-radio .custom-control-label .price { font-weight: 300; font-size: 13px; line-height: 15px; color: #888888; } .product-images-scroller-holder .total-price { font-weight: 500; font-size: 24px; line-height: 28px; margin-bottom: 14px; } .product-page-wrapper #sylius-product-image .product-main-price, .product-page-wrapper #product-hero-image .product-main-price { display: none !important; } .product-page-wrapper .total-price { font-weight: 700; font-size: 22px; } .product-page-wrapper .theme-heading, .product-desc .section-title, #product-area .promo-top-sellers .section-title , #product-page-container .promo-top-sellers .section-title { background: var(--primary); border-radius: 10px; padding: 5px 20px; color: #FFFFFF; font-weight: 500; } .product-desc .section-title { padding: 12.65px 20px; } .product-page-wrapper .theme-heading .slick-arrow { color: #FFFFFF; } .theme-heading .slick-arrow[aria-disabled="true"] { opacity: 0.4; } .product-page-wrapper .section-title .icon { -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .product-desc #section-reviews .section-title { background: #FFBE3F; } #product-page .promo-top-sellers .container { padding: 0px; } #product-page-container .find-installer-wrapper { margin-top: 10px; } #product-page .find-installer-wrapper { margin-bottom: 20px; } .find-installer-wrapper { background-image: url(/assets/shop-new/images/find-installer.png); background-size: cover; border: 1px solid var(--primary); border-radius: var(--box-radius); padding: 20px 0px; } .find-installer-wrapper .title { color: var(--primary); font-weight: 500; font-size: 28px; line-height: 33px; margin: 0px; text-align: center; } #installer .filters .filters_container .filter, #installer .filters .filters_container .filter:hover, #installer .filters .filters_container .filter.active { background: var(--bg-grey); border: 1px solid var(--bg-grey); padding: 10px 15px 5px; font-weight: 400; font-size: 16px; line-height: 19px; width: 100%; position: relative; display: block; margin: 7px 0px; cursor: pointer; } #installer .filters .filters_container .filter.active { border-color: var(--primary); } #installer .links-wrapper, #installer .filter a, #installer .filter i, #installer .filter p { text-align: center; color: var(--primary); text-decoration: none; } #installer .filter i { font-size: 26px; border: 1px solid var(--primary); border-radius: 50%; width: 50px; height: 50px; line-height: 50px; text-align: center; padding: 0px; } #installer .filters .filters_container .filter .name { font-weight: 500; } #installer .filters .filters_container .filter .name, #installer .filters .filters_container .filter .address, #installer .filters .filters_container .filter .phone{ margin-bottom: 9px; color: var(--text); } #installer .filters .filters_container .filter .phone a { color: var(--text); } #installer .filters .filters_container .filter .phone a:hover { text-decoration: underline; } #installer .filters .filters_container { margin-top: 10px; } .find-installer-wrapper .btn.btn-primary .close-txt { display: block; min-width: 155px; } .find-installer-wrapper .btn.btn-primary[aria-expanded="false"] .close-txt,.find-installer-wrapper .btn.btn-primary[aria-expanded="true"] .open-txt{ display: none; } .find-installer-wrapper .btn.btn-primary, .find-installer-wrapper .btn.btn-primary:hover{ font-weight: 600; } .find-installer-wrapper .btn.btn-primary[aria-expanded="true"], .find-installer-wrapper .btn-primary[aria-expanded="true"]:not(:disabled):not(.disabled):active { background: rgba(255, 255, 255, 0.4); color: var(--primary); font-weight: 600; } #installer .filters .filters_container .filter .type { text-transform: capitalize; } .trans-1s { -webkit-transition: all 1s; transition: all 1s; } .product-review .comment-wrapper .card { background: transparent; border: 1px solid #D9D9D9; } .product-review .section-subtitle{ font-weight: 600; font-size: 26px; line-height: 31px; margin: 10px 0px; } .product-review .com-counts { font-weight: 400; font-size: 15px; line-height: 18px; color: #858585; } .product-review .custom-dd button, .product-review .sorting .dropdown-menu { min-width: 130px; overflow: hidden; } .product-review .sorting .dropdown-item { text-align: left; font-weight: 400; font-size: 16px; line-height: 19px; cursor: pointer; } .product-review .sorting .dropdown-item.inactive { cursor: not-allowed; color: #BDBDBD; } .product-review .sorting .dropdown-item.selected { background: #EBEBEB; font-weight: 500; } .btn.btn-add-cart { font-size: 21.0631px; font-weight: 400; line-height: 38px; height: unset; border-radius: 23.5px; } /*new product page design ends*/ #blog .popular-posts .tips-wrapper .content .card-text { font-weight: 400; } .blog-wrapper { margin-bottom: 16px; } .blog-wrapper .card{ box-shadow: var(--box-shadow); } .blog-wrapper .content{ padding: 16px 20px; } .blog-wrapper img{ height: 100%; object-fit: cover; border-radius: var(--box-radius); } .blog-wrapper .card-title { font-size: 20px; line-height: 24px; font-weight: 500; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: var(--text); } .blog-wrapper .category { margin: 0px; font-size: 16px; line-height: 24px; color: var(--primary); font-weight: 500; } .blog-wrapper .date { margin: 0px; font-size: 12px; line-height: 13px; float:right; position: relative; padding-top: 6px; color: var(--text); } .blog-wrapper .card-desc { margin: 0px; font-size: 16px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: var(--text); } #blog .section-custom hr{ visibility: hidden; } #blog .section-custom .dark-block{ background: rgb(33, 33, 33); color: rgb(255, 255, 255); padding: 35px; border-radius: var(--box-radius); min-height: 270px; } #blog .section-custom .light-block{ background: rgb(241, 241, 241); color: rgb(162, 162, 162); padding: 5%; border-radius: var(--box-radius); } #blog .section-custom .tiny-line{ display: inline-block; width: 40px; height: 6px; border-radius: 20px; background-color: rgb(255, 193, 7); } #blog .section-custom .medium-line{ display: inline-block; width: 77px; height: 12px; border-radius: 20px; background-color: rgb(255, 193, 7); } #blog .section-custom strong, #blog .section-custom b, b, strong { font-weight: 700; }{ font-weight: 700; } #blog .section-custom img[position="right"],#blog .section-custom img[position="left"]{ -o-object-fit: cover; object-fit: cover; padding: 0px; } #blog .section-custom img[position="left"]{ width: 255px; height: 255px; margin: 0px 4% 0px 0px !important; } #blog .section-custom img[position="right"]{ width: 352px; height: 352px; margin-left: 4% !important; } #blog .section-custom iframe[position="left"], #blog .section-custom iframe[position="right"]{ width: 50%; } #blog .section-custom iframe[position="left"]{ margin-right: 4% !important; margin-bottom: 35px !important; } #blog .section-custom iframe[position="right"]{ margin-left: 4% !important; } #blog .section-custom .dark-block img { height: 200px; width: 200px; margin: 0px 4% 0px 0px !important; } #blog .section-custom span[style="color: rgb(224, 224, 224); font-size: 500%;"] { line-height: 32px; font-size: 100px; } #blogs .seo-section .seo-title { font-weight: 700; font-size: 16px; line-height: 19px; margin-bottom: 10px; } #blogs .seo-section .seo-description { font-weight: 400; font-size: 16px; line-height: 19px; min-height: 57px; margin-bottom: 7.71px; } #blogs .seo-section .seo-description.collapse:not(.show) { max-height: 57px; display: block; overflow: hidden; } #blogs .seo-section .btn-link { text-decoration-line: underline; color: #212121; font-weight: 400; font-size: 16px; line-height: 19px; } #blogs .seo-section .btn-link[aria-expanded="false"] .less, #blogs .seo-section .btn-link[aria-expanded="true"] .more{ display:none; } .side-panel .tips-wrapper img{ height: 90px; object-fit: cover; border-radius: var(--box-radius); } .ui.inline.dropdown.bt .menu{ border-radius: var(--box-radius); box-shadow: var(--box-shadow); } .side-title { font-size: 16px; line-height: 34px; margin-bottom: 0px; } .side-title.save-price { font-size: 18px; line-height: 1px; } .saved-price .side-title { font-size: 18px; line-height: 1px; padding: 14px 0px; } .saved-price .side-title .price.new-dollar-sign { margin-top: -8px; } #product-page-container .saved-price .side-title .price.new-dollar-sign { margin-top: 0px; } .side-panel .tips-wrapper .card{ box-shadow: var(--box-shadow); } .side-panel .ad-wrapper1{ min-height: 330px; } .side-panel .card, #careers .card.vac-card, #careers .card.job-highlights { border: none; border-radius: var(--box-radius); background-color:var(--bg-grey) } .side-panel .card .cardtitle{ text-align: center; font-size: 32px; line-height: 24px; font-weight: 500; } .side-panel a{ font-weight: 500; } .side-panel a .float-right{ color: var(--text); } .side-panel a:hover{ text-decoration: none; } .main-title { font-size: 30px; } .hide-first-p p:first-of-type{ display: none; } .hide-last-p p:last-of-type{ display: none; } .blog-author { margin: 0px; font-weight: 500; line-height: 16px; font-size: 14px; } .blog-date { margin: 0px; line-height: 14px; font-size: 12px; } .blog-topic,.blog-details{ margin-top: 16px; font-size: 16px; line-height: 24px; } .blog-topic-title{ font-size: 28px; line-height: 24px; } #blog h1{ font-size: 36px; line-height: 42px; letter-spacing: 0px; } #blog .section-custom .blogpost_table,.accordion .card,.comment-wrapper .card{ border: none; background-color: var(--bg-grey); border-radius: var(--box-radius) !important; width: 100%; padding: 1.25rem; box-shadow: unset; margin-top: 20px; } #blog .section-custom .blogpost_table a{ font-weight: 500; padding-left: 34px; color: var(--primary); text-transform: none; } #blog .section-custom .blogpost_table a.hch3 { font-weight: 300; } #blog .section-custom .blogpost_table a.hch4 { margin-left: 32px; font-weight: 300; font-style: italic; } #blog .blogpost_table a:before{ content: unset; } #blog ol.breadcrumb { margin-left: 0px; } #blog .section-custom iframe, .section-custom img { width: 100%; margin: 50px 0px 24px !important; border-radius: var(--box-radius); padding: 0px; } #blog .blog-main-image { margin: 20px 0px; } #blog .blog-main-image img { max-height: 233px; width: 100%; object-fit: cover; border-radius: var(--box-radius); font-size: 12px; } #blog .section-custom iframe { padding: 0px !important; } #blog h2 { font-size: 30px; line-height: 32px; } #blog .section-custom .light-block { margin-bottom: 50px; } #blog .section-custom iframe,#blog .section-custom .dark-block, .section-custom img, p[style="text-align: center; font-size: 150%;"]{ margin-bottom: 70px!important; } #blog .section-custom p[style="text-align: center; font-size: 200%;"]{ margin-top: 60px; } .table-scroll{ display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-scroll table{ width: 100%; } #blog .section-custom p, #blog h2, #blog h3, #blog h4, #blog h5,.section-custom table { margin-bottom: 20px; } #blog h2, #blog .section-custom .dark-block, #blog .section-custom .light-block, #blog .section-custom h1 { margin-top: 50px; } #blog .dark-block h2.head-1, #blog .section-custom h2#head-1 { margin-top: 0px; } #blog .section-custom h2 { text-transform: uppercase; } #blog .section-custom h3 { font-size: 25px; } #blog .section-custom ul { list-style: none; } .section-custom p, .section-custom ol, .section-custom ul, .section-custom table{ font-size: 16px; line-height: 24px; } .section-custom iframe[position="left"], .section-custom img[position="left"], .section-custom iframe[position="right"], .section-custom img[position="right"] { width: 50%; } section-custom p, .section-custom ol, .section-custom ul, .section-custom table, .team_contact p { font-size: 16px; line-height: 24px; } .accordion .card{ padding: 0px; margin-bottom: 10px; } .accordion .accordion-title,.accordion .accordion-desc{ font-size: 16px; line-height: 24px; padding: 10px 20px; margin: 0px; } .accordion .accordion-title{ font-weight: 500; cursor: pointer; outline: none; padding-right: 45px; } .accordion .accordion-desc{ padding-top: 0px; } .accordion .accordion-title::before, .accordion .accordion-title::after { content: ""; position: absolute; top: 19px; right: 20px; width: 20px; height: 2px; background: var(--text); } .accordion .accordion-title::before{ -webkit-transform: rotate(180deg); transform: rotate(180deg); } .accordion .accordion-title::after{ -webkit-transform: rotate(90deg); transform: rotate(90deg); } .accordion .accordion-title[aria-expanded="true"]::after,.accordion .accordion-title[aria-expanded="true"]::before{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* .accordion .accordion-title::after { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 12px; right: 16px; content: "\f067"; line-height: 1; font-weight: 900; } .accordion .accordion-title[aria-expanded="true"]::after { content: "\f068"; } */ .card-title-small{ font-size: 24px; line-height: 30px; } #review-section.hide-rate-section .rate-wrapper { display: none; } .comment-wrapper{ margin:10px 0px; position: relative; } .comment-wrapper p{ margin: 0px; font-size: 14px; line-height: 24px; } .comment-wrapper .comment-user{ font-weight: 500; } .comment-wrapper .comment-date{ font-size: 12px; line-height: 20px; } .comment-wrapper .comment-wrapper{ margin-left:20px; } .comment-wrapper .comment-wrapper::before,.comment-wrapper .comment-wrapper::after{ content: ""; position: absolute; left: -12px; } .comment-wrapper .comment-wrapper::before{ border-top: 1px solid #000; top: 26px; width: 16px; height: 0; } .comment-wrapper .comment-wrapper::after{ border-left: 1px solid #000; height: 50%; width: 0px; bottom: calc(100% - 26px); z-index: -1; } .comment-wrapper .comment-wrapper:first-child::after{ height: 40px; } .comment-wrapper .btn,#comments form .btn{ padding: 6px 30px; } .vue-popover-theme { border:none; background: transparent; } /*slick slider before loading*/ .product-carousel,.tips-carousel,.video-carousel { display: none; } .product-carousel.slick-slider,.tips-carousel.slick-slider,.video-carousel.slick-slider{ display: block; } .slick-slider .slick-track{ margin: 0px; display: flex !important; } /*product list*/ .product-wrapper,.vin-wrapper,.ad-wrapper1{ background-color: var(--bg-grey); font-size: 14px; line-height: 20px; box-shadow: var(--box-shadow); height: 100%; position: relative; } #taxons .product-wrapper .product-name, .product-list .product-wrapper .product-name{ font-size: 14px; line-height: 20px; font-weight: 300; margin: 0px; } .product-wrapper .product-image-holder{ position: relative; overflow: hidden; border-radius: var(--box-radius); } .product-wrapper .product-image-holder .wishlist-holder{ position: absolute; top: 0px; width: 100%; display: none; } .product-wrapper .product-image-holder .wishlist-holder .product-label{ background-color: #fcd835; color: #FFFFFF; margin: 0px; padding: 6px 12px; border-radius: 18px 0px 20px; position: relative; top: 0px; } .product-wrapper .product-image-holder .wishlist-holder .btn-round{ background-color: #FFFFFF; width: 30px; height: 30px; line-height: 30px; padding: 0px; font-size: 22px; box-shadow: unset; position: absolute; bottom: 10px; right: 10px; transition: width 1s, height 1s; } .product-wrapper .product-image-holder .wishlist-holder .btn-round{ width: 30px; height: 30px; line-height: 30px; box-shadow: 0px 0px 2px 1px #0000004D; } .product-wrapper .product-image-holder .wishlist-holder .btn-round i{ font-size: 22px; line-height: 30px; } .product-wrapper .product-image-holder .wishlist-holder .btn-round:hover i{ color: #868686; font-weight: 900; } .product-wrapper .product-image-holder .wishlist-holder .btn-round.active i{ color: #d64b59; font-weight: 900; } .product-wrapper .product-image-holder .wishlist-holder .btn-round.active i:before,.product-wrapper .product-image-holder .wishlist-holder .btn-round:hover i:before{ content: "\f004"; } .product-wrapper .product-image-holder .wishlist-holder,.product-wrapper .product-image-holder .product-image{ height: 170px; } .product-list .image { position: relative; display: block; } .product-wrapper .product-image-holder .product-image{ width: 100%; -o-object-fit: cover; object-fit: cover; border: none; max-width: 100%; background-color: #e8e8e8; transition: transform 0.5s ease; } .product-wrapper .product-image-holder,.product-list .image,.product-wrapper .product-image-holder .product-image{ min-height: 180px; height: 180px; max-height: 100%; /* max-width: 100%;*/ } .product-wrapper:hover { box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2) !important; transition: box-shadow 1s ease; border-radius:10px; } .product-wrapper-outer:hover { border-bottom: 0px; } .product-wrapper .product-details-holder{ padding: 12px; padding-top: 8px; min-height: 60px; } #products-section .product-wrapper .product-details-holder{ padding: 12px; padding-top: 8px; min-height: 85px; } .product-wrapper .product-stock-levels { position: absolute; right: 0px; } .product-wrapper .product-stock-levels .text{ display: inline-block; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); position: absolute; right: -60px; font-size: 14px; line-height: 16px; padding: 2px 15px; text-align: center; min-width: 140px; } .product-stock-levels span { color: #212121; background: #e8e8e8; } .versions-wrapper .product-wrapper .product-details-holder{ height: 100%; } .product-wrapper .product-price { font-size: 16px; line-height: 22px; } .offpriceimg{ position: absolute; top: 0px; right: 0px; bottom: unset; left: unset; z-index: 1; } .offpriceimgleft{ position: absolute; top: 0px; left: 0px; bottom: unset; right: unset; z-index: 1; } .newOffprice{ position: absolute; bottom: 0px; /* left: 0px; */ width: 100%; border-radius: 0px 0px 0px 0px; font-size: 14px; font-weight: 500; /* background-color: var(--primary); */ top: unset; /* right: unset; */ z-index: 1; } .bgYellow{ background-color: #FFC107; } .offprimeFont{ font-family: "Manrope", serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; } .bgPrimary{ background-color: var(--primary); } .offprice{ position: absolute; bottom: 0px; left: 0px; border-radius: 0px 0px 0px 0px; font-size: 14px; font-weight: 500; background-color: var(--primary); top: unset; right: unset; z-index: 1; } .offprice2{ position: absolute; bottom: 0px; right: 0px; border-radius: 0px 0px 0px 0px; font-size: 14px; font-weight: 500; background-color: #FFC107; top: unset; left: unset; z-index: 1; } .product-wrapper .ui.popup:before,.compatibiltyPopup.customPopup.ui.popup.top.center::before ,.compatibiltyPopup.customPopup.ui.popup.top.left::before{ /* content: unset !important;*/ top: -6px; left: unset; right: 25px; transform: rotate(225deg); } .customPopup.ui.popup { left: 13px !important; inset: 48px -10px auto auto !important; margin-top: 10px; } .carousel-wrapper .customPopup.ui.popup{ /* left: 0px !important;*/ } .product-wrapper .product-details-holder .product-name{ } .product-wrapper .product-details-holder .product-price{ font-weight: 500; /* max-height: 23px; */ } .product-wrapper .product-details-holder .product-price .bf-discount { display: none; } .product-wrapper .product-details-holder .product-rating .fa-star-o,.rating-wrapper .fa-star-o{ color: #D9D9D9; } .product-wrapper .product-details-holder .product-rating .fa-star-o.checked,.rating-wrapper .fa-star-o.checked{ color: var(--yellow); } .product-page .slider-nav.ui.small.images, .product-container .slider-nav.ui.small.images,.product-page .slider-nav.ui.small.images .slider-nav-container, .product-container .slider-nav.ui.small.images .slider-nav-container{ overflow-x: auto; } .warrenty-option .btn-outline-round { display: inline-block; background: #FFFFFF; width: 35px; max-width: 35px; height: 35px; } .product-page .features{ border-right: none; } .fa-star-o.checked:before{ content: "\f005"; } .product-wrapper .btn,.vin-wrapper .btn,.ad-wrapper1 .btn{ font-weight: 100; line-height: 24px; } .carousel-wrapper .product-wrapper{ position: relative; display: block; } .carousel-wrapper .product-wrapper>.row.no-gutters{ height: 100%; } .product-wrapper,.product-wrapper .product-image-holder .product-image,.vin-wrapper,.ad-wrapper1{ border-radius: var(--box-radius); } .top-wrapper,.banner-wrapper{ /* margin-top:96px;*/ /* background-attachment: fixed !important;*/ position: relative; } .product-page-wrapper table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } #home .product-wrapper-outer .product-wrapper{ border-radius: 20px !important; } #taxons{ margin-top:0px; } #taxons .seo-text { margin-top: 20px; } #section-car-model{ margin-bottom: 0px; } #section-car-model a{ color: var(--text); } #carModels .car-models { max-height: 40px; overflow-y: hidden; transition: max-height 0.7s linear; position: relative } #carModels.showing-all .car-models { max-height: 4000px; } #carModels .car-models::after { content: " ... "; background: var(--bg-grey); position: absolute; right: 0px; bottom: -5px; } #carModels.showing-all .car-models::after{ content: none; } #carModels .less, #carModels.showing-all .more{ display: none; } #carModels .more, #carModels.showing-all .less { display: inline; } .slick-arrow{ outline: none !important; } .vin-wrapper,.ad-wrapper1{ text-align: center; padding: 16px; line-height: 24px; background: var(--primary-gradient); } .vin-wrapper { color: #FFFF; } .vin-wrapper .btn{ background: transparent; border: 2px solid #FFF; } .vin-wrapper p,.ad-wrapper1 p{ margin: 0px; word-break: break-word; } .vin-wrapper .vin-title { font-size: 28px; line-height: 24px; font-weight: 500; padding-top: 1rem; } .vin-wrapper .vin-subtitle { letter-spacing: 0px; padding-top: 3px; font-size: 36px; font-weight: 100 !important; } .vin-wrapper .vin-subtitle,.ad-wrapper1 .ad-title-2 { font-weight: 500; } .vin-wrapper .vin-description { padding: 45px 0px; font-size: 18px; } .ad-wrapper1{ background-size: cover; background-repeat: no-repeat; background-position: center center; line-height: 20px; } .ad-wrapper1 .ad-title-1{ font-size: 33px; letter-spacing: -0.33px; padding-top: 1rem; } .ad-wrapper1 .ad-title-2 { font-size: 15px; letter-spacing: 0.15px; padding-top:3px; } .ad-wrapper1 .ad-title-3 { font-size: 17px; letter-spacing: -0.17px; } .ad-wrapper1 .btn, #page .ad-wrapper1 .btn{ margin: 30px auto; min-width: 150px; color: #FFFFFF; } .vin-wrapper.ad-wrapper1 .btn{ max-width: 250px; min-width: unset; } .vin-wrapper.ad-wrapper1 p { padding-left: 10px; padding-right: 10px; } .product-progress{ height: 10px; border-radius: 2px; } .product-progress .progress-bar{ background-color: var(--primary); transition: width 1s; } .product-progress-title{ text-align: center; } .product-progress-title p{ margin: 6px 0px; font-size: 11px; line-height: 24px; } .product-progress-title .btn-transparent{ color: var(--primary); } #product-area{ z-index: 2; position: relative; min-height: auto; } .page-details { background-color: var(--bg-grey); font-size: 14px; padding: 20px; border-radius: var(--box-radius); } .page-details .title { font-weight: 500; margin-bottom: 6px; } .page-details .description{ font-size: 14px; } .page-details p{ margin:0px; } .description img[position="right"], .description iframe[position="right"],.description img[position="left"], .description iframe[position="left"], .installation img[position="right"], .installation iframe[position="right"],.installation img[position="left"], .installation iframe[position="left"], .product-desc .right, .product-desc .left { width: 50%; border-radius: var(--box-radius); max-width: 300px; margin-bottom: 16px; } .description img[position="right"], .description iframe[position="right"], .installation img[position="right"], .installation iframe[position="right"], .product-desc .right { float: right; margin-left: 16px; } .description img[position="left"], .description iframe[position="left"],.installation img[position="left"], .installation iframe[position="left"], .product-desc .left{ float: left; margin-right: 16px; } .hr{ border-top:1px solid #E0E0E0; margin: 30px 0px; } .hr-grey{ border-top:1px solid var(--bg-grey); margin: 30px 0px; } .my-20{ margin-top: 20px; margin-bottom: 20px; } /*product details page*/ #product-page-container h1.product-title,.product-title{ font-weight: 500; font-size: 24px; line-height: 28px; margin-bottom: 5px; } #product-page-container .btn-animate-icon .icon-arrow-right, #product-page .btn-animate-icon .icon-arrow-right{ line-height: 40px; } #sylius-product-image, #product-hero-image, #product-hero-image .carousel-inner { /* box-shadow: var(--box-shadow);*/ border-radius: var(--box-radius); max-width: 100%; overflow: hidden; background-color: #e8e8e8; cursor: pointer; } #product-hero-image { background-color: transparent; cursor: auto; margin-top: 10px; } #product-hero-image .carousel-inner { margin-bottom: 0px !important; } #sylius-product-image::before, #product-hero-image .carousel-inner::before { content: " "; width: 100%; height: 100%; position: absolute; /* z-index: -5; */ transform: translateX(-100%); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); animation: shimmer 2s infinite; } #sylius-product-image img, #product-hero-image .hero-image{ border-radius: var(--box-radius); /* position: relative;*/ height: 100%; -o-object-fit: cover; object-fit: cover; } #product-main-image .lazyload { visibility: hidden; opacity: 0; display: none; } #sylius-product-image .offprice, #product-hero-image .offprice{ background-color: var(--primary); border-radius: 0px 0px; font-size: 26px; line-height: 40px; padding: 4px 16px; z-index: 1; left: 0px; right: unset; } #sylius-product-image .offprice2, #product-hero-image .offprice2{ background-color: var(--primary); border-radius: 0px 0px; font-size: 26px; line-height: 40px; padding: 4px 16px; z-index: 1; left: 0px; right: unset; } #sylius-product-image .version-img-msg span, #product-hero-image .version-img-msg span{ display: none; } #sylius-product-image.correct .version-img-msg .corect-msg, #product-hero-image.correct .version-img-msg .corect-msg{ display: block; } #sylius-product-image.incorrect .version-img-msg .incorect-msg, #product-hero-image.incorrect .version-img-msg .incorect-msg{ display: block; } .product-main-price,.product-main-version-tag,.animate-trans{ -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .product-main-price { font-size: 36px; font-weight: 500; position: absolute; bottom: 0px; right: 0px; color: #FFFFFF; background-color: rgb(88 88 88 / 0.8); background: linear-gradient(180deg, rgb(117 117 117 / 80%) 0%, rgb(33 33 33 / 80%) 100%); padding: 7px 16px; border-radius: 20px 0px; z-index: 1; } .product-main-version-tag { position: absolute; width: 100%; text-align: center; background: transparent; padding: 10px; border-radius: 20px 20px 0px 0px; color: transparent; font-weight: bold; font-size: 0px; } .correct .product-main-version-tag, .incorrect .product-main-version-tag{ font-size: inherit; } .correct .product-main-version-tag,.correct .product-main-price { background-color: var(--green-light); color: #FFFFFF; z-index: 1; background: linear-gradient(180deg, rgb(117 117 117 / 80%) 0%, rgb(33 33 33 / 80%) 100%); } .incorrect .product-main-version-tag{ background-color: var(--red-light); color: #FFFFFF; z-index: 1; } .correct .product-main-version-tag:after,.incorrect .product-main-version-tag:after { width: 100%; height: 0px; border-left: 280px solid transparent; border-right: 280px solid transparent; border-top: 20px solid var(--green-light); content: ""; position: absolute; left: 0px; top: 44px; } .incorrect .product-main-version-tag:after{ border-top: 20px solid var(--red-light); } .product-page .slider-nav.ui.small.images .slider-nav-container > .image > a > img, .product-container .slider-nav.ui.small.images .slider-nav-container > .image > a > img{ border: 1px solid #757575; min-width: 60px; width: 60px; font-size: 9px; } .product-page .slider-nav.ui.small.images .slider-nav-container > .image, .product-container .slider-nav.ui.small.images .slider-nav-container > .image { width: 60px; } #sylius-product-image .product-main-price.from-price, #product-hero-image .product-main-price.from-price { display: flex; line-height: 35px; max-width: 300px; } #sylius-product-image .product-main-price.from-price .from, #product-hero-image .product-main-price.from-price .from { margin-right: 10px; font-size: 26px; } .btn-animate-icon{ height: 40px; position: relative } .btn-animate-icon i{ position: absolute; right: 0px; top: 0px; } .btn-animate-icon:hover i{ -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: shake; animation-name: shake; } .icon-arrow-left:before,.icon-arrow-right:before{ font-size: 18px; } .btn-animate-icon .icon-arrow-right{ margin: 2px; } .versions-wrapper { /* max-height: 260px; overflow: auto; */ } .versions-wrapper .product-image-holder{ width: calc(100% + 4px); left: -2px; position: relative; top: -2px; } .versions-wrapper .card-img{ height: 114px; object-fit: cover; border-radius: var(--box-radius); } .versions-wrapper .varient-price { width: auto; position: absolute; bottom: 0px; right: 0px; background: rgb(88 88 88 / 0.8); font-size: 25px; line-height: 34px; margin: 0px; border-radius: 20px 0px; padding: 5px 10px; color: #FFFFFF; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; font-weight: 500; } .versions-wrapper .card:hover .varient-price { opacity: 1; } .versions-wrapper .correct.card .varient-price { background: var(--green-light); } .versions-wrapper .version-msg-banner{display: none;} .versions-wrapper .correct.card.selected .version-msg-banner,.versions-wrapper .correct.card:hover .version-msg-banner { display:block; font-size: 11px; text-align: center; position: absolute; width: 100%; background: var(--green-light); color: #FFFFFF; font-weight: 500; margin: 0px; padding: 0px 0px; border-radius: 20px 20px 0px 0px; top: 0px; left: 0px; } .versions-wrapper .correct.card.selected .version-msg-banner.version-msg-banner:after,.versions-wrapper .correct.card:hover .version-msg-banner:after { width: 100%; height: 0px; border-left: 90px solid transparent; border-right: 90px solid transparent; border-top: 10px solid var(--green-light); content: ""; position: absolute; left: 0px; top: 15px; } .versions-wrapper .card{ margin: 0px; border: 2px solid transparent; } .versions-wrapper .card.selected{ border: 2px solid var(--text); } .versions-wrapper .card:hover{ border: 2px solid var(--primary); } .versions-wrapper .card.correct.selected{ border-color: var(--green); background: var(--green); color: #FFFFFF; } #versionModal .versions-wrapper .card.correct.selected { color: #212121; } .versions-wrapper .card.incorrect.selected{ border-color: var(--red); } .versions-wrapper .card .content { padding: 10px 0px; text-align: left; min-height: 118px; height: calc(100% - 42px); } .versions-wrapper .card:first-child{ margin-top: 0px; } .versions-wrapper .card:last-child{ margin-bottom: 0px; } .versions-wrapper .content .title{ font-weight: 500; } .versions-wrapper .content .details p, .select-version-wrapper .details p{ padding-left: 16px; position: relative; } .versions-wrapper .content .details p:before, .select-version-wrapper .details p:before{ content: ""; width: 8px; height: 2px; top: 28%; position: absolute; left: 2px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 8px solid var(--text); } .select-version-wrapper .details p:before, .versions-wrapper .product-wrapper.selected.correct .content .details p:before,.versions-wrapper.versions-wrapper-mob .card.selected .content .details p:before, .versions-wrapper .swap-product-theme .content .details p:before{ border-left: 8px solid #FFFFFF; } .select-version-wrapper .details:before,.versions-wrapper .card.correct.selected .content .details:before{ border-left: 8px solid #FFFFFF; } .versions-wrapper .card.selected .content .selected-text,.versions-wrapper .card.slick-current .content .selected-text,.versions-wrapper .card:hover .select-text{ display: block; } .versions-wrapper .card:hover .select-text{ color: var(--primary); } .versions-wrapper .content .selected-text,.versions-wrapper .content .select-text,.versions-wrapper .card.selected:hover .content .select-text{ position: absolute; bottom: 10px; right:10px; background-color: var(--bg-grey); display: none; font-weight: 300; } .versions-wrapper .content p{ margin: 0px; } #versionModal .modal-content, #upsellModal .modal-content, .defaultModal .modal-content{ background: #FFFFFF; border-radius: var(--box-radius); padding: 0px 30px 20px; } #versionModal .modal-title, #upsellModal .modal-title, .defaultModal .modal-title{ width: 100%; text-align: center; font-size: 24px; line-height: 28px; } #versionModal .close, #upsellModal .close, .defaultModal .close{ font-size: 28px; line-height: 36px; color: var(--text); opacity: 1; } #versionModal .modal-header, #upsellModal .modal-header, .defaultModal .modal-header { border: none; padding-bottom: 0px; } #versionModal .modal-dialog,#upsellModal .modal-dialog{ max-width: 1064px; } #versionModal .no-products-msg { margin: 0px; padding: 30px 0px; } #versionModal .versions-wrapper .content p { font-size: 10px; line-height: 11.75px; } #versionModal .versions-wrapper .content .title{ margin-bottom: 4px; } #versionModal .versions-wrapper .varient-price { font-size: 13.2254px; line-height: 16px; left: 0px; right: auto; border-radius: 0px 8.2659px 0px 0px; } #versionModal .product-wrapper .btn { height: auto; font-size: 12px; line-height: 14px; padding: 8.5px 15px; margin-top: 5px; } #versionModal .product-wrapper .btn.bg-white { border: 1px solid var(--primary); } #versionModal .product-wrapper .btn.bg-white { border: 1px solid var(--primary); } .product-wrapper .product-image-holder .product-image { font-size: 10px; } .find-vin-wrapper .vin-form, .find-vin-wrapper .theme-card { /* background: var(--primary);*/ padding: 28px 20px; } #versionModal .find-vin-wrapper .heading-msg { font-size: 24.28px; line-height: 28.77px; margin: 8px 0px 15px 0px; } #versionModal .find-vin-wrapper .msg { font-size: 15.33px; line-height: 18.17px; max-width: 500px; margin: 0px auto 20px; } #versionModal .find-vin-wrapper .msg .hide-on-modal { display: none; } #versionModal .slick-arrow.slick-disabled, #productsCompNavs .slick-arrow.slick-disabled { opacity: 0.5; } #versionModal .product-wrapper .product-image-holder .product-image, #versionModal .product-wrapper .product-image-holder { height: 150px; min-height: 150px; border-radius: var(--box-radius) var(--box-radius) 0px 0px; } .product-images-scroller-holder .theme-heading .section-title { font-weight: 500; font-size: 14.21px; line-height: 17px; text-align: center; } .compatible-product-carousel { max-height: 400px; overflow: hidden; } .find-vin-wrapper a { font-size: 11.5723px; line-height: 14px; text-decoration: underline; font-weight: 300; } .find-vin-wrapper .input-group { border: 1px solid #FFF; border-radius: var(--box-radius); } .find-vin-wrapper .input-group input, .find-vin-wrapper .input-group .btn, .find-vin-wrapper .input-group .btn:hover{ border: none; margin: 0px !important; } .find-vin-wrapper .input-group .btn{ height: auto; box-shadow: unset !important; } .find-vin-wrapper .msg { font-weight: 400; margin-bottom: 9px; } .no-products-msg { text-align: center; color: var(--red); font-weight: 500; } #upsellModal .upsell-name, #upsellModal .upsell-price{ font-size: 17px; color: #212121; font-weight: 500; line-height: 20px; margin-bottom: 0; } #upsellModal .upsell-price{ font-size: 24px; } #upsellModal .get-full-title{ font-size: 24px; color: #212121; font-weight: 500; line-height: 28px; margin-top: 0px; margin-bottom: 10px; } #upsellModal .upsell-total-price { font-weight: 500; font-size: 24px; line-height: 28px; } #upsellModal .product-wrapper .product-details-holder .product-price { font-size: 16px; line-height: 19px; } #upsellModal .product-wrapper .product-details-holder { text-align: center; } .btn-primary-disabled, .btn-primary-disabled:hover { background: rgba(28, 163, 194, 0.4) !important; border-color: #9cd2df !important; cursor: not-allowed; } #upsellModal .remove-addon{ font-size: 12px; line-height: 14px; color: #F55F4D; } .product-images-scroller-holder { height: 100%; /* padding-bottom: 80px;*/ } .find-vin-wrapper, .select-version-wrapper { text-align: center; font-weight: 500; } .images-scroller-section{ position: absolute; bottom: 10px; } .images-scroller-wrapper { display: flex; overflow-x: scroll; margin: 3px 0px 0px -10px; } .images-scroller-wrapper button{ margin: 10px 10px 4px; outline: unset; border: 1px solid var(--bg-grey); min-width: 60px; } .images-scroller-wrapper button:hover,.images-scroller-wrapper button:focus,.images-scroller-wrapper button.active{ border-color: var(--primary); border-bottom: 2px solid var(--primary); } .images-scroller-wrapper img{ font-size: 12px; width: 60px; height: 40px; overflow: hidden; object-fit: cover; -o-object-fit: cover; } .openChatBox:hover path { fill: #FFFFFF; } .find-vin-wrapper .card, .select-version-wrapper { margin-bottom: 10px; } .find-vin-wrapper p{ margin: 0px; font-size: 19.28px; line-height: 23px; } .find-vin-wrapper .heading-msg { margin-bottom: 9.41px; } .side-panel .find-vin-wrapper .heading-msg { font-size: 18px; line-height: 20px; } #findVinModal .product-wrapper { background: transparent; box-shadow: none; } #findVinModal .product-wrapper .product-image-holder, .product-wrapper .product-image-holder .product-image { height: 250px; } #findVinModal .product-wrapper .product-details-holder .product-name { min-height: unset; font-size: 19px; line-height: 23px; } .select-version-wrapper p{ margin: 0px; font-size: 13.2785px; line-height: 16px; text-align: left; } .find-vin-wrapper .msg,.select-version-wrapper .msg{ font-size: 9.32535px; line-height: 11px; } .find-vin-wrapper .btn,.find-vin-wrapper .btn:hover,.select-version-wrapper .btn,.select-version-wrapper .btn:hover{ margin: 8px 0px; background: transparent; border: 2px solid #FFFFFF; } .versions-carousel { max-height: 500px; } .versions-carousel.slick-initialized.slick-slider { max-height: auto; } .versions-carousel .product-wrapper { opacity: 0; } .versions-carousel.slick-initialized.slick-slider .product-wrapper{ opacity: 1; } .find-vin-wrapper #vin-input { /* min-width: 200px;*/ min-height: 40px; border-radius: var(--box-radius); } .find-vin-wrapper .input-group{ max-width: 270px; margin: auto; } #cart-page .find-vin-wrapper .input-group { margin: 10px auto; } .find-vin-wrapper input, .find-vin-wrapper button { margin: 10px auto; } .properties-symbol .wrapper { /* text-align: center;*/ width: 100%; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; /* justify-content: center;*/ } .properties-symbol img{ width: auto; margin: 5px; height: 40px; filter: brightness(0) invert(0.1); } .add-options-wrapper label{ width: 100%; cursor: pointer; } #compatibility-check{ left: auto; right: auto; } .product-desc [position="center"], .product-desc .center { display: flex; margin: auto; max-width: 90%; padding: 0px; } .product-desc iframe { border-radius: var(--box-radius); } /*categories details*/ .category-details-wrapper .cat-title{ font-weight: 500; } .category-details-wrapper .cat-title,.category-details-wrapper .cat-desc{ font-size: 16px; line-height: 24px; } .category-details-wrapper .cat-desc a{ font-weight: 500; color: var(--text); } .category-details-wrapper .cat-desc a:hover{ text-decoration: underline; color: var(--text); } .category-details-wrapper .page-details{ margin-top: 45px; margin-bottom: 20px; position: relative; padding-top: 25px; } .category-details-wrapper .page-details:first-of-type{ margin-top: 25px; } .category-details-wrapper .icon { font-size: 26px; padding: 10px; background-image: var(--primary-gradient); color: #FFFFFF; border-radius: 50%; position: absolute; width: 50px; height: 50px; line-height: 26px; left: calc(50% - 25px); top: -26px; text-align: center; } .category-details-wrapper .icon i{ font-size: 28px; line-height: 28px; display: flex; align-items: center; justify-content: center; height: 100%; } .work-in-progress{ padding: 40px 20px 20px; background: yellow; position: relative; margin: 10px; border-radius: var(--box-radius); box-shadow: var(--box-shadow); } .work-in-progress::before{ content: 'Work in progress - ignore this section'; font-size: 12px; position: absolute; top: 10px; width: 100%; height: 40px; text-align: center; font-weight: bold; } /*Activity notification badge*/ .cart-notify-badge { max-width: 310px; position: fixed; bottom: -100px; z-index: 2; background: #FFFFFF; border: 3px solid rgba(28, 163, 194, 0.2); box-shadow: 0px 4px 20px rgba(33, 33, 33, 0.15); border-radius: 90px; padding: 13.19px; transition: bottom 0.3s linear; opacity: 0; } .cart-notify-badge.active { bottom: 30px; opacity: 1; } .cart-notify-badge p{ margin: 0px; padding: 0px 10px; } .cart-notify-badge p:not(.bold) { font-weight: 400; font-size: 16px; line-height: 19px; color: #A5A5A5; } .cart-notify-badge p.bold{ color: #212121; font-weight: 500; font-size: 14px; line-height: 17px; margin-bottom: 3.28px; } /*footer*/ .footer-links { background-color: var(--bg-grey); padding: 20px 40px; border-radius: var(--box-radius); /* margin-bottom: 50px;*/ } .footer-links .btn{ box-shadow: unset; position: relative; } .subscribe{ font-size: 18px; line-height: 24px; padding: 0px; border: 1px solid #E0E0E0; border-radius: var(--box-radius); margin-bottom: 30px; } .subscribe .subscript-img { width: 100%; height: 100%; background-position: center; background-size: cover; border-radius: 20px 0px 0px 20px; overflow: hidden; } .subscribe .subscript-img img { height: 100%; -o-object-fit: cover; object-fit: cover; max-height: 220px; width: 100%; } .subscribe #mc-embedded-subscribe-form { padding: 40px 20px; } .footer-links ul{ list-style: none; padding: 0px; color: var(--text); font-size: 14px; line-height: 27px; } .footer-links ul a{ color: var(--text); } .footer-links ul i.space{ min-width: 16px; display: inline-block; } .footer-links .accordion .btn{ font-weight: 500; } .social-share { text-align: center; font-size: 2.5rem; } .social-share a { color: #222222; } .social-share svg{ width:35px; margin-bottom: 30px; } a.facebook svg .st0, a.instagram svg .st0, a.linkedin svg .st0, a.youtube svg .st0, a.mail svg .st0, a.twitter svg .st0{ fill: var(--text); } #appFooter.footer .bt-input input.email { outline: 0; border: none; border-radius: 20px; padding: 8px 100px 8px 20px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 100%; } #appFooter.footer .bt-button { width: 100px; font-size: 14px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--primary); color: #ffffff; border-radius: 20px; padding: 5px 10px; line-height: 1; height: 34px; top: 50%; right: 2px; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #appFooter.footer{ margin-top:0px !important; padding: 0px; padding-bottom: 40px; } #appFooter.footer .second > .cell.section .ui.header::after, #appFooter.footer .second > .cell.section .ui.header::before{ background: var(--text); } #appFooter .item{ color: var(--text); } .input-group-text{ color: var(--text); } .custom-form { position: relative; display: block; } .custom-form .custom-form-text{ height: calc(1.5em + .75rem + 5px); } .custom-form .custom-form-btn{ position: absolute; top: 2px; right: 3px; height: auto; } .custom-form.has-icon .input-prepend{ position: absolute; max-width: 35px; height: 100%; } .custom-form.has-icon .custom-form-text{ padding-left: 40px; } .custom-form.has-icon .input-group-text{ height: 100%; border-color: transparent; background-color: transparent; } .footer-msg{ background-color: var(--text); color: #FFFFFF; font-size: 12px; line-height: 14.4px; padding: 8px; text-align: center; width: 100%; } #zoom-continer { min-height: 0px !important; padding: 0px !important; } .sidenav { height: 100%; width: 0; position: absolute; z-index: 1; top: auto; left: 0; overflow-x: hidden; transition: 0.8s; height: 100%; margin-top: 1px; min-height: 100vh; z-index: 9999; } .sidenav.show{ width: 100%; } .sidenav .sidebar-wrapper { background-color: #FFFFFF; height: 100%; box-shadow: 0px 0px #00000099; padding-top:10px; } .sidenav .sidenav-link{ cursor: pointer; } .sidenav.show .sidebar-wrapper { width: 100%; max-width: 287px; } .sidenav.show .sidenav-link{ font-size: 12px; } .sidenav .sidenav-link, .sidenav .sidenav-link.username { padding: 6px 12px; text-decoration: none; text-decoration: none; font-size: 12px; /* font-size: 0px;*/ line-height: 20px; color: #21212180; display: block; transition: 0.3s; text-transform: uppercase; font-weight: 500; margin: 0px 18px; -webkit-transition: font-size 0.45s; -moz-transition: font-size 0.45s; -o-transition: font-size 0.45s; transition: font-size 0.45s; border: 1px solid transparent; border-radius: 20px; background: #FFFFFF; } .sidenav .sidenav-link.menu-heading, .sidenav .sidenav-link.menu-heading:hover { font-size: 16px; line-height: 24px; font-weight: 500; color: #212121; border: none; border-bottom: 1px solid #E0E0E0; margin-bottom: 10px; border-radius: 0px; } .sidenav .sidenav-link i,.sidenav .sidenav-link .icon{ height: 20px; width: 20px; margin-right: 10px; } .sidenav .sidenav-link .icon.new-tab-icon { height: 15px; width: 15px; float: right; position: relative; top: 2px; } .sidenav.show .sidenav-link.username, .sidenav.show .sidenav-link.username:hover{ font-size: 16px; line-height: 24px; font-weight: 100; color: var(--text); margin-bottom: 0px; border: none; text-transform: capitalize; } .sidenav.show .sidenav-link.username.divider{ padding: 0px; } .sidenav.show .sidenav-link.username.divider::after { content: " "; display: block; min-height: 1px; background: var(--text); position: relative; margin: 5px 0px; } .sidenav .sidenav-link:hover, .sidenav .sidenav-link.act-color { border: 1px solid #E0E0E0; border-radius: 20px; color: var(--color); } .sidenav .bg-color-link, .sidenav .bg-color-link:hover { background: var(--primary); color: #FFFFFF; } .sidenav .menu-divider { margin: 10px 18px; border-color: #E0E0E0; } #mySidenav .menu-wrapper { display: block; } .menu-categories { padding-bottom: 10px; } .menu-gen-links { background: #F1F1F1; padding: 10px 0px; } .ml-38, .sidenav .sidenav-sub-link { margin-left: 38px; } .sidenav .menu-gen-links .sidenav-link { margin: 5px 18px; } .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } #header a{ text-decoration: none; } #header button{ outline: none; box-shadow: unset; } #header .btn.btn-transparent.cart-opened { border-radius: 20px 20px 0px 0px; background: #FFFFFF; z-index: 6; } #header .background-popup { position: absolute; display: block; left: 0; top: 0; bottom: 1rem; right: 0; background: rgba(0, 0, 0, 0.274); z-index: 5; min-height: 100vh; } /*skeleton loader starts*/ .skeleton-box { position: relative; overflow: hidden; width: 100%; cursor: progress; /* background-color: var(--bg-grey);*/ } .skeleton-box::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); animation: shimmer 2s infinite; content: ''; } @keyframes shimmer { 100% { transform: translateX(100%); } } .skeleton-bg-color{ min-height: 29px; background-color: #e8e8e8; } .tips-carousel .tips-wrapper img, .product-wrapper .product-image-holder .product-image, #blogs .blog-wrapper img, .side-panel .tips-wrapper img{ background-color: #e8e8e8; overflow: hidden; position: relative; } .product-wrapper .product-image-holder.skeleton-bg-color:before, .tips-carousel .tips-wrapper img:before,.product-wrapper .product-image-holder .product-image:before, #blogs .blog-wrapper img:before, .blog-prod-wrapper .blog-product-img img:before { content: "BimmerTech"; text-align: center; position: absolute; left: 0; right: 0; top: calc(50% - 15px); font-size: 16px; font-weight: 500; color: #c2c2c2; text-shadow: 0px 0px 3px rgb(255 255 255 / 50%); } .tips-carousel .tips-wrapper img:before{ top: calc(50% - 16px); font-size: 10px; } #blogs .blog-wrapper img:before{ top: calc(50% - 30px); } #taxons .product-carousel-skeleton { display: flex !important; } /*skeleton loader ends*/ #blogs .blog-wrapper img{ min-height: 200px } .versions-wrapper-mob .owl-stage-outer{ overflow-x: hidden; } #remoteSession .card{ padding: 10px 10px 10px 20px; margin-bottom: 10px; } .section-main-title{ font-size: 36px; line-height: 42px; font-weight: 500; } .section-desc { line-height: 20px; } #remoteSession .custom-form.has-icon .input-prepend{ max-width: 65px; } #remoteSession .custom-form.has-icon .custom-form-text{ padding-left: 70px; min-height: 40px; font-size: 15px; color: var(--bf-black); font-weight: 400; } #remoteSession .list-group-item .url{ margin: 0px; } #remoteSession .forgot-opt{ font-size: 12px; line-height: 28px; text-align: center; } #remoteSession .input-label{ line-height: 14px; font-size: 12px; } #remoteSession #rsResult .card { background: var(--bg-grey); padding: 20px; margin-top: 30px; cursor: pointer; border: none; } #remoteSession #rsResult .card:hover {box-shadow: var(--box-shadow);} #remoteSession #rsResult .rs-msg { margin: 0px; text-align: center; font-size: 14px; line-height: 16px; } #remoteSession #rsResult .rs-img-icon { max-height: 87px; margin-bottom: 20px; } #copyClip { position: absolute; top: -9999px; left: -9999px; border: 0px solid transparent; padding: 0px; margin: 0px; font-size: 0px; line-height: 0px; box-shadow: unset; outline: none; } #product-hero-image .carousel-indicators { position: relative; margin: 10px 0px; justify-content: left; } #product-hero-image .carousel-indicators li { width: auto; height: auto; } #product-hero-image .carousel-indicators li img { width: 60px; height: 40px; border: 1px solid var(--bg-grey); border-bottom: 2px solid var(--bg-grey); } #product-hero-image .carousel-indicators li.active img,#product-hero-image .carousel-indicators li:hover img { border-color: var(--primary); } .no-fill { fill: none !important; } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } #nav-menu .main-nav { position: fixed; right: -100%; z-index: 45; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #nav-menu .main-nav.opened { z-index: 9999; } #nav-menu .main-nav.opened { right: 0; left: unset; z-index: 9999; -webkit-transform: translateX(0px); transform: translateX(0px); top: 0px; } #nav-menu .side-menu-item .side-menu-item-icon{ width:16px; margin-right: 10px; } #nav-menu .side-menu-item{ position: relative; display: block; height: 100%; width: 100%; text-align: left; color: #21212180; padding: 10px; font-size: 12pt; line-height: 20pt; } #nav-menu .side-menu-item:hover{ color: var(--color); } #appFooter.footer .second > .cell.section .ui.header,#appFooter.footer .second{ margin: 0px; } .bt-main-menu.bt.menu .item, .bt-main-menu.bt.menu .cart-page .totals-and-checkout .item-sub, .cart-page .totals-and-checkout .bt-main-menu.bt.menu .item-sub{ border: none !important; } .bt-main-menu.bt.menu .item:after, .bt-main-menu.bt.menu .cart-page .totals-and-checkout .item-sub:after, .cart-page .totals-and-checkout .bt-main-menu.bt.menu .item-sub:after{ width:0px; } .cart-page .btn{ font-weight: 300; text-transform: initial; } .steps-wizard { margin-top: 2rem; } .steps-wizard ol { position: relative; overflow: hidden; margin-left: 0px; } .steps-wizard li { position: relative; float: left; width: 33.333%; text-align: center; color: var(--bg-grey); list-style:none; } .steps-wizard .active { color: var(--text); } .steps-wizard li.completed a:before{ background-color: var(--text); border-color: var(--text); } .steps-wizard li a:before { content: " "; display: block; color: var(--bg-grey); background-color: var(--bg-grey); border: 4px solid var(--bg-grey); text-align: center; width: 20px; height: 20px; line-height: 16px; border-radius: 50%; position: relative; left: calc(50% - 0px); margin-bottom: 15px; margin-left: -10px; font-size: 26px; z-index: 1; } .steps-wizard li a span{ position: relative; display: block; text-align: center; top: -10px; font-size: 12px; line-height: 16px; } .steps-wizard .active a{ color: var(--text); } .steps-wizard .completed a{ color: var(--bg-grey); } .steps-wizard .active a:before { background-color: #FFFFFF; color: #FFFFFF; border-color: var(--text); content: " "; width: 20px; height: 20px; } .steps-wizard .disabled a{ cursor: auto; background: #ffffff; pointer-events: none; color: var(--bg-grey); } .steps-wizard li + li:after { content: " "; display: block; width: 100%; background-color: var(--bg-grey); height: 2px; position: absolute; left: -50%; top: 10px; z-index: 0; } .current ~ li:after { background-color: var(--text); } .add-to-cart-wrapper .btn{ display: block; width: 100%; } .properties-wrapper { margin-bottom:20px; } #sylius-product-selecting-variant .addons-main .custom-control-label.dotted-line-element span.float-right{ padding: 9px; padding-right: 0px; } /*cart page*/ #cart-page{ color: var(--text); } #cart-page .card-label, #appCheckout .card-label, .product-box-header .card-label { margin-bottom: 14px; } #cart-page .card-label .compatibility, #Orders .order .header-label span, .custom-card .header-label span, #appCheckout .card-label .compatibility, #bmw-parts .card-label span, .product-box-header .card-label .compatibility, .card-with-label .card-label span { background-color: #757575; color: #FFFFFF; border-radius: 20px 0px; padding: 8px 12px; font-size: 12px; line-height: 30px; text-transform: capitalize; font-weight: 500; } #appCheckout .card-label .compatibility{ text-transform: initial; } #cart-page .card-label .compatibility.No, .product-box-header .card-label .compatibility.No{ background: var(--red-gradient); } #cart-page .card-label .compatibility.Yes{ background: var(--green-gradient); } #cart-page .cart-product, .product-box-header .cart-product{ font-size: 14px; line-height: 16px; margin-bottom: 20px; } .cart-product{ font-size: 14px; line-height: 20px; } #cart-page .cart-product .product-img, .cus-img, .product-box-header .cart-product .product-img, #appCheckout .product-img{ border-radius: var(--box-radius); width: 100%; -o-object-fit: cover; object-fit: cover; min-height: 62px; background: var(--light); font-size: 9px; overflow: hidden; } .prod-name-wrapper .prod-dd{ color: #757575; display: block; } .cart-product .prod-name-wrapper{ font-size: 16px; line-height: 16px; } .cart-product .quantity-wrapper{ display: flex; } .cart-product .quantity-wrapper input{ border-radius: var(--box-radius); font-weight: 300; max-width: 35px; background-color: #FFFFFF; text-align: center; border: none; padding: 2px 0px; margin: 0px 6px; } .cart-product .quantity-wrapper input::-webkit-outer-spin-button, .cart-product .quantity-wrapper input::-webkit-inner-spin-button { -webkit-appearance: none; } .cart-product .quantity-wrapper input[type=number] { -moz-appearance: textfield; } #appCheckout .custom-card .required-info-msg { font-size: 14px; color: #212121; margin-bottom: 10px; } #cart-page .addons-wrapper { line-height: 25px; } #cart-page .addons-wrapper .card,#cart-page .warrenty-wrapper .card{ border-radius: var(--box-radius); background-color: #FFFFFF; margin-bottom: 2px; } #cart-page .addons-wrapper .card .card-body:not(.disclaimer-card) { padding: 6px 20px 0px; } .cart-product .bt-label{ margin: 16px 0px 6px; } #cart-page .section-title{ font-size: 20px; } #cart-page .bt-input { padding: 0; font-size: 14px; position: relative; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; border-width: 1px; border-color: #757575; border-style: solid; border-radius: 20px; background-color: #ffffff; height: 40px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; } #cart-page .bt-input input.code { outline: 0; border: none; border-radius: 20px; padding: 7px 8px; padding-top: 8px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; font-size: 12px; } #cart-page .bt-input input.bt-button { width: 100px; font-size: 14px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--primary); color: #ffffff; border-radius: 20px; padding: 5px 10px; line-height: 1; border: 2px solid white; height: 38px; right: 0; top: 0; position: absolute; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .promo-code-wrapper input{ min-width: calc(100% - 110px); margin-right: 10px; padding: 8px 16px; } .promo-code-wrapper input,.promo-code-wrapper button{ height: 40px; margin-top: 10px; margin-bottom: 10px; } .promo-code-wrapper .desc, .promo-code-wrapper .form-inline{ text-align: center; margin: 4px 10px 0px !important; } .promo-code-wrapper .desc,.promo-code-wrapper .message{ font-size: 12px; margin-top:4px; } #cart-page .total-price-wrapper{ font-size: 14px; line-height: 16px; } #cart-page .total-price-wrapper .font-bold{ font-size: 16px; line-height: 24px; } #cart-page .total-price-wrapper .cart-total-wrapper { padding: 20px; } #cart-page .total-price-wrapper .card{ margin-top:20px; margin-bottom:10px; } .total-price-wrapper .checkout-btn, .total-price-wrapper .checkout-btn i{ line-height: 50px; padding: 0px !important; display: block; height: 50px; font-size: 18px; } .total-price-wrapper .btn-back-top-store{ width: fit-content; padding: 11px 35px; margin: auto; } .sylius-coupon .btn, .total-price-wrapper .btn-back-top-store{ font-size: 14px; } .total-price-wrapper .info-msg{ color: var(--red); margin: 0px; font-size: 12px; } .cart-product .warrenty-wrapper .card-body{ padding:10px; } #cart-page .empty-cart-wrapper { text-align: center; padding-top: 30px; } #cart-page .empty-cart-wrapper svg path { fill: var(--primary); } #cart-page .empty-cart-wrapper.speaker-cart svg path { fill: var(--speaker-primary); } #cart-page .empty-cart-wrapper a, #HomePage a.btn-link.btn{ font-weight: 500; } .main-menu-wrapper .right .ui.top.right.popup:before{ bottom: unset; transform: rotate(-135deg); top: -5px; } .header-cart{ font-size: 14px; } .bt-confirmation{ width: 50px; height: 50px; background-image: url(/assets/shop-new/images/sent-mail.svg); background-size: cover; } #thank-you-page .bt-confirmation{ width: 20px; height: 20px; display: inline-block; } .address-page .block-email-header > div.bt-confirmation, .address-page .block-contact-header > div.bt-confirmation { left: calc(50% - 30px); top: unset; } .address-page .block-email-header, .address-page .block-contact-header { font-size: 16px; font-weight: 500; line-height: 18px; margin-bottom: 0px; position: relative; height: 50px; } #appCheckout h6{ font-size: 16px; } #appCheckout.address-page #checkoutForm .message { font-size: 12px; line-height: 14px; } #appCheckout .term.big-checkbox .custom-control-label { width: 100%; font-size: 12px; line-height: 16px; margin-bottom: 20px; letter-spacing: 1px; } #appCheckout .term .errorMessage,#appCheckout .term .errorMessage a { display: none; } #appCheckout .term .errorMessage.error,#appCheckout .term .errorMessage.error a{ font-size: 12px; display: initial; } #appCheckout .order-details-section .product-img{ width: 100%; height: auto; border-radius: var(--box-radius); min-height: 62px; } #appCheckout .order-details-section .prod-name-wrapper{ font-size: 14px; line-height: 16px; margin-bottom: 8px; } #appCheckout .order-details-section p{ font-size: 14px; line-height: 14px; } #appCheckout .address-page .order-details-section .addon-title, #appCheckout .order-details-section .prod-name-wrapper, .font-400, .cart-product .prod-name-wrapper, .cart-product .bt-label{ font-weight: 400; } #appCheckout .address-page .order-details-section .addon-title { margin: 10px 0px; } #appCheckout .address-page .order-details-section .addon-wrapper{ margin: 0px 0px 8px 16px; } #appCheckout .order-details-section .qty-count{ border-radius: var(--box-radius); background-color: #FFFFFF; padding: 2px 10px; } #appCheckout .personel-info p{ font-size: 14px; line-height: 14px; margin: 0px 10px 10px; } #appCheckout .address-page #block-contact.inactive #checkoutForm .row, .inactive-rows .row{ pointer-events: none; opacity: 0.6; } #checkoutForm .req-error .btn, #checkoutForm .req-error button.form-control, #checkoutForm .req-error input { color: #9f3a38; border-color: #f5350b; background: #fff6f6; } #checkoutForm .req-error .dropdown input{ color: #212121; border-color: #ced4da !important; background: #ffffff; } .show-req-label label::after { color: #f5350b; display: inline-block; margin: -0.2em 0 0 0.2em; content: "*"; } #block-contact .address-page .bt.ui.form .field label { font-size: 12px; line-height: 14px; font-weight: 100; color: var(--text); } .address-page .block-contact .term,.address-page .block-contact .payment{ margin: 25px 20px; } .address-page .block-contact .term .custom-control-label{ font-size: 12px; line-height: 14px; font-weight: 500; } .address-page .blockArea+.inactive { position: relative; z-index: 1; } .address-page .blockArea+.inactive::before{ position: absolute; content: ""; top: 0; left: 0; background: rgba(254,254,254,.8); width: 105%; height: 100%; z-index: 110; } .term.big-checkbox .custom-checkbox .custom-control-input:checked~.custom-control-label::after{ margin-top: 0px; font-weight: 100; font-size: 25px; line-height: 25px; top: -1px; } .term.big-checkbox .custom-control-label::after, .term.big-checkbox .custom-control-label::before { width: 25px; height: 25px; left: -33px; top:1px; } #sylius-api-login .error { color: var(--red); margin: 5px 0px; font-size: 12px; } #sylius-api-login .firstEmailMessage .blue{ cursor: pointer; } .seo-only-content{ font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; } /*login modal*/ .modal-backdrop.fade.show { z-index: 1; } #loginModal{ z-index: 9999; } #loginModal .modal-dialog{ max-width: 335px; margin: auto; } #loginModal .modal-body{ padding:20px; } #loginModal .modal-content { border-radius: var(--box-radius); background-color: var(--bg-grey); text-align: center; font-size: 12px; line-height: 16px; } #loginModal .modal-content .btn-link{ font-size: 12px; line-height: 16px; padding: 0px; font-weight: 500; cursor: pointer; } #loginModal .modal-content label{ margin-bottom: 3px; font-size: 12px; line-height: 16px; } #loginModal .modal-content .form-control{ line-height: 40px; height: 40px; padding: 8px 16px; font-size: 14px; } #loginModal .modal-content .title { font-size: 16px; line-height: 18px; text-align: center; margin-bottom: 20px; font-weight: 500; } .cust-modal .modal-content{ border-radius: var(--box-radius); background-color: var(--bg-grey); } .bt-facebook-custom { background: #FFF; -webkit-mask: url(/assets/shop/img/svg/facebook-custom.svg) no-repeat 50% 50%; mask: url(/assets/shop/img/svg/facebook-custom.svg) no-repeat 50% 50%; } #loginModal .btn-fb { font-weight: 500; background-color: #3860b0; color: #FFFFFF; border-radius: 5px; display: flex; align-items: center; justify-content: center; width: max-content; margin: auto; } #loginModal .btn-fb:hover{ background-color: #3860b0; color: #FFFFFF; } #loginModal .btn-fb,#loginModal .btn-primary{ font-size: 14px; line-height: 24px; height: 40px; } #tools-url { pointer-events: none; cursor: not-allowed; background: #Fafafa; } .btn.btn-primary.floating-tools-btn { position: fixed; top: 40%; left: -35px; font-weight: 500; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); font-size: 18px; padding: 15px 28px; line-height: 18px; height: auto; border-radius: 0px 0px 20px 20px; } .btn.btn-primary.floating-dealers-btn { position: fixed; top: 60%; left: -62px; font-weight: 500; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); font-size: 18px; padding: 15px 28px; line-height: 18px; height: auto; border-radius: 0px 0px 20px 20px; z-index: 999; } /*Thank you page*/ .num-icon { display: block; width: 25px; height: 25px; border: 1px solid var(--text); text-align: center; border-radius: 50%; background: #FFFFFF; } #thank-you-page svg#manual{ width: 44px; } #thank-you-page svg#coding{ width: 76px; } #thank-you-page svg .st0, #thank-you-page svg { fill: var(--primary); } #thank-you-page svg .st1 { fill: #757575; } #thank-you-page h2{ font-size: 38px; line-height: 42px; padding-top: 40px; } #thank-you-page h6{ font-size: 24px; line-height: 32px; } #thank-you-page .message-header{ /* display: flex; align-items: center; justify-content: center; height:70px; */ padding: 20px; font-size: 16px; line-height: 16px; } #thank-you-page a, #thank-you-page .btn{ font-weight: 500; } #thank-you-page .btn, #account .btn { height: 40px; } #ask_Modal .bt-icon.gray{ background: var(--red); } #ask_Modal .customPopup.ui.popup{ left: inherit !important; inset: inherit !important; } #ask_Modal .customPopup.ui.popup.top.center::before{ content: unset; } /*User account*/ #account, #dealer-account{ padding-top: 40px; } #account .navigation-wrapper, #dealer-account .navigation-wrapper{ margin-bottom: 24px; min-height: 185px; height:100% } #account .navigation-wrapper a, #dealer-account .navigation-wrapper a{ display: block; font-weight: 500; color: #757575; font-size: 12px; line-height: 20px; text-transform: uppercase; margin-bottom: 9px; } #account .navigation-wrapper a span, #dealer-account .navigation-wrapper a span{ padding-left: 10px; } #account .navigation-wrapper a i, #account .navigation-wrapper a .icon, #dealer-account .navigation-wrapper a i, #dealer-account .navigation-wrapper a .icon{ width: 16px; height: auto; } #account .navigation-wrapper a.selected, #dealer-account .navigation-wrapper a.selected{ color: var(--text); } #account .navigation-wrapper a.selected span, #dealer-account .navigation-wrapper a.selected span{ text-decoration: underline; } #account .show-details, #dealer-account .show-details { padding: 10px 20px; border: 2px solid var(--primary); border-top: none; border-radius: 0px 0px var(--box-radius) var(--box-radius); color: var(--primary); outline: unset; } #account .show-details:hover, #dealer-account .show-details:hover { background: var(--primary-hover); color: #FFFFFF; } #account #Info input, #account #Close input, #dealer-account #Company input, #dealer-account #Marketing input { border-radius: var(--box-radius); font-weight: 300; padding: 5px 16px; border: 1px solid #ced4da; margin-bottom: 5px; } #account .help-box, #dealer-account .help-box { padding: 20px 0px; border-top: 1px solid #E0E0E0; margin-top: 50px; } #account .help-box .hb-title, #dealer-account .help-box .hb-title{sylius_productax font-size: 18px; line-height: 24px; font-weight: 600; margin-bottom: 6px; } #account .help-box .hb-msg, #dealer-account .help-box .hb-msg { font-size: 16px; line-height: 24px; margin-bottom: 0px; } #account #Password .field input, #account #Close .field input , #account #Info .field input, #dealer-account #Company .field input, #dealer-account #Marketing .field input, #dealer-account #Printout .field input { border-radius: var(--box-radius); font-weight: 300; padding: 13px 16px; width: 100%; height: 40px; margin-bottom: 10px; border: 1px solid #ced4da; } #account #Password .card, #account #Close .card { margin-bottom: 10px; } #account label, #dealer-account label { margin: 0px; } #Orders .order .card p{ margin:0px; } #Orders .order .header-label span,.custom-card .header-label span{ padding: 8px 20px; } #Orders .order .order-details p,.order-details p{ font-size: 16px; margin-bottom: 6px; } #Orders .order .order-details .label,#Orders .order .card .add-ons-wrapper .add-track,#Orders .order .card .add-ons-wrapper .add-track-no{ font-weight: 500; } #Orders .order .order-details .value{ float: right; } #Orders .order .order-details .order_cancel_link{ color: var(--red); text-decoration: underline; font-size: 16px; line-height: 24px; font-weight: 300; } #Orders .order .card, #Instruction card{ margin-bottom: 2px; } #Orders .order .order-line-wrapper .product-qty{ background-color: #FFFFFF; text-align: center; border-radius: var(--box-radius); width: 35px; } #Orders .order .order-line-wrapper .unit-price{ padding-right: 20px; } #Orders .order .card .add-ons-wrapper .card-body{ padding: 8px 20px; } #Orders .order .submit-doc-btn-wrapper{ text-align: right; margin-top: 20px; } .track-num-msg { display: block; } #account .order-line-wrapper { height: 0px; overflow: hidden; } #account .order.show .order-line-wrapper { height: 100%; } #account .order.show .show-details .more{ display: none; } .show-details .less{ display: none; } #account .order.show .show-details .less{ display: block; } #account .relative.form-group label{ font-size: 12px; line-height: 16px; } .instruction-wrapper .card-body:first-child{ border-top-left-radius: 0px; border-top-right-radius: 0px; } #Instruction .card .add-ons-wrapper .card-body{ padding: 2px 2px 2px 20px; } #Instruction .add-ons-wrapper .add-title{ line-height: 35px; } #Instruction p.pt-2.pb-1 { margin: 0px; font-weight: 500; } #Instruction .product-name{ font-size: 16px; } #Instruction .instruction-wrapper .header-label{ background-color: var(--bg-grey); border-radius: 20px 20px 0px 0px; } #Instruction .ins-prod-wrapper { border-radius: var(--box-radius); background-color: var(--bg-grey); margin-bottom: 2px; } #schedulerModal .modal-body { padding: 30px; } #schedulerModal .card { box-shadow: 0 0 16px 5px rgb(0 0 0 / 5%); border-radius: 10px; border-color: transparent; } #schedulerModal .v-date-picker-header { display: flex; } #schedulerModal .v-date-picker-header .v-btn { width: 10%; } #schedulerModal .v-date-picker-header .v-date-picker-header__value { width: 80%; } #schedulerModal .v-date-picker-header .v-btn .mdi, .mdi { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mdi.mdi-chevron-left:before{ content: "\f053"; } .mdi.mdi-chevron-right:before{ content: "\f054"; } #schedulerModal .modal-content{ background: #FFFFFF; } #schedulerModal .v-date-picker-table table { width: 100%; } #schedulerModal .v-date-picker-table table tbody, #schedulerModal .v-date-picker-table table thead,#schedulerModal .v-date-picker-table table tr{ background-color: transparent; } #schedulerModal .v-picker__title { display: none; } #schedulerModal .modal-header .modal-title { width: 100%; text-align: center; font-size: 22px; } #schedulerModal .v-date-picker-header__value .accent--text, #schedulerModal .v-date-picker-table table, #schedulerModal .v-date-picker-table table th { text-align: center; } #schedulerModal .v-date-picker-table .selected-week td, .v-date-picker-table .v-btn.v-btn--active { background: var(--primary); color: #FFFFFF; overflow: hidden; } #schedulerModal .v-date-picker-table .selected-week button { color: #FFFFFF; cursor: pointer; } #schedulerModal .v-date-picker-table .selected-week button.v-btn--disabled { cursor: not-allowed; } #schedulerModal .v-date-picker-table .selected-week td:first-child { border-radius: 16px 0px 0px 16px; } #schedulerModal .v-date-picker-table .selected-week td:last-child { border-radius: 0px 16px 16px 0px; } #schedulerModal .v-date-picker-table tbody td { padding: 0px; } #schedulerModal .v-date-picker-table tbody td button { padding: 6px 10px; } #schedulerModal .cal-wrapper { position: -webkit-sticky; position: sticky; position: -webkit-sticky!important; position: sticky!important; top: 20px; } #schedulerModal .time-slots-wrapper .time-capsule { border-color: rgba(0,0,0,.12); color: rgba(0,0,0,.87); border-radius: 16px; font-size: 12px; line-height: 32px; text-align: center; background: #e0e0e0; padding: 0px 6px; margin: 10px 6px; cursor: pointer; } #schedulerModal .time-slots-wrapper .time-capsule:hover { color: #FFFFFF; background: var(--primary); } #schedulerModal .time-slots-header-wrapper { font-size: 14px; text-align: center; font-weight: 500; } #schedulerModal .time-slots-header-wrapper .date { border-bottom: 1px solid var(--bg-grey); padding-bottom: 4px; display: inline-block; } #schedulerModal .time-slots-header-wrapper .day { padding-top: 4px; } #schedulerModal .scroll-slots-row { max-height: 400px; overflow: auto; } #schedulerModal .steps-list li { padding: 12px 20px; border-left: 4px solid var(--bg-grey); color: var(--gray); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500 } #schedulerModal .steps-list li.done { color: var(--text); border-left: 4px solid var(--primary); cursor: pointer; } #schedulerModal .steps-list li.active { color: var(--primary); padding-bottom: 0px } #schedulerModal .service-wrapper .sub { /* text-align: right; padding-right: 6px; */ font-weight: 400; } #schedulerModal .service-wrapper .sub-value { /* padding-left: 6px;*/ font-weight: 500; } #schedulerModal .user-info .form-control { color: var(--text); } #schedulerModal .user-info label.form-control.disabled { background-color: #e9ecef; padding-top: 6px; cursor: not-allowed; } #schedulerModal .btn-dd { text-align: left; padding-top: 6px; } #schedulerModal .btn-dd[aria-expanded="true"] .arrow-icon { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } #schedulerModal .dropdown-item { margin: 0px; } #schedulerModal .dropdown-item:focus, #schedulerModal .dropdown-item:hover, #schedulerModal .dropdown-item.active { background: var(--primary); } #schedulerModal .no-cal-wrapper { text-align: center; } #schedulerModal .no-cal-wrapper .fa { font-size: 70px; margin: 10px; } #schedulerModal .success-msg { color: var(--green); font-size: 16px; font-weight: 500; text-align: center; } .help-page .header-tag{ text-align: center; font-size: 14px; line-height: 24px; letter-spacing: 0.14px; color: var(--text); } .help-page .bt-icon{ width: auto; height: 90px; margin: auto; margin-bottom: 20px; background-color: var(--primary); } .help-page .header-tag p { margin: 0px; font-size: 14px; line-height: 20px; } .help-page #header-tag-wrapper .card{ height:100%; } .help-page #header-tag-wrapper .card-body{ padding: 1rem 0.7rem; } .help-page .help-search-form { margin-top: 20px; } .help-page .categories > .category { margin-top: 0px; position: relative; } .help-page .category .accordion { background-color: var(--bg-grey); border-radius: var(--box-radius); margin-bottom: 10px; border: 0px !important; box-shadow: unset; position: relative; } .help-page .category .accordion .question-name { font-size: 16px; line-height: 24px; letter-spacing: 0.16px; padding: 10px 20px; color: var(--text); font-weight: 500; } .help-page .category .accordion .question-name::after { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 12px; right: 16px; content: "\f067"; line-height: 1; font-weight: 900; } .help-page .category .accordion .question-name.active::after{ content: "\f068"; } .help-page .category.header { font-size: 28px; font-weight: 500; color: var(--text); line-height: 36px; padding-left: 0px; text-transform: capitalize; margin-bottom: 10px; padding-top: 10px; } .help-page .category.description .question:last-child { margin-bottom: 25px; } #dealeshipPlatform .card-title{ font-size: 24px; line-height: 24px; text-align: center; } .bt-return { -webkit-mask: url(/assets/shop/img/svg/return.svg) no-repeat 50% 50%; mask: url(/assets/shop/img/svg/return.svg) no-repeat 50% 50%; } .bt-tech-support { -webkit-mask: url(/assets/shop/img/svg/tech-support.svg) no-repeat 50% 50%; mask: url(/assets/shop/img/svg/tech-support.svg) no-repeat 50% 50%; } .bt-delivery { -webkit-mask: url(/assets/shop/img/svg/delivery.svg) no-repeat 50% 50%; mask: url(/assets/shop/img/svg/delivery.svg) no-repeat 50% 50%; } .bt-order { -webkit-mask: url(/assets/shop/img/svg/order.svg) no-repeat 50% 50%; mask: url(/assets/shop/img/svg/order.svg) no-repeat 50% 50%; } #contact_us .main_title { font-weight: 500; font-size: 24px; line-height: 32px; margin-bottom: 10px; text-align: center; } #contact_us .card-body { font-size: 16px; line-height: 24px; margin-bottom: 0px; } #contact_us_content .card { font-size: 16px; line-height: 24px; } #contact_us_content .card .card-details p{ margin:0px; font-size: 16px; } #contact_us_content .card .card-details .title{ margin-bottom: 2px; margin-top: 10px; font-weight: 500; text-transform: inherit; } #contact_us_content .card .btn{ margin-top: 20px; line-height: 26px; } .ui.tabular.menu .active.item, .ui.tabular.menu .cart-page .totals-and-checkout .active.item-sub, .cart-page .totals-and-checkout .ui.tabular.menu .active.item-sub{ border-radius: 20px 20px 0px 0px !important; } #page .page-title{ font-size: 36px; line-height: 36px; } .not-found .page-title-header { font-size: 96px; line-height: 43px; text-align: center; letter-spacing: -0.96px; padding-top: 44px; } .not-found .page-title { font-size: 24px; line-height: 24px; margin-top: 20px; } .not-found .text, #page { font-size: 16px; line-height: 24px; } .not-found-details{ text-align: center; margin-bottom: 70px; } #orlando-page .image-gallery { min-height: auto !important; } #orlando-page .ui.fluid.image img { position: absolute; top: 0px; } #orlando-page #sylius-orlando-image img{ border-radius: var(--box-radius); } #orlando-page #sylius-orlando-image img.static{ position: static; } #orlando-page .product-page .slider-nav.ui.small.images .slider-nav-container{ justify-content: center; } #orlando-page .product-page .slider-nav.ui.small.images .slider-nav-container > .image{ width: 60px; } #orlando-page .product-page .slider-nav.ui.small.images .slider-nav-container > .image.not-selected { opacity: 0.5; } team_area h1 { font-size: 16px; line-height: 24px; margin: 0px; } .team_area p { font-size: 14px; line-height: 20px; } .orlando_showroom { margin-bottom: 10px !important; } .team_contact a.text-black{ font-weight: 100; } #installer .filters .filters_container .filter { min-height: 115px; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: var(--bg-grey); border-radius: var(--box-radius); margin-bottom: 2px; box-shadow: none; outline: unset; } #installer .filters .filters_container .filter.active,#installer .filters .filters_container .filter:hover{ background-color: #e0e0e0; } #installer .filters .filters_container .filter .content .left .name { position: static; padding: 0 10px 6px 0; line-height: 20px; width: 100%; } #installer .filters .filters_container .filter .content .left .address { padding-bottom: 6px; width: 100%; } #installer .filters .filters_container .filter .content .left .type{ font-size: 12px; line-height: 15px; text-transform: capitalize; } #installer .filters .filters_container .filter .content .left { width: 100%; height: auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; align-items: flex-start; flex-direction: column; } #installer .filters .filters_container .filter .content .left, #installer .filters .filters_container .filter .content .right{ transition: 0.5s; min-height: 135px; } #installer .filters .filters_container .filter .content .right{ width: 0%; opacity: 0; display: none; } #installer .filters .filters_container .filter.active .content .left, #installer .filters .filters_container .filter:hover .content .left{ width: 86%; } #installer .filters .filters_container .filter.active .content .right, #installer .filters .filters_container .filter:hover .content .right{ width: 14%; width: calc(14% - 1px); opacity: 1; display: block; } #installer .filters .filters_container .filter.active .content .right .links-wrapper, #installer .filters .filters_container .filter:hover .content .right .links-wrapper{ padding: 10px 0px; } #installer .filters .filters_container .filter .content .left a { color: var(--text); font-size: 12px; display: block; position: static; bottom: 0; } #installer .filters .filters_container .filter > .divider { height: auto; min-height: 50px; } #installer .filters .filters_container .filter > .divider.bronze { background: #795548; } #installer .filters .filters_container .filter.active .content,#installer .filters .filters_container .filter:hover .content{ background-color: transparent; } #installer .filters .filters_container .filter.active, #installer .filters .filters_container .filter:hover,#installer .filters .filters_container .filter{ /* background-color: transparent;*/ position: relative; width: 100%; display: block; } #installer .filters .filters_container .filter .content > .divider{ display: none; } #installer .filters .filters_container .filter > .divider{ position: absolute; z-index: 1; } #installer .filters .filters_container .filter .content .left{ background-color: var(--bg-grey); padding: 10px 10px 10px 15px; border-radius: var(--box-radius); font-size: 12px; height: 100%; justify-content: center; } #installer .filters .filters_container .filter .content .right{ text-align: center; color: var(--primary); margin: 0px; } #installer .filters .filters_container .filter .content .right i{ font-size: 20px; border: 1px solid var(--primary); border-radius: 50%; width: 25px; height: 25px; line-height: 25px; text-align: center; padding: 0px; } #installer .filters .filters_container .filter .content .right .no-link{ color: var(--bg-grey); } #installer .filters .filters_container .filter .content .right .no-link i { border-color: var(--bg-grey); } #installer .filters .filters_container .filter .content { padding: 0px; } #installer .filters .filters_container .filter.hero-card:not(.active-hero), #installer .filters .filters_container .filter.hero-card:not(.active-hero):hover,#installer .filter.hero-card:not(.active-hero) p, #installer .filter.hero-card:not(.active-hero) i, #installer .filter.hero-card:not(.active-hero) .address a { background: var(--primary); color: #FFFFFF; } #installer .filters .filters_container .filter.active.hero-card.active-hero, #installer .filters .filters_container .filter.active.hero-card.active-hero:hover { background: #FFFFFF; } #installer .filter.hero-card:not(.active-hero) i { border-color: #FFFFFF; } #installer .filters .filters_container .filter.hero-card { -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; } #installer .filters .filters_container .filter.hero-card .btn-collapse { margin: 10px 0px; color: var(--primary); background: #FFFFFF; padding: 6px 35px; font-weight: 500; font-size: 16px; line-height: 19px; border-radius: 20px; cursor: pointer; } #installer .filters .filters_container .filter.hero-card.active-hero .btn-collapse { color: #FFFFFF; background: var(--primary); } #installer .filters .filters_container .filter.hero-card .btn-collapse, #installer .filters .filters_container .filter .content .right .no-link i, #installer .filter.hero-card .address a { -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; -ms-transition: all 400ms; transition: all 400ms; } #installer .filters .filters_container .filter.hero-card .image-gallery, #installer .filters .filters_container .filter.hero-card .our-image-gallery { margin: 10px 0px; } #installer .filters .filters_container .filter.hero-card .image-gallery img, #installer .filters .filters_container .filter.hero-card .our-image-gallery img { max-height: 100px; overflow: hidden; border-radius: 20px; width: 100%; -o-object-fit: cover; object-fit: cover; } .cui.bt-svg-icon { margin-left: 0px; width: 48px; height: 48px; border-radius: 50%; background-color: var(--yellow); display: block; } .cui.bt-svg-icon[data-compatibility="Yes"],.cui.bt-svg-icon[data-compatibility="Compatible"]{ background-color: var(--green); } .cui.bt-svg-icon[data-compatibility="No"],.cui.bt-svg-icon[data-compatibility="Not compatible"]{ background-color: var(--red); } .compatibility-holder { position: absolute; z-index: 1; top: 10px; right: 10px; } .image-gallery .cui.bt-svg-icon { background-color: transparent; } .customPopup.compatibiltyPopup{ min-width: 265px; } .product-carousel .customPopup.compatibiltyPopup{ min-width: 272px; } .compatibility-holder .bt-icon.campatibility.compatibility-icon { width: 48px; height: 48px; background: #FFF; } .product-carousel .compatibility-holder{ width: 48px; height: 48px; } .product-wrapper .our-choice-holder { display: table; position: absolute; z-index: 0; top: 10px; left: 10px; text-align: center; background-image: url(/assets/shop-new/images/icons/ourchoice.svg); background: url(/assets/shop-new/images/icons/ourchoice.svg) !important; background-size: contain !important; padding: 18px 0px; /*background: linear-gradient(180deg, #FFC107 0%, #CF9B00 100%);*/ border-radius: 50%; color: #FFFFFF; font-weight: 500; font-size: 13px; line-height: 12px; min-height: 64px; min-width: 64px; max-width: 64px; word-break: break-word; overflow: hidden; } .version-not-selected{ opacity: 0.7; } .version-not-selected .btn.btn-primary, .version-not-selected .btn.btn-primary-outline{ /* pointer-events: none;*/ background: var(--gray); border-color: var(--gray); } .version-not-selected p{ color: var(--gray); } /*express checkout */ .btn-paypal { background: #ffc439; color: #000; text-shadow: 0px 1px 0 #ffdc88; } .btn-paypal img , .btn-card-payment img { max-height: 30px; } .btn-card-payment, .btn-card-payment:hover{ background: #2C2E2F; color: #FFF; text-shadow: 0px 1px 0 #ffdc88; } .ui.bt.modal.contactDetails, .ui.bt.modal.passChanged, .ui.bt.modal.closeAccount, .ui.bt.modal.thankForSubmission, .ui.bt.modal.docRequiredModal{ z-index: 9999; } .dt{display: table;} .dt .dc{display: table-cell;} .dt .dc.vm{vertical-align: middle;} /*swap modal*/ #swapModal .modal-title span{ max-width: 450px; display: inline-block; } #swapModal .icon-arrow-right, #swapModal .icon-arrow-down { font-size: 26px; font-weight: bold; line-height: 26px; position: relative; top: 50%; top: calc(50% - 13px); } #swapModal .product-wrapper.incorrect, #swapModal .versions-wrapper .card.incorrect { background: var(--red-gradient); color: #FFFFFF; } #swapModal .versions-wrapper .incorrect.card,#swapModal .versions-wrapper .incorrect.card:hover { border: 2px solid var(--red-dark); } #swapModal .versions-wrapper .correct.card, #swapModal .versions-wrapper .correct.card:hover { border: 2px solid var(--green); color: inherit; } #swapModal .versions-wrapper.swap-wrapper .correct.card .varient-price { background: rgb(88 88 88 / 0.8); } #swapModal .versions-wrapper .swap-product-theme.product-wrapper { height: auto; } .prod-link, .prod-link:hover { color: #212121; font-size: 14px; line-height: 16px; text-decoration: underline; } .swap-msg { font-size: 14px; line-height: 20px; text-align: center; margin: 0px; padding: 10px 0px 20px; } .swap-btn-wrapper .btn { display: inline-block; min-width: 120px; margin-right: 10px; } .swap-dd-wrapper { border: 1px solid #E0E0E0; border-radius: 20px; font-size: 14px; line-height: 40px; padding-left: 16px; } .swap-dd-wrapper .btn{ min-width: 80px; } #swapModal .product-wrapper.card.swap-product-theme, #swapModal .versions-wrapper .correct.card .varient-price { background: var(--green-gradient); color: #FFFFFF; } #swapModal .swap-wrapper.versions-wrapper .card .content, #swapModal .versions-wrapper .card.swap-product-theme .content { height: auto; min-height: auto; } #swapModal .add-options-wrapper.big-checkbox { padding-left: 2px; } #swapModal .versions-wrapper .card, #versionModal .versions-wrapper .card { width: 100%; } .no-comp-msg { font-size: 16px; line-height: 24px; text-align: center; font-weight: 500; margin: 0px; } .btn.btn-grey, .btn.btn-grey:hover { background: #E0E0E0; border-color: #E0E0E0; color: #FFFFFF; } .disable-input input{ pointer-events: none; } /*Career page*/ #careers .details-section .card-img { border-radius: var(--box-radius); max-height: 250px; object-fit: cover; } #careers .details-section .card-msg { font-size: 22px; line-height: 24px; } #careers .card.vac-card{ margin-bottom: 16px; padding-bottom: 16px; } #careers .details-section .card.vac-card { padding: 0px; } #careers .card.vac-card .vac-details { border-left: 5px solid var(--primary); margin: 16px 0px; padding-left: 16px; } #careers .card.vac-card .btn { margin: auto; min-width: 200px; font-weight: 400; } #careers .card.vac-card .vac-details .location { font-weight: 300; } #careers .our-team-section img { border-radius: 50%; } #careers .our-team-section .name { font-weight: 500; font-size: 14px; margin: 0px; } #careers .our-team-section .designation { font-size: 14px; line-height: 20px; margin-bottom: 6px; } #careers .card.job-highlights{ padding: 20px; font-size: 16px; line-height: 28px; margin-bottom: 16px; } #careers .job-highlights p { margin: 0px; } #careers .job-highlights p .bold { font-weight: 500; } #careers .job-loc { font-size: 12px; line-height: 16px; font-weight: 400; } #careers .job-desc .title, #careers .job-desc h2 { font-size: 24px; line-height: 36px; margin: 20px 0px; font-weight: 500; } #careers .apply-btn { min-width: 200px; } #careerModal .modal-body { text-align: center; } #careerModal .field-label { font-weight: 500; padding-top: 16px; display: block; } #careerModal .button-upload { border: none; padding: 0px; margin: 0px; height: 1px; opacity: 0; } #careerModal .btn.btn-dark.selected { background: var(--green-gradient); border-color: var(--green); font-weight: 500; } /*new product card design 2022*/ .product-wrapper-outer{ padding-bottom: 1px; border-bottom: 1px solid transparent; border-image: linear-gradient(90deg, rgba(194, 194, 194, 0) 0%, #C2C2C2 50%, rgba(194, 194, 194, 0) 100%); border-image-slice: 100%; border-image-slice: 1; } .product-wrapper { border-radius: 0px; border:none !important; } .product-wrapper .productButton{ /* position:relative; */ width: 100%; padding-right: 7px; height:30px; } .product-wrapper .productButton .btn-block{ display: none; right: 0; top: -55px; padding-left: 20px; padding-right: 20px; width: 80%; /*transition: visibility 0s, opacity 0.5s linear;*/ opacity: 0; padding-left: 0px; padding-right: 0px; margin-bottom: 0px; margin-right: 7px; } .product-wrapper:hover .freeShipping{ display: none; } .product-wrapper .freeShipping{ font-size: 12px; font-weight: 400; color: rgba(148, 148, 148, 1); line-height: 15px;; text-align:center; width:100%; display: inline-block; margin-top: 20px; padding-right: 15px; text-align: right; } .product-wrapper .productsPageFreeShipping{ padding-top: 10px; display:inline-block; } .product-wrapper .zRatingCounterWrapper{ position:relative; } .product-wrapper .zRatingCounter{ font-size: 12px; position: absolute; top: -21px; left: 91px; color: rgba(200, 200, 200, 1); font-weight: 400; } .product-wrapper .product-image-holder,.product-wrapper .product-image-holder .product-image { border-radius: 10px 10px 0px 0px !important; position: relative; } .product-wrapper .product-details-holder { text-align: left; } .product-wrapper .product-details-holder .fa { font-size: 15px; } .product-wrapper .product-details-holder .product-name, #taxons .product-wrapper .product-name, .product-list .product-wrapper .product-name { font-weight: 400; font-size: 16px; line-height: 20px; margin: 5px 0px 14px; color: rgba(33, 33, 33, 1); min-height: 40px; } .product-wrapper .product-details-holder .product-price { font-weight: 500; font-size: 20px; line-height: 24px; color: rgb(91, 155, 169); } .product-wrapper .product-details-holder .product-price .from{ color: rgba(33, 33, 33, 1); font-weight: 400; font-size: 16px; } .product-wrapper .product-details-holder .product-price .cutoffprice{ color: rgba(242, 55, 32, 1); font-weight:400; text-transform: uppercase; font-size: 16px; } .product-wrapper .btn { max-width: 165px; margin: 0px auto 18px; font-weight: 500; font-size: 14px; line-height: 26px; height: auto; } .product-wrapper, #swapModal .versions-wrapper .card, #versionModal .versions-wrapper .card { border: 1.25353px solid #E0E0E0; background: #FFFFFF; box-shadow: unset; } #swapModal .versions-wrapper .card.theme-red-card { background: var(--red-gradient); } .product-wrapper .our-choice-holder { background: #FFC107; text-shadow: 0px 1.20483px 2.40965px rgba(0, 0, 0, 0.25); } .offprice { /* border-radius: 43.0439px 0px 0px 0px; */ font-size: 14px; line-height: 16px; padding: 4px 0px 4px 0px; width: 100%; text-align:center; } .offprice2 { /* border-radius: 43.0439px 0px 0px 0px; */ font-size: 14px; line-height: 16px; padding: 4px 0px 4px 0px; width: 50%; text-align:center; } .singleOffPrice{ border-radius: 0px 0px 0px 0px; } .cutoffprice { color: #FF0000; font-size: 13px; line-height: 15px; } .product-wrapper .product-stock-levels { position: absolute; width: 100%; font-weight: 400; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: #ffffff; z-index: 1; background: rgba(255, 193, 7, 1); padding: 4px; bottom: 0; border-radius: 0px 0px 0px 0px; } .product-wrapper .single-product-stock-levels{ /* width: 60%; */ right: 0; } .product-wrapper .product-stock-levels span { text-shadow: 0px 1px 4px #00000040; background: transparent; color: inherit; } .product-wrapper .product-stock-levels .bold { font-weight: 700; } #sylius-product-image .stock-left, #product-hero-image .stock-left { position: absolute; top: 10px; left: 10px; font-weight: 700; font-size: 14px; line-height: 19.12px; background: #FFC107 !important; z-index: 1; /* border-radius: 12.7969px 0px 4.26562px; */ } #sylius-product-image .stock-left, #product-hero-image .stock-left .left{ background: #FFC107 !important; padding: 6px 15px 8px 15px; color: #000000; width: 120px; height: 30px; } #sylius-product-image .stock-left, #product-hero-image .stock-left .off{ background: var(--primary); padding: 6px 15px 8px 15px; color: #FFFFFF; width: 110px; height: 30px; } /*end new product card design 2022*/ .bf-21-wrapper, .xmas-21-wrapper, .promo-wrapper, .top-promo-bar, .show-on-promo, .bf-22-wrapper, .xmas-22-wrapper { display: none; } /*new speaker theme on cart and checkout page*/ .speaker-theme:not(.show-bf22) .header-msg, .speaker-theme:not(.show-bf22) .header-msg span, .speaker-theme:not(.show-bf22) .header-msg span.text-yellow { background: var(--speaker-primary) !important; color: #212121; text-transform: uppercase; } .speaker-theme:not(.show-bf22) .header-msg span.text-yellow { font-weight: 700; } .speaker-theme .cart-page,.speaker-theme .modal, .speaker-theme #appCheckout, .speaker-theme #appFooter { --primary: var(--speaker-primary); --primary-hover: var(--speaker-primary-dark); --primary-gradient: linear-gradient(180deg, var(--speaker-primary) 0%, var(--speaker-primary-dark) 100%) } .speaker-theme .btn.btn-primary, .speaker-theme .btn.btn-primary-outline, .speaker-theme .theme-card, .speaker-theme #appFooter.footer .bt-button { color: #212121; } .speaker-theme .theme-card.theme-green-card, .speaker-theme .theme-card.theme-red-card { color: #FFFFFF; } .speaker-theme .main-menu-wrapper .login-icon circle { fill: var(--speaker-primary); } /*new performance microsite theme on cart and checkout page*/ #cart-page .empty-cart-wrapper.performance-cart, .performance-theme .main-menu-wrapper, .performance-theme #mySidenav, .performance-theme .modal, .performance-theme #cart-page .total-price-wrapper, .performance-theme .promo-code-wrapper, .performance-theme .promo-top-sellers, .performance-theme #appFooter.footer { --primary: var(--performance-primary); --primary-hover: var(--performance-primary); font-family: 'Share Tech', sans-serif; font-family: 'Space Grotesk', sans-serif; } .performance-theme .header-msg, .performance-theme .header-msg span, .performance-theme .header-msg span.text-yellow { background: var(--performance-primary) !important; color: #FFFFFF; text-transform: uppercase; font-family: 'Share Tech', sans-serif; font-family: 'Space Grotesk', sans-serif; font-weight: 400; } .performance-theme .header-msg span.text-yellow { font-weight: 700; } .performance-theme .main-menu-wrapper .login-icon circle { fill: var(--performance-primary); } .performance-theme .promo-top-sellers, .performance-theme .product-wrapper{ background: #000000; color: #FFF; font-family: 'Share Tech', sans-serif; font-family: 'Space Grotesk', sans-serif; } .performance-theme .product-wrapper, .performance-theme .product-wrapper .product-image-holder, .performance-theme .product-wrapper .product-image-holder .product-image, .performance-theme .subscribe , .performance-theme .subscribe .subscript-img { border-radius: 0px !important; border-color: var(--performance-primary); } .performance-theme .promo-top-sellers { margin-bottom: 0px !important; } .performance-theme #appFooter.footer .bt-phone .st0, .performance-theme #appFooter.footer .bt-email-inline .st0 { fill: #FFF; stroke: #FFF; } .performance-theme #appFooter.footer .hr { border-color: transparent; margin-bottom: 0px; } .performance-theme .promo-top-sellers .slick-arrow[aria-disabled="true"] { color: var(--text); } .performance-theme .promo-top-sellers .slick-arrow{ color: #FFFFFF; } .performance-theme .vin-dropdown .dropdown-menu .vin-present .create-acc-wrapper { --primary: #1ca3c2; font-family: "Rubik"; } /*custom notice cards*/ .notice-card:is(.is-info),.notice-card:is(.is-warning) { color: #FFFFFF; font-weight: 400; padding: 20px 40px 20px 70px; border-radius: var(--box-radius); margin: 30px 0px; position: relative; } .notice-card::before { position: absolute; left: 30px; top: 21px; font-weight: bold; font-size: 150%; } .is-warning.notice-card { background: linear-gradient(180deg, var(--yellow) 0%, var(--orange) 100%); } .is-warning.notice-card::before { content: "\26A0"; } .is-info.notice-card { background: var(--primary-gradient); } .is-info.notice-card::before { content: "\24D8"; } #products-section .product-wrapper .product-details-holder .from-not { display:inline-block; height: 20px; } #Home #products-section .product-wrapper .freeShipping { margin-top:34px; } #Home #products-section .product-wrapper .productButton .btn-block { margin-top:20px; } /* .is-success.notice-card { background: var(--green-gradient); } .is-error.notice-card { background: var(--red-gradient); } */ /*Media Queries*/ @media (max-width: 1200px) and (min-width: 993px) { .product-wrapper .freeShipping{ font-size: 9px; } .product-wrapper .product-details-holder .product-price { font-size: 17px; } .product-wrapper .productButton .btn-block { padding-left: 0px; padding-right: 0px; width: 80px; font-size:11px; } } @media (max-width: 992px) { .product-wrapper .productButton .btn-block { position:relative; visibility: visible; opacity: 1; top:5px; font-size: 10px; } .product-wrapper .freeShipping{ font-size: 15px; line-height: 15px;; } .product-wrapper:hover .freeShipping{ display: block; } .product-list .product-wrapper .productsPageFreeShipping{ padding-top:18px; margin-top:0px; } .product-list .product-wrapper .product-details-holder .product-price { line-height: 18px !important; line-height:21px; } .product-wrapper .product-details-holder .product-price .cutoffprice{ font-size: 18px !important; line-height:21px !important; } .product-wrapper .product-details-holder .product-price{ font-size: 18px !important; line-height:21px !important; } #Home #products-section .product-wrapper .freeShipping { margin-top:20px; } } @media (max-width: 767px) { .product-list .product-wrapper .product-details-holder .product-price {font-size: 18px !important;} .product-wrapper .productButton .btn-block { display: none; } #products-section .product-wrapper .product-details-holder .product-price { height: auto !important; margin-bottom:15px; } } @media only screen and (min-width: 768px) and (max-width: 992px){ .product-list .product-wrapper .productsPageFreeShipping{ padding-top:0px; margin-top:0px; } .product-list .product-wrapper .product-details-holder .product-price { line-height: 20px; } .product-list .product-wrapper .productButton .btn-block { top:0px !important; } .product-list .product-wrapper .product-details-holder .product-price { font-size:17px; } .product-list .product-wrapper .product-details-holder .from-not { display:inline-block; height: 36px; } .product-list .product-wrapper .product-details-holder .free-shipping-not{ display:inline-block; height: 16px; } } @media only screen and (max-width: 992px) { #Home #products-section .product-wrapper .freeShipping { margin-top:30px; } #products-section .product-wrapper .product-details-holder .from-not { display: inline-block; height: 20px; } } @media only screen and (min-width: 768px) { #account .navigation-wrapper .card{ position: -webkit-sticky; position: sticky; position: -webkit-sticky!important; position: sticky!important; top: 96px; } #nav-menu .main-nav .bt-main-menu.bt.menu .item, #nav-menu .main-nav .bt-main-menu.bt.menu .cart-page .totals-and-checkout .item-sub, .cart-page .totals-and-checkout #nav-menu .main-nav .bt-main-menu.bt.menu .item-sub{ min-width: 287px; } .header-cart { min-width: 400px; } .header-cart .prod-name-wrapper{ text-align: left } .header-cart .product>.card-body{ padding: 12px; } #nav-menu .main-nav.large{ left: unset; /* margin-top: 0px !important;*/ right: 0px; top:0; min-height: calc(100vh - 96px); background-color: #FFF; } #nav-menu .main-nav.closed{ -webkit-transform: translateX(102%); transform: translateX(102%); } .banner-title-first { font-size: 36px; line-height: 48px; letter-spacing: -0.36px; } .banner-title-second { font-size: 48px; line-height: 48px; letter-spacing: -0.48px; } #dealeshipPlatform .banner-text-wrapper,#contact_us .banner-text-wrapper,#orlando-page .banner-text-wrapper,#installer .banner-text-wrapper{ padding: 26px 20px; } .sidenav{ left: unset; right: -50%; box-shadow: 1px 10px 10px 0px #00000099; } .sidenav.show { width: 300px; right: 0%; } .sidenav.show .sidebar-wrapper { width: 100%; max-width: 100%; } .footer-links .collapse:not(.show),footer-links .collapsing{ display: inherit !important; } .product-remove-btn { padding: 0px 26px 0px 23px; } #sylius-product-image, #product-hero-image, #product-hero-image .carousel-inner { min-height: 500px; } #product-hero-image .hero-image { height: 500px; width: 100%; } /* .product-images-scroller-holder .find-vin-wrapper .msg { display: none; } .description h2, .installation h2, .product-description h2 { font-size: 1.75rem; } .description h3, .installation h3, .product-description h3 { font-size: 1.05rem; } .description h4, .installation h4, .product-description h4 { font-size: 1rem; } */ .sticky-sidebar.is_stuck{ padding: 80px 0px 20px; } .sidenav { background: transparent; backdrop-filter: unset; -webkit-backdrop-filter: unset; box-shadow: unset; margin-top: 0px; padding: 0px 0px 6px 6px; min-height: auto; height: auto; } .sidenav .sidebar-wrapper { height: auto; box-shadow: 1px 0px 5px 0px #00000099; } } @media only screen and (max-width: 759px) { #appCheckout .col-12.xs-show { display: block; } .xs-center{ text-align: center; } .header-msg{ font-size: 10px; } .banner-wrapper{ margin: 16px 16px 0px; border-radius: 25px; } .vin-wrapper,.ad-wrapper1{ padding: 8px; } .ad-wrapper1{word-break: break-all;} .vin-wrapper .vin-title{ padding-top: 10px; font-size: 20px; line-height: 28px; } .vin-wrapper .vin-subtitle { font-size: 23px; line-height: 28px; } .vin-wrapper .vin-description { padding: 30px 0px; font-size: 12px; line-height: 16px; } .cat-link-wrapper .cat-link i{ float: right; display: inline-block !important; padding-right: 10px; } .section-title { font-size: 24px; } .category-details-wrapper .page-details{ padding-top: 30px; } .subscribe .subscript-img{ min-height: 224px; border-radius: 20px 20px 0px 0px ; } .subscribe p{ font-size: 18px; line-height: 24px; } .video-carousel .owl-stage{ padding-left: 0px !important; } .video-image-holder img{ height: auto; } #HomePage .btn-link.btn { margin-top: 10px; } .product-wrapper .product-image-holder, .product-list .image, .product-wrapper .product-image-holder .product-image{ min-height: 159px; height: 159px; } .product-wrapper .product-image-holder .product-image:before{ font-size: 16px; top: calc(100% - 57); } .product-wrapper .product-details-holder .product-rating .fa-star { font-size: 12px; } .product-wrapper .product-details-holder .product-name, .offprice { font-size: 12px; line-height: 16px; } .product-wrapper .product-details-holder .product-name, .offprice2 { font-size: 12px; line-height: 16px; } .product-wrapper .product-image-holder .wishlist-holder .btn-round { width: 28px; height: 28px; line-height: 28px; } .product-wrapper .product-image-holder .wishlist-holder .btn-round i { font-size: 20px; line-height: 28px; } .product-wrapper .product-price,#HomePage .btn-link.btn { font-size: 16px; line-height: 24px; } .product-wrapper .product-details-holder{ padding: 5px 10px 0px; } #product-page .min-header.collapsible::before,#product-page .min-header.collapsible::after{ content: none; } #product-page .collabsible-content{ max-height: 100%; } .btn.btn-primary{ padding: 6px 15px; } .tips-wrapper .content .card-text{ font-size: 14px; line-height: 20px; } .breadcrumb{ font-size: 12px; line-height: 16px; } .sorting{ font-size: 14px; line-height: 32px; margin-bottom: 10px; } #CategoryMenu .banner-wrapper{ min-height: 450px; } .banner-wrapper.parallax-window { margin-top: 20px; padding-top: 0px; } .banner-wrapper,#orlando-page .banner-wrapper, #contact_us .banner-wrapper, #installer .banner-wrapper, #dealeshipPlatform .banner-wrapper{ min-height: 250px; overflow: hidden; } .banner-wrapper .bg-move{ position: absolute; top: 0; bottom: 0; right: auto; width: 100%; background-size: cover; background-position: center; } .banner-title-first{ font-size: 18px; line-height: 28px; letter-spacing: -0.18px; } .banner-title-second { font-size: 22px; line-height: 28px; letter-spacing: -0.22px; } .banner-wrapper .input-group{ padding: 0px 20px; } .product-wrapper .our-choice-holder { font-size: 12px; max-width: 50px; padding: 0px 2px; } #preHomeModal .modal-logo { margin-top: 10px; } #preHomeModal .title{ line-height: 22px; font-size: 28px; padding: 10pt 10px 5px; } #preHomeModal .title .title-msg-1 { display: block; } #preHomeModal .title .title-msg-2, .search-screen .title { display: block; font-size: 22px; line-height: 22px; padding-top: 16px; letter-spacing: -0.22px; padding-left: 0px; padding-right: 0px; } #preHomeModal .subtitle, .search-screen .subtitle { font-size: 20px; line-height: 22px; padding: 10px 40px 40px; letter-spacing: -0.2px; } #installer .banner-title-first { font-size: 24px; line-height: 24px; letter-spacing: 0.24px; } #installer .banner-title-second { font-size: 21px; line-height: 23px; letter-spacing: -0.21px; } .product-progress-title p { font-size: 11px; } .search-screen .title{ padding-top:24px; } #preHomeModal .later-msg{ padding-bottom: calc(100vh - 370px); } .footer-links { background-color: transparent; padding: 0px; } .footer-links .accordion { background-color: var(--bg-grey); padding: 12px 20px; border-radius: var(--box-radius); margin: 10px 0px; } .footer-links .accordion .btn::after { font-family: "Font Awesome 5 Free"; position: absolute; top: 6px; right: 6px; content: "\f067"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; } .footer-links .accordion .btn[aria-expanded="true"]::after { content: "\f068"; } .bt-cart svg { width: 21px; height: 20px; } #appFooter.footer .second > .cell.section { border-bottom: none; width: 100%; background-color: var(--bg-grey); padding: 12px 20px; border-radius: var(--box-radius); margin: 10px 0px; } #appFooter.footer .bt-button{ height: 24px; } #appFooter.footer .second > .cell.section .ui.list.link,#appFooter.footer .contacts .ui.list{ margin-top:0px; } #nav-menu .background-menu,#nav-menu .main-nav { margin-top: 98px !important; } #nav-menu .main-nav.mobile{ left:unset; right: -150%; } #nav-menu .main-nav.mobile.opened{ right:0%; } .search-screen .title { padding-top: 124px; } .versions-wrapper{ max-height: initial; overflow: unset; } #versionModal .versions-wrapper { max-height: 400px; } #versionModal .versions-wrapper.slick-initialized.slick-slider { max-height: initial; } .versions-wrapper .card{ /* margin: 20px 4px !important;*/ display: inline-flex; /* height: auto;*/ } .versions-wrapper .card.selected,.versions-wrapper .active .card{ margin: 0px 4px !important; } .versions-wrapper .active .card .select-text{ position: relative; text-align: center; width: 100%; margin: 0px; left: auto; right: auto; top: unset; bottom: unset; background: var(--primary); color: #FFF; display: block; height: 40px; margin-top: 20px; } .versions-wrapper .active .card.selected .select-text{ display: none; } .versions-wrapper .card.slick-current{ margin:6px 15px 0px 0px; } .versions-wrapper .content .details:before { /* content: " - ";*/ top: 0%; border: none; } .versions-wrapper .card.selected .content .selected-text, .versions-wrapper .card.slick-current .content .selected-text { position: relative; bottom: 0px; text-align: center; display: block; background-color: #FFF; right: 0px; padding: 2px; border-radius: var(--box-radius); margin-top: 20px; color: var(--text); border-color: transparent; outline: unset; box-shadow: unset; height: 40px; } .versions-wrapper .slick-dots{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 100%; margin: 0px; margin-top:10px; } .versions-wrapper .content .selected-text, .versions-wrapper .content .select-text, .versions-wrapper .card.selected:hover .content .select-text { position: relative; right: unset; bottom: unset; margin-top: 20px; } .versions-wrapper .slick-dots li,.versions-wrapper .slick-dots li button{ font-size: 0px; line-height: 10px; } .versions-wrapper .slick-dots li button:before{ content: "\2022"; font-size: 40px; line-height: 10px; position: relative; display: block; } .product-images-scroller-holder{ padding-bottom: 0px; } #cart-page .cart-product{ margin-bottom: 0px; } .address-page .block-contact .term{ margin: 25px 25px 0px; } .address-page .block-contact .payment { margin: 25px 0px 0px; } #thank-you-page h2{ font-size: 28px; line-height: 36px; } #Orders .order .order-line-wrapper .product-qty{ margin-bottom: 10px; line-height: 22px; } #Orders .order .order-line-wrapper .cus-img{ margin-bottom: 10px; } #Orders .order .submit-doc-btn-wrapper{ text-align: center; } .not-found .page-title-header{ font-size: 42px; line-height: 23px; letter-spacing: -0.43px; padding-top: 5px; } .not-found .page-title{ font-size: 22px; line-height: 28px; margin-bottom: 20px; } .not-found .text { font-size: 14px; } #appFooter.footer .bt-input{ max-height: 40px; min-width: 200px; } #appFooter.footer .bt-button { height: 34px; } #appFooter.footer .bt-input input.email { padding: 5px 130px 5px 20px; } #orlando-page .orlando_contact{ margin-bottom: 20px; } #installer .filters .filters_container .filter{ margin-right: 10px; } #installer .filters .filters_container .filter.active, #installer .filters .filters_container .filter:hover,#installer .filters .filters_container .filter{ background-color: transparent; } #installer .filters .filters_container .filter .content .left a.link-text,#installer .filters .filters_container .filter .content > .divider{ display: none; } #installer .filters .filters_container .filter > .divider{ position: absolute; z-index: 1; } #installer .filters .filters_container .filter .content{ padding: 0px; height: 100%; } #installer .filters .filters_container .filter .content .left{ background-color: var(--bg-grey); padding: 10px 10px 10px 15px; border-radius: var(--box-radius); font-size: 12px; height: 100%; justify-content: center; } #installer .filters .filters_container .filter .content .left .name,#installer .filters .filters_container .filter .content .left .address{ font-size: 14px; } #installer .filters .filters_container .filter .content .right{ text-align: center; color: var(--primary); margin: 0px; } #installer .filters .filters_container .filter .content .right i{ font-size: 20px; border: 1px solid var(--primary); border-radius: 50%; width: 25px; height: 25px; line-height: 25px; text-align: center; padding: 0px; } #installer .slick-track { display: flex !important; } #installer .slick-slide { height: inherit !important; } #appFooter.footer .bt-button{ width: auto; } #product-page-container .product-page h1, .product-title,.product-title { font-size: 22px; line-height: 26px; font-weight: bold; margin: 0px; } #product-page-container iframe{ max-width: 100%; } .header-search-visible.search-screen .title{ padding-top: 140px; } .find-vin-wrapper #vin-input{ min-width: auto; margin-right: 10px; /* max-width: 195px;*/ } .find-vin-wrapper .form-inline.m-auto{ margin: 0px !important; } .versions-wrapper .owl-stage-outer .owl-stage{ display: inline-flex; } .versions-wrapper .owl-dots{ text-align: center; } .versions-wrapper .owl-dots .owl-dot{ width: 10px; height: 10px; background: #e0e0e0; border-radius: 50%; margin: 5px; } .versions-wrapper .owl-dots .owl-dot.active{ background: #757575; outline: unset; } .versions-wrapper .owl-nav{ display: none; } .versions-wrapper .varient-price{ background: rgb(88 88 88 / 0.8); } .versions-wrapper .card .content{ padding: 10px 16px; min-height: unset; /* height: auto; min-height: 80px; overflow-x: hidden; */ } #sylius-product-image, #product-hero-image, #product-hero-image .carousel-inner{ min-height: 230px; } #product-hero-image .hero-image { height: 230px; width: 100%; } .versions-wrapper .card-img{ height: 180px; } .versions-wrapper .card-img.selected{ height: 200px; } .versions-wrapper .card.correct.selected{ background: var(--green); } .cat-link-wrapper { margin: 0px; } .cat-link-wrapper > div{ padding: 0px; } .cat-link-wrapper > div:nth-child(odd){ padding-right: 10px; } .cat-link-wrapper > div:nth-child(even){ padding-left: 10px; } .customPopup.compatibiltyPopup{ min-width: 140px; } .promo-code-wrapper input{ max-width: calc(100% - 100px); } .blog-wrapper .card-title{ font-size: 18px; } #blog h1{ font-size: 28px; line-height: 36px; } .blog-date{ margin-bottom: 20px; } .help-page .category.header,#page .page-title{ font-size: 24px; line-height: 32px; } #contact_us .main_title{ font-size: 22px; line-height: 28px; } #orlando-page iframe { max-height: 224px; } .sidenav .sidebar-wrapper { padding-top: 0px; } #HomePage .tips-wrapper { padding-bottom: 10px; } .sidenav{ margin-top: 0px; left: -100%; } .sidenav.show{ left: 0%; } .sidenav.show .sidebar-wrapper { /* height: calc(100vh - 110px);*/ overflow-y: scroll; } #header.mobile-hidden .sidenav.show .sidebar-wrapper { height: calc(100vh - 66px); } .product-wrapper .product-image-holder.skeleton-bg-color:before{ font-size: 20px; } .not-found-details p{ text-align: left; } .not-found-details{ margin: 70px 20px; } .video-carousel .slick-list{padding:0 20% 0 0;} .versions-wrapper .owl-item .card-img{ opacity: 0.6; overflow: hidden; } .versions-wrapper .owl-item.active .card-img{ opacity: 1; } .versions-wrapper .card:hover{ border-color: var(--text); } .section-custom iframe[position="left"], .section-custom img[position="left"] { padding-right: 4% !important; border-radius: 20px 0px 0px 20px; margin: 10px 0px !important; } .section-custom iframe[position="right"], .section-custom img[position="right"] { padding-left: 4% !important; border-radius: 0px 20px 20px 0px; margin: 10px 0px !important; } #blog .section-custom img[position="left"],.section-custom img[position="right"]{ width: 50%; height: auto; border-radius: 20px; padding: 0px !important; } .product-wrapper .product-details-holder{ height: initial; } .ad-wrapper1 .btn{ min-width: 100%; } #blog .section-custom iframe{ min-height: 200px; } #blog .section-custom iframe, #blog .section-custom .dark-block, .section-custom img, p[style="text-align: center; font-size: 150%;"] { margin: 50px 0px 24px !important; } .page-details{ margin-top: 20px; } .header-search { position: relative; z-index: 5; background: white; padding-top: 8px; } .top-menu { padding: 0px; background: #FFFFFF; } .description img[position="right"], .description iframe[position="right"],.description img[position="left"], .description iframe[position="left"], .installation img[position="right"], .installation iframe[position="right"],.installation img[position="left"], .installation iframe[position="left"], .product-desc .right, .product-desc .left{ width: 100%; max-width: 100px; margin: 0px; float: none; } .product-desc [position="center"], .product-desc .center{ max-width: 100%; width: 100%; } #careers .details-section .card.vac-card { padding-bottom: 16px; } .add-options-wrapper.big-checkbox .row { -ms-flex-pack: end; justify-content: flex-end; } .product-wrapper .productsPageFreeShipping{ padding-top: 17px; } .product-list .product-wrapper .productsPageFreeShipping{ padding-top:23px; margin-top:0px; } } /*mobile media end*/ @media only screen and (min-width: 1200px){ .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1180px; } #blog .section-custom iframe { min-height: 400px; } .subscribe{ margin-bottom: 50px; } .social-share svg{ margin: 18px 0px 50px; } .product-page .row .row .col-12 { /* padding-left: 8px; */ } .product-page-wrapper .product-page .top-prod-price { padding-left: 0px; } } @media screen and (max-width: 1024px){ #appFooter.footer .bt-input{ max-height: 38px; min-width: 250px; } #appFooter.footer .bt-input input.email{ padding: 5px 105px 5px 10px !important; } #appFooter.footer .bt-button{ width: 100px; } #product-hero-image .carousel-indicators { justify-content: center; } #product-hero-image .carousel-indicators li { background: var(--bg-grey); border: none; height: 8px; width: 8px; border-radius: 50%; } #product-hero-image .carousel-indicators li.active { background: var(--primary); } } @media only screen and (min-width: 768px) and (max-width: 991px){ .flex-center-md{ display: flex; align-items: center; justify-content: center; } } @media only screen and (min-width: 768px) and (max-width: 1023px){ #preHomeModal .modal-logo { max-width: 50px; } #preHomeModal .title { padding: 70px 10px 5px; } #preHomeModal .title, .search-screen .title { font-size: 52px; } #preHomeModal .subtitle, .search-screen .subtitle { padding: 10px 10px 20px; font-size: 30px; letter-spacing: 0.3px; } .video-image-holder img{ height: auto; } .tips-wrapper img{ height: 100px; } .find-vin-wrapper .card, .select-version-wrapper { margin-top: 20px; } .find-vin-wrapper .btn{ margin: 6px auto; } .find-vin-wrapper .msg, .select-version-wrapper .msg { font-size: 10px; } #sylius-product-image, #product-hero-image, #product-hero-image .carousel-inner { min-height: 450px; } #product-hero-image .hero-image { height: 450px; width: 100%; } #cart-page .total-price-wrapper .card{ margin-top: 0px; } #cart-page .promo-code-wrapper input{ width: 100%; margin-right: 0px; } #cart-page .promo-code-wrapper button{ margin: 10px auto; } .address-page .block-contact{ padding: 0px; } #blog .section-custom iframe{ min-height: 300px; } .product-images-scroller-holder .find-vin-wrapper .card, .product-images-scroller-holder .select-version-wrapper, #product-page-container .find-installer-wrapper { margin-top: 0px; } .properties-wrapper { margin: 0px; } .new-style.add-options-wrapper,#product-area { margin-bottom: 20px; } .total-price-wrapper { padding-top: 16px; } .product-wrapper .freeShipping { padding-top:0px; margin-top:0px; font-size: 12px; } .product-list .product-wrapper .productButton .btn-block { padding-top:2px !important; padding-bottom:2px !important; top:-5px; } } @media only screen and (max-width: 767px){ .xs-show{ display: inherit; } .xs-hide{ display: none; } .hide-bigger-image-mob #sylius-product-image, .hide-bigger-image-mob #product-hero-image { display: none; } #vinWrapper{ padding-bottom: 10px; } .section-main-title{ font-size: 28px; } .section-desc { line-height: 24px; } .btn.btn-vin{ padding: 0px; } #mySidenav .menu-wrapper { background: #FFFFFF; padding-top: 10px; } .sidenav .sidebar-wrapper { background: transparent; } #blog .blog-main-image img { max-height: 365px; } #blog #productsSection .banner-text-wrapper { max-width: 275px; } #blog #productsSection .banner-text-wrapper, #blog #productsSection .banner-text-wrapper .banner-title-second { font-size: 20px; line-height: 25px; letter-spacing: -0.2px; } #blog .slick-arrow-pt { padding: 70px 0px 0px; } #blog .btn-clm { padding-left: 8px; } .side-panel .vin-wrapper.ad-wrapper1 { min-height: 280px; } #blog #productsSection { border-bottom: unset; padding-bottom: 40px; } .product-desc h1, .product-desc h2, .product-desc h3, .product-desc h4, .product-desc h5, .product-desc h6 { padding-left: 0px; } .product-desc h1:after, .product-desc h2:after, .product-desc h3:after, .product-desc h4:after, .product-desc h5:after, .product-desc h6:after { width: 100%; } #swapModal .modal-body { padding: 0px; } .swap-btn-wrapper { text-align: center; margin-top: 16px; } #swapModal .versions-wrapper .content .details.invisible { display: none; } #versionModal .modal-content, #upsellModal .modal-content { padding: 0px 10px 20px; } #upsellModal .get-full-title { font-size: 16px; } #versionModal .versions-wrapper .card { margin-right: 12px !important; margin-top: 0px; } .versions-carousel .slick-list { padding: 0 20% 0 0; } .versions-carousel .slick-list::after { content: " "; position: absolute; background: linear-gradient(270deg, rgba(255, 255, 255, 0.9) 36.32%, rgba(255, 255, 255, 0) 100%); width: 25%; height: 100%; display: block; top: 0px; right: -12px; } #versionModal .find-vin-wrapper .heading-msg { font-size: 17.62px; line-height: 21px; margin: 8px 0px 18px 0px; } #versionModal .find-vin-wrapper .msg { font-weight: 400; font-size: 12.33px; line-height: 15px; } #versionModal .find-vin-wrapper a { margin-top: 10px; } .product-page-wrapper nav[aria-label="breadcrumb"] { min-height: 30px; overflow: hidden; position: relative; margin-bottom: 10px; } .product-page-wrapper .breadcrumb { white-space: nowrap; overflow: hidden; display: inherit; position: absolute; right: 0px; bottom: 0px; /* text-overflow: ellipsis; */ } .product-page-wrapper .breadcrumb-item,.product-page-wrapper .breadcrumb-item a { display: inline-block; } .product-page-wrapper nav[aria-label="breadcrumb"]:after{ content: ""; position: absolute; width: 50px; height: 22px; left: -10px; top: 10px; background: #FFFFFF; filter: blur(6px); -webkit-filter: blur(6px); -moz-filter: blur(6px); } .bullet-style { text-align: center; margin-bottom: 10px; } .bullet-style button { min-width: 5px; height: 5px; border: none; background: var(--bg-grey); margin: 4px; border-radius: 50%; } .bullet-style button.active { background: #8C8C8C; } .product-page-wrapper .product-page { margin-bottom: 0px !important; } .versions-row .version-col, .versions-row .version-mod { min-height: 40px; } .versions-row .ver-details { font-size: 10.0277px; line-height: 12px; } .versions-row .ver-details .content-wrapper { max-height: 26px; } .versions-row .version-mod .ver-details { min-height: 26px; line-height: 26px; } .new-style.add-options-wrapper.big-checkbox, .new-style.add-options-wrapper.big-checkbox .custom-control-label { font-size: 10.8461px; line-height: 34px; } .card-radio-size-2, .card-radio-size-3, .card-pill { min-height: 34px; } .card-radio-size-2 .card-style-radio, .card-radio-size-3 .card-style-radio, .card-pill { font-size: 10.1682px; line-height: 12px; } .card-style-radio .custom-control-label .price{ font-size: 8.81248px; line-height: 10px; } .product-page-wrapper .top-prod-price { font-size: 19.8054px; line-height: 23px; } .xs-text-center { text-align: center; } .product-images-scroller-holder .total-price { padding: 10px 0px; } .addon-collapse-wrapper[aria-expanded="true"] { margin-top: 10px; } .find-installer-wrapper { background-image: url(/assets/shop-new/images/find-installer-mobile.png); text-align: center; } .find-installer-wrapper .title { font-size: 24.5022px; line-height: 29px; margin-bottom: 10px; } .vin-dropdown .dropdown-menu { right: -40px; min-width: 300px; } .vin-dropdown .dropdown-menu .vin-present .create-acc-wrapper { padding: 16px 16px 21px; } .product-wrapper .product-details-holder .fa { font-size: 13px; } .product-wrapper .product-details-holder .product-name, #taxons .product-wrapper .product-name, .product-list .product-wrapper .product-name { font-size: 18px; line-height: 21px; margin: 7px 0px 10px; } .product-wrapper .product-details-holder .product-price, .product-wrapper .product-stock-levels { font-size: 12px; line-height: 16px; } .product-wrapper .btn { font-size: 12px; line-height: 16px; max-width: 110px; margin: 0px auto 10px; } .offprice { font-size: 12px; line-height: 16px; padding: 4px 6px 4px 12px; } .offprice2 { font-size: 12px; line-height: 16px; padding: 4px 6px 4px 12px; } .half-width { width: 50% !important; display: block; /* or use 'block' if inline-block still has issues */ text-align: center; } .full-width { width: 100% !important; text-align: center; } .full-width2 { width: 100% !important; text-align: center; } .cutoffprice { font-size: 10px; line-height: 10px; } .cui.bt-svg-icon { width: 35px; height: 35px; } #findVinModal .modal-content .modal-body { padding: 0px; } #findVinModal .modal-title { font-size: 18px; } #findVinModal .product-wrapper .product-image-holder, .product-wrapper .product-image-holder .product-image { height: 150px; } #findVinModal .product-wrapper .product-details-holder .product-name { font-size: 16px; line-height: 18px; } #versionModal .modal-content, #upsellModal .modal-content, .defaultModal .modal-content { padding: 0px 8px 0px; } #Home #allCatVin .heading-msg { font-size: 22px; line-height: 26px; } #Home #allCatVin .msg { font-size: 18px; line-height: 20px; } .stock-left-mob { font-size: 14px; font-weight: 400; color: #2BD18F; margin: 10px 0px; } .notice-card:is(.is-info), .notice-card:is(.is-warning) { padding: 20px 20px 20px 40px; } .notice-card::before { left: 15px; font-size: 100%; } .header-search .new-search-form { max-width: 90%; } .navbar .logo .cls-2 { fill: var(--primary); } #header .user-login { padding: 0px 5px 0px 15px; } #header .user-login .small-label { position: absolute; bottom: 7px; } #header .user-login img, #header .user-login svg { max-height: 24px; position: relative; top: -4px; } #header .vin-dd-btn img { padding-top: 0px !important; height: 36px; width: auto; } #header #sylius-cart-button { position: relative; } #header #sylius-cart-button .small-label { position: absolute; width: 100%; text-align: center; bottom: -10px; } #header #sylius-cart-button #cart_icon { top: -6px; position: relative; } } @media only screen and (min-width: 760px) and (max-width: 767px){ #sylius-product-image, #product-hero-image, #product-hero-image .carousel-inner { min-height: 340px; margin-bottom: 20px; } .product-images-scroller-holder{ padding-bottom: 10px; } #product-hero-image .hero-image { height: 340px; width: 100%; } } /* iPad Mini */ @media only screen and (min-width: 768px) and (max-width: 1024px){ .vin-wrapper .vin-title { font-size: 24px; } .vin-wrapper .vin-subtitle{ font-size: 22px } .vin-wrapper .vin-description { padding: 20px 0px; font-size: 16px; } .vin-wrapper.ad-wrapper1 .btn{ margin: 0px auto; } } /* iPad pro */ @media screen and (min-width: 1024px) and (max-width: 1200px){ .cat-link-wrapper .card-body { min-height: 170px; } } /*iphone 5 */ @media screen and (max-width: 320px){ #appFooter.footer .bt-input input.email { padding: 5px 90px 5px 15px; } .vin-wrapper .vin-title { font-size: 20px; line-height: 18px; } .vin-wrapper .btn,.product-wrapper .btn{ font-size: 12px; } .correct .product-main-version-tag:after, .incorrect .product-main-version-tag:after{ border-left: 145px solid transparent; border-right: 145px solid transparent; } .product-main-price{ font-size: 26px; } #sylius-product-image .offprice, #product-hero-image .offprice{ font-size: 16px; line-height: 31px; } .product-page .slider-nav.ui.small.images .slider-nav-container.images_2, .product-container .slider-nav.ui.small.images .slider-nav-container.images_2{ width: 100%; } .sidenav.show .sidenav-link.username{ font-size: 12px; line-height: 18px; margin-bottom: 0px; } .sidenav.show .sidenav-link{ font-size: 10px; } .sidenav .sidenav-link, .sidenav .sidenav-link.username{ padding: 6px 6px 6px 20px; line-height: 18px; } .sidenav .sidenav-link.menu-heading { font-size: 16px; } .sidenav .sidenav-link.menu-heading { font-size: 14px; padding-top: 0px; } .sidenav .sidenav-link i, .sidenav .sidenav-link .icon { height: 16px; width: 16px; } .sidenav .sidenav-link .icon.new-tab-icon { height: 12px; width: 12px; } .header-msg{ font-size: 9px; } .cat-link-wrapper p { font-size: 12px; line-height: 16px; } } @media screen and (max-width: 450px){ .product-wrapper .freeShipping { font-size: 15px; line-height: 15px; } } /*iphone 6/7/8/X */ @media screen and (min-width: 321px) and (max-width: 375px){ .correct .product-main-version-tag:after, .incorrect .product-main-version-tag:after{ border-left: 172px solid transparent; border-right: 172px solid transparent; } } /*iphone 6/7/8 plus*/ @media screen and (min-width: 376px) and (max-width: 414px){ .correct .product-main-version-tag:after, .incorrect .product-main-version-tag:after{ border-left: 192px solid transparent; border-right: 192px solid transparent; } } /*iphone 6/7/8 plus*/ @media screen and (min-width: 415px) and (max-width: 540px){ .correct .product-main-version-tag:after, .incorrect .product-main-version-tag:after{ border-left: 255px solid transparent; border-right: 255px solid transparent; } } @media only screen and (min-width: 1400px){ .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1320px; } } #toast-container{ left: 50%; top: 50%; margin-left: -160px; margin-top: -29px; } .help.is-danger { color: #f5350b; margin-left: 18px; font-size: 12px; line-height: 20px; } #side-panel-ads .staticBanner{display: block !important; } #toast-container>div {padding: 13px 13px 13px 46px;width:320px;} #installerApplicationModal .fld .field-label{font-size: 12px; font-weight: 400;} #installerApplicationModal .fld{margin-bottom:10px;} #installerApplicationModal .note{font-size: 13px;line-height: 14px;margin-bottom: 20px;} #installerApplicationModal .flddropdown .form-control{ padding: 0px 16px !important; } #installerApplicationModal .flddropdown button.form-control.dropdown-toggle::after{ position: absolute; top: 18px; right: 20px; } .custom-vin-clear{position: absolute;right: 5px;top: 0px;} .custom-vin-clear.indentify-btn{right: 0px;} .header-vin-search .custom-vin-clear{right: 2px;} /*icons*/ .ico { display: inline-block; height: 16px; width: 16px; background: #FFF; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } .icon-outlink { -webkit-mask-image: url(/assets/shop-new/images/icons/new-tab.svg); mask-image: url(/assets/shop-new/images/icons/new-tab.svg); } .icon-phone { -webkit-mask-image: url(/assets/shop-new/images/icons/phone.svg); mask-image: url(/assets/shop-new/images/icons/phone.svg); } .icon-whatsapp { -webkit-mask-image: url(/assets/shop-new/images/icons/whatsapp.svg); mask-image: url(/assets/shop-new/images/icons/whatsapp.svg); } .icon-mail { -webkit-mask-image: url(/assets/shop-new/images/icons/mail.svg); mask-image: url(/assets/shop-new/images/icons/mail.svg); } .icon-success { -webkit-mask-image: url(/assets/shop-new/images/icons/success.svg); mask-image: url(/assets/shop-new/images/icons/success.svg); } .icon-note { -webkit-mask-image: url(/assets/shop-new/images/icons/note.svg); mask-image: url(/assets/shop-new/images/icons/note.svg); } .icon-info { -webkit-mask-image: url(/assets/shop-new/images/icons/info.svg); mask-image: url(/assets/shop-new/images/icons/info.svg); } .icon-error { -webkit-mask-image: url(/assets/shop-new/images/icons/error.svg); mask-image: url(/assets/shop-new/images/icons/error.svg); } .icon-warning { -webkit-mask-image: url(/assets/shop-new/images/icons/warning.svg); mask-image: url(/assets/shop-new/images/icons/warning.svg); } #labelgenerationModal .form-control {min-width: auto; padding: 0px 16px;} .zbulletDiv{ float: left; display:inline-block; padding-top:8px; padding-right: 10px; } .zbulletInner{ width: 6px; height: 6px; background-color:rgb(33, 33, 33); float: left; border-radius: 50%; display:inline-block; } .pwydP{ margin-top: 15px; } .marketingDescription{ padding-top: 0px; } .marketingDescription p, .printoutDescription p{ padding-left: 20px; padding-right: 20px; } .marketingDescription .minus{ cursor: pointer; } .marketingDescription .plus{ cursor: pointer; } .marketingProductName{ font-weight: 600 !important; font-size: 17px !important; line-height: 24px !important; margin-top: 12px; } .marketingDescription .product-img{ width: 89px !important; height: 50px; } .marketingForm .dropdown #countries{ height: 40px; padding-top:10px; } .marketingForm .dropdown-toggle::after { float: right; margin-top: 9px; } .marketingForm .card-body{ padding-top:0px; } .marketingProducts{ padding-right: 20px; } #warrantyAddonCollapse .card-radio-size-2 .card-style-radio{width: auto;} .total-price-wrapper .text-green{color: #008000 !important;} /* #product-page-container #products-section{ padding-top: 20px; } #product-page-container #products-section .theme-heading{ background: transparent; border: 1px solid #959595; } #product-page-container #products-section .section-title{ background: transparent; } */ #product-page .top-prod-price .cutoffprice { font-size: 14px !important; } #hero-cards{padding-top: 30px;} @media only screen and (min-width: 500px) and (max-width: 765px) { #products-section .product-wrapper .product-details-holder .from-not { display: block !important; height: 22px !important; } } @media only screen and (min-width: 1000px) { .product-wrapper:hover .productButton .btn-block{ display: block; opacity: 1; } } @media only screen and (min-width: 765px) and (max-width: 1000px) { #products-section .product-wrapper .product-details-holder .from-not { display: block !important; height: 25px !important; } } .new-search{ position:relative; /*margin-top: -55px;*/ /*right: 25%;*/ background: white; padding-top: 20px; } @media only screen and (max-width: 360px) { /*.new-search{ position:absolute; margin-top:-31px; width: 300px; left: 60px; }*/ } @media only screen and (min-width: 360px) and (max-width: 380px) { /*.new-search{ position: absolute; margin-top: -12px; width: 90%; left: 62px; }*/ } @media only screen and (min-width: 381px) and (max-width: 390px) { /*.new-search{ position: absolute; margin-top: -12px; width: 90%; left: 65px; }*/ } @media only screen and (min-width: 391px) and (max-width: 412px) { /*.new-search{ position: absolute; margin-top: -12px; width: 89%; left: 70px; }*/ } @media only screen and (min-width: 413px) and (max-width: 430px) { /*.new-search{ position: absolute; margin-top: -12px; width: 90%; left: 69px; }*/ } /* @media only screen and (min-width: 415px) and (max-width: 430px) { .new-search{ position: absolute; margin-top: -12px; width: 88%; left: 76px; } } */ @media only screen and (min-width: 431px) and (max-width: 540px) { /*.new-search{ position: absolute; margin-top: -12px; width: 88%; left: 64px; }*/ } @media only screen and (min-width: 541px) and (max-width: 768px) { /*.new-search{ position: absolute; margin-top: -45px; width: 72%; left: 142px }*/ } @media only screen and (min-width: 769px) and (max-width: 820px) { /* .new-search{ position: absolute; margin-top: -45px; width: 69%; left: 136px; }*/ } @media only screen and (min-width: 821px) and (max-width: 912px) { /*.new-search{ position: absolute; margin-top: -12px; width: 88%; left: 64px; }*/ } @media only screen and (min-width: 913px) and (max-width: 1024px) { /*.new-search{ position: absolute; margin-top: -57px; width: 54%; left: 268px }*/ } /* @media only screen and (min-width: 381px) and (max-width: 765px) { .new-search{ position: absolute; margin-top: -12px; width: 88%; left: 64px; } } */ /* @media only screen and (min-width: 381px) and (max-width: 765px) { .new-search{ position: absolute; margin-top: -12px; width: 88%; left: 64px; } } @media only screen and (min-width: 768px) and (max-width: 900px) { .new-search{ position:absolute; margin-top:54px; width: 525px; right: -19%; border: 1px solid greenyellow; } } @media only screen and (min-width: 900px) and (max-width: 1111px) { .new-search{ position:relative; margin-top:54px; width: 525px; left: 10%; right: -18%; border: 1px solid greenyellow; } } */ .new-search-card{ border-radius:20px; box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1); /* background-color: red; */ /*margin-top: -16px;*/ } @media only screen and (max-width: 380px) { .new-search-card{ border-radius:20px; box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1); border: 2px solid gray; } } .price-section{ font-size: 12px; font-weight: 400; } @media only screen and (max-width: 380px) { .price-section{ /*margin-left: 58px;*/ } } .cookie{ width: 74% !important; height: fit-content; position: absolute; } @media only screen and (max-width: 992px) { .cookie{ width: 90% !important; height: fit-content !important; } } .annoucementCard{ padding-bottom: 70px !important; } @media only screen and (max-width: 992px) { .annoucementCard{ padding-bottom: 5px !important; } } @media only screen and (max-width: 768px) { .header-search{padding: 0px !important;margin-top: 7px;} .header-search-parent{min-height: 50px;} .top-mob-search{border-top-right-radius: 20px; border-bottom-right-radius: 20px;} /*.search-screen-wrapper{width: 90%;}*/ .search-results{padding: 15px;} .header-search .list-group .list-group-item div{padding-left: 0px;} .new-search{padding-top: 0px !important;} } .testDiv{ border-radius: 20px 20px 0 0; border-left: 2px solid rgba(0,0,0,.125); border-right: 2px solid rgba(0,0,0,.125) } .header-search{position: absolute;border-radius: 20px;background: white;padding-left: 20px; background-color: white !important;margin-top: 5px;} .header-search .list-group {margin-left: 0px;} .header-search .list-group .list-group-item {margin-left: 0px;padding-left: 0px;} .header-search .top-search {padding-left: 0px;} .header-search.activeHeader{ border-radius: 20px; box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1); } .crossIcon{position: absolute; top: -7px; right: 0px; cursor: pointer; z-index: 1000;} .mw-100{max-width: 100% !important;} /*.new-search .list-group .list-group-item img{height: 42px; width: 58px;}*/ .new-search .search-heading{font-size: 14px;} /*.new-search .list-group .list-group-item img{max-height: 58px;}*/ .new-search .list-group .list-group-item .blog-text{padding-left: 10px;} .new-search .list-group .list-group-item .blog-s-icon{padding-top: 5px;} .new-search .list-group .list-group-item a{font-family: 'Rubik'; font-size: 12px;color: #212121;} .new-search .list-group .list-group-item .price-section{font-family: 'Rubik'; font-size: 12px; color: #1CA3C2;font-weight: 500;} @media only screen and (min-width: 768px) { .input-before-search .input-group-append span{background-color: white !important; border: none} .input-before-search .input-group-append span i{color: #1989A2 !important;} .input-before-search .top-search{border-bottom:none !important;padding-left: 15px;} .input-before-search .top-search:focus {border-color:#DADADA } .input-before-search{ border: 0.79px solid #D0D0D0; border-radius: 20px; padding-left: 10px; } } .header-search .search-results{ padding-right: 15px; } .banner-wrapper .input-group{display: none;} .all-products-container { width: 300px; /* Adjust the width of your div */ height: 150px; /* Adjust the height of your div */ background: linear-gradient(to right, #ff9900, #ff3366); margin: 0 -20px; /* Adjust the negative margin to control the spread outside */ padding: 0 20px; /* Adjust padding to counteract the negative margin */ box-sizing: border-box; } .all-products-container::before, .all-products-container::after { content: ""; position: relative; top: 0; bottom: 0; width: 100%; background: linear-gradient(to right, #ff9900, #ff3366); z-index: -1; } .all-products-container::before { top: -20px; } .all-products-container::after { right: -20px; } .cart-product-carousel .carousel-wrapper{padding-bottom: 1px; border-bottom: 1px solid transparent; border-image: linear-gradient(90deg, rgba(194, 194, 194, 0) 0%, #C2C2C2 50%, rgba(194, 194, 194, 0) 100%); border-image-slice: 100%; border-image-slice: 100%; border-image-slice: 100%; border-image-slice: 1; } .cart-product-carousel .product-details-holder .product-price { font-weight: 500; font-size: 20px; line-height: 24px; color: rgb(91, 155, 169); } .product-banner-opicity{ background: rgba(0, 0, 0, 0.5); height: 240px; } .contactus-banner-opicity{ background: rgba(0, 0, 0, 0.5); height: 250px; } .image-banner-opicity { background: rgb(0, 0, 0, 0.5); height: 250px; } /* {Css FOR bLACK Friday 2024} */ .friday-topbar{ display: flex;flex-direction: row;justify-content: center; } .main-heading { font-family: 'Unbounded', sans-serif; font-size: 61px; color: white; font-weight: 800; line-height: 61px; text-align: center; margin: 0px !important; } .main-text{ font-family: Unbounded; font-size: 27.93px; font-weight: 800; line-height: 33.52px; color: #FFFFFF !important; } .sub-heading { font-family: 'Unbounded', sans-serif; font-size: 48.6px; color: white; font-weight: 800; line-height: 48.6px; text-align: center; } .discount-box { background-color: white; display: flex; align-items: center; width: auto !important; height: auto !important; padding: 5px; } .discount-text { font-family: 'Unbounded', sans-serif; text-align: left; font-size: 34px; font-weight: 900; margin: 0; line-height: 34px; } .button { font-family: 'Unbounded', sans-serif; background-color: white; font-size: 14.4px; color: black; border-radius: 0; margin-top: 20px; font-weight: 600; height: 48px; text-align: left; border: none; width: 201px; display: flex; justify-content: center; align-items: center; } .right-section { background-image: url('/web/assets/shop-new/images/right.png'); background-size: cover; width: 100%; height: 100% !important; position: relative; } .right-section-speaker{ background-image: url('/web/assets/shop-new/images/right-speaker-banner-24.png'); background-size: cover; width: 100%; height: 100% !important; position: relative; } .right-section-performance{ background-image: url('/web/assets/shop-new/images/right-perf-banner-24.png'); background-size: cover; width: 100%; height: 100% !important; position: relative; } .speaker-banner-24-img{ background-image: url('/web/assets/shop-new/images/main-speaker-banner-24.png'); background-size: cover; width: 100%; height: 100% !important; position: relative; } .performance-banner-24-img{ background-image: url('/web/assets/shop-new/images/main-perf-banner-24.png'); background-size: cover; width: 100%; height: 100% !important; position: relative; } .overlay-content { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; } .topbar-discount-heading{ font-family: 'Unbounded', sans-serif !important; font-size: 31px; color: #FFFFFF;margin:0px; font-weight: 800; line-height: 25.83px; text-align: center; } #Home .v-carousel .v-responsive__content{ display: block !important; } .easycoding-card-24{ background-position: center; background-size: cover; background-repeat: no-repeat; text-align: center; width: 100%; height: 440.39px; position: relative; overflow: hidden; border: none !important; background-image: url('/web/assets/performance/img/Easycoding-banner-24.png'); padding: 15px; } .alphaone-card-24{ background-position: center; background-size: cover; background-repeat: no-repeat; text-align: center; width: 100%; height: 440.39px; position: relative; overflow: hidden; border: none !important; background-image: url('/web/assets/performance/img/Alphaone-banner-24.png'); padding: 15px; } .performance-card-24{ background-position: center; background-size: cover; background-repeat: no-repeat; text-align: center; width: 100%; height: 440.39px; position: relative; overflow: hidden; border: none !important; background-image: url('/web/assets/performance/img/Awaken-banner-24.png'); padding: 15px; } .easycoding-card-24 .open-btn-24{ position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); } .easycoding-card-24 .open-btn-24 .btn .ico{ background: #1CA3C2 !important; } .easycoding-card-24 .open-btn-24 .btn{ font-family: "Rubik" !important; font-weight: 500; font-size: 13px; line-height: 21px; padding: 13px 33px; color: #1CA3C2 !important; height: unset;background-color: #FFFFFF !important; border: none !important; display: flex; align-items: center; } .alphaone-card-24 .open-btn-24{ position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); } .alphaone-card-24 .open-btn-24 .btn{ font-family: "Rubik" !important; font-weight: 500; font-size: 13px; line-height: 21px; padding: 13px 33px; height: unset; background-color: #FFC107 !important; border: none !important; display: flex; align-items: center; } .performance-card-24 .open-btn-24{ position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); } .performance-card-24 .open-btn-24 .btn{ font-family: "Rubik" !important; font-weight: 500; font-size: 13px; line-height: 21px; padding: 13px 33px; height: unset; background-color: #FF2F00 !important; border: none !important; display: flex; align-items: center; } .carplay-banner-24{ background-image: url('/web/assets/shop-new/images/black-friday-24/carplay-banner.png'); background-size: cover; width: 100%; height: 100% !important; position: relative; } .carplay-banner-24 .right-section{ background-image: url('/web/assets/shop-new/images/black-friday-24/carplay-banner-right.png'); height: 100%; padding: 50px; display: flex !important; flex-direction: column; } .remote-banner-24 { background-image: url('/web/assets/shop-new/images/black-friday-24/remote-banner.png'); background-size: cover; width: 100%; height: 100% !important; position: relative; } .remote-banner-24 .right-section{ background-image: url('/web/assets/shop-new/images/black-friday-24/carplay-banner-right.png'); height: 100%; padding: 50px; display: flex !important; flex-direction: column; } .alpha-banner-24 { background-image: url('/web/assets/shop-new/images/black-friday-24/alpha-banner.png'); background-size: cover; width: 100%; height: 100% !important; position: relative; } .alpha-banner-24 .right-section{ background-image: url('/web/assets/shop-new/images/black-friday-24/alpha-banner-right.png'); height: 100%; padding: 50px; display: flex !important; flex-direction: column; } .proxmity-banner-24 { background-image: url('/web/assets/shop-new/images/black-friday-24/proxmity-banner.png'); background-size: cover; width: 100%; height: 100% !important; position: relative; } .proxmity-banner-24 .right-section{ background-image: url('/web/assets/shop-new/images/black-friday-24/carplay-banner-right.png'); height: 100%; padding: 50px; display: flex !important; flex-direction: column; } .check-box-disclaimer::after{ margin-top: -1px !important; } /* Media Query for Tablets */ @media (max-width: 1024px) and (min-width: 768px) { .main-heading { font-size: 42px; line-height: 42px; } .sub-heading { font-size: 36px; line-height: 36px; } .discount-box{ background-color: white; display: flex; justify-content: center; align-items: center; width: auto; height: auto; } .discount-text { font-size: 26px; line-height: 26px; } .discount-text span{ font-size: 24px !important; } .button { font-size: 12px; width: 170px; height: 44px; } } /* Media Query for Mobiles */ @media only screen and (max-width: 768px) { .friday-topbar{ display:flex;justify-content:center;align-items:center;flex-direction:column; } .topbar-discount-heading{ font-size:14px !important; } .topbar-icon-friday{ width:31px !important; } .speaker-banner-24-img{ background-color: black !important; } .performance-banner-24-img{ background-color: black !important; } .left-section{ padding: 15px!important;padding-top: 50px !important;padding-bottom: 50px !important; } .right-section{ background-image: url('/web/assets/shop-new/images/right-mbl.png');height: 100%; } .right-section-speaker{ background-image: url('/web/assets/shop-new/images/right-speaker-mbl-24.png'); height: 100% !important; } .right-section-performance{ background-image: url('/web/assets/shop-new/images/right-perf-banner-mbl-24.png'); height: 100% !important; } .sub-heading { font-size: 36px; line-height: 36px; } .main-heading{ font-size: 38px; line-height: 38px; } .main-text{ font-size: 17.32px; line-height: 20.78px; } .discount-box { background-color: white; display: flex; justify-content: center; align-items: center; width: auto; height: auto; } .discount-text { font-family: 'Unbounded', sans-serif; text-align: center; font-size: 24px; font-weight: 900; margin: 0; line-height: 24px; } .discount-text span{ font-size: 26px !important; } .button{ margin-top: 5px; } .carplay-banner-24{ background-image: url('/web/assets/shop-new/images/black-friday-24/carplay-banner-mbl.png'); background-size: cover; width: 100%; height: 100% !important; position: relative; } .carplay-banner-24 .right-section{ background-image: none; padding: 50px 15px; justify-content: space-between; } .remote-banner-24{ background-image: url('/web/assets/shop-new/images/black-friday-24/remote-banner-mbl.png'); background-size: cover; width: 100%; height: 100% !important; position: relative; } .remote-banner-24 .right-section{ background-image: none; padding: 50px 15px; justify-content: space-between; } .alpha-banner-24{ background-image: url('/web/assets/shop-new/images/black-friday-24/remote-banner-mbl.png'); background-size: cover; width: 100%; height: 100% !important; position: relative; } .alpha-banner-24 .right-section{ background-image: none; padding: 50px 15px; justify-content: space-between; } .proxmity-banner-24{ background-image: url('/web/assets/shop-new/images/black-friday-24/proxmity-banner-mbl.png'); background-size: cover; width: 100%; height: 100% !important; position: relative; } .proxmity-banner-24 .right-section{ background-image: none; padding: 50px 15px; justify-content: space-between; } } @media only screen and (min-width: 768px) { .product-banner-opicity{ background: rgba(0, 0, 0, 0.5); height: 240px; } .contactus-banner-opicity{ background: rgba(0, 0, 0, 0.5); height: 250px; } .image-banner-opicity { background: rgb(0, 0, 0, 0.5); height: 220px; } } .hidden-comment { display: none; }